@cloudbase/weda-ui 3.18.8 → 3.19.1

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.
Files changed (41) hide show
  1. package/dist/configs/components/chart/bar.js +0 -62
  2. package/dist/configs/components/chart/line.js +0 -62
  3. package/dist/configs/components/chart/pie.js +0 -62
  4. package/dist/configs/components/chart/statisticsCard.json +3 -52
  5. package/dist/configs/components/lottery.d.ts +2 -0
  6. package/dist/configs/components/lottery.js +6 -1
  7. package/dist/configs/components/wd-checkbox.d.ts +4 -1
  8. package/dist/configs/components/wd-checkbox.js +15 -1
  9. package/dist/configs/components/wd-image.js +1 -0
  10. package/dist/configs/components/wd-radio.d.ts +4 -1
  11. package/dist/configs/components/wd-radio.js +4 -0
  12. package/dist/configs/components/wd-select-multiple.d.ts +4 -1
  13. package/dist/configs/components/wd-select-multiple.js +11 -1
  14. package/dist/configs/components/wd-select.d.ts +4 -1
  15. package/dist/configs/components/wd-table.d.ts +16 -0
  16. package/dist/configs/components/wd-table.js +19 -2
  17. package/dist/configs/components/wd-tag-select.d.ts +4 -1
  18. package/dist/configs/components/wd-tag-select.js +11 -1
  19. package/dist/configs/components/wd-top-tab.d.ts +6 -1
  20. package/dist/configs/components/wd-top-tab.js +16 -1
  21. package/dist/configs/components/wd-tree.d.ts +33 -0
  22. package/dist/configs/components/wd-tree.js +58 -0
  23. package/dist/configs/index.d.ts +112 -36
  24. package/dist/configs/type-utils/type-form.d.ts +8 -2
  25. package/dist/configs/type-utils/type-form.js +8 -1
  26. package/dist/style/index.css +2 -1
  27. package/dist/style/index.scss +1 -1
  28. package/dist/style/weda-ui.min.css +2 -2
  29. package/dist/web/components/customer-service/customer-service.js +4 -3
  30. package/dist/web/components/lottery/index.d.ts +1 -0
  31. package/dist/web/components/lottery/index.js +19 -47
  32. package/dist/web/components/lottery/lotteryUtil.d.ts +1 -1
  33. package/dist/web/components/lottery/lotteryUtil.js +4 -5
  34. package/dist/web/components/wd-table/components/ExportFileModalByApi/index.js +1 -1
  35. package/dist/web/components/wd-table/hooks/useTableData.js +8 -3
  36. package/dist/web/components/wd-table/wd-table.js +4 -0
  37. package/dist/web/components/wd-tree/utils.d.ts +29 -3
  38. package/dist/web/components/wd-tree/utils.js +26 -12
  39. package/dist/web/components/wd-tree/wd-tree.d.ts +1 -0
  40. package/dist/web/components/wd-tree/wd-tree.js +65 -40
  41. package/package.json +5 -5
