@cloudbase/weda-ui 3.4.3 → 3.4.4

package/dist/configs/components/form/userTreeSelect.json

@@ -58,6 +58,61 @@
                 "default": "",
                 "title": "默认值"
             },
+            "where": {
+                "title": "数据筛选",
+                "x-category": "基础属性",
+                "type": "array",
+                "items": {},
+                "x-component": "condition-select",
+                "x-component-props": {
+                    "selectedDataSourceName": "sys_user",
+                    "customLogicOptions": [
+                        {
+                            "text": "且",
+                            "value": "and"
+                        }
+                    ],
+                    "blackListConfig": {
+                        "format": ["x-file", "x-image"],
+                        "type": ["object", "array"]
+                    },
+                    "customRelOptions": {
+                        "number": [
+                            {
+                                "value": "equal",
+                                "text": "等于",
+                                "type": "equal"
+                            },
+                            {
+                                "value": "unequal",
+                                "text": "不等于",
+                                "type": "unequal"
+                            },
+                            {
+                                "value": "greater",
+                                "text": "大于",
+                                "type": "greate"
+                            },
+                            {
+                                "value": "greater_or_equal",
+                                "text": "大于等于",
+                                "type": "greater_or_equal"
+                            },
+                            {
+                                "value": "less",
+                                "text": "小于",
+                                "type": "less"
+                            },
+                            {
+                                "value": "less_or_equal",
+                                "text": "小于等于",
+                                "type": "less_or_equal"
+                            }
+                        ]
+                    }
+                },
+                "remarks": "对数据进行筛选过滤"
+            },
             "layout": {
                 "title": "布局方式",
                 "type": "string",

package/dist/configs/components/formdetail.json

@@ -6,7 +6,7 @@
                 "type": "string",
                 "title": "绑定字段",
                 "default": "formDetail",
-                "remarks": "提交表单时会将组件值提交保存到所配置的字段中",
+                "remarks": "组件中输入/选择的内容会在提交表单时传入绑定的数据源字段中，并可回显字段中已存储的数据",
                 "x-index": 1,
                 "x-component": "_form-field-name-auto-complete",
                 "x-rules": [
@@ -69,13 +69,22 @@
                 "remarks": "是否禁用输入/选择，启用后组件强制显示为只读效果",
                 "x-index": 6,
                 "x-category": "基础属性"
+            },
+            "hasInitValue": {
+                "type": "boolean",
+                "title": "是否有初始值",
+                "default": false,
+                "x-index": 7,
+                "x-category": "基础属性",
+                "x-platforms": [""]
             }
         }
     },
     "events": [
         {
             "name": "onDataChange",
-            "title": "值改变"
+            "title": "值改变",
+            "description": "组件中的数据内容发生改变时触发"
         }
     ],
     "methods": [
@@ -127,6 +136,7 @@
         "visible": []
     },
     "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormDetail",
         "shortcut": {
             "props": ["name"]
         },

package/dist/configs/components/grid/col.js

