@cloudbase/weda-ui 3.13.7 → 3.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -79,7 +79,7 @@ declare const config: {
79
79
  yAxisMax: import("@sinclair/typebox").TNumber;
80
80
  yAxisMin: import("@sinclair/typebox").TNumber;
81
81
  isYAxisName: import("@sinclair/typebox").TBoolean;
82
- yAxisName: import("@sinclair/typebox").TBoolean;
82
+ yAxisName: import("@sinclair/typebox").TString;
83
83
  isYAxisShow: import("@sinclair/typebox").TBoolean;
84
84
  dataTagShow: import("@sinclair/typebox").TNever;
85
85
  isSeriesShowSymbol: import("@sinclair/typebox").TBoolean;
@@ -905,7 +905,7 @@ const data = Type.Object({
905
905
  },
906
906
  ],
907
907
  }),
908
- yAxisName: Type.Boolean({
908
+ yAxisName: Type.String({
909
909
  title: '名称',
910
910
  type: 'string',
911
911
  default: '',
@@ -75,6 +75,128 @@
75
75
  "x-index": 9,
76
76
  "x-category": "高级属性",
77
77
  "description": "开启/关闭轮播图锚点"
78
+ },
79
+ "layoutType": {
80
+ "title": "渲染模式",
81
+ "default": "normal",
82
+ "type": "string",
83
+ "x-index": 10,
84
+ "x-category": "高级属性",
85
+ "description": "渲染模式,小程序 Skyline 特有属性",
86
+ "enum": [
87
+ {
88
+ "value": "normal",
89
+ "label": "默认方式"
90
+ },
91
+ {
92
+ "value": "stackLeft",
93
+ "label": "左向堆叠"
94
+ },
95
+ {
96
+ "value": "stackRight",
97
+ "label": "右向堆叠"
98
+ },
99
+ {
100
+ "value": "tinder",
101
+ "label": "滑动卡片"
102
+ },
103
+ {
104
+ "value": "transformer",
105
+ "label": "过渡动画"
106
+ }
107
+ ],
108
+ "x-linkages": [
109
+ {
110
+ "type": "value:visible",
111
+ "target": "transformType",
112
+ "condition": "{{$self.value=='transformer'}}"
113
+ }
114
+ ],
115
+ "x-platforms": ["MP"]
116
+ },
117
+ "transformType": {
118
+ "title": "指定动画类型",
119
+ "default": "scaleAndFade",
120
+ "type": "string",
121
+ "x-index": 11,
122
+ "x-category": "高级属性",
123
+ "description": "layout-type 为 transformer 时指定动画类型,小程序 Skyline 特有属性",
124
+ "enum": [
125
+ {
126
+ "value": "scaleAndFade",
127
+ "label": "scaleAndFade"
128
+ },
129
+ {
130
+ "value": "accordion",
131
+ "label": "accordion"
132
+ },
133
+ {
134
+ "value": "threeD",
135
+ "label": "threeD"
136
+ },
137
+ {
138
+ "value": "zoomIn",
139
+ "label": "zoomIn"
140
+ },
141
+ {
142
+ "value": "zoomOut",
143
+ "label": "zoomOut"
144
+ },
145
+ {
146
+ "value": "deepthPage",
147
+ "label": "deepthPage"
148
+ }
149
+ ],
150
+ "x-platforms": ["MP"]
151
+ },
152
+ "previousMargin": {
153
+ "title": "前边距",
154
+ "type": "string",
155
+ "default": "0px",
156
+ "x-index": 12,
157
+ "x-category": "高级属性",
158
+ "description": "前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值",
159
+ "x-platforms": ["MP"]
160
+ },
161
+ "nextMargin": {
162
+ "title": "后边距",
163
+ "type": "string",
164
+ "default": "0px",
165
+ "x-index": 13,
166
+ "x-category": "高级属性",
167
+ "description": "后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值。skyline 于 3.5.1 版本支持",
168
+ "x-platforms": ["MP"]
169
+ },
170
+ "easingFunction": {
171
+ "title": "缓动动画类型",
172
+ "type": "string",
173
+ "default": "default",
174
+ "x-index": 14,
175
+ "x-category": "高级属性",
176
+ "description": "指定 swiper 切换缓动动画类型",
177
+ "x-platforms": ["MP"],
178
+ "enum": [
179
+ {
180
+ "value": "default",
181
+ "label": "默认缓动函数"
182
+ },
183
+ {
184
+ "value": "linear",
185
+ "label": "线性动画"
186
+ },
187
+ {
188
+ "value": "easeInCubic",
189
+ "label": "缓入动画"
190
+ },
191
+ {
192
+ "value": "easeOutCubic",
193
+ "label": "缓出动画"
194
+ },
195
+ {
196
+ "value": "easeInOutCubic",
197
+ "label": "缓入缓出动画"
198
+ }
199
+ ]
78
200
  }
79
201
  }
80
202
  },
@@ -28,6 +28,9 @@ declare const data: import("@sinclair/typebox").TObject<{
28
28
  color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
29
29
  }>>;
30
30
  }>>;
