初始化项目, 添加TDesign等包
This commit is contained in:
18
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts
vendored
Normal file
18
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
import { SuperComponent } from '../common/src/index';
|
||||
export default class Divider extends SuperComponent {
|
||||
externalClasses: string[];
|
||||
options: {
|
||||
multipleSlots: boolean;
|
||||
};
|
||||
properties: import("./type").TdDividerProps;
|
||||
data: {
|
||||
prefix: string;
|
||||
classPrefix: string;
|
||||
};
|
||||
observers: {
|
||||
lineColor(): void;
|
||||
};
|
||||
methods: {
|
||||
setStyle(): void;
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-divider`;let Divider=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`],this.options={multipleSlots:!0},this.properties=props,this.data={prefix:prefix,classPrefix:name},this.observers={lineColor(){this.setStyle()}},this.methods={setStyle(){const{lineColor:e}=this.properties,o=""+(e?`border-color: ${e};`:"");this.setData({dividerStyle:o})}}}};Divider=__decorate([wxComponent()],Divider);export default Divider;
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"styleIsolation":"apply-shared"}
|
||||
@@ -0,0 +1 @@
|
||||
<wxs src="../common/utils.wxs" module="_"/><view class="{{layout==='vertical'? classPrefix + '--vertical-center' : ''}}"><view class="{{classPrefix}} class {{prefix}}-class {{classPrefix}}--{{layout}} {{classPrefix}}--{{align}} {{dashed? classPrefix + '--dashed' : ''}}" style="{{_._style([dividerStyle, style, customStyle])}}"><view class="{{prefix}}-class-content {{classPrefix}}__content"><view wx:if="{{content}}">{{content}}</view><slot wx:else name="content"/></view></view></view>
|
||||
@@ -0,0 +1,11 @@
|
||||
@import '../common/style/index.wxss';.t-divider{display:flex;color:var(--td-divider-color,var(--td-bg-color-component,var(--td-gray-color-3,#e7e7e7)));border-color:var(--td-divider-color,var(--td-bg-color-component,var(--td-gray-color-3,#e7e7e7)));border-style:var(--td-divider-content-line-style,solid);border-width:0;}
|
||||
.t-divider::after,.t-divider::before{content:'';display:block;flex:1;box-sizing:border-box;border:inherit;border-color:inherit;border-style:inherit;}
|
||||
.t-divider--horizontal{align-items:center;margin:var(--td-divider-horizontal-margin,20rpx) 0;}
|
||||
.t-divider--horizontal::after,.t-divider--horizontal::before{border-top-width:var(--td-divider-border-width,2rpx);transform:scaleY(.5);transform-origin:center;}
|
||||
.t-divider--horizontal .t-divider__content:not(:empty){margin:0 var(--td-divider-content-margin,var(--td-spacer-1,24rpx));}
|
||||
.t-divider--vertical{flex-direction:column;height:28rpx;margin:0 var(--td-divider-vertical-margin,var(--td-spacer,16rpx));}
|
||||
.t-divider--vertical::after,.t-divider--vertical::before{border-left-width:var(--td-divider-border-width,2rpx);transform:scaleX(.5);transform-origin:center;}
|
||||
.t-divider--vertical-center{align-items:center;height:100%;}
|
||||
.t-divider--dashed{border-style:dashed;}
|
||||
.t-divider__content{font-size:var(--td-divider-content-font-size,var(--td-font-size-s,24rpx));line-height:var(--td-divider-content-line-height,40rpx);color:var(--td-divider-content-color,var(--td-text-color-placeholder,var(--td-font-gray-3,rgba(0,0,0,.4))));}
|
||||
.t-divider--left::before,.t-divider--right::after{max-width:60rpx;}
|
||||
3
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/props.d.ts
vendored
Normal file
3
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/props.d.ts
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import { TdDividerProps } from './type';
|
||||
declare const props: TdDividerProps;
|
||||
export default props;
|
||||
@@ -0,0 +1 @@
|
||||
const props={align:{type:String,value:"center"},content:{type:String},dashed:{type:Boolean,value:!1},layout:{type:String,value:"horizontal"}};export default props;
|
||||
18
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts
vendored
Normal file
18
miniprogram/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
export interface TdDividerProps {
|
||||
align?: {
|
||||
type: StringConstructor;
|
||||
value?: 'left' | 'right' | 'center';
|
||||
};
|
||||
content?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
dashed?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
layout?: {
|
||||
type: StringConstructor;
|
||||
value?: 'horizontal' | 'vertical';
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export{};
|
||||
Reference in New Issue
Block a user