@@ -0,0 +1,125 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const colWidthEnum = [
+    {
+        label: '自动填充',
+        value: 'auto-fill',
+    },
+    {
+        label: '适应内容',
+        value: 'fit-content',
+    },
+];
+// 所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。
+const colWidthType = '列宽度';
+const data = Type.Object({
+    addRowCol: Type.Never({
+        title: '添加行和列',
+        'x-component': 'grid-row-col',
+        'x-index': 10,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-component-props': {
+            enableInsertSide: true,
+        },
+    }),
+    widthType: Type.StringEnum({
+        title: colWidthType,
+        default: 'auto-fill',
+        'x-index': 20,
+        'x-valid-breakpoint': Type.BreakPoint({
+            breakpoint: 'xs',
+            description: '所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。',
+        }),
+        'x-platforms': ['MOBILEWEB', 'MP'],
+        enum: Tuple(colWidthEnum),
+        'x-component': 'grid-col-width',
+    }),
+    lgWidthType: Type.StringEnum({
+        title: colWidthType,
+        'x-component': 'grid-col-width',
+        default: 'auto-fill',
+        'x-index': 30,
+        'x-valid-breakpoint': Type.BreakPoint({
+            breakpoint: 'lg',
+            description: '所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。',
+        }),
+        'x-platforms': ['PCWEB'],
+        enum: Tuple(colWidthEnum),
+    }),
+    alignSelf: Type.Optional(Type.StringEnum({
+        title: '垂直对齐方式',
+        default: 'auto',
+        'x-index': 40,
+        display: false,
+        'x-component': 'flex-align-select',
+        'x-component-props': {
+            direction: 'crossAxis',
+        },
+        enum: [
+            {
+                label: 'flex-start',
+                value: 'start',
+            },
+            {
+                label: 'center',
+                value: 'center',
+            },
+            {
+                label: 'flex-end',
+                value: 'end',
+            },
+        ],
+    })),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Col',
+    },
+    meta: {
+        title: '列',
+        category: '布局容器',
+        description: 'Grid 列',
+        componentOrder: 1000,
+        visible: [],
+        icon: '../../icons/Container.svg',
+        positionConstraint: {
+            allowParent: [
+                {
+                    componentType: 'Row',
+                    recursive: false,
+                    tip: '行只能放在 Grid 或 Repeater 内',
+                },
+                {
+                    componentType: 'Repeater',
+                    recursive: false,
+                    tip: '行只能放在 Grid 或 Repeater 内',
+                },
+            ],
+        },
+        editorLifecycle: {
+            destroy: {
+                action: 'deleteParent',
+                params: {
+                    conditions: {
+                        emptyChild: true,
+                        parentComponentType: 'Row',
+                    },
+                },
+            },
+        },
+        shortcut: {
+            props: ['widthType', 'lgWidthType', 'alignSelf'],
+        },
+    },
+});

package/dist/configs/components/grid/grid.js