31
+ customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
32
+ openPage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
33
+ logoPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
31
34
  }>;
32
35
  declare const config: {
33
36
  readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
@@ -59,6 +62,9 @@ declare const config: {
59
62
  color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
60
63
  }>>;
61
64
  }>>;
65
+ customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
66
+ openPage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
67
+ logoPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
62
68
  }>;
63
69
  readonly classes: readonly [];
64
70
  readonly methods: readonly [];
@@ -52,6 +52,41 @@ const data = Type.Partial(Type.Object({
52
52
  'x-component': 'jsontext',
53
53
  'x-helper-text': '自定义样式,可参考[微信小店文档](https://developers.weixin.qq.com/miniprogram/dev/component/store-product.html)',
54
54
  }),
55
+ customContent: Type.Boolean({
56
+ default: false,
57
+ title: '开启自定义插槽',
58
+ 'x-category': '通用',
59
+ 'x-index': 60,
60
+ description: '开启自定义插槽。开启后可自行控制卡片内容。',
61
+ 'x-linkages': [
62
+ {
63
+ type: 'value:visible',
64
+ target: '*(openPage,logoPosition)',
65
+ condition: '{{$self.value}}',
66
+ },
67
+ ],
68
+ }),
69
+ openPage: Type.StringEnum({
70
+ title: '跳转页面',
71
+ 'x-category': '通用',
72
+ 'x-index': 70,
73
+ 'x-helper-text': '设置点击打开的页面(同时开启 custom-content 属性后生效)。',
74
+ enum: [
75
+ { label: '商品详情页', value: 'product-detail' },
76
+ { label: '下单页', value: 'buy' },
77
+ ],
78
+ }),
79
+ logoPosition: Type.String({
80
+ title: 'logo位置',
81
+ 'x-category': '通用',
82
+ 'x-index': 80,
83
+ 'x-helper-text': '设置小店标识的位置,不允许隐藏(同时开启 custom-content 属性后生效)。',
84
+ default: 'bottom-left',
85
+ enum: [
86
+ { label: '左下方', value: 'bottom-left' },
87
+ { label: '右下方', value: 'bottom-right' },
88
+ ],
89
+ }),
55
90
  }));
