@cloudbase/weda-ui 3.9.7 → 3.10.0

package/dist/configs/components/wd-top-tab.js

@@ -1,5 +1,9 @@
 import { defineConfig, Type, Tuple } from '../type-utils';
 import { WD_ICON_ENUM } from '../../enum';
+const template = `
+[attributes]
+isSlotAuto = true
+`;
 // 属性类型定义
 const data = Type.Object({
     isMultipleSlot: Type.Boolean({
@@ -19,14 +23,20 @@ const data = Type.Object({
                 schema: {
                     'x-props': {
                         'data-hidebind': '{{ $value }}',
-                        disableDraggable: '{{ $value }}',
+                        disableDraggable: '{{ !$form.values.isSlotAuto&&$value }}',
                     },
-                    'x-auto-num': {},
                 },
                 target: 'list',
             },
         ],
     }),
+    isSlotAuto: Type.Boolean({
+        title: '支持动态插槽',
+        default: false,
+        display: false,
+        'x-group': '高级属性',
+        'x-index': 50,
+    }),
     list: Type.Array(Type.Object({
         label: Type.String({
             type: 'string',
@@ -111,6 +121,12 @@ const data = Type.Object({
             'x-runtime-default': false,
             type: 'boolean',
         }),
+        slotKey: Type.String({
+            title: '插槽key',
+            default: '',
+            type: 'string',
+            display: false,
+        }),
     }, {
         type: 'object',
         'x-icon': "this.iconType === 'inner' ? this.innerIcon : null",
@@ -123,6 +139,7 @@ const data = Type.Object({
             outerImage: '',
             iconPosition: 'prefix',
             isDisabled: false,
+            slotKey: '1',
         },
         display: 'label',
     }), {
@@ -137,6 +154,7 @@ const data = Type.Object({
                 outerImage: '',
                 iconPosition: 'prefix',
                 isDisabled: false,
+                slotKey: '1',
             },
             {
                 label: '标签2',
@@ -146,6 +164,7 @@ const data = Type.Object({
                 outerImage: '',
                 iconPosition: 'prefix',
                 isDisabled: false,
+                slotKey: '2',
             },
             {
                 label: '标签3',
@@ -155,6 +174,7 @@ const data = Type.Object({
                 outerImage: '',
                 iconPosition: 'prefix',
                 isDisabled: false,
+                slotKey: '3',
             },
         ],
         icon: 'icon',
@@ -183,6 +203,7 @@ const data = Type.Object({
                             outerImage: '',
                             iconPosition: 'prefix',
                             isDisabled: false,
+                            slotKey: "{{($self.value.length+1) + ''}}",
                         },
                         display: 'label',
                         'x-icon': "this.iconType === 'inner' ? this.innerIcon : null",
@@ -271,6 +292,12 @@ const data = Type.Object({
                                 default: false,
                                 type: 'boolean',
                             }),
+                            slotKey: Type.String({
+                                title: '插槽key',
+                                default: '',
+                                type: 'string',
+                                display: false,
+                            }),
                         },
                     },
                 },
@@ -302,7 +329,17 @@ const data = Type.Object({
         type: 'slot',
         'x-auto-num': {
             from: 1,
-            to: '{{ $form.values.isMultipleSlot ? $form.values.list.length : 0 }}',
+            to: '{{ !$form.values.isSlotAuto&&$form.values.isMultipleSlot ? $form.values.list.length : 0 }}',
+        },
+    })),
+    autoPanel: Type.Optional(Type.Slot({
+        title: '动态插槽',
+        'x-index': 35,
+        'x-group': '基础属性',
+        type: 'slot',
+        'x-slot-auto': {
+            iterable: '{{ $form.values.isMultipleSlot&&$form.values.isSlotAuto ? $form.values.list.filter(item => item.slotKey):[] }}',
+            generator: '{{ {key:$item.slotKey, title: ($item.label) } }}',
         },
     })),
 });
@@ -419,6 +456,13 @@ const config = defineConfig({
                 expand: true,
             },
         },
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: template,
+            },
+        ],
     },
 });
 export default config;

package/dist/configs/components/wd-upload-file.d.ts

@@ -14,6 +14,8 @@ declare const data: import("@sinclair/typebox").TObject<{
     required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    uploadButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    uploadTipText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     callbacks: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
         beforeUpload: import("@sinclair/typebox").TFunction<[import("@sinclair/typebox").TObject<{
             files: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TUnknown>>;
@@ -55,6 +57,8 @@ declare const config: {
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        uploadButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        uploadTipText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         callbacks: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             beforeUpload: import("@sinclair/typebox").TFunction<[import("@sinclair/typebox").TObject<{
                 files: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TUnknown>>;
@@ -84,10 +88,10 @@ declare const config: {
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
             title: string;
         }>;
-        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             'x-helper-text': string;
         }>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

package/dist/configs/components/wd-upload-file.js

@@ -1,4 +1,5 @@
 import { defineConfig, Type } from '../type-utils';
+import { X_RUNTIME_DEFAULT } from '../type-utils/x-runtime-default';
 import { FORM_ITEM_DATA, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
 import { getClasses } from '../type-utils/classes';
 import { templateInitNameWithId } from './common/init-name-with-id';
@@ -31,6 +32,20 @@ const data = Type.Partial(Type.Object({
     required: FORM_ITEM_DATA.required,
     requiredMsg: FORM_ITEM_DATA.requiredMsg,
     requiredFlag: FORM_ITEM_DATA.requiredFlag,
+    uploadButtonText: Type.String({
+        'x-runtime-default': X_RUNTIME_DEFAULT._uploadButtonText,
+        'x-category': X_CATEGORY.FILE_CONTENT,
+        'x-index': 168,
+        title: '上传按钮文案',
+        description: '上传按钮文案',
+    }),
+    uploadTipText: Type.String({
+        'x-runtime-default': X_RUNTIME_DEFAULT._uploadTipText,
+        'x-category': X_CATEGORY.FILE_CONTENT,
+        'x-index': 169,
+        title: '批量上传描述',
+        description: '支持批量上传时的文案描述',
+    }),
     callbacks: Type.Object({
         beforeUpload: Type.Function([
             Type.Object({

package/dist/configs/components/wd-upload-image.d.ts

@@ -95,10 +95,10 @@ declare const config: {
     }>;
     properties: import("@sinclair/typebox").TObject<{
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             'x-helper-text': string;
         }>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;