@cloudbase/weda-ui 3.4.5 → 3.4.6

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

@@ -2,6 +2,50 @@
     "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
     "data": {
         "properties": {
+            "isNickNameType": {
+                "type": "boolean",
+                "default": false,
+                "title": "小程序端获取微信昵称",
+                "x-group": "高级属性",
+                "x-index": 185,
+                "description": "开启后小程序用户可选择选择微信昵称",
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "value": "text",
+                            "disabled": true
+                        },
+                        "target": "type",
+                        "condition": "{{$self.value}}"
+                    },
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "disabled": false
+                        },
+                        "target": "type",
+                        "condition": "{{!$self.value}}"
+                    },
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "value": false,
+                            "disabled": true
+                        },
+                        "target": "password",
+                        "condition": "{{$self.value}}"
+                    },
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "disabled": false
+                        },
+                        "target": "password",
+                        "condition": "{{!$self.value}}"
+                    }
+                ]
+            },
             "label": {
                 "type": "string",
                 "default": "标题",
@@ -25,7 +69,8 @@
             "password": {
                 "type": "boolean",
                 "default": false,
-                "title": "密码"
+                "title": "密码",
+                "x-group": "高级属性"
             },
             "placeholder": {
                 "type": "string",
@@ -54,7 +99,8 @@
                         "value": "digit"
                     }
                 ],
-                "title": "输入类型"
+                "title": "输入类型",
+                "x-group": "高级属性"
             },
             "maxLength": {
                 "type": "number",

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

@@ -123,7 +123,8 @@
         "description": "富文本编辑器",
         "category": "表单",
         "icon": "../../icons/RichText.svg",
-        "visible": []
+        "visible": [],
+        "platform": ["WEB"]
     },
     "events": [
         {

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

@@ -6,21 +6,21 @@
                 "type": "string",
                 "default": "上传图片",
                 "title": "标题",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 1
             },
             "tips": {
                 "type": "string",
                 "default": "上传图片提示",
                 "title": "提示",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 2
             },
             "btnTitle": {
                 "type": "string",
                 "default": "上传图片",
                 "title": "按钮名称",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 3,
                 "x-platforms": ["PCWEB"]
             },
@@ -28,14 +28,14 @@
                 "type": "number",
                 "default": 9,
                 "title": "最大上传数",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 4
             },
             "maxSize": {
                 "type": "number",
                 "default": 10,
                 "title": "单张大小(M)",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 5
             },
             "acceptTypes": {
@@ -43,7 +43,7 @@
                 "title": "图片类型",
                 "x-component": "checkbox",
                 "default": ["image/*"],
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "x-index": 6,
                 "x-platforms": ["WEB"],
                 "enum": [
@@ -77,12 +77,60 @@
                     }
                 ]
             },
