@cloudbase/weda-ui 3.18.6 → 3.19.0

package/dist/configs/components/lottery.d.ts

@@ -5,6 +5,7 @@ declare const data: import("@sinclair/typebox").TObject<{
         image: import("@sinclair/typebox").TString;
     }>>;
     enablePrize: import("@sinclair/typebox").TBoolean;
+    duration: import("@sinclair/typebox").TNumber;
     prizeResult: import("@sinclair/typebox").TUnsafe<string>;
 }>;
 declare const events: [{
@@ -29,6 +30,7 @@ declare const config: {
             image: import("@sinclair/typebox").TString;
         }>>;
         enablePrize: import("@sinclair/typebox").TBoolean;
+        duration: import("@sinclair/typebox").TNumber;
         prizeResult: import("@sinclair/typebox").TUnsafe<string>;
     }>;
     readonly events: [{

package/dist/configs/components/lottery.js

@@ -86,10 +86,15 @@ const data = Type.Object({
         'x-index': 20,
         default: true,
     }),
+    duration: Type.Number({
+        title: '抽奖时长',
+        'x-index': 30,
+        'x-runtime-default': 2000,
+    }),
     prizeResult: Type.StringEnum({
         type: 'string',
         title: '抽奖结果',
-        'x-index': 30,
+        'x-index': 40,
         default: '1',
         'x-helper-text': '以左上角为起始位置，顺时针确定8个奖品位置分别1-8',
         enum: [

package/dist/configs/components/wd-checkbox.js

@@ -128,11 +128,15 @@ const data = Type.Object({
                                 type: 'string',
                                 title: '选项名称',
                                 default: '选项1',
+                                description: '用于作为选项展示的文本',
+                                'x-helper-text': '用于作为选项展示的文本',
                             },
                             value: {
                                 type: 'string',
                                 title: '选项值',
                                 default: '1',
+                                description: '选项的值，一般用于表单提交对应字段的存储值',
+                                'x-helper-text': '选项的值，一般用于表单提交对应字段的存储值',
                             },
                             disabled: {
                                 type: 'boolean',

package/dist/configs/components/wd-image.js

@@ -5,6 +5,7 @@ const data = Type.Object({
         type: 'string',
         default: 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg',
         description: '更改需要展示的图片',
+        'x-helper-text': '图片地址支持云存储cloudID或https协议地址',
         'x-category': '基础属性',
         'x-index': 1,
         'x-component': 'image',

package/dist/configs/components/wd-radio.js

@@ -124,11 +124,15 @@ const data = Type.Object({
                                 type: 'string',
                                 title: '选项名称',
                                 default: '选项1',
+                                description: '用于作为选项展示的文本',
+                                'x-helper-text': '用于作为选项展示的文本',
                             },
                             value: {
                                 type: 'string',
                                 title: '选项值',
                                 default: '1',
+                                description: '选项的值，一般用于表单提交对应字段的存储值',
+                                'x-helper-text': '选项的值，一般用于表单提交对应字段的存储值',
                             },
                             disabled: {
                                 type: 'boolean',

package/dist/configs/components/wd-table.d.ts

@@ -352,6 +352,14 @@ declare const config: {
         readonly label: "清空选中项";
         readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
         readonly description: "清空选中项";
+    }, {
+        readonly name: "setSelectedKeys";
+        readonly label: "设置行选中";
+        readonly params: import("@sinclair/typebox").TObject<{
+            selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+        }>;
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly description: "设置行选中";
     }];
     readonly events: readonly [{
         readonly title: "点击表格行";
@@ -675,4 +683,12 @@ export declare const methods: readonly [{
     readonly label: "清空选中项";
     readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
     readonly description: "清空选中项";
+}, {
+    readonly name: "setSelectedKeys";
+    readonly label: "设置行选中";
+    readonly params: import("@sinclair/typebox").TObject<{
+        selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+    }>;
+    readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+    readonly description: "设置行选中";
 }];

package/dist/configs/components/wd-table.js

@@ -1726,6 +1726,22 @@ const config = defineConfig({
             'x-platforms': ['MOBILEWEB', 'PCWEB'],
             description: '清空选中项',
         },
+        {
+            name: 'setSelectedKeys',
+            label: '设置行选中',
+            params: Type.Object({
+                selectedKeys: Type.Array(Type.String({
+                    title: '数据标识',
+                }), {
+                    title: '数据标识',
+                    default: [],
+                    description: '设置行选中。数据标识字段默认为_id，表达式场景可以通过数据主键来指定其他字段。默认示例：[id1,id2]，其中id1和id2对应选中行数据标识。',
+                    'x-helper-text': '设置行选中。数据标识字段默认为_id，表达式场景可以通过数据主键来指定其他字段。默认示例：[id1,id2]，其中id1和id2对应选中行数据标识。',
+                }),
+            }),
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '设置行选中',
+        },
     ],
     // 组件对外暴露事件
     events: [

package/dist/configs/components/wd-tree.d.ts

@@ -19,6 +19,9 @@ declare const data: import("@sinclair/typebox").TObject<{
     expendIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     leafIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     line: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    isSupportSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableSearchText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
 }>;
 declare const properties: import("@sinclair/typebox").TObject<{
     data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
@@ -39,6 +42,15 @@ declare const properties: import("@sinclair/typebox").TObject<{
     expandType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     expandCustom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
     showIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    treeNodeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+        foldIcon: import("@sinclair/typebox").TString;
+        expendIcon: import("@sinclair/typebox").TString;
+        leafIcon: import("@sinclair/typebox").TString;
+        children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+        disabled: import("@sinclair/typebox").TBoolean;
+    }>>>;
     expandedNodes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TString;
         value: import("@sinclair/typebox").TString;
@@ -153,6 +165,9 @@ declare const config: {
         expendIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         leafIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         line: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        isSupportSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableSearchText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
@@ -173,6 +188,15 @@ declare const config: {
         expandType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         expandCustom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
         showIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        treeNodeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+            foldIcon: import("@sinclair/typebox").TString;
+            expendIcon: import("@sinclair/typebox").TString;
+            leafIcon: import("@sinclair/typebox").TString;
+            children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+            disabled: import("@sinclair/typebox").TBoolean;
+        }>>>;
         expandedNodes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
             label: import("@sinclair/typebox").TString;
             value: import("@sinclair/typebox").TString;
@@ -292,6 +316,11 @@ declare const config: {
         readonly name: "连接线";
         readonly selector: ".wd-tree--line";
         readonly description: "展示的连接线的样式";
+    }, {
+        readonly name: "节点容器区域";
+        readonly selector: ".wd-tree-node";
+        readonly description: "可以编写节点容器的样式";
+        readonly code: "\n      :scope .wd-tree-node {\n        height: auto;\n      }\n    ";
     }];
     readonly methods: readonly [{
         readonly name: "searchNode";
@@ -487,6 +516,10 @@ declare const config: {
                 readonly 'x-index': 3;
                 readonly expand: true;
             };
+            readonly 高级属性: {
+                readonly 'x-index': 4;
+                readonly expand: true;
+            };
         };
         readonly inlineStyleForm: {
             readonly flexDirection: {

package/dist/configs/components/wd-tree.js

@@ -242,6 +242,46 @@ const data = Type.Object({
         description: '开启后，各节点间将显示连接线',
         'x-category': '节点风格',
     })),
+    isSupportSlot: Type.Optional(Type.Boolean({
+        title: '开启插槽',
+        'x-index': 105,
+        'x-category': '高级属性',
+        default: false,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'enableSearchText',
+                condition: '{{$self.value}}',
+            },
+        ],
+    })),
+    enableSearchText: Type.Optional(Type.Boolean({
+        title: '显示默认文本节点',
+        'x-index': 106,
+        'x-category': '高级属性',
+        'x-runtime-default': true,
+        'x-helper-text': '开启后展示默认文本节点，该节点支持搜索高亮',
+    })),
+    contentSlot: Type.Optional(Type.Slot({
+        title: '内容插槽',
+        'x-index': 110,
+        'x-category': '高级属性',
+        type: 'slot',
+        'x-slot-auto': {
+            iterable: "{{ $form.values.isSupportSlot ?[{key:'treeNode',title:'内容插槽'}]:[] }}",
+            generator: '{{ {key:$item.key, title: ($item.title) } }}',
+        },
+        'x-slot-scope': {
+            item: {
+                title: '节点对象',
+                type: 'object',
+            },
+        },
+        'x-slot-directives': {
+            for: 'treeNodeList',
+            _index: 'itemIndex',
+        },
+    })),
 });
 const treeInfo = Type.Object({
     checkedState: Type.Optional(Type.Boolean({ title: '当前操作选中状态' })),
@@ -309,6 +349,9 @@ const treeInfo = Type.Object({
     title: '当前树信息',
     description: '用户操作后的相关树信息',
 });
+const treeNodeList = Type.Array(Node, {
+    title: '当前树的扁平化结构信息',
+});
 // 组件对外暴露的只读属性
 const properties = Type.Composite([
     Type.Pick(data, ['data', 'checkable']),
@@ -329,6 +372,7 @@ const properties = Type.Composite([
     Type.Object({
         treeInfo,
     }),
+    Type.Object({ treeNodeList }),
 ]);
 // export default
 const config = defineConfig({
@@ -374,6 +418,16 @@ const config = defineConfig({
             selector: '.wd-tree--line',
             description: '展示的连接线的样式',
         },
+        {
+            name: '节点容器区域',
+            selector: '.wd-tree-node',
+            description: '可以编写节点容器的样式',
+            code: `
+      :scope .wd-tree-node {
+        height: auto;
+      }
+    `,
+        },
     ],
     // 组件方法
     methods: [
@@ -451,6 +505,10 @@ const config = defineConfig({
                 'x-index': 3,
                 expand: true,
             },
+            ['高级属性']: {
+                'x-index': 4,
+                expand: true,
+            },
         },
         inlineStyleForm: {
             flexDirection: { visible: false },

package/dist/configs/index.d.ts

@@ -2180,6 +2180,9 @@ export declare const components: {
             expendIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
             leafIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
             line: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            isSupportSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            enableSearchText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
         }>;
         readonly properties: import("@sinclair/typebox").TObject<{
             data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
@@ -2200,6 +2203,15 @@ export declare const components: {
             expandType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
             expandCustom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
             showIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            treeNodeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+                label: import("@sinclair/typebox").TString;
+                value: import("@sinclair/typebox").TString;
+                foldIcon: import("@sinclair/typebox").TString;
+                expendIcon: import("@sinclair/typebox").TString;
+                leafIcon: import("@sinclair/typebox").TString;
+                children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+                disabled: import("@sinclair/typebox").TBoolean;
+            }>>>;
             expandedNodes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
                 label: import("@sinclair/typebox").TString;
                 value: import("@sinclair/typebox").TString;
@@ -2319,6 +2331,11 @@ export declare const components: {
             readonly name: "连接线";
             readonly selector: ".wd-tree--line";
             readonly description: "展示的连接线的样式";
+        }, {
+            readonly name: "节点容器区域";
+            readonly selector: ".wd-tree-node";
+            readonly description: "可以编写节点容器的样式";
+            readonly code: "\n      :scope .wd-tree-node {\n        height: auto;\n      }\n    ";
         }];
         readonly methods: readonly [{
             readonly name: "searchNode";
@@ -2514,6 +2531,10 @@ export declare const components: {
                     readonly 'x-index': 3;
                     readonly expand: true;
                 };
+                readonly 高级属性: {
+                    readonly 'x-index': 4;
+                    readonly expand: true;
+                };
             };
             readonly inlineStyleForm: {
                 readonly flexDirection: {
@@ -9416,6 +9437,7 @@ export declare const components: {
                 image: import("@sinclair/typebox").TString;
             }>>;
             enablePrize: import("@sinclair/typebox").TBoolean;
+            duration: import("@sinclair/typebox").TNumber;
             prizeResult: import("@sinclair/typebox").TUnsafe<string>;
         }>;
         readonly events: [{
@@ -11742,6 +11764,14 @@ export declare const components: {
             readonly label: "清空选中项";
             readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
             readonly description: "清空选中项";
+        }, {
+            readonly name: "setSelectedKeys";
+            readonly label: "设置行选中";
+            readonly params: import("@sinclair/typebox").TObject<{
+                selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+            }>;
+            readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+            readonly description: "设置行选中";
         }];
         readonly events: readonly [{
             readonly title: "点击表格行";
@@ -21691,6 +21721,9 @@ declare const _default: {
                 expendIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
                 leafIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
                 line: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                isSupportSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                enableSearchText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
             }>;
             readonly properties: import("@sinclair/typebox").TObject<{
                 data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
@@ -21711,6 +21744,15 @@ declare const _default: {
                 expandType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
                 expandCustom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
                 showIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                treeNodeList: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+                    label: import("@sinclair/typebox").TString;
+                    value: import("@sinclair/typebox").TString;
+                    foldIcon: import("@sinclair/typebox").TString;
+                    expendIcon: import("@sinclair/typebox").TString;
+                    leafIcon: import("@sinclair/typebox").TString;
+                    children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+                    disabled: import("@sinclair/typebox").TBoolean;
+                }>>>;
                 expandedNodes: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
                     label: import("@sinclair/typebox").TString;
                     value: import("@sinclair/typebox").TString;
@@ -21830,6 +21872,11 @@ declare const _default: {
                 readonly name: "连接线";
                 readonly selector: ".wd-tree--line";
                 readonly description: "展示的连接线的样式";
+            }, {
+                readonly name: "节点容器区域";
+                readonly selector: ".wd-tree-node";
+                readonly description: "可以编写节点容器的样式";
+                readonly code: "\n      :scope .wd-tree-node {\n        height: auto;\n      }\n    ";
             }];
             readonly methods: readonly [{
                 readonly name: "searchNode";
@@ -22025,6 +22072,10 @@ declare const _default: {
                         readonly 'x-index': 3;
                         readonly expand: true;
                     };
+                    readonly 高级属性: {
+                        readonly 'x-index': 4;
+                        readonly expand: true;
+                    };
                 };
                 readonly inlineStyleForm: {
                     readonly flexDirection: {
@@ -28927,6 +28978,7 @@ declare const _default: {
                     image: import("@sinclair/typebox").TString;
                 }>>;
                 enablePrize: import("@sinclair/typebox").TBoolean;
+                duration: import("@sinclair/typebox").TNumber;
                 prizeResult: import("@sinclair/typebox").TUnsafe<string>;
             }>;
             readonly events: [{
@@ -31253,6 +31305,14 @@ declare const _default: {
                 readonly label: "清空选中项";
                 readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
                 readonly description: "清空选中项";
+            }, {
+                readonly name: "setSelectedKeys";
+                readonly label: "设置行选中";
+                readonly params: import("@sinclair/typebox").TObject<{
+                    selectedKeys: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+                }>;
+                readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+                readonly description: "设置行选中";
             }];
             readonly events: readonly [{
                 readonly title: "点击表格行";

package/dist/configs/type-utils/type-form.js

@@ -504,6 +504,8 @@ export const FORM_ITEM_DATA = {
             'x-props': {
                 'data-hidebind': true,
             },
+            description: '用于作为选项展示的文本',
+            'x-helper-text': '用于作为选项展示的文本',
         }),
         value: Type.String({
             title: '选项值',
@@ -511,6 +513,8 @@ export const FORM_ITEM_DATA = {
             'x-props': {
                 'data-hidebind': true,
             },
+            description: '选项的值，一般用于表单提交对应字段的存储值',
+            'x-helper-text': '选项的值，一般用于表单提交对应字段的存储值',
         }),
         disabled: Type.Optional(Type.Boolean({
             title: '禁用',

package/dist/style/index.css

@@ -7061,7 +7061,8 @@ textarea {
 .wd-tree-node {
   background-color: var(--wd-tree-color-bg-default);
   white-space: nowrap;
-  height: var(--wd-tree-node-height);
+  min-height: var(--wd-tree-node-height);
+  height: auto;
   padding: 0.125rem 0;
   display: flex;
   z-index: 1;