@cloudbase/weda-ui 3.5.3 → 3.6.0

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

@@ -1,7 +1,9 @@
 import { defineConfig, Type } from '../type-utils';
-import { FORM_ITEM_DATA, FORM_ITEM_DATA_TITLE, FORM_ITEM_EVENTS, FORM_ITEM_META, FORM_ITEM_METHODS, getFormItemClasses, ItemData, X_CATEGORY, pickWithXCategory, DEFAULT_DETAIL_NUMBER, } from '../type-utils/type-form';
+import { FORM_ITEM_DATA, FORM_ITEM_DATA_TITLE, FORM_ITEM_EVENTS, FORM_ITEM_META, FORM_ITEM_METHODS, ItemData, X_CATEGORY, pickWithXCategory, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
 // 属性类型定义
-const FORM_ITEM_DATA_SELECT = pickWithXCategory(FORM_ITEM_DATA, [
+const SELECT = pickWithXCategory(FORM_ITEM_DATA, [
     'clearable',
     'before',
     'after',
@@ -24,7 +26,6 @@ const data = Type.Partial(Type.Object({
         default: '请选择',
     }),
     size: FORM_ITEM_DATA.size,
-    block: FORM_ITEM_DATA.block,
     ...{
         ...FORM_ITEM_DATA_TITLE,
         label: Object.assign({}, FORM_ITEM_DATA_TITLE.label, {
@@ -32,11 +33,11 @@ const data = Type.Partial(Type.Object({
         }),
     },
     ...{
-        ...FORM_ITEM_DATA_SELECT,
-        suffixType: Object.assign({}, FORM_ITEM_DATA_SELECT.suffixType, {
+        ...SELECT,
+        suffixType: Object.assign({}, SELECT.suffixType, {
             default: 'inner',
         }),
-        suffixIcon: Object.assign({}, FORM_ITEM_DATA_SELECT.suffixIcon, {
+        suffixIcon: Object.assign({}, SELECT.suffixIcon, {
             default: 'td:calendar',
         }),
     },
@@ -47,18 +48,30 @@ const data = Type.Partial(Type.Object({
     requiredFlag: FORM_ITEM_DATA.requiredFlag,
     requiredMsg: FORM_ITEM_DATA.requiredMsg,
 }));
-const properties = Type.Pick(ItemData, [
-    'name',
-    'label',
-    'required',
-    'before',
-    'after',
-    'visible',
-    'disabled',
-    'readOnly',
-    'value',
+const paramValueType = Type.Object({ value: Type.Number({ title: '值' }) });
+const properties = Type.Composite([
+    Type.Pick(paramValueType, ['value']),
+    Type.Pick(data, ['name', 'label', 'required', 'before', 'after']),
+    Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
 ]);
-const classes = getFormItemClasses('date');
+const CLASSES = getClasses('date', { kind: '选择框' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    CLASSES.item_control,
+    CLASSES.input_edit,
+    CLASSES.input_focus,
+    CLASSES.input_placeholder,
+    CLASSES.item_error,
+    CLASSES.item_help,
+    CLASSES.input_disabled,
+    CLASSES.item_readonly,
+    CLASSES.input_addon_left,
+    CLASSES.input_addon_right,
+];
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
@@ -66,15 +79,9 @@ const config = defineConfig({
     classes,
     methods: [
         {
+            ...{},
             ...FORM_ITEM_METHODS.setValue,
-            params: {
-                properties: {
-                    value: {
-                        title: '值',
-                        type: 'any',
-                    },
-                },
-            },
+            params: paramValueType,
         },
         FORM_ITEM_METHODS.setVisible,
         FORM_ITEM_METHODS.setDisabled,
@@ -83,9 +90,10 @@ const config = defineConfig({
         FORM_ITEM_METHODS.handleValidate,
         FORM_ITEM_METHODS.clearValidate,
     ],
-    events: [{ ...FORM_ITEM_EVENTS.change, detail: DEFAULT_DETAIL_NUMBER }],
+    events: [{ ...{}, ...FORM_ITEM_EVENTS.change, detail: paramValueType }],
     meta: {
         description: '用于选择日期时间，支持年月日时分秒、年月日等选择模式。',
+        figureIcon: '../figureIcons/WdDate.svg',
         icon: '../icons/FormDate.svg',
         title: '日期时间选择',
         name: 'WdDate',
@@ -96,7 +104,9 @@ const config = defineConfig({
         shortcut: FORM_ITEM_META.shortcut,
         group: FORM_ITEM_META.group,
         visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdDate',
+        templates: [templateInitNameWithId],
     },
     compConfig: {
         componentType: 'formField',

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

@@ -0,0 +1,263 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    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>;
+    suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string> & {
+        default: string;
+    }>;
+    suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string> & {
+        default: string;
+    }>;
+    extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    multiple: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    departmentScope: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+    borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        title: string;
+    }>;
+    placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        default: string;
+    }>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        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>;
+        suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string> & {
+            default: string;
+        }>;
+        suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string> & {
+            default: string;
+        }>;
+        extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        multiple: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        departmentScope: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            title: string;
+        }>;
+        placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            default: string;
+        }>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        value: 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>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>;
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: readonly [{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+        description: string;
+    }];
+    readonly meta: {
+        readonly description: "用于选择组织架构中的各级部门。";
+        readonly figureIcon: "../figureIcons/WdDepartment.svg";
+        readonly icon: "../icons/FormDepartTreeSelect.svg";
+        readonly title: "部门选择";
+        readonly name: "WdDepartment";
+        readonly componentName: "Department";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 460;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdDepartment";
+        readonly category: string;
+        readonly shortcut: {
+            props: string[];
+        };
+        readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
+            通用: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标题风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            输入框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标签风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选择框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            图片内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            文件内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            地图内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            开关按钮: {
+                'x-index': number;
+                expand: boolean;
+            };
+            小程序能力: {
+                'x-index': number;
+                expand: boolean;
+            };
+            '\u72B6\u6001/\u6821\u9A8C': {
+                'x-index': number;
+                expand: boolean;
+            };
+        };
+        readonly visible: any;
+        readonly platform: readonly ["WEB"];
+        readonly inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+            justifyContent: {
+                visible: boolean;
+            };
+            flexDirection: {
+                visible: boolean;
+            };
+            alignItems: {
+                visible: boolean;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+            readonly __k: "init-name-with-id";
+        }];
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+};
+export default config;
+export type DataType = Simplify<Static<typeof data>>;

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

@@ -0,0 +1,98 @@
+import { defineConfig, Type } from '../type-utils';
+import { FORM_ITEM_DATA, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, getFormItemClasses, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
+import { templateInitNameWithId } from './common/init-name-with-id';
+const SELECT = pickWithXCategory(FORM_ITEM_DATA, [
+    'clearable',
+    'before',
+    'after',
+    'prefixType',
+    'prefixIcon',
+    'prefixSrc',
+    'suffixType',
+    'suffixIcon',
+    'suffixSrc',
+    'extra',
+    'multiple',
+    'departmentScope',
+    'borderedH5',
+    'borderedPc',
+], X_CATEGORY.SELECT);
+const TITLE = getFormItemDataTitle('部门');
+// 属性类型定义
+const data = Type.Partial(Type.Object({
+    // 通用
+    name: FORM_ITEM_DATA.name,
+    value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值' }),
+    placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
+        default: '请选择部门',
+    }),
+    size: FORM_ITEM_DATA.size,
+    // 标题
+    ...TITLE,
+    // 选择框
+    ...{
+        ...SELECT,
+        suffixType: Object.assign({}, SELECT.suffixType, {
+            default: 'inner',
+        }),
+        suffixIcon: Object.assign({}, SELECT.suffixIcon, {
+            default: 'td:folder',
+        }),
+    },
+    // 状态校验
+    status: FORM_ITEM_DATA.status,
+    required: FORM_ITEM_DATA.required,
+    requiredMsg: FORM_ITEM_DATA.requiredMsg,
+    requiredFlag: FORM_ITEM_DATA.requiredFlag,
+}));
+const properties = Type.Pick(ItemData, [
+    'name',
+    'label',
+    'required',
+    'value',
+    'visible',
+    'disabled',
+    'readOnly',
+    'before',
+    'after',
+]);
+const classes = getFormItemClasses('select');
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties,
+    classes,
+    methods: [
+        FORM_ITEM_METHODS.setValue,
+        FORM_ITEM_METHODS.setVisible,
+        FORM_ITEM_METHODS.setDisabled,
+        FORM_ITEM_METHODS.clearValue,
+        FORM_ITEM_METHODS.setReadOnly,
+        FORM_ITEM_METHODS.handleValidate,
+        FORM_ITEM_METHODS.clearValidate,
+    ],
+    events: [FORM_ITEM_EVENTS.change],
+    meta: {
+        description: '用于选择组织架构中的各级部门。',
+        figureIcon: '../figureIcons/WdDepartment.svg',
+        icon: '../icons/FormDepartTreeSelect.svg',
+        title: '部门选择',
+        name: 'WdDepartment',
+        componentName: 'Department',
+        categoryOrder: 500,
+        componentOrder: 460,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdDepartment',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+        platform: ['WEB'],
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;

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

@@ -36,11 +36,26 @@ declare const config: {
         readonly componentName: "Divider";
         readonly title: "分割线";
         readonly description: "为页面添加一条分割线，常用于组件之间的布局区分。";
-        readonly icon: "../../icons/Divider.svg";
+        readonly figureIcon: "../figureIcons/WdDivider.svg";
+        readonly icon: "../icons/Divider.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 280;
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly $text: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdDivider";
         readonly shortcut: {
             readonly props: readonly ["type"];

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

@@ -56,11 +56,26 @@ const config = defineConfig({
         componentName: 'Divider',
         title: '分割线',
         description: '为页面添加一条分割线，常用于组件之间的布局区分。',
-        icon: '../../icons/Divider.svg',
+        figureIcon: '../figureIcons/WdDivider.svg',
+        icon: '../icons/Divider.svg',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 280,
         visible: ['APP'],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdDivider',
         // 快捷编辑时展示在编辑区的属性
         shortcut: {