@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/configs/components/qr_code.js

@@ -0,0 +1,117 @@
+import { defineConfig, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    text: Type.String({
+        title: '二维码内容',
+        type: 'string',
+        'x-index': 10,
+        default: 'https://cloud.tencent.com/product/weda',
+        'x-category': '通用',
+    }),
+    showMenuByLongpress: Type.Boolean({
+        title: '长按打开菜单',
+        default: true,
+        'x-category': '小程序开放能力',
+        'x-index': 20,
+        'x-helper-text': `小程序端长按显示分享、保存、收藏等功能。[查看说明](https://developers.weixin.qq.com/miniprogram/dev/component/image.html#%E6%94%AF%E6%8C%81%E9%95%BF%E6%8C%89%E8%AF%86%E5%88%AB%E7%9A%84%E7%A0%81)`,
+    }),
+    foregroundColor: Type.String({
+        title: '二维码前置色',
+        type: 'string',
+        'x-component': 'color',
+        'x-index': 30,
+        default: '#000000',
+        'x-category': '风格',
+    }),
+    backgroundColor: Type.String({
+        title: '二维码背景色',
+        type: 'string',
+        'x-component': 'color',
+        'x-index': 40,
+        default: '#ffffff',
+        'x-category': '风格',
+    }),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, [
+    'text',
+    'showMenuByLongpress',
+    'backgroundColor',
+    'foregroundColor',
+]);
+// 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-qrcode',
+            description: '二维码组件根元素',
+        },
+        {
+            name: 'PC 端二维码根元素',
+            selector: '.wd-pc-qrcode',
+            description: '可以为 PC 端的二维码编写样式',
+        },
+        {
+            name: 'H5 端二维码根元素',
+            selector: '.wd-h5-qrcode',
+            description: '可以为 H5 端的二维码编写样式',
+        },
+        {
+            name: '小程序端二维码根元素',
+            selector: '.wd-mp-qrcode',
+            description: '可以为小程序端的二维码编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [],
+    // 组件元信息
+    meta: {
+        name: 'QrCode',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'QrCode',
+        title: '二维码',
+        description: '根据链接或文本等生成二维码',
+        icon: '../../icons/QrCode.svg',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 265,
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/QrCode',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text'],
+        },
+    },
+    configMeta: {
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text'],
+        },
+        group: {
+            通用: {
+                'x-index': 1,
+                expand: true,
+            },
+            小程序开放能力: {
+                'x-index': 2,
+                expand: true,
+            },
+            风格: {
+                'x-index': 3,
+                expand: true,
+            },
+        },
+    },
+});
+export default config;

package/dist/configs/components/repeater.js

