@cloudbase/weda-ui 3.4.4 → 3.4.6

package/dist/configs/components/table.json

@@ -14,7 +14,7 @@
                         "value": "data-model"
                     },
                     {
-                        "label": "自定义APIs",
+                        "label": "APIs",
                         "value": "custom-connector"
                     }
                 ],
@@ -52,7 +52,9 @@
                         "type": "value:schema",
                         "target": "connectorMethod",
                         "schema": {
-                            "x-component-props": "{{{connector:$value}}}"
+                            "x-component-props": {
+                                "connector": "{{$self.value}}"
+                            }
                         }
                     },
                     {
@@ -92,8 +94,8 @@
                         },
                         {
                             "value": "custom-connector",
-                            "text": "自定义APIs",
-                            "label": "自定义APIs",
+                            "text": "APIs",
+                            "label": "APIs",
                             "icon": "custom-connector",
                             "isShow": true
                         }
@@ -373,11 +375,13 @@
                         "type": "value:schema",
                         "target": "connectorMethod",
                         "schema": {
-                            "x-component-props": "{{{value:$value}}}"
+                            "x-component-props": {
+                                "value": "{{$self.value}}"
+                            }
                         }
                     }
                 ],
-                "description": "展示数据的自定义 APIs 来源选择"
+                "description": "展示数据的 APIs 来源选择"
             },
             "connectorMethod": {
                 "title": "调用方法",
@@ -402,14 +406,125 @@
                         }
                     }
                 ],
