@cloudbase/weda-ui 3.4.11 → 3.4.13

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

@@ -0,0 +1,315 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+import { FORM_ITEM_DATA_TITLE, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, } from '../type-utils/type-form';
+// 属性分类
+const X_CATEGORY = {
+    COMMON: '通用',
+    TITLE: '标题',
+    SWITCH_BUTTON: '开关按钮',
+    VERIFY: '状态/校验',
+};
+// 输入组件状态
+export const WD_SWITCH_STATUS = [
+    {
+        label: '编辑',
+        value: 'edit',
+    },
+    {
+        label: '禁用',
+        value: 'disabled',
+    },
+    {
+        label: '只读',
+        value: 'readOnly',
+    },
+];
+const WD_SWITCH_SIZE = [
+    {
+        label: '默认',
+        value: '',
+    },
+    {
+        label: '大',
+        value: 'lg',
+    },
+    {
+        label: '中',
+        value: 'md',
+    },
+    {
+        label: '小',
+        value: 'sm',
+    },
+];
+// 属性类型定义
+const data = Type.Object({
+    name: Type.String({
+        title: '绑定字段',
+        type: 'string',
+        'x-index': 10,
+        default: 'formSwitch',
+        'x-category': X_CATEGORY.COMMON,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    value: Type.Boolean({
+        title: '开关状态',
+        type: 'boolean',
+        'x-index': 20,
+        default: false,
+        description: '默认开关状态',
+        remarks: '默认开关状态',
+        'x-category': X_CATEGORY.COMMON,
+    }),
+    size: Type.StringEnum({
+        title: '组件尺寸',
+        type: 'string',
+        'x-index': 30,
+        default: '',
+        description: '开关的尺寸大小，仅在PC端生效',
+        enum: Tuple(WD_SWITCH_SIZE),
+        'x-category': X_CATEGORY.COMMON,
+        'x-platforms': ['PCWEB'],
+    }),
+    ...FORM_ITEM_DATA_TITLE,
+    extra: Type.String({
+        title: '下方提示',
+        type: 'string',
+        description: '配置后提示内容常显在组件下方',
+        'x-index': 115,
+        'x-category': X_CATEGORY.SWITCH_BUTTON,
+    }),
+    borderedH5: Type.Boolean({
+        title: '移动端显示下划线',
+        type: 'boolean',
+        default: true,
+        description: '关闭后移动端不显示底部下划线',
+        'x-index': 120,
+        'x-category': X_CATEGORY.SWITCH_BUTTON,
+    }),
+    required: Type.Boolean({
+        title: '必填',
+        type: 'boolean',
+        'x-index': 140,
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        description: '启用后该组件强制必填，值不可为空',
+        'x-category': X_CATEGORY.VERIFY,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        title: '必填标识',
+        type: 'boolean',
+        'x-index': 150,
+        default: true,
+        description: '启用后，组件若要求必填，则会显示必填星号标记',
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+    requiredMsg: Type.String({
+        title: '必填校验提示',
+        type: 'string',
+        'x-index': 160,
+        default: '该项为必填项',
+        'x-category': X_CATEGORY.VERIFY,
+        description: '启用必填，但组件值为空时的提示信息',
+        remarks: '启用必填，但组件值为空时的提示信息',
+    }),
+    // 新增且需兼容 disabled
+    status: Type.StringEnum({
+        title: '状态',
+        enum: Tuple(WD_SWITCH_STATUS),
+        default: 'edit',
+        type: 'string',
+        'x-index': 170,
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+});
+const properties = Type.Pick(ItemData, [
+    'name',
+    'value',
+    'label',
+    'required',
+    'visible',
+    'disabled',
+    'readOnly',
+]);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: `.wd-switch-root`,
+            description: '组件最外层元素',
+        },
+        {
+            name: 'H5 端根元素',
+            selector: `.wd-h5-switch-root`,
+            description: '可设定 H5 端的根元素样式',
+        },
+        {
+            name: 'PC 端根元素',
+            selector: `.wd-pc-switch-root`,
+            description: '可设定 PC 端的根元素样式',
+        },
+        {
+            name: '小程序端根元素',
+            selector: `.wd-mp-switch-root`,
+            description: '可设定小程序端的根元素样式',
+        },
+        {
+            name: '无边框状态',
+            selector: `.wd-switch-root.is-borderless`,
+            description: '设置组件无边框状态样式',
+        },
+        {
+            name: '必填状态',
+            selector: `.wd-switch-root.is-required`,
+            description: '设置组件必填状态样式',
+        },
+        {
+            name: '标题',
+            selector: `.wd-switch__label`,
+            description: '组件标题元素',
+        },
+        {
+            name: '标题禁用状态',
+            selector: `.wd-switch__label.is-disabled`,
+            description: '设置组件标题禁用状态样式',
+        },
+        {
+            name: '标题不换行',
+            selector: `.wd-switch__label.is-nowrap`,
+            description: '设置组件标题不换行时状态样式',
+        },
+        {
+            name: '提示文字',
+            selector: `.wd-switch__help`,
+            description: '设置组件提示文字样式',
+        },
+        {
+            name: '校验信息',
+            selector: `.wd-switch__error`,
+            description: '设置组件校验信息样式',
+        },
+        {
+            name: '组件本身',
+            selector: '.wd-switch',
+            description: '组件本身元素',
+        },
+        {
+            name: '禁用状态',
+            selector: '.wd-switch.is-disabled',
+            description: '组件禁用状态',
+        },
+        {
+            name: '只读状态',
+            selector: '.wd-switch.is-disabled',
+            description: '组件只读状态',
+        },
+        {
+            name: '勾选状态',
+            selector: '.wd-switch.is-checked',
+            description: '勾选状态',
+        },
+        {
+            name: '小尺寸',
+            selector: '.wd-switch.size-sm',
+            description: '小尺寸样式（仅PC端有效）',
+        },
+        {
+            name: '默认尺寸',
+            selector: '.wd-switch.size-md',
+            description: '默认、中尺寸样式（仅PC端有效）',
+        },
+        {
+            name: '大尺寸',
+            selector: '.wd-switch.size-lg',
+            description: '大尺寸样式',
+        },
+        {
+            name: '开关背景',
+            selector: '.wd-switch__box',
+            description: '开关内部背景元素',
+        },
+        {
+            name: '开关按钮',
+            selector: '.wd-switch__box::before',
+            description: '开关内部按钮元素',
+        },
+    ],
+    // 组件方法
+    methods: [
+        {
+            ...FORM_ITEM_METHODS.setValue,
+            params: {
+                properties: {
+                    value: {
+                        title: '值',
+                        type: 'boolean',
+                    },
+                },
+            },
+        },
+        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: [
+        {
+            title: '值改变',
+            name: 'change',
+            detail: {
+                value: Type.BasicTypeUnion({
+                    type: 'boolean',
+                    description: '所选开关状态',
+                }),
+            },
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdSwitch',
+        title: '开关',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Switch',
+        description: '用于控制打开/关闭',
+        icon: '../../icons/Switch.svg',
+        categoryOrder: 500,
+        componentOrder: 440,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdSwitch',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;

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

@@ -580,65 +580,12 @@ const data = Type.Object({
             paramsSchema: {
                 type: 'object',
                 properties: {
-                    inParams: {
-                        type: 'object',
-                        properties: {
-                            properties: {
-                                type: 'object',
-                                properties: {
-                                    pageNo: {
-                                        type: 'object',
-                                        properties: {
-                                            type: {
-                                                const: 'number',
-                                            },
-                                        },
-                                        required: ['type'],
-                                    },
-                                    pageSize: {
-                                        type: 'object',
-                                        properties: {
-                                            type: {
-                                                const: 'number',
-                                            },
-                                        },
-                                        required: ['type'],
-                                    },
-                                    orderBy: {
-                                        type: 'object',
-                                        properties: {
-                                            type: {
-                                                const: 'string',
-                                            },
-                                        },
-                                    },
-                                    orderType: {
-                                        type: 'object',
-                                        properties: {
-                                            type: {
-                                                const: 'string',
-                                            },
-                                        },
-                                    },
-                                },
-                                required: ['pageNo', 'pageSize'],
-                            },
-                        },
-                    },
                     outParams: {
                         type: 'object',
                         properties: {
                             properties: {
                                 type: 'object',
                                 properties: {
-                                    total: {
-                                        type: 'object',
-                                        properties: {
-                                            type: {
-                                                const: 'number',
-                                            },
-                                        },
-                                    },
                                     records: {
                                         type: 'object',
                                         properties: {
@@ -669,7 +616,7 @@ const data = Type.Object({
                                         },
                                     },
                                 },
-                                required: ['total', 'records'],
+                                required: ['records'],
                             },
                         },
                     },
@@ -942,17 +889,17 @@ const config = defineConfig({
         },
         {
             name: '表格行高-低',
-            selector: '.wd-table--size-sm',
+            selector: '.wd-table--size-sm  .wd-table__box td',
             description: '表格行高-低',
         },
         {
             name: '表格行高-中',
-            selector: '.wd-table--size-md',
+            selector: '.wd-table--size-md  .wd-table__box td',
             description: '表格行高-中',
         },
         {
             name: '表格行高-高',
-            selector: '.wd-table--size-lg',
+            selector: '.wd-table--size-lg  .wd-table__box td',
             description: '表格行高-高',
         },
         {
@@ -1028,14 +975,17 @@ const config = defineConfig({
             name: 'tabTableRow',
             detail: {
                 record: Type.BasicTypeUnion({
+                    title: '选中行记录',
                     type: 'array',
                     description: '选中行记录',
                 }),
-                rowKey: Type.BasicTypeUnion({
+                rowKey: Type.String({
+                    title: '选中行记录id',
                     type: 'string',
                     description: '选中行记录id',
                 }),
-                recordIndex: Type.BasicTypeUnion({
+                recordIndex: Type.Number({
+                    title: '选中行index',
                     type: 'number',
                     description: '选中行index',
                 }),
@@ -1048,6 +998,7 @@ const config = defineConfig({
             name: 'rowsSelect',
             detail: {
                 data: Type.BasicTypeUnion({
+                    title: '选中行记录',
                     type: 'array',
                     description: '选中行记录',
                 }),
@@ -1062,6 +1013,7 @@ const config = defineConfig({
             'x-platforms': ['MOBILEWEB', 'PCWEB'],
             detail: {
                 data: Type.BasicTypeUnion({
+                    title: '查询结果,查询条件',
                     type: 'object',
                     description: '查询结果,查询条件',
                 }),

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

@@ -0,0 +1,82 @@
+import { defineConfig, Type } from '../type-utils';
+import { FORM_ITEM_DATA, FORM_ITEM_DATA_TITLE, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, getFormItemClasses, ItemData, } from '../type-utils/type-form';
+// 属性类型定义
+const data = Type.Partial(Type.Object({
+    // 通用
+    name: { ...FORM_ITEM_DATA.name, default: 'formTextarea' },
+    value: FORM_ITEM_DATA.value,
+    placeholder: FORM_ITEM_DATA.placeholder,
+    size: FORM_ITEM_DATA.size,
+    block: FORM_ITEM_DATA.block,
+    // 标题
+    ...FORM_ITEM_DATA_TITLE,
+    // 输入框
+    extra: FORM_ITEM_DATA.extra,
+    counterVisible: { ...FORM_ITEM_DATA.counterVisible, default: true },
+    focus: FORM_ITEM_DATA.focus,
+    borderedH5: FORM_ITEM_DATA.borderedH5,
+    borderedPc: FORM_ITEM_DATA.borderedPc,
+    // 状态校验
+    maxLength: FORM_ITEM_DATA.maxLength,
+    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',
+]);
+const classes = getFormItemClasses('textarea');
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties,
+    classes: [
+        ...classes,
+        {
+            name: '字数',
+            selector: '.wd-textarea__count-text',
+            description: '多行输入框字数',
+        },
+    ],
+    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,
+        FORM_ITEM_EVENTS.focus,
+        FORM_ITEM_EVENTS.blur,
+    ],
+    meta: {
+        description: '用于多行内容的输入。',
+        icon: '../../icons/TextArea.svg',
+        title: '多行输入',
+        name: 'WdTextarea',
+        componentName: 'TextArea',
+        ctype: 2,
+        categoryOrder: 500,
+        componentOrder: 360,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdTextarea',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;