@cloudbase/weda-ui 3.4.3 → 3.4.4

package/dist/configs/components/navigationBar.json

@@ -44,10 +44,15 @@
                         "logoWidth": 32,
                         "logoHeight": 32
                     }
-                }
+                },
+                "description": "配置应用内多页面统一可用的导航菜单数据与样式"
             },
             "contentSlot": {
                 "type": "slot"
+            },
+            "navigationSlot": {
+                "title": "导航栏插槽",
+                "type": "slot"
             }
         }
     },
@@ -59,5 +64,8 @@
         "componentOrder": 160,
         "icon": "../icons/NavigationBar.svg",
         "visible": "(APP & !MODEL_APP) | COMPONENT"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/NavigationBar"
     }
 }

package/dist/configs/components/repeater-item.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "type": "object",
+        "properties": {}
+    },
+    "isContainer": true,
+    "events": [],
+    "meta": {
+        "title": "循环展示项",
+        "description": "内部循环项",
+        "icon": "../icons/Repeater.svg",
+        "category": "展示",
+        "componentOrder": 1,
+        "visible": []
+    }
+}

package/dist/configs/components/repeater.js

@@ -0,0 +1,125 @@
+import { defineConfig } from '../type-utils';
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        type: 'object',
+        properties: {
+            data: {
+                title: '循环数据',
+                description: '用于产生循环的数组数据',
+                type: 'array',
+                'x-index': 1,
+                default: null,
+                items: {
+                    type: 'object',
+                    properties: {},
+                },
+            },
+            key: {
+                title: '循环标识',
+                default: '',
+                description: '以循环对象属性名为标识保存循环成员状态',
+                type: 'string',
+                'x-index': 2,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+            },
+            suffix: {
+                title: '后缀',
+                description: "作为当前项值和当前索引的变量名后缀，最终的变量名请看下边的'当前项值变量名'和'当前下标变量名'",
+                default: '',
+                display: false,
+                type: 'string',
+                'x-index': 3,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-linkages': [
+                    {
+                        type: 'value:state',
+                        target: 'forItem',
+                        condition: '{{ true }}',
+                        state: {
+                            value: "{{'item' + ($value ? '_' : '') + $value}}",
+                        },
+                    },
+                    {
+                        type: 'value:state',
+                        target: 'forIndex',
+                        condition: '{{ true }}',
+                        state: {
+                            value: "{{'index' + ($value ? '_' : '') + $value}}",
+                        },
+                    },
+                ],
+            },
+            forItem: {
+                title: '当前项值变量名',
+                display: false,
+                type: 'string',
+                'x-index': 4,
+                editable: false,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+            },
+            forIndex: {
+                title: '当前下标变量名',
+                display: false,
+                type: 'string',
+                'x-index': 5,
+                editable: false,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+            },
+        },
+    },
+    isContainer: true,
+    compConfig: {
+        componentType: 'Repeater',
+    },
+    events: [],
+    meta: {
+        title: '循环展示',
+        description: '循环展示',
+        icon: '../icons/Repeater.svg',
+        category: '展示',
+        componentOrder: 1,
+        templates: [
+            {
+                to: '$children',
+                body: `
+                {{#with (helper_utils 'uuid') as |repeater_suffix|}}
+                [attributes]
+                ':data' = "[{name: '文本内容1'}, {name: '文本内容2'}]"
+                suffix = '{{repeater_suffix}}'
+                forItem = 'item_{{repeater_suffix}}'
+                forIndex = 'index_{{repeater_suffix}}'
+
+                [[template]]
+                module = 'gsd-h5-react'
+                component = 'Text'
+                [template.attributes]
+                ':text' = '$w.item_{{repeater_suffix}}.name'
+                {{/with}}
+                `,
+            },
+        ],
+        visible: ['APP', 'COMPONENT'],
+    },
+    properties: {
+        type: 'object',
+        properties: {
+            data: {
+                title: '循环数据',
+                description: '获取循环的数据',
+                type: 'array',
+                items: {
+                    type: 'any',
+                },
+            },
+        },
+    },
+});

package/dist/configs/components/table.json

@@ -98,12 +98,14 @@
                             "isShow": true
                         }
                     ]
-                }
+                },
+                "description": "数据源类型选择"
             },
             "bindMetadata": {
                 "title": "数据模型",
                 "type": "object",
                 "x-component": "schema-selector",
+                "required": true,
                 "x-component-props": {
                     "showSystemField": true,
                     "showView": true,
@@ -203,7 +205,8 @@
                             "x-component-props": "{{{selectedDataSourceName: $value.datasource.name}}}"
                         }
                     }
