@cloudbase/weda-ui 3.6.2 → 3.7.1

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

@@ -0,0 +1,276 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    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>;
+    extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    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>;
+    suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    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 & {
+        'x-index': number;
+    }>;
+    data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+        isLeaf: import("@sinclair/typebox").TBoolean;
+        children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+        disabled: import("@sinclair/typebox").TBoolean;
+    }>>>>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny> & {
+        title: string;
+    }>;
+    multiple: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    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<{
+        suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        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>;
+        extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        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>;
+        suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        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 & {
+            'x-index': number;
+        }>;
+        data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TRecursive<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+            isLeaf: import("@sinclair/typebox").TBoolean;
+            children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TThis>;
+            disabled: import("@sinclair/typebox").TBoolean;
+        }>>>>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny> & {
+            title: string;
+        }>;
+        multiple: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        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 & {
+            'x-index': number;
+        }>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny> & {
+            title: string;
+        }>;
+        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>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        selectedOptions: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+        }>>>;
+    }>;
+    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/WdSelect.svg";
+        readonly icon: "../icons/FormSelect.svg";
+        readonly title: "级联选择";
+        readonly componentName: "Cascader";
+        readonly name: "WdCascader";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 371;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdCascade";
+        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 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-cascader.js

@@ -0,0 +1,183 @@
+import { defineConfig, Type } from '../type-utils';
+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';
+const CASCADER = pickWithXCategory(FORM_ITEM_DATA, [
+    'clearable',
+    'before',
+    'after',
+    'prefixType',
+    'prefixIcon',
+    'prefixSrc',
+    'suffixIcon',
+    'suffixSrc',
+    'extra',
+    'borderedH5',
+    'borderedPc',
+], X_CATEGORY.SELECT);
+const TITLE = getFormItemDataTitle('级联选择');
+const Node = Type.Recursive((Node) => Type.Object({
+    label: Type.String({ title: 'label' }),
+    value: Type.String({ title: 'value' }),
+    isLeaf: Type.Boolean({ title: 'isLeaf' }),
+    children: Type.Array(Node),
+    disabled: Type.Boolean({ title: 'disabled' }),
+}), {
+    $id: 'Node',
+});
+// 属性类型定义
+const data = Type.Partial(Type.Object({
+    // 通用
+    name: Object.assign({}, FORM_ITEM_DATA.name, {
+        'x-index': 9,
+    }),
+    data: Type.Array(Node, {
+        title: '选项数据',
+        description: '选项数据',
+        default: [
+            {
+                label: '北京市',
+                value: 'bj',
+                children: [
+                    { label: '朝阳区', value: 'cy' },
+                    { label: '海淀区', value: 'hd' },
+                ],
+            },
+            {
+                label: '上海市',
+                value: 'sh',
+                children: [
+                    { label: '徐汇区', value: 'xh' },
+                    { label: '黄埔区', value: 'hp' },
+                ],
+            },
+            {
+                label: '广东省',
+                value: 'gd',
+                children: [
+                    {
+                        label: '深圳市',
+                        value: 'sz',
+                        children: [
+                            { label: '南山区', value: 'ns' },
+                            { label: '宝安区', value: 'ba' },
+                            { label: '福田区', value: 'ft', disabled: true },
+                        ],
+                    },
+                    {
+                        label: '广州市',
+                        value: 'gz',
+                        children: [
+                            { label: '天河区', value: 'th' },
+                            { label: '越秀区', value: 'yx' },
+                            { label: '海珠区', value: 'hz' },
+                        ],
+                    },
+                    { label: '东莞市', value: 'dg' },
+                ],
+            },
+        ],
+        'x-index': 10,
+        'x-component': 'jsontext',
+        'x-component-props': {
+            autoSize: { minRows: 2, maxRows: 10 },
+        },
+        'x-category': X_CATEGORY.COMMON,
+    }),
+    value: Object.assign({}, FORM_ITEM_DATA._valueInCascader, {
+        title: '选中值',
+    }),
+    multiple: FORM_ITEM_DATA._multipleInCascader,
+    placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
+        default: '请选择',
+    }),
+    size: FORM_ITEM_DATA.size,
+    // 标题
+    ...TITLE,
+    // 选择框
+    ...CASCADER,
+    suffixType: FORM_ITEM_DATA._suffixTypeInSelect,
+    // 状态校验
+    status: FORM_ITEM_DATA.status,
+    required: FORM_ITEM_DATA.required,
+    requiredMsg: FORM_ITEM_DATA.requiredMsg,
+    requiredFlag: FORM_ITEM_DATA.requiredFlag,
+}));
+const properties = Type.Composite([
+    Type.Pick(data, ['name', 'value', 'label', 'required']),
+    Type.Pick(ItemData, ['visible', 'disabled', 'readOnly', 'selectedOptions']),
+]);
+const CLASSES = getClasses('cascader', { kind: '选择框' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    CLASSES.input_edit,
+    CLASSES.input_focus,
+    {
+        ...CLASSES.input_placeholder,
+        selector: `${CLASSES.root.selector} .wd-cascader__input .wd-input::placeholder`,
+        code: `
+    :scope .wd-cascader__input .wd-input::placeholder{
+      color: lightgray !important;
+    }
+    `,
+    },
+    CLASSES.item_error,
+    CLASSES.item_help,
+    CLASSES.input_disabled,
+    CLASSES.item_readonly,
+    CLASSES.input_addon_left,
+    CLASSES.input_addon_right,
+];
+// 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,
+        // {
+        //   title: '输入搜索内容',
+        //   name: 'search',
+        //   detail: Type.Object({
+        //     value: Type.String({
+        //       title: '搜索框输入值',
+        //     }),
+        //   }),
+        // },
+    ],
+    meta: {
+        description: '多级选择器，常使用在地域选择，机型配置选择等。',
+        figureIcon: '../figureIcons/WdSelect.svg',
+        icon: '../icons/FormSelect.svg',
+        title: '级联选择',
+        componentName: 'Cascader',
+        name: 'WdCascader',
+        categoryOrder: 500,
+        componentOrder: 371,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdCascade',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;