56
91
  const config = defineConfig({
57
92
  $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -86,7 +86,8 @@ declare const config: {
86
86
  }, {
87
87
  readonly name: "内容区域";
88
88
  readonly selector: ".wd-top-tab-root .wd-tabs__body";
89
- readonly description: "可以为顶部选项卡内容区域编写样式";
89
+ readonly description: "可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面";
90
+ readonly code: ".wd-top-tab-root .wd-tabs__body {\n /* 设置顶部选项卡内容区域高度撑满页面 */\n /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/\n height: calc(100vh - 48px);\n overflow: auto;\n }\n ";
90
91
  }, {
91
92
  readonly name: "选项卡超长自动滑动遮罩";
92
93
  readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
@@ -396,7 +396,14 @@ const config = defineConfig({
396
396
  {
397
397
  name: '内容区域',
398
398
  selector: '.wd-top-tab-root .wd-tabs__body',
399
- description: '可以为顶部选项卡内容区域编写样式',
399
+ description: '可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面',
400
+ code: `.wd-top-tab-root .wd-tabs__body {
401
+ /* 设置顶部选项卡内容区域高度撑满页面 */
402
+ /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/
403
+ height: calc(100vh - 48px);
404
+ overflow: auto;
405
+ }
406
+ `,
400
407
  },
401
408
  {
402
409
  name: '选项卡超长自动滑动遮罩',
@@ -29,6 +29,9 @@ export declare const components: {
29
29
  color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
30
30
  }>>;
31
31
  }>>;
32
+ customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
33
+ openPage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
34
+ logoPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
32
35
  }>;
33
36
  readonly classes: readonly [];
34
37
  readonly methods: readonly [];
@@ -6481,6 +6484,68 @@ export declare const components: {
6481
6484
  "x-category": string;
6482
6485
  description: string;
6483
6486
  };
6487
+ layoutType: {
6488
+ title: string;
6489
+ default: string;
6490
+ type: string;
6491
+ "x-index": number;
6492
+ "x-category": string;
6493
+ description: string;
6494
+ enum: {
6495
+ value: string;
6496
+ label: string;
6497
+ }[];
6498
+ "x-linkages": {
6499
+ type: string;
6500
+ target: string;
6501
+ condition: string;
6502
+ }[];
6503
+ "x-platforms": string[];
6504
+ };
6505
+ transformType: {
6506
+ title: string;
6507
+ default: string;
6508
+ type: string;
6509
+ "x-index": number;
6510
+ "x-category": string;
6511
+ description: string;
6512
+ enum: {
6513
+ value: string;
6514
+ label: string;
6515
+ }[];
6516
+ "x-platforms": string[];
6517
+ };
6518
+ previousMargin: {
6519
+ title: string;
6520
+ type: string;
6521
+ default: string;
6522
+ "x-index": number;
6523
+ "x-category": string;
6524
+ description: string;
6525
+ "x-platforms": string[];
6526
+ };
6527
+ nextMargin: {
6528
+ title: string;
6529
+ type: string;
6530
+ default: string;
6531
+ "x-index": number;
6532
+ "x-category": string;
6533
+ description: string;
6534
+ "x-platforms": string[];
6535
+ };
6536
+ easingFunction: {
6537
+ title: string;
6538
+ type: string;
6539
+ default: string;
6540
+ "x-index": number;
6541
+ "x-category": string;
6542
+ description: string;
6543
+ "x-platforms": string[];
6544
+ enum: {
6545
+ value: string;
6546
+ label: string;
6547
+ }[];
6548
+ };
6484
6549
  };
6485
6550
  };
6486
6551
  events: {
@@ -8208,7 +8273,7 @@ export declare const components: {
8208
8273
  yAxisMax: import("@sinclair/typebox").TNumber;
8209
8274
  yAxisMin: import("@sinclair/typebox").TNumber;
8210
8275
  isYAxisName: import("@sinclair/typebox").TBoolean;
8211
- yAxisName: import("@sinclair/typebox").TBoolean;
8276
+ yAxisName: import("@sinclair/typebox").TString;
8212
8277
  isYAxisShow: import("@sinclair/typebox").TBoolean;
8213
8278
  dataTagShow: import("@sinclair/typebox").TNever;
8214
8279
  isSeriesShowSymbol: import("@sinclair/typebox").TBoolean;
@@ -12580,7 +12645,8 @@ export declare const components: {
12580
12645
  }, {
12581
12646
  readonly name: "内容区域";
12582
12647
  readonly selector: ".wd-top-tab-root .wd-tabs__body";
12583
- readonly description: "可以为顶部选项卡内容区域编写样式";
12648
+ readonly description: "可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面";
12649
+ readonly code: ".wd-top-tab-root .wd-tabs__body {\n /* 设置顶部选项卡内容区域高度撑满页面 */\n /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/\n height: calc(100vh - 48px);\n overflow: auto;\n }\n ";
12584
12650
  }, {
12585
12651
  readonly name: "选项卡超长自动滑动遮罩";
12586
12652
  readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
@@ -19080,6 +19146,9 @@ declare const _default: {
19080
19146
  color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
19081
19147
  }>>;
19082
19148
  }>>;
19149
+ customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
19150
+ openPage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
19151
+ logoPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
19083
19152
  }>;
19084
19153
  readonly classes: readonly [];
19085
19154
  readonly methods: readonly [];
@@ -25532,6 +25601,68 @@ declare const _default: {
25532
25601
  "x-category": string;
25533
25602
  description: string;
25534
25603
  };
25604
+ layoutType: {
25605
+ title: string;
25606
+ default: string;
25607
+ type: string;
25608
+ "x-index": number;
25609
+ "x-category": string;
25610
+ description: string;
25611
+ enum: {
25612
+ value: string;
25613
+ label: string;
25614
+ }[];
25615
+ "x-linkages": {
25616
+ type: string;
25617
+ target: string;
25618
+ condition: string;
25619
+ }[];
25620
+ "x-platforms": string[];
25621
+ };
25622
+ transformType: {
25623
+ title: string;
25624
+ default: string;
25625
+ type: string;
25626
+ "x-index": number;
25627
+ "x-category": string;
25628
+ description: string;
25629
+ enum: {
25630
+ value: string;
25631
+ label: string;
25632
+ }[];
25633
+ "x-platforms": string[];
25634
+ };
25635
+ previousMargin: {
25636
+ title: string;
25637
+ type: string;
25638
+ default: string;
25639
+ "x-index": number;
25640
+ "x-category": string;
25641
+ description: string;
25642
+ "x-platforms": string[];
25643
+ };
25644
+ nextMargin: {
25645
+ title: string;
25646
+ type: string;
25647
+ default: string;
25648
+ "x-index": number;
25649
+ "x-category": string;
25650
+ description: string;
25651
+ "x-platforms": string[];
25652
+ };
25653
+ easingFunction: {
25654
+ title: string;
25655
+ type: string;
25656
+ default: string;
25657
+ "x-index": number;
25658
+ "x-category": string;
25659
+ description: string;
25660
+ "x-platforms": string[];
25661
+ enum: {
25662
+ value: string;
25663
+ label: string;
25664
+ }[];
25665
+ };
25535
25666
  };
25536
25667
  };
25537
25668
  events: {
@@ -27259,7 +27390,7 @@ declare const _default: {
27259
27390
  yAxisMax: import("@sinclair/typebox").TNumber;
27260
27391
  yAxisMin: import("@sinclair/typebox").TNumber;
27261
27392
  isYAxisName: import("@sinclair/typebox").TBoolean;
27262
- yAxisName: import("@sinclair/typebox").TBoolean;
27393
+ yAxisName: import("@sinclair/typebox").TString;
27263
27394
  isYAxisShow: import("@sinclair/typebox").TBoolean;
27264
27395
  dataTagShow: import("@sinclair/typebox").TNever;
27265
27396
  isSeriesShowSymbol: import("@sinclair/typebox").TBoolean;
@@ -31631,7 +31762,8 @@ declare const _default: {
31631
31762
  }, {
31632
31763
  readonly name: "内容区域";
31633
31764
  readonly selector: ".wd-top-tab-root .wd-tabs__body";
31634
- readonly description: "可以为顶部选项卡内容区域编写样式";
31765
+ readonly description: "可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面";
31766
+ readonly code: ".wd-top-tab-root .wd-tabs__body {\n /* 设置顶部选项卡内容区域高度撑满页面 */\n /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/\n height: calc(100vh - 48px);\n overflow: auto;\n }\n ";
31635
31767
  }, {
31636
31768
  readonly name: "选项卡超长自动滑动遮罩";
31637
31769
  readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
@@ -1499,6 +1499,23 @@ body .wd-h5-root {
1499
1499
  bottom: 0;
1500
1500
  width: 80%;
1501
1501
  margin: 0 auto;
1502
+ display: flex;
1503
+ align-items: center;
1504
+ justify-content: center;
1505
+ }
1506
+
1507
+ .wd-pc-image-preview {
1508
+ max-width: 80%;
1509
+ max-height: 80%;
1510
+ margin-top: 50px;
1511
+ }
1512
+
1513
+ .wd-image-preview-img {
1514
+ max-width: 100%;
1515
+ max-height: 100%;
1516
+ background-size: contain;
1517
+ background-position: center center;
1518
+ background-repeat: no-repeat;
1502
1519
  }
1503
1520
 
1504
1521
  .wd-image-mask {
@@ -2691,6 +2708,7 @@ _:-ms-lang(x)::backdrop,
2691
2708
  cursor: pointer;
2692
2709
  display: flex;
2693
2710
  align-items: center;
2711
+ flex-grow: 1;
2694
2712
  }
2695
2713
  .wd-table__sortbtn .wd-table__headerop {
2696
2714
  max-width: calc(100% - var(--wd-space-base) * 6);