@@ -0,0 +1,131 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const gridTemplate = `
+[[template]]
+component = 'Row'
+
+{{#repeat 3}}
+[[template.items]]
+component = 'Col'
+
+{{/repeat}}
+`;
+const gutterEnum = [
+    { label: '0px（无）', value: 0 },
+    {
+        label: '16px（超小）',
+        value: 3,
+    },
+    {
+        label: '24px（小）',
+        value: 4,
+    },
+    {
+        label: '32px（中）',
+        value: 5,
+    },
+    {
+        label: '48px（大）',
+        value: 6,
+    },
+    {
+        label: '60px（超大）',
+        value: 7,
+    },
+    {
+        label: '80px（超大）',
+        value: 9,
+    },
+    {
+        label: '100px（超大）',
+        value: 9,
+    },
+    {
+        label: '128px（超大）',
+        value: 10,
+    },
+];
+const data = Type.Object({
+    addRow: Type.Never({
+        title: '添加行和列',
+        'x-component': 'grid-row-col',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-index': 10,
+        'x-component-props': {
+            colCountOfNewRowKey: 'colCountOfNewRow',
+        },
+    }),
+    colCountOfNewRow: Type.Never({
+        type: 'number',
+        title: '列数量',
+        display: false,
+        'x-component': 'string',
+        'x-component-props': {
+            options: [...Array(12).keys()].map((i) => ({
+                label: String(i + 1),
+                text: String(i + 1),
+                value: i + 1,
+            })),
+        },
+        'x-index': 20,
+        default: 3,
+    }),
+    // 8 16 24 对应 scss中的 gutters map
+    gutterX: Type.NumberEnum({
+        title: '列间距',
+        default: 0,
+        'x-component': 'string',
+        enum: Tuple(gutterEnum),
+        'x-index': 30,
+    }),
+    gutterY: Type.NumberEnum({
+        title: '行间距',
+        default: 0,
+        'x-component': 'string',
+        'x-index': 40,
+        enum: Tuple(gutterEnum),
+    }),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Grid',
+    },
+    meta: {
+        title: '网格布局',
+        category: '布局',
+        description: 'Grid 网格布局',
+        componentOrder: 60,
+        icon: '../../icons/Grid.svg',
+        positionConstraint: {
+            allowChildren: [{ componentType: 'Row' }, { componentType: 'Repeater' }],
+        },
+        inlineStyleForm: {
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+            flexDirection: { visible: false },
+        },
+        visible: ['APP', 'COMPONENT'],
+        templates: [
+            {
+                to: '$children',
+                autoSelectPath: 'template[0]',
+                body: gridTemplate,
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid',
+    },
+});
+export default config;

package/dist/configs/components/grid/row.js

@@ -0,0 +1,143 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const data = Type.Object({
+    addRowCol: Type.Never({
+        title: '添加行',
+        'x-index': 10,
+        'x-component': 'grid-row-col',
+        'x-props': {
+            'data-hidebind': true,
+        },
+    }),
+    colCount: Type.Never({
+        type: 'number',
+        title: '列数量',
+        'x-index': 20,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-component': 'grid-row-col-count',
+        'x-component-props': {
+            options: [...Array(12).keys()].map((i) => ({
+                label: String(i + 1),
+                text: String(i + 1),
+                value: i + 1,
+            })),
+        },
+    }),
+    // // flex-start | flex-end | center | space-between | space-around
+    // justifyContent: Type.StringEnum({
+    //   title: '水平对齐',
+    //   default: 'start',
+    //   'x-index': 40,
+    //   'x-component': 'flex-align-select',
+    //   'x-component-props': {
+    //     direction: 'mainAxis',
+    //   },
+    //   description: '当所有列宽占满了整行时，该属性不生效',
+    //   enum: Tuple([
+    //     {
+    //       label: 'flex-start',
+    //       value: 'start',
+    //     },
+    //     {
+    //       label: 'flex-end',
+    //       value: 'end',
+    //     },
+    //     {
+    //       label: 'center',
+    //       value: 'center',
+    //     },
+    //     // {
+    //     //   label: 'space-between',
+    //     //   value: 'between',
+    //     // },
+    //     {
+    //       label: 'space-around',
+    //       value: 'around',
+    //     },
+    //   ] as const),
+    // }),
+    alignItems: Type.Optional(Type.StringEnum({
+        title: '垂直对齐',
+        'x-component': 'flex-align-select',
+        'x-component-props': {
+            direction: 'crossAxis',
+        },
+        'x-index': 30,
+        default: 'stretch',
+        description: '当所有列高度完全一致时，该属性不生效',
+        enum: Tuple([
+            {
+                label: 'flex-start',
+                value: 'start',
+            },
+            {
+                label: 'center',
+                value: 'center',
+            },
+            {
+                label: 'flex-end',
+                value: 'end',
+            },
+            // {
+            //   label: 'baseline',
+            //   value: 'baseline',
+            // },
+            // {
+            //   label: 'stretch',
+            //   value: 'stretch',
+            // },
+        ]),
+    })),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Row',
+    },
+    meta: {
+        title: '行',
+        category: '布局容器',
+        description: 'Grid 行',
+        componentOrder: 1000,
+        visible: [],
+        icon: '../../icons/Container.svg',
+        positionConstraint: {
+            allowParent: [
+                { componentType: 'Grid', recursive: false },
+                { componentType: 'Col', recursive: false },
+                { componentType: 'Repeater', recursive: false },
+            ],
+            allowChildren: [{ componentType: 'Col' }, { componentType: 'Repeater' }],
+        },
+        editorLifecycle: {
+            destroy: {
+                action: 'deleteParent',
+                params: {
+                    conditions: {
+                        emptyChild: true,
+                        parentComponentType: 'Grid',
+                    },
+                },
+            },
+        },
+        inlineStyleForm: {
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+            flexDirection: { visible: false },
+        },
+        shortcut: {
+            props: ['colCount'],
+        },
+    },
+});
+export default config;

package/dist/configs/components/image.js

@@ -179,12 +179,22 @@ export default defineConfig({
         },
     ],
     meta: {
-        title: '图片',
+        title: '图片（已废弃）',
         description: '用于在页面进行图片的展示。',
         category: '展示',
         icon: '../icons/Image.svg',
         categoryOrder: 400,
         componentOrder: 230,
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdImage',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Image',

package/dist/configs/components/link.js

@@ -44,13 +44,23 @@ const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
     meta: {
-        title: '链接',
+        title: '链接（已废弃）',
         description: '用于实现超链接跳转。',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 290,
         icon: '../icons/Link.svg',
         platform: ['MOBILEWEB', 'PCWEB'],
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdLink',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Link',