-                ]
+                ],
+                "description": "展示数据的数据来源，包括数据模型/视图"
             },
             "where": {
                 "x-index": 15,
@@ -340,7 +343,8 @@
                 "x-index": 20,
                 "x-props": {
                     "data-hidebind": true
-                }
+                },
+                "description": " '搜索框'或'条件筛选' "
             },
             "filterFields": {
                 "title": "筛选字段",
@@ -351,7 +355,8 @@
                 "x-props": {
                     "data-hidebind": true
                 },
-                "x-index": 30
+                "x-index": 30,
+                "description": "设置用于筛选的字段显隐/顺序 "
             },
             "bindConnectMetadata": {
                 "title": "APIs选择",
@@ -359,6 +364,7 @@
                 "x-component": "connector-select",
                 "x-index": 40,
                 "x-category": "基础属性",
+                "required": true,
                 "x-props": {
                     "data-hidebind": true
                 },
@@ -370,7 +376,8 @@
                             "x-component-props": "{{{value:$value}}}"
                         }
                     }
-                ]
+                ],
+                "description": "展示数据的自定义 APIs 来源选择"
             },
             "connectorMethod": {
                 "title": "调用方法",
@@ -378,6 +385,7 @@
                 "x-component": "connector-method-select",
                 "x-index": 50,
                 "x-category": "基础属性",
+                "required": true,
                 "x-linkages": [
                     {
                         "type": "value:schema",
@@ -393,13 +401,15 @@
                             "enum": []
                         }
                     }
-                ]
+                ],
+                "description": "进行数据的自定义 APIs 调用方法选择"
             },
             "connectorParams": {
                 "title": "查询入参",
                 "type": "string",
                 "x-index": 60,
-                "x-category": "基础属性"
+                "x-category": "基础属性",
+                "description": "对自定义 APIs 调用方法获取的数据进行筛选过滤。例如 {name:'',value:''}"
             },
             "isOrderBy": {
                 "title": "显示排序按钮",
@@ -407,7 +417,8 @@
                 "x-index": 70,
                 "default": true,
                 "x-category": "基础属性",
-                "x-platforms": ["PCWEB"]
+                "x-platforms": ["PCWEB"],
+                "description": "对自定义 APIs 调用方法填充的表格列头排序图标进行显隐控制 "
             },
             "columnSets": {
                 "type": "array",
@@ -520,7 +531,8 @@
                         }
                     }
                 ],
-                "x-index": 80
+                "x-index": 80,
+                "description": "设置表格列的显隐/顺序，若设置该列为自定义，可实现单元格内插入任意组件替换其默认展示"
             },
             "fixedFront": {
                 "title": "冻结首列至本列",
@@ -545,7 +557,16 @@
                 "title": "行背景颜色",
                 "type": "string",
                 "x-component": "color-string",
-                "x-index": 90
+                "x-index": 90,
+                "description": "设置固定值或绑定低码方法，实现行背景颜色的改变"
+            },
+            "emptyText": {
+                "x-index": 91,
+                "type": "string",
+                "title": "空状态提示",
+                "default": "暂无数据",
+                "description": "无数据时的提示说明，内容为空时则不显示该提示",
+                "remarks": "无数据时的提示说明，内容为空时则不显示该提示"
             },
             "enableCellCustomOption": {
                 "title": "操作列",
@@ -628,11 +649,15 @@
     "events": [
         {
             "title": "选中数据改变",
-            "name": "rowsSelect"
+            "name": "rowsSelect",
+            "description": "可将当前选中的行记录，作为数组传参出去",
+            "x-platforms": ["MOBILEWEB", "PCWEB"]
         },
         {
             "title": "查询成功",
-            "name": "querySuccess"
+            "name": "querySuccess",
+            "description": "查询成功的回调事件",
+            "x-platforms": ["MOBILEWEB", "PCWEB"]
         }
     ],
     "platforms": ["web"],
@@ -697,6 +722,24 @@
         "isDataContainer": true
     },
     "methods": [
+        {
+            "name": "import",
+            "label": "数据导入",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "仅当数据源为数据模型场景时支持导入，可按照模版，上传 excel 文件，录入数据"
+        },
+        {
+            "name": "exportOptionalMode",
+            "label": "数据导出(可选导出模式)",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "支持将当前选中数据导出为 excel"
+        },
+        {
+            "name": "export",
+            "label": "数据导出(导出选中数据)",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "支持将当前选中数据导出为 excel"
+        },
         {
             "name": "deleteOne",
             "label": "删除单条数据",
@@ -708,27 +751,27 @@
                         "default": ""
                     }
                 }
-            }
+            },
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "仅当数据源为数据模型场景时，支持删除行数据"
         },
         {
             "name": "deleteSelected",
-            "label": "删除选中数据"
+            "label": "删除选中数据",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "仅当数据源为数据模型场景时，支持删除当前选中的行记录"
         },
         {
             "name": "refresh",
-            "label": "刷新表格(查看第1页数据)"
+            "label": "刷新表格(查看第1页数据)",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "刷新表格(查看第 1 页数据)"
         },
         {
             "name": "refreshKeepPage",
-            "label": "刷新表格(查看当前页数据)"
-        },
-        {
-            "name": "import",
-            "label": "导入"
-        },
-        {
-            "name": "export",
-            "label": "导出"
+            "label": "刷新表格(查看当前页数据)",
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
+            "description": "刷新表格(查看当前页数据)"
         }
     ]
 }