+            "isChooseAvatar": {
+                "type": "boolean",
+                "default": false,
+                "title": "小程序端获取微信头像",
+                "x-group": "高级属性",
+                "x-index": 185,
+                "description": "开启后小程序用户可选择直接上传微信头像",
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "value": true,
+                            "disabled": true
+                        },
+                        "target": "single",
+                        "condition": "{{$self.value}}"
+                    },
+                    {
+                        "type": "value:state",
+                        "state": {
+                            "disabled": false
+                        },
+                        "target": "single",
+                        "condition": "{{!$self.value}}"
+                    }
+                ]
+            },
+            "showShape": {
+                "type": "string",
+                "title": "图片显示形状",
+                "default": "ectangle",
+                "x-group": "高级属性",
+                "x-index": 188,
+                "enum": [
+                    {
+                        "label": "直角矩形",
+                        "value": "ectangle"
+                    },
+                    {
+                        "label": "圆角矩形",
+                        "value": "roundedTectangle"
+                    },
+                    {
+                        "label": "圆形",
+                        "value": "circular"
+                    }
+                ]
+            },
             "required": {
                 "type": "boolean",
                 "title": "是否必填",
                 "default": false,
                 "x-index": 190,
-                "x-category": "高级属性",
+                "x-group": "高级属性",
                 "x-linkages": [
                     {
                         "type": "value:visible",
@@ -96,20 +144,20 @@
                 "title": "校验错误提示",
                 "default": "该项为必填项",
                 "x-index": 191,
-                "x-category": "高级属性"
+                "x-group": "高级属性"
             },
             "requiredFlag": {
                 "type": "boolean",
                 "title": "显示必填标记",
                 "default": false,
                 "x-index": 192,
-                "x-category": "高级属性"
+                "x-group": "高级属性"
             },
             "layout": {
                 "title": "布局方式",
                 "type": "string",
                 "default": "horizontal",
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "enum": [
                     {
                         "label": "水平",
@@ -125,21 +173,21 @@
                 "type": "boolean",
                 "default": false,
                 "title": "是否禁用",
-                "x-category": "基础属性"
+                "x-group": "基础属性"
             },
             "labelVisible": {
                 "type": "boolean",
                 "default": true,
                 "title": "显示标题",
-                "x-category": "基础属性"
+                "x-group": "基础属性"
             },
             "single": {
                 "type": "boolean",
                 "title": "是否返回单张图片",
-                "x-category": "基础属性"
+                "x-group": "基础属性"
             },
             "defaultValue": {
-                "x-category": "基础属性",
+                "x-group": "基础属性",
                 "title": "初始默认值",
                 "type": "array",
                 "items": {

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

@@ -89,7 +89,7 @@ export default defineConfig({
     meta: {
         title: '列',
         category: '布局容器',
-        description: 'Grid 列',
+        description: '网格布局组件的最小单元格，可分别设置移动和桌面端列宽',
         componentOrder: 1000,
         visible: [],
         icon: '../../icons/Container.svg',
@@ -122,4 +122,7 @@ export default defineConfig({
             props: ['widthType', 'lgWidthType', 'alignSelf'],
         },
     },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid',
+    },
 });

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

@@ -11,6 +11,7 @@ component = 'Col'
 `;
 const gutterEnum = [
     { label: '0px（无）', value: 0 },
+    { label: '8px（超小）', value: 2 },
     {
         label: '16px（超小）',
         value: 3,
@@ -74,14 +75,15 @@ const data = Type.Object({
     // 8 16 24 对应 scss中的 gutters map
     gutterX: Type.NumberEnum({
         title: '列间距',
-        default: 0,
+        default: 2,
         'x-component': 'string',
         enum: Tuple(gutterEnum),
         'x-index': 30,
+        'x-helper-text': '默认对所有列生效，若某行单独配置了列间距，此属性将被覆盖。',
     }),
     gutterY: Type.NumberEnum({
         title: '行间距',
-        default: 0,
+        default: 2,
         'x-component': 'string',
         'x-index': 40,
         enum: Tuple(gutterEnum),
@@ -104,7 +106,7 @@ const config = defineConfig({
     meta: {
         title: '网格布局',
         category: '布局',
-        description: 'Grid 网格布局',
+        description: '将页面划分为多行、多列的网格，可分别设置移动端和桌面端列宽',
         componentOrder: 60,
         icon: '../../icons/Grid.svg',
         positionConstraint: {
@@ -126,6 +128,9 @@ const config = defineConfig({
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid',
+        shortcut: {
+            props: ['gutterX', 'gutterY'],
+        },
     },
 });
 export default config;

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

@@ -1,4 +1,41 @@
 import { defineConfig, Tuple, Type, } from '../../type-utils';
+const gutterEnum = [
+    { label: '默认继承网格布局', value: -1 },
+    { label: '0px（无）', value: 0 },
+    { label: '8px（超小）', value: 2 },
+    {
+        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({
     addRowCol: Type.Never({
         title: '添加行',
@@ -24,6 +61,14 @@ const data = Type.Object({
             })),
         },
     }),
+    gutterX: Type.NumberEnum({
+        title: '列间距',
+        default: -1,
+        'x-component': 'string',
+        enum: Tuple(gutterEnum),
+        'x-index': 30,
+        description: '对当前行的所有列生效。配置后，将会覆盖父层网格布局的属性。',
+    }),
     // // flex-start | flex-end | center | space-between | space-around
     // justifyContent: Type.StringEnum({
     //   title: '水平对齐',
@@ -63,9 +108,9 @@ const data = Type.Object({
         'x-component-props': {
             direction: 'crossAxis',
         },
-        'x-index': 30,
+        'x-index': 40,
         default: 'stretch',
-        description: '当所有列高度完全一致时，该属性不生效',
+        'x-helper-text': '当所有列高度完全一致时，该属性不生效',
         enum: Tuple([
             {
                 label: 'flex-start',
@@ -107,7 +152,7 @@ const config = defineConfig({
     meta: {
         title: '行',
         category: '布局容器',
-        description: 'Grid 行',
+        description: '水平的行，宽度超出屏幕会自动换行',
         componentOrder: 1000,
         visible: [],
         icon: '../../icons/Container.svg',
@@ -139,5 +184,8 @@ const config = defineConfig({
             props: ['colCount'],
         },
     },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid',
+    },
 });
 export default config;

package/dist/configs/components/repeater.js

@@ -91,7 +91,7 @@ export default defineConfig({
             {
                 to: '$children',
                 body: `
-                {{#with (helper_utils 'uuid') as |repeater_suffix|}}
+                {{#with $self.id as |repeater_suffix|}}
                 [attributes]
                 ':data' = "[{name: '文本内容1'}, {name: '文本内容2'}]"
                 suffix = '{{repeater_suffix}}'
@@ -109,6 +109,9 @@ export default defineConfig({
         ],
         visible: ['APP', 'COMPONENT'],
     },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Repeater',
+    },
     properties: {
         type: 'object',
         properties: {

package/dist/configs/components/table.json

@@ -778,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,