@@ -83,10 +83,11 @@ export default defineConfig({
     events: [],
     meta: {
         title: '循环展示',
-        description: '循环展示',
+        description: '用于循环展示组件的场景，可将一个数组循环展示在页面中，比如循环一个新闻列表。',
         icon: '../icons/Repeater.svg',
         category: '展示',
-        componentOrder: 1,
+        categoryOrder: 400,
+        componentOrder: 260,
         templates: [
             {
                 to: '$children',

package/dist/configs/components/scrollVeiw.json

@@ -46,7 +46,9 @@
                 "type": "string",
                 "x-category": "高级属性",
                 "x-index": 4,
-                "remarks": "将当前的元素滚动到浏览器窗口的可视区域内"
+                "remarks": "将当前的元素滚动到浏览器窗口的可视区域内",
+                "x-platforms": ["WEB"],
+                "x-helper-text": "小程序暂时不支持此特性"
             },
             "scrollLeft": {
                 "title": "横向滚动条位置",

package/dist/configs/components/table.json

@@ -361,7 +361,7 @@
                 "description": "设置用于筛选的字段显隐/顺序 "
             },
             "bindConnectMetadata": {
-                "title": "APIs选择",
+                "title": "APIs",
                 "type": "object",
                 "x-component": "connector-select",
                 "x-index": 40,
@@ -777,7 +777,7 @@
     ],
     "platforms": ["web"],
     "meta": {
-        "title": "数据表格",
+        "title": "数据表格(旧)",
         "componentName": "Table",
         "description": "表格可以清晰地展示二维数据",
         "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ModelTable.svg",
@@ -785,7 +785,7 @@
         "categoryOrder": 100,
         "componentOrder": 40,
         "platform": ["MOBILEWEB", "PCWEB"],
-        "visible": ["APP"],
+        "visible": [],
         "selectableBlock": {
             "events": [
                 {
@@ -793,7 +793,17 @@
                     "title": "点击"
                 }
             ]
-        }
+        },
+        "deprecated": true,
+        "renderMode": [
+            {
+                "component": "WdTable",
+                "props": {},
+                "renderType": "update",
+                "materialName": "gsd-h5-react",
+                "description": "- 本次升级提供全新的PC端/移动端表格样式  - 完善筛选器、表格列配置能力  - 新增点击表格行事件  - 规范组件属性名称与分类"
+            }
+        ]
     },
     "configMeta": {
         "shortcut": {

package/dist/configs/components/tabs.js

@@ -107,7 +107,7 @@ const config = defineConfig({
     meta: {
         name: 'Tabs',
         title: '顶部选项卡',
-        description: '用于实现常见的选项卡切换效果。',
+        description: '用于提供顶部的选项卡布局，支持切换多个选项标签。',
         category: '导航',
         icon: '../icons/Tabs.svg',
         categoryOrder: 200,

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

@@ -189,8 +189,8 @@ const config = defineConfig({
         description: '用于显示气泡的提示。',
         icon: '../../icons/Bubble.svg',
         category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
+        categoryOrder: 400,
+        componentOrder: 290,
         platform: ['MOBILEWEB', 'PCWEB'],
         visible: ['APP'],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',

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

@@ -336,7 +336,7 @@ const config = defineConfig({
         },
         {
             name: '禁用状态',
-            selector: '.wd-btn__icon.is-disabled',
+            selector: '.wd-btn.is-disabled',
             description: '按钮禁用状态',
         },
         {
@@ -400,7 +400,7 @@ const config = defineConfig({
         name: 'WdButton',
         componentName: 'Button',
         title: '按钮',
-        description: '当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等',
+        description: '用于需要用户点击触发特定事件的场景，如信息提交、页面跳转等。',
         icon: '../../icons/Button.svg',
         category: '展示',
         categoryOrder: 400,
@@ -409,7 +409,7 @@ const config = defineConfig({
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',
         // 快捷编辑时展示在编辑区的属性
         shortcut: {
-            props: ['text', 'theme', 'size'],
+            props: ['text', 'theme', 'variant', 'size'],
         },
     },
     configMeta: {

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

@@ -55,11 +55,11 @@ const config = defineConfig({
         // 组件别名，用于生成组件 id，例如 Icon1
         componentName: 'Divider',
         title: '分割线',
-        description: '用于显示分割线。',
+        description: '为页面添加一条分割线，常用于组件之间的布局区分。',
         icon: '../../icons/Divider.svg',
         category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
+        categoryOrder: 400,
+        componentOrder: 280,
         visible: ['APP'],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdDivider',
         // 快捷编辑时展示在编辑区的属性

package/dist/configs/components/wd-form-detail.js

@@ -0,0 +1,229 @@
+import { defineConfig, Type, Tuple } from '../type-utils';
+// import { FORM_ITEM_CONFIG_DATA as CONF } from '../type-utils/type-form';
+import { WD_FORM_DETAIL_VIEW_TYPE } from '../../enum';
+// 属性类型定义
+const data = Type.Object({
+    // 通用
+    // name: CONF.name,
+    name: Type.String({
+        title: '绑定字段',
+        default: 'formDetail',
+        type: 'string',
+        'x-component': '_form-field-name-auto-complete',
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+        'x-category': '基础属性',
+        'x-index': 10,
+    }),
+    label: Type.String({
+        title: '标题',
+        default: '标题',
+        type: 'string',
+        description: '字段标题',
+        'x-category': '基础属性',
+        'x-index': 20,
+    }),
+    viewType: Type.Optional(Type.StringEnum({
+        title: 'PC端明细样式',
+        'x-index': 30,
+        default: 'table',
+        enum: Tuple(WD_FORM_DETAIL_VIEW_TYPE),
+        'x-category': '基础属性',
+        description: '设置明细组件的样式',
+    })),
+    // 标题
+    // label: CONF.label,
+    // labelVisible: CONF.labelVisible,
+    // labelAlign: CONF.labelAlign,
+    // labelWrap: CONF.labelWrap,
+    // layout: CONF.layout,
+    // labelWidth: CONF.labelWidth,
+    // labelTips: CONF.labelTips,
+    // 状态校验
+    // status: CONF.status, // 新增且需兼容 disabled
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 40,
+        'x-category': '基础属性',
+    }),
+    value: Type.Array(Type.String({}), {
+        type: 'array',
+        title: '默认值',
+        default: [],
+        'x-index': 50,
+        'x-component': 'jsontext',
+        'x-category': '基础属性',
+    }),
+    isPureArray: Type.Boolean({
+        type: 'boolean',
+        title: '是否是纯属组',
+        default: false,
+        'x-category': '基础属性',
+        display: false,
+    }),
+    readOnly: Type.Boolean({
+        type: 'boolean',
+        title: '表单场景是否为只读',
+        default: false,
+        'x-index': 4,
+        'x-category': '基础属性',
+        display: false,
+    }),
+    fieldAuth: Type.String({
+        type: 'string',
+        title: '数据源字段权限',
+        default: 'rw',
+        'x-category': '基础属性',
+        display: false,
+    }),
+    hasInitValue: Type.Boolean({
+        type: 'boolean',
+        title: '是否有初始值',
+        default: false,
+        'x-category': '基础属性',
+        display: false,
+    }),
+    isWdFormDetail: Type.Boolean({
+        type: 'boolean',
+        title: '是否是规范化后的明细组件',
+        default: true,
+        'x-category': '基础属性',
+        display: false,
+    }),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Object({
+    name: Type.String({
+        title: '绑定字段',
+        default: 'formDetail',
+        type: 'string',
+        'x-component': '_form-field-name-auto-complete',
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+        'x-category': '基础属性',
+        'x-index': 10,
+    }),
+    isTableView: Type.Boolean({
+        title: '是否展示为表格样式',
+        type: 'boolean',
+        default: false,
+    }),
+});
+// 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: '.form-detail-wrap',
+            description: '明细组件根元素',
+        },
+        {
+            name: 'PC 端明细组件根元素',
+            selector: '.pc-form-detail-wrap',
+            description: '可以为 PC 端的明细组件编写样式',
+        },
+        {
+            name: 'H5 端明细组件根元素',
+            selector: '.h5-form-detail-wrap',
+            description: '可以为 H5 端的明细组件编写样式',
+        },
+        {
+            name: '小程序端明细组件根元素',
+            selector: '.mp-form-detail-wrap',
+            description: '可以为小程序端的明细组件编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [
+        {
+            name: 'addition',
+            label: '新增一行',
+        },
+        {
+            name: 'remove',
+            label: '删除该行',
+            params: {
+                properties: {
+                    index: {
+                        title: '删除数据的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+        },
+        {
+            name: 'change',
+            label: '值改变',
+            params: {
+                properties: {
+                    name: {
+                        title: '改变值的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                    value: {
+                        title: '改变值的value',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+        },
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            name: 'onDataChange',
+            title: '值改变',
+            description: '组件中的数据内容发生改变时触发',
+        },
+    ],
+    compConfig: {
+        isDataContainer: true,
+        componentType: 'formField',
+    },
+    isContainer: true,
+    // 组件元信息
+    meta: {
+        name: 'WdFormDetail',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'formDetail',
+        title: '明细',
+        description: '明细',
+        icon: '../../icons/Text.svg',
+        category: '表单',
+        visible: [],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormDetail',
+    },
+});
+export default config;