@@ -502,30 +502,6 @@ const data = Type.Object({
502
502
  'x-component-props': {
503
503
  dataSourceNamePropKey: 'dataModel',
504
504
  customRelOptions: {
505
- string: [
506
- {
507
- value: 'eq',
508
- text: '等于',
509
- },
510
- {
511
- value: 'neq',
512
- text: '不等于',
513
- },
514
- {
515
- value: 'in',
516
- text: '包含',
517
- },
518
- {
519
- value: 'nin',
520
- text: '不包含',
521
- },
522
- ],
523
- boolean: [
524
- {
525
- value: 'eq',
526
- text: '等于',
527
- },
528
- ],
529
505
  number: [
530
506
  {
531
507
  value: 'eq',
@@ -558,44 +534,6 @@ const data = Type.Object({
558
534
  type: 'less_or_equal',
559
535
  },
560
536
  ],
561
- array: [
562
- {
563
- value: 'eq',
564
- text: '等于',
565
- },
566
- {
567
- value: 'in',
568
- text: '包含',
569
- },
570
- ],
571
- object: [
572
- {
573
- value: 'eq',
574
- text: '等于',
575
- },
576
- {
577
- value: 'in',
578
- text: '包含',
579
- },
580
- ],
581
- keyVarType: [
582
- {
583
- value: 'eq',
584
- text: '等于',
585
- },
586
- {
587
- value: 'neq',
588
- text: '不等于',
589
- },
590
- {
591
- value: 'gt',
592
- text: '大于',
593
- },
594
- {
595
- value: 'lt',
596
- text: '小于',
597
- },
598
- ],
599
537
  },
600
538
  },
601
539
  'x-props': {
@@ -442,30 +442,6 @@ const data = Type.Object({
442
442
  'x-component-props': {
443
443
  dataSourceNamePropKey: 'dataModel',
444
444
  customRelOptions: {
445
- string: [
446
- {
447
- value: 'eq',
448
- text: '等于',
449
- },
450
- {
451
- value: 'neq',
452
- text: '不等于',
453
- },
454
- {
455
- value: 'in',
456
- text: '包含',
457
- },
458
- {
459
- value: 'nin',
460
- text: '不包含',
461
- },
462
- ],
463
- boolean: [
464
- {
465
- value: 'eq',
466
- text: '等于',
467
- },
468
- ],
469
445
  number: [
470
446
  {
471
447
  value: 'eq',
@@ -498,44 +474,6 @@ const data = Type.Object({
498
474
  type: 'less_or_equal',
499
475
  },
500
476
  ],
501
- array: [
502
- {
503
- value: 'eq',
504
- text: '等于',
505
- },
506
- {
507
- value: 'in',
508
- text: '包含',
509
- },
510
- ],
511
- object: [
512
- {
513
- value: 'eq',
514
- text: '等于',
515
- },
516
- {
517
- value: 'in',
518
- text: '包含',
519
- },
520
- ],
521
- keyVarType: [
522
- {
523
- value: 'eq',
524
- text: '等于',
525
- },
526
- {
527
- value: 'neq',
528
- text: '不等于',
529
- },
530
- {
531
- value: 'gt',
532
- text: '大于',
533
- },
534
- {
535
- value: 'lt',
536
- text: '小于',
537
- },
538
- ],
539
477
  },
540
478
  },
541
479
  'x-props': {
@@ -437,30 +437,6 @@ const data = Type.Object({
437
437
  'x-component-props': {
438
438
  dataSourceNamePropKey: 'dataModel',
439
439
  customRelOptions: {
440
- string: [
441
- {
442
- value: 'eq',
443
- text: '等于',
444
- },
445
- {
446
- value: 'neq',
447
- text: '不等于',
448
- },
449
- {
450
- value: 'in',
451
- text: '包含',
452
- },
453
- {
454
- value: 'nin',
455
- text: '不包含',
456
- },
457
- ],
458
- boolean: [
459
- {
460
- value: 'eq',
461
- text: '等于',
462
- },
463
- ],
464
440
  number: [
465
441
  {
466
442
  value: 'eq',
@@ -493,44 +469,6 @@ const data = Type.Object({
493
469
  type: 'less_or_equal',
494
470
  },
495
471
  ],
496
- array: [
497
- {
498
- value: 'eq',
499
- text: '等于',
500
- },
501
- {
502
- value: 'in',
503
- text: '包含',
504
- },
505
- ],
506
- object: [
507
- {
508
- value: 'eq',
509
- text: '等于',
510
- },
511
- {
512
- value: 'in',
513
- text: '包含',
514
- },
515
- ],
516
- keyVarType: [
517
- {
518
- value: 'eq',
519
- text: '等于',
520
- },
521
- {
522
- value: 'neq',
523
- text: '不等于',
524
- },
525
- {
526
- value: 'gt',
527
- text: '大于',
528
- },
529
- {
530
- value: 'lt',
531
- text: '小于',
532
- },
533
- ],
534
472
  },
535
473
  },
536
474
  'x-props': {
@@ -66,18 +66,14 @@
66
66
  }
67
67
  }
68
68
  },
69
- "required": [
70
- "Value"
71
- ]
69
+ "required": ["Value"]
72
70
  }
73
71
  }
74
72
  }
75
73
  }
76
74
  }
77
75
  },
78
- "required": [
79
- "result"
80
- ]
76
+ "required": ["result"]
81
77
  }
82
78
  }
83
79
  }
@@ -117,54 +113,9 @@
117
113
  "x-component-props": {
118
114
  "dataSourceNamePropKey": "dataSource",
119
115
  "blackListConfig": {
120
- "type": [
121
- "object",
122
- "array"
123
- ]
116
+ "type": ["object", "array"]
124
117
  },
125
118
  "customRelOptions": {
126
- "string": [
127
- {
128
- "text": "等于",
129
- "value": "eq"
130
- },
131
- {
132
- "text": "不等于",
133
- "value": "neq"
134
- },
135
- {
136
- "text": "包含",
137
- "value": "in"
138
- },
139
- {
140
- "text": "不包含",
141
- "value": "nin"
142
- }
143
- ],
144
- "boolean": [
145
- {
146
- "text": "等于",
147
- "value": "eq"
148
- }
149
- ],
150
- "keyVarType": [
151
- {
152
- "value": "eq",
153
- "text": "等于"
154
- },
155
- {
156
- "value": "neq",
157
- "text": "不等于"
158
- },
159
- {
160
- "value": "gt",
161
- "text": "大于"
162
- },
163
- {
164
- "value": "lt",
165
- "text": "小于"
166
- }
167
- ],
168
119
  "number": [
169
120
  {
170
121
  "text": "等于",
@@ -5,6 +5,7 @@ declare const data: import("@sinclair/typebox").TObject<{
5
5
  image: import("@sinclair/typebox").TString;
6
6
  }>>;
7
7
  enablePrize: import("@sinclair/typebox").TBoolean;
8
+ duration: import("@sinclair/typebox").TNumber;
8
9
  prizeResult: import("@sinclair/typebox").TUnsafe<string>;
9
10
  }>;
10
11
  declare const events: [{
@@ -29,6 +30,7 @@ declare const config: {
29
30
  image: import("@sinclair/typebox").TString;
30
31
  }>>;
31
32
  enablePrize: import("@sinclair/typebox").TBoolean;
33
+ duration: import("@sinclair/typebox").TNumber;
32
34
  prizeResult: import("@sinclair/typebox").TUnsafe<string>;
33
35
  }>;
34
36
  readonly events: [{
@@ -86,10 +86,15 @@ const data = Type.Object({
86
86
  'x-index': 20,
87
87
  default: true,
88
88
  }),
89
+ duration: Type.Number({
90
+ title: '抽奖时长',
91
+ 'x-index': 30,
92
+ 'x-runtime-default': 2000,
93
+ }),
89
94
  prizeResult: Type.StringEnum({
90
95
  type: 'string',
91
96
  title: '抽奖结果',
92
- 'x-index': 30,
97
+ 'x-index': 40,
93
98
  default: '1',
94
99
  'x-helper-text': '以左上角为起始位置,顺时针确定8个奖品位置分别1-8',
95
100
  enum: [
@@ -70,7 +70,10 @@ declare const config: {
70
70
  visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
71
71
  readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
72
72
  selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
73
- item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
73
+ item: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
74
+ label: import("@sinclair/typebox").TString;
75
+ value: import("@sinclair/typebox").TString;
76
+ }>>;
74
77
  }>;
75
78
  readonly classes: {
76
79
  name: string;
@@ -128,11 +128,15 @@ const data = Type.Object({
128
128
  type: 'string',
129
129
  title: '选项名称',
130
130
  default: '选项1',
131
+ description: '用于作为选项展示的文本',
132
+ 'x-helper-text': '用于作为选项展示的文本',
131
133
  },
132
134
  value: {
133
135
  type: 'string',
134
136
  title: '选项值',
135
137
  default: '1',
138
+ description: '选项的值,一般用于表单提交对应字段的存储值',
139
+ 'x-helper-text': '选项的值,一般用于表单提交对应字段的存储值',
136
140
  },
137
141
  disabled: {
138
142
  type: 'boolean',
@@ -273,7 +277,17 @@ const data = Type.Object({
273
277
  });
274
278
  const properties = Type.Composite([
275
279
  Type.Pick(data, ['name', 'label', 'value', 'required']),
276
- Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel', 'item']),
280
+ Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel']),
281
+ Type.Object({
282
+ item: Type.Array(Type.Object({
283
+ label: Type.String({ title: 'label' }),
284
+ value: Type.String({ title: 'value' }),
285
+ }), {
286
+ title: '选中项',
287
+ description: '选中项对应的对象',
288
+ 'x-platforms': [],
289
+ }),
290
+ }),
277
291
  ]);
278
292
  const CLASSES = getClasses('checkbox');
279
293
  const classes = [
@@ -5,6 +5,7 @@ const data = Type.Object({
5
5
  type: 'string',
6
6
  default: 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg',
7
7
  description: '更改需要展示的图片',
8
+ 'x-helper-text': '图片地址支持云存储cloudID或https协议地址',
8
9
  'x-category': '基础属性',
9
10
  'x-index': 1,
10
11
  'x-component': 'image',
@@ -70,7 +70,10 @@ declare const config: {
70
70
  visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
71
71
  readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
72
72
  selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
73
- item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
73
+ item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
74
+ label: import("@sinclair/typebox").TString;
75
+ value: import("@sinclair/typebox").TString;
76
+ }>>;
74
77
  }>;
75
78
  readonly classes: {
76
79
  name: string;
@@ -124,11 +124,15 @@ const data = Type.Object({
124
124
  type: 'string',
125
125
  title: '选项名称',
126
126
  default: '选项1',
127
+ description: '用于作为选项展示的文本',
128
+ 'x-helper-text': '用于作为选项展示的文本',
127
129
  },
128
130
  value: {
129
131
  type: 'string',
130
132
  title: '选项值',
131
133
  default: '1',
134
+ description: '选项的值,一般用于表单提交对应字段的存储值',
135
+ 'x-helper-text': '选项的值,一般用于表单提交对应字段的存储值',
132
136
  },
133
137
  disabled: {
134
138
  type: 'boolean',
@@ -163,7 +163,10 @@ declare const config: {
163
163
  after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
164
164
  before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
165
165
  selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
166
- item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
166
+ item: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
167
+ label: import("@sinclair/typebox").TString;
168
+ value: import("@sinclair/typebox").TString;
169
+ }>>;
167
170
  }>;
168
171
  readonly classes: {
169
172
  name: string;
@@ -330,7 +330,17 @@ const data = Type.Partial(Type.Object({
330
330
  }));
331
331
  const properties = Type.Composite([
332
332
  Type.Pick(data, ['name', 'label', 'value', 'required', 'before', 'after']),
333
- Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel', 'item']),
333
+ Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel']),
334
+ Type.Object({
335
+ item: Type.Array(Type.Object({
336
+ label: Type.String({ title: 'label' }),
337
+ value: Type.String({ title: 'value' }),
338
+ }), {
339
+ title: '选中项',
340
+ description: '选中项对应的对象',
341
+ 'x-platforms': [],
342
+ }),
343
+ }),
334
344
  ]);
335
345
  const CLASSES = getClasses('select-multiple', { kind: '选择框' });
336
346
  const classes = [
@@ -164,7 +164,10 @@ declare const config: {
164
164
  visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
165
165
  readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
166
166
  selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
167
- item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
167
+ item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
168
+ label: import("@sinclair/typebox").TString;
169
+ value: import("@sinclair/typebox").TString;
170
+ }>>;
168
171
  }>;
169
172
  readonly classes: {
170
173
  name: string;
@@ -352,6 +352,14 @@ declare const config: {
352
352
  readonly label: "清空选中项";
353
353
  readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
354
354
  readonly description: "清空选中项";
355
+ }, {
356
+ readonly name: "setSelectedKeys";
357
+ readonly label: "设置行选中";
358
+ readonly params: import("@sinclair/typebox").TObject<{
359
+ selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
360
+ }>;
361
+ readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
362
+ readonly description: "设置行选中";
355
363
  }];
356
364
  readonly events: readonly [{
357
365
  readonly title: "点击表格行";
@@ -675,4 +683,12 @@ export declare const methods: readonly [{
675
683
  readonly label: "清空选中项";
676
684
  readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
677
685
  readonly description: "清空选中项";
686
+ }, {
687
+ readonly name: "setSelectedKeys";
688
+ readonly label: "设置行选中";
689
+ readonly params: import("@sinclair/typebox").TObject<{
690
+ selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
691
+ }>;
692
+ readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
693
+ readonly description: "设置行选中";
678
694
  }];
@@ -488,12 +488,12 @@ const data = Type.Object({
488
488
  {
489
489
  type: 'value:visible',
490
490
  target: 'dataForm.isSort',
491
- condition: '{{ Boolean($self.value) && !Boolean($form.values.dataForm.isRelated) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one") && Boolean($form.values.dataForm.format!=="many-one") }}',
491
+ condition: '{{ Boolean($self.value) && !Boolean($form.values.dataForm.isRelated) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one") && Boolean($form.values.dataForm.format!=="many-one") && Boolean($form.values.dataForm.format!=="one-one-r") }}',
492
492
  },
493
493
  {
494
494
  type: 'value:visible',
495
495
  target: 'dataForm.isExport',
496
- condition: '{{ Boolean($self.value) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one") && Boolean($form.values.dataForm.format!=="many-one") }}',
496
+ condition: '{{ Boolean($self.value) && Boolean($form.values.dataForm.format!=="one-many") && Boolean($form.values.dataForm.format!=="many-many") && Boolean($form.values.dataForm.format!=="one-one-r") }}',
497
497
  },
498
498
  ],
499
499
  }),
@@ -1267,6 +1267,7 @@ const data = Type.Object({
1267
1267
  default: true,
1268
1268
  'x-group': '表格列',
1269
1269
  description: '开启后,可拖拽按钮等组件,放入大纲树的操作列节点或表格的操作列区域',
1270
+ 'x-helper-text': 'h5端操作列区域以弹窗形式展示,[详情参考配置](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable#%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%85%8D%E7%BD%AE%E6%93%8D%E4%BD%9C%E5%88%97)',
1270
1271
  'x-linkages': [
1271
1272
  {
1272
1273
  type: 'value:visible',
@@ -1726,6 +1727,22 @@ const config = defineConfig({
1726
1727
  'x-platforms': ['MOBILEWEB', 'PCWEB'],
1727
1728
  description: '清空选中项',
1728
1729
  },
1730
+ {
1731
+ name: 'setSelectedKeys',
1732
+ label: '设置行选中',
1733
+ params: Type.Object({
1734
+ selectedKeys: Type.Array(Type.String({
1735
+ title: '数据标识',
1736
+ }), {
1737
+ title: '数据标识',
1738
+ default: [],
1739
+ description: '设置行选中。数据标识字段默认为_id,表达式场景可以通过数据主键来指定其他字段。默认示例:[id1,id2],其中id1和id2对应选中行数据标识。',
1740
+ 'x-helper-text': '设置行选中。数据标识字段默认为_id,表达式场景可以通过数据主键来指定其他字段。默认示例:[id1,id2],其中id1和id2对应选中行数据标识。',
1741
+ }),
1742
+ }),
1743
+ 'x-platforms': ['MOBILEWEB', 'PCWEB'],
1744
+ description: '设置行选中',
1745
+ },
1729
1746
  ],
1730
1747
  // 组件对外暴露事件
1731
1748
  events: [
@@ -89,7 +89,10 @@ declare const config: {
89
89
  value: import("@sinclair/typebox").TString;
90
90
  }>>>;
91
91
  selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
92
- item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
92
+ item: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
93
+ label: import("@sinclair/typebox").TString;
94
+ value: import("@sinclair/typebox").TString;
95
+ }>>;
93
96
  }>;
94
97
  readonly classes: {
95
98
  name: string;
@@ -34,7 +34,17 @@ const data = Type.Partial(Type.Object({
34
34
  }));
35
35
  const properties = Type.Composite([
36
36
  Type.Pick(data, ['name', 'value', 'label', 'required', 'range']),
37
- Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel', 'item']),
37
+ Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedLabel']),
38
+ Type.Object({
39
+ item: Type.Array(Type.Object({
40
+ label: Type.String({ title: 'label' }),
41
+ value: Type.String({ title: 'value' }),
42
+ }), {
43
+ title: '选中项',
44
+ description: '选中项对应的对象',
45
+ 'x-platforms': [],
46
+ }),
47
+ }),
38
48
  ]);
39
49
  const CLASSES = getClasses('tag-select');
40
50
  const classes = [
@@ -99,11 +99,16 @@ declare const config: {
99
99
  readonly name: "内容区域";
100
100
  readonly selector: ".wd-top-tab-root .wd-tabs__body";
101
101
  readonly description: "可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面";
102
- readonly code: ".wd-top-tab-root .wd-tabs__body {\n /* 设置顶部选项卡内容区域高度撑满页面 */\n /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/\n height: calc(100vh - 48px);\n overflow: auto;\n }\n ";
102
+ readonly code: "\n /* 设置顶部选项卡内容区域高度撑满页面 */\n /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/\n .wd-top-tab-root .wd-tabs__body {\n height: calc(100vh - 48px);\n overflow: auto;\n }\n ";
103
103
  }, {
104
104
  readonly name: "选项卡超长自动滑动遮罩";
105
105
  readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
106
106
  readonly description: "可以为移动端选项卡设置滑动背景色,提示选项卡内容超长可滑动";
107
+ }, {
108
+ readonly name: "去除滚动条样式";
109
+ readonly selector: "::-webkit-scrollbar";
110
+ readonly description: "受安卓端小程序渲染限制,需通过添加全局样式去除滚动条";
111
+ readonly code: "\n /* 注意: 添加此样式后,对全局滚动条生效*/\n ::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n color: transparent;\n }\n ";
107
112
  }];
108
113
  readonly methods: readonly [{
109
114
  readonly name: "selectTab";
@@ -426,9 +426,10 @@ const config = defineConfig({
426
426
  name: '内容区域',
427
427
  selector: '.wd-top-tab-root .wd-tabs__body',
428
428
  description: '可以为顶部选项卡内容区域编写样式,例如:设置顶部选项卡内容区域高度撑满页面',
429
- code: `.wd-top-tab-root .wd-tabs__body {
429
+ code: `
430
430
  /* 设置顶部选项卡内容区域高度撑满页面 */
431
431
  /* 注意:此处需要设置为计算高度 【视口高度-选项卡头部标签区域高度】*/
432
+ .wd-top-tab-root .wd-tabs__body {
432
433
  height: calc(100vh - 48px);
433
434
  overflow: auto;
434
435
  }
@@ -439,6 +440,20 @@ const config = defineConfig({
439
440
  selector: '.wd-tabs-h5-root .wd-tabs__header-item-mask',
440
441
  description: '可以为移动端选项卡设置滑动背景色,提示选项卡内容超长可滑动',
441
442
  },
443
+ {
444
+ name: '去除滚动条样式',
445
+ selector: '::-webkit-scrollbar',
446
+ description: '受安卓端小程序渲染限制,需通过添加全局样式去除滚动条',
447
+ code: `
448
+ /* 注意: 添加此样式后,对全局滚动条生效*/
449
+ ::-webkit-scrollbar {
450
+ display: none;
451
+ width: 0;
452
+ height: 0;
453
+ color: transparent;
454
+ }
455
+ `,
456
+ },
442
457
  ],
443
458
  // 组件方法
444
459
  methods: [