package/dist/configs/components/text.js

@@ -93,12 +93,23 @@ export default defineConfig({
     data,
     events,
     meta: {
-        title: '文本',
+        title: '文本[旧]',
         description: '用于展示页面中的文本内容。',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 210,
         icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg',
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdText',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+                description: '- 文本组件支持配置文本内容溢出省略 - 文本初始化字体、字号、样式进行了优化 - 文本格式正文增加大中小三种可选',
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Text',

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

@@ -0,0 +1,204 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    trigger: Type.StringEnum({
+        title: '触发行为',
+        type: 'string',
+        default: 'hover',
+        enum: Tuple([
+            {
+                label: '鼠标悬浮',
+                value: 'hover',
+            },
+            {
+                label: '鼠标点击',
+                value: 'click',
+            },
+        ]),
+        'x-index': 10,
+        'x-category': '基础属性',
+        description: '触发气泡提示的行为',
+    }),
+    placement: Type.StringEnum({
+        type: 'string',
+        title: '弹出方向',
+        default: 'top',
+        'x-index': 20,
+        'x-category': '基础属性',
+        description: '气泡提示的弹出方向',
+        enum: Tuple([
+            {
+                label: '上',
+                value: 'top',
+            },
+            {
+                label: '上左',
+                value: 'top-start',
+            },
+            {
+                label: '上右',
+                value: 'top-end',
+            },
+            {
+                label: '左',
+                value: 'left',
+            },
+            {
+                label: '左上',
+                value: 'left-start',
+            },
+            {
+                label: '左下',
+                value: 'left-end',
+            },
+            {
+                label: '下',
+                value: 'bottom',
+            },
+            {
+                label: '下左',
+                value: 'bottom-start',
+            },
+            {
+                label: '下右',
+                value: 'bottom-end',
+            },
+            {
+                label: '右',
+                value: 'right',
+            },
+            {
+                label: '右上',
+                value: 'right-start',
+            },
+            {
+                label: '右下',
+                value: 'right-end',
+            },
+        ]),
+    }),
+    promptTheme: Type.StringEnum({
+        title: '气泡风格',
+        type: 'string',
+        default: 'default',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '警告',
+                value: 'error',
+            },
+            {
+                label: '反色',
+                value: 'dark',
+            },
+        ]),
+        'x-index': 30,
+        'x-category': '基础属性',
+        description: '气泡提示的风格',
+    }),
+    openDelay: Type.Number({
+        title: '打开时延(毫秒)',
+        default: 0,
+        type: 'number',
+        description: '气泡提示的打开时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 40,
+    }),
+    closeDelay: Type.Number({
+        title: '关闭时延(毫秒)',
+        default: 0,
+        type: 'number',
+        description: '气泡提示的关闭时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 50,
+    }),
+    arrowPointAtCenter: Type.Boolean({
+        title: '箭头是否指向中心',
+        default: false,
+        type: 'boolean',
+        description: '气泡提示的箭头是否指向中心',
+        'x-category': '高级属性',
+        'x-index': 60,
+    }),
+    bubbleContent: Type.Optional(Type.Slot({
+        title: '气泡插槽',
+        'x-index': 70,
+    })),
+    bubbleChildren: Type.Optional(Type.Slot({
+        title: '触发内容',
+        'x-index': 80,
+    })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, ['trigger', 'placement', 'promptTheme']);
+// 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-bubble',
+            description: '气泡组件根元素',
+        },
+        {
+            name: '触发内容父元素',
+            selector: '.wd-bubble-child',
+            description: '气泡插槽触发内容的父级元素，可以设置内容内部样式',
+        },
+        {
+            name: 'PC 端气泡根元素',
+            selector: '.wd-pc-bubble',
+            description: '可以为 PC 端的气泡编写样式',
+        },
+        {
+            name: 'H5 端气泡根元素',
+            selector: '.wd-h5-bubble',
+            description: '可以为 H5 端的气泡编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [
+        {
+            name: 'open',
+            title: '打开气泡',
+            'x-platforms': ['WEB'],
+        },
+        {
+            name: 'close',
+            title: '关闭气泡',
+            'x-platforms': ['WEB'],
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdBubble',
+        title: '气泡提示',
+        description: '用于显示气泡的提示。',
+        icon: '../../icons/Bubble.svg',
+        category: '展示',
+        categoryOrder: 1,
+        componentOrder: 1,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['trigger', 'placement'],
+        },
+    },
+});
+export default config;