-                "description": "进行数据的自定义 APIs 调用方法选择"
+                "x-component-props": {
+                    "docUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ModelTable#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82",
+                    "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": {
+                                                    "type": {
+                                                        "const": "array"
+                                                    },
+                                                    "items": {
+                                                        "type": "object",
+                                                        "properties": {
+                                                            "type": {
+                                                                "const": "object"
+                                                            },
+                                                            "properties": {
+                                                                "type": "object",
+                                                                "properties": {
+                                                                    "_id": {
+                                                                        "type": "object",
+                                                                        "properties": {
+                                                                            "type": {
+                                                                                "const": "string"
+                                                                            }
+                                                                        }
+                                                                    }
+                                                                }
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        },
+                                        "required": ["total", "records"]
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                "x-helper-text": "方法的出入参需满足组件要求，[查看文档](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ModelTable#%E8%B0%83%E7%94%A8-apis-%E7%9A%84%E5%8F%82%E6%95%B0%E8%A6%81%E6%B1%82)",
+                "x-helper-text-color": "#E37318",
+                "description": "进行数据的 APIs 调用方法选择"
             },
             "connectorParams": {
                 "title": "查询入参",
                 "type": "string",
                 "x-index": 60,
                 "x-category": "基础属性",
-                "description": "对自定义 APIs 调用方法获取的数据进行筛选过滤。例如 {name:'',value:''}"
+                "description": "对 APIs 调用方法获取的数据进行筛选过滤。例如 {name:'',value:''}",
+                "x-component": "property-object-params-field",
+                "x-component-props": {
+                    "dataSourceKeyName": "bindConnectMetadata",
+                    "dataSourceValuePath": "datasource.name",
+                    "methodNameKeyName": "connectorMethod",
+                    "methodValuePath": "name",
+                    "paramsKeyName": "connectorParams"
+                }
             },
             "isOrderBy": {
                 "title": "显示排序按钮",
@@ -418,7 +533,7 @@
                 "default": true,
                 "x-category": "基础属性",
                 "x-platforms": ["PCWEB"],
-                "description": "对自定义 APIs 调用方法填充的表格列头排序图标进行显隐控制 "
+                "description": "对 APIs 调用方法填充的表格列头排序图标进行显隐控制 "
             },
             "columnSets": {
                 "type": "array",
@@ -663,6 +778,7 @@
     "platforms": ["web"],
     "meta": {
         "title": "数据表格",
+        "componentName": "Table",
         "description": "表格可以清晰地展示二维数据",
         "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ModelTable.svg",
         "category": "数据容器",

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

@@ -184,6 +184,7 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdBubble',
+        componentName: 'Bubble',
         title: '气泡提示',
         description: '用于显示气泡的提示。',
         icon: '../../icons/Bubble.svg',
@@ -192,6 +193,11 @@ const config = defineConfig({
         componentOrder: 1,
         platform: ['MOBILEWEB', 'PCWEB'],
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['trigger', 'placement'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',

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

@@ -398,6 +398,7 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdButton',
+        componentName: 'Button',
         title: '按钮',
         description: '当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等',
         icon: '../../icons/Button.svg',
@@ -405,6 +406,11 @@ const config = defineConfig({
         categoryOrder: 400,
         componentOrder: 240,
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text', 'theme', 'size'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',

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

@@ -10,24 +10,6 @@ const data = Type.Object({
         enum: Tuple(WD_DIVIDER_TYPE),
         'x-category': '基础属性',
     }),
-    // 规范化新增
-    // diriction: Type.StringEnum({
-    //   title: '方向',
-    //   type: 'string',
-    //   'x-index': 30,
-    //   default: 'horizontal',
-    //   enum: Tuple([
-    //     {
-    //       label: '水平',
-    //       value: 'horizontal',
-    //     },
-    //     {
-    //       label: '垂直',
-    //       value: 'vertical',
-    //     },
-    //   ] as const),
-    //   'x-category': '基础属性',
-    // }),
 });
 // 组件对外暴露的只读属性
 // 未来可通过 widget API 开放，应用可以获取到组件的实例属性
@@ -70,6 +52,8 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdDivider',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Divider',
         title: '分割线',
         description: '用于显示分割线。',
         icon: '../../icons/Divider.svg',
@@ -77,6 +61,11 @@ const config = defineConfig({
         categoryOrder: 1,
         componentOrder: 1,
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdDivider',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['type'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdDivider',

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

@@ -107,6 +107,8 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdIcon',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Icon',
         title: '图标',
         description: '可以通过在图标组件的配置区中选择微搭提供的预置图标实现图标的展示效果并调整图标颜色等参数，同时图标组件也支持用户对图标进行自定义的上传。',
         icon: '../../icons/Icon.svg',
@@ -114,6 +116,11 @@ const config = defineConfig({
         categoryOrder: 400,
         componentOrder: 100,
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdIcon',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['type', 'name', 'src', 'size'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdIcon',

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

@@ -146,6 +146,9 @@ const config = defineConfig({
         },
     ],
     meta: {
+        name: 'WdImage',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Image',
         title: '图片',
         description: '用于在页面进行图片的展示。',
         category: '展示',
@@ -153,6 +156,10 @@ const config = defineConfig({
         categoryOrder: 400,
         componentOrder: 230,
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdImage',
+        shortcut: {
+            props: ['src'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdImage',

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

@@ -142,8 +142,6 @@ const data = Type.Object({
     contentSlot: Type.Optional(Type.Slot()),
 });
 // 组件对外暴露的只读属性
-// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
-// 组件对外先规范定义，暂时不对外开放
 const properties = Type.Pick(data, ['content', 'url', 'disabled']);
 // export default
 const config = defineConfig({
@@ -208,6 +206,8 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdLink',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Link',
         title: '链接',
         description: '当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等。',
         icon: '../../icons/Link.svg',
@@ -222,6 +222,11 @@ const config = defineConfig({
                 body: btnTemplate,
             },
         ],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdLink',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['content', 'url'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdLink',

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

@@ -15,7 +15,7 @@ const data = Type.Object({
         type: 'string',
         default: 'body-default',
         enum: Tuple(WD_TEXT_LEVEL),
-        description: '设置文本格式，支持正文(小,中,大)和标题(H1-H6)',
+        description: '设置文本格式，支持正文(小、中、大)和标题(H1-H6)',
         'x-category': '基础属性',
         'x-index': 20,
     })),
@@ -31,7 +31,7 @@ const data = Type.Object({
             },
         ],
         'x-category': '高级属性',
-        description: '文本长度超过最大行数用省略展示,开启后,会添加display:-webkit-box !import 样式,可能会导致文本布局失效',
+        description: '文本长度超过最大行数用省略展示，开启后，会添加display:-webkit-box !import 样式，可能会导致文本布局失效',
         'x-index': 30,
     })),
     maxLines: Type.Optional(Type.StringEnum({
@@ -47,7 +47,7 @@ const data = Type.Object({
     tips: Type.Optional(Type.Boolean({
         title: '展示文本气泡',
         type: 'boolean',
-        description: '开启后鼠标悬停在文本组件上会展示文本气泡,仅PC端有效',
+        description: '开启后鼠标悬停在文本组件上会展示文本气泡，仅PC端有效',
         default: true,
         'x-category': '高级属性',
         'x-index': 50,
@@ -55,9 +55,10 @@ const data = Type.Object({
     space: Type.Optional(Type.Boolean({
         title: '连续空格',
         type: 'boolean',
-        default: false,
+        default: true,
         'x-category': '高级属性',
-        description: '是否显示连续空格,开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)',
+        description: '关闭时文本内容的换行以空格展示，换行不生效，多个空格会自动转换成单个空格；开启时换行生效，支持识别多个空格',
+        'x-helper-text': '关闭时文本内容的换行以空格展示，换行不生效，多个空格会自动转换成单个空格；开启时换行生效，支持识别多个空格',
         'x-index': 60,
     })),
     userSelect: Type.Optional(Type.Boolean({
@@ -66,7 +67,7 @@ const data = Type.Object({
         default: true,
         'x-index': 70,
         'x-category': '高级属性',
-        description: '是否可选中文本,关闭后文本将不支持进行选中，无法进行复制等常见文本操作',
+        description: '是否可选中文本，关闭后文本将不支持进行选中，无法进行复制等常见文本操作',
     })),
 });
 // 组件对外暴露的只读属性
@@ -123,6 +124,8 @@ const config = defineConfig({
     // 组件元信息
     meta: {
         name: 'WdText',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Text',
         title: '文本',
         description: '用于展示页面中的文本/标题内容。',
         icon: '../../icons/Text.svg',
@@ -130,6 +133,11 @@ const config = defineConfig({
         categoryOrder: 1,
         componentOrder: 1,
         visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdText',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text', 'level'],
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdText',

package/dist/configs/index.js

@@ -14,7 +14,6 @@ import Checkbox from './components/form/checkbox.json';
 import Switch from './components/form/switch.json';
 import Form from './components/form/form.json';
 import Select from './components/form/select.json';
-import Auth from './components/auth.json';
 import Slot from './components/slot.json';
 import Uploader from './components/form/uploader.json';
 import UploaderFile from './components/form/uploaderFile.json';
@@ -93,7 +92,6 @@ export const components = {
     WedaVideo,
     // Cells,
     Select,
-    Auth,
     Slot,
     Uploader,
     UploaderFile,

package/dist/docs/common/componentList.js

@@ -135,7 +135,7 @@ export default function ComponentList() {
                 React.createElement("tbody", null, item[1].map((i) => {
                     return (React.createElement("tr", { key: i.name },
                         React.createElement("td", null,
-                            React.createElement("a", { href: i.meta.docsUrl }, i.meta.title),
+                            i.meta.docsUrl ? (React.createElement("a", { href: i.meta.docsUrl }, i.meta.title)) : (i.meta.title),
                             i.isStandardized && (React.createElement("span", { className: "wd-design-lable" }))),
                         React.createElement("td", null, i.name),
                         React.createElement("td", null, i.meta.description)));