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

package/dist/configs/components/carousel.json

@@ -38,6 +38,12 @@
                             "type": "string",
                             "title": "图片高度",
                             "default": "160px",
+                            "x-rules": [
+                                {
+                                    "message": "不允许设置百分比高度",
+                                    "pattern": "^\\d+([^%]+?)?$"
+                                }
+                            ],
                             "x-index": 40
                         },
                         "width": {
@@ -293,11 +299,15 @@
     ],
     "meta": {
         "title": "轮播图",
-        "description": "轮播图",
+        "description": "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。",
         "category": "展示",
         "categoryOrder": 400,
         "componentOrder": 260,
-        "icon": "../icons/Carousel.svg"
+        "icon": "../icons/Carousel.svg",
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Swiper"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Swiper"
     },
     "mpOrigin": "swiper"
 }

package/dist/configs/components/chart/bar.json

@@ -1095,7 +1095,7 @@
     "events": [],
     "meta": {
         "title": "柱状图",
-        "description": "柱状图组件主要用于报表场景下展示数据之间大小的对比，支持小程序、H5 和 PC Web 端。",
+        "description": "用于报表场景下展示数据之间大小的对比。",
         "icon": "../../icons/Bar.svg",
         "category": "图表",
         "categoryOrder": 600,

package/dist/configs/components/chart/line.js

@@ -963,7 +963,7 @@ const config = defineConfig({
     events: [],
     meta: {
         title: '折线图',
-        description: '折线图组件主要用于报表场景下展示数据随时间变化产生的趋势，支持小程序、H5 和 PC Web 端。',
+        description: '用于报表场景下展示数据随时间变化产生的趋势。',
         icon: '../../icons/Line.svg',
         category: '图表',
         categoryOrder: 600,

package/dist/configs/components/chart/pie.json

@@ -785,7 +785,7 @@
     "events": [],
     "meta": {
         "title": "饼图",
-        "description": "饼图组件主要用于报表场景下表示数据在总体中的占比,支持小程序、H5 和 PC Web 端。",
+        "description": "用于报表场景下表示数据在总体中的占比。",
         "icon": "../../icons/Pie.svg",
         "category": "图表",
         "categoryOrder": 600,

package/dist/configs/components/chart/statisticsCard.json

@@ -422,7 +422,7 @@
     ],
     "meta": {
         "title": "统计卡片",
-        "description": "统计卡片组件主要提供报表场景下的指标数据统计并展示功能，支持小程序、H5 和 PC Web 端。",
+        "description": "提供报表场景下的指标数据统计并展示功能。",
         "icon": "../../icons/StatisticsCard.svg",
         "category": "图表",
         "categoryOrder": 600,

package/dist/configs/components/common/form-input-required.js

@@ -0,0 +1,176 @@
+import { Type } from '../../type-utils';
+export const commonRequiredDataForm = {
+    required: Type.Boolean({
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 6,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 7,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 8,
+        'x-category': '基础属性',
+    }),
+};
+// "rules": {
+//   "type": "array",
+//     "items": {
+//     "type": "object",
+//       "title": "tabs",
+//         "default": {
+//       "icon": "自定义",
+//         "title": "自定义",
+//           "message": "请输入正确格式的内容"
+//     },
+//     "x-display": "({'':'自定义','id':'身份证','bankCard':'银行卡','email':'邮箱','num':'数字','cn':'中文','mobile':'手机号','tel':'固定电话','url':'网址','carId':'车牌','cnName':'中文名','enName':'英文名','userName':'用户名','address':'地址', 'date':'日期','numVcode':'数字验证码(4-8位)', 'vcode':'其他验证码(4位以上的中英文字符)', 'code':'编码', 'hkMc':'港澳通行证', 'taiWan':'台湾通行证', 'passport':'护照', 'money':'金额'})[this.format] || '自定义'",
+//       "properties": {
+//       "format": {
+//         "enum": [
+//           {
+//             "label": "自定义",
+//             "value": ""
+//           },
+//           {
+//             "label": "身份证",
+//             "value": "id"
+//           },
+//           {
+//             "label": "银行卡",
+//             "value": "bankCard"
+//           },
+//           {
+//             "label": "邮箱",
+//             "value": "email"
+//           },
+//           {
+//             "label": "数字",
+//             "value": "num"
+//           },
+//           {
+//             "label": "中文",
+//             "value": "cn"
+//           },
+//           {
+//             "label": "手机号",
+//             "value": "mobile"
+//           },
+//           {
+//             "label": "固定电话",
+//             "value": "tel"
+//           },
+//           {
+//             "label": "网址",
+//             "value": "url"
+//           },
+//           {
+//             "label": "车牌",
+//             "value": "carId"
+//           },
+//           {
+//             "label": "中文名",
+//             "value": "cnName"
+//           },
+//           {
+//             "label": "英文名",
+//             "value": "enName"
+//           },
+//           {
+//             "label": "用户名",
+//             "value": "userName"
+//           },
+//           {
+//             "label": "地址",
+//             "value": "address"
+//           },
+//           {
+//             "label": "日期",
+//             "value": "date"
+//           },
+//           {
+//             "label": "数字验证码(4-8位)",
+//             "value": "numVcode"
+//           },
+//           {
+//             "label": "其他验证码(4位以上的中英文字符)",
+//             "value": "vcode"
+//           },
+//           {
+//             "label": "编码",
+//             "value": "code"
+//           },
+//           {
+//             "label": "港澳通行证",
+//             "value": "hkMc"
+//           },
+//           {
+//             "label": "台湾通行证",
+//             "value": "taiWan"
+//           },
+//           {
+//             "label": "护照",
+//             "value": "passport"
+//           },
+//           {
+//             "label": "金额",
+//             "value": "money"
+//           }
+//         ],
+//           "type": "string",
+//             "title": "校验规则",
+//               "default": "",
+//                 "x-linkages": [
+//                   {
+//                     "type": "value:state",
+//                     "state": {
+//                       "value": "{{ '请输入正确格式的'+($self.value === '' ? '内容' :  $self.props.enum.find(item => { return item.value === $self.value }) && $self.props.enum.find(item => { return item.value === $self.value }).label )}}"
+//                     },
+//                     "target": "dataForm.message",
+//                     "condition": "{{$self.inputed}}"
+//                   },
+//                   {
+//                     "type": "value:state",
+//                     "state": {
+//                       "value": "{{ {'':'', 'id':'/^[1-9]\\\\d{5}(18|19|([23]\\\\d))\\\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\\\d{3}[0-9Xx]$/', 'bankCard':'/^([1-9]{1})(\\d{7,29})$/' , 'email':'/^\\\\w{6,18}@\\\\w{2,4}\\\\.(com)|(net)$/', 'num':'/^-?\\\\d*\\\\.?\\\\d+$/', 'cn':'/^[/u4e00-/u9fa5]$/', 'mobile':'/^[1][3,4,5,6,7,8,9][0-9]{9}$/', 'tel':'/^(0\\\\d{2,3}-)?(\\\\d{7,8})$/', 'url': '/http://([\\\\w-]+\\\\.)+[\\\\w-]+(/[\\\\w- ./?%&=]*)?/', 'carId':'/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/', 'cnName':'/^[/u4e00-/u9fa5]$/', 'enName':'/^[A-Za-z]+$/', 'userName':'/^[a-zA-Z0-9_-]{4,16}$/', 'address': '/.*/', 'date':'/^\\\\d{4}(\\\\-)\\\\d{1,2}\\\\1\\\\d{1,2}$/', 'numVcode':'/^[0-9]{4,8}$/', 'vcode':'/^.{4,}$/', 'hkMc':'/^[LTlt]{1}[0-9]{8}$/', 'code': '/^[1-9][0-9]{5}$/', 'taiWan':'/^[0-9]{8,10}$/', 'passport':'/^((1[45]\\\\d{7})|(G\\\\d{8})|(P\\\\d{7})|(S\\\\d{7,8})|(E\\\\d{8}))?$/', 'money':'/^([1-9][\\\\d]{0,7}|0)(\\\\.[\\\\d]{1,2})?$/'}[$self.value] }}"
+//                     },
+//                     "target": "dataForm.pattern",
+//                     "condition": "{{$self.inputed}}"
+//                   }
+//                 ]
+//       },
+//       "message": {
+//         "type": "string",
+//           "title": "提示信息",
+//             "default": "请输入正确格式的内容"
+//       },
+//       "pattern": {
+//         "type": "string",
+//           "title": "正则",
+//             "x-component": "textarea"
+//       }
+//     }
+//   },
+//   "title": "校验规则",
+//     "default": [],
+//       "remarks": "仅符合校验规则的数据才允许被提交；不符合规则时会展示错误提示信息",
+//         "x-index": 10,
+//           "x-category": "基础属性",
+//             "x-component": "list"
+// },

package/dist/configs/components/container.js

@@ -38,7 +38,7 @@ const config = defineConfig({
     meta: {
         title: '普通容器',
         category: '布局',
-        description: '容器中可放入多个组件，常用于在前端中对页面布局进行管理的场景。 同时也可以通过容器组件绑定数据对容器内的组件进行循环遍历。',
+        description: '可放入多个组件，常用于对组件布局进行管理控制。',
         categoryOrder: 200,
         componentOrder: 50,
         icon: '../icons/Container.svg',

package/dist/configs/components/customer-service.js

@@ -0,0 +1,264 @@
+import { defineConfig, Type } from '../type-utils';
+const iconBoxShadow = `boxShadow = "0px 8px 8px 1.25px rgba(0, 0, 0, 0.06), 0px 6.25px 6.25px -3.75px rgba(0, 0, 0, 0.1)"`;
+const getDefaultIconTpl = ({ withShadow }) => {
+    return `
+  [template.attributes]
+  name = "td:service"
+
+  [template.extra.commonStyle]
+  display = "flex"
+  ${withShadow ? iconBoxShadow : ''}
+
+  [template.extra.commonStyle.background]
+  bgType = "color"
+  color = "#0252D9"
+
+  [template.extra.commonStyle.text]
+  color = "rgb(255, 255, 255)"
+
+  [template.extra.commonStyle.border.radiusInfo]
+  bottomLeft = "48"
+  bottomRight = "48"
+  topLeft = "48"
+  topRight = "48"
+
+  [template.extra.commonStyle.flexConfig]
+  alignItems = "center"
+  justifyContent = "center"
+
+  [template.extra.commonStyle.size]
+  height = "48PX"
+  width = "48PX"
+
+  ${withShadow
+        ? `
+  [template.extra.commonStyle.self]
+  ${iconBoxShadow}
+  `
+        : ''}
+  `;
+};
+const containerBodyTemplate = `
+{{#with $self as |$self|}}
+
+{{#if (helper_utils '===' $self.attributes.template 'suspend')}}
+[[template]]
+component = 'WdIcon'
+${getDefaultIconTpl({ withShadow: true })}
+
+[extra.commonStyle.position]
+position = "fixed"
+bottom = 120
+right = 16
+
+[extra.commonStyle.background]
+bgType = "color"
+color = "transparent"
+
+[extra.commonStyle.padding]
+bottom = "0px"
+left = "0px"
+right = "0px"
+top = "0px"
+
+[extra.commonStyle.self]
+minWidth = "48px"
+overflow = "visible"
+
+{{else if (helper_utils '===' $self.attributes.template 'normal')}}
+[[template]]
+component = 'WdIcon'
+${getDefaultIconTpl({ withShadow: false })}
+
+[extra.commonStyle]
+display = "inline-block"
+
+[extra.commonStyle.self]
+minWidth = "48px"
+overflow = "visible"
+
+[extra.commonStyle.position]
+position = "relative"
+top = 0
+left = 0
+
+[extra.commonStyle.padding]
+bottom = "0px"
+left = "0px"
+right = "0px"
+top = "0px"
+
+{{/if}}
+{{/with}}
+`;
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    isContainer: true,
+    // 属性定义
+    data: {
+        properties: {
+            // 通用
+            showMessageCard: Type.Optional(Type.Boolean({
+                title: '是否显示会话内消息卡片',
+                default: false,
+                'x-platforms': ['MP'],
+                'x-category': '通用',
+                'x-index': 10,
+                'x-linkages': [
+                    {
+                        type: 'value:visible',
+                        target: '*(sendMessageTitle)',
+                        condition: '{{$self.value===true}}',
+                    },
+                    {
+                        type: 'value:visible',
+                        target: '*(sendMessagePath)',
+                        condition: '{{$self.value===true}}',
+                    },
+                    {
+                        type: 'value:visible',
+                        target: '*(sendMessageImg)',
+                        condition: '{{$self.value===true}}',
+                    },
+                ],
+            })),
+            sendMessageTitle: Type.Optional(Type.String({
+                title: '消息卡片标题',
+                default: '',
+                'x-platforms': ['MP'],
+                'x-category': '通用',
+                'x-index': 20,
+            })),
+            sendMessagePath: Type.Optional(Type.String({
+                title: '消息卡片点击跳转小程序路径',
+                default: '',
+                'x-platforms': ['MP'],
+                'x-category': '通用',
+                'x-index': 30,
+            })),
+            sendMessageImg: Type.Optional(Type.String({
+                title: '消息卡片图片',
+                'x-component': 'image',
+                'x-rules': [
+                    {
+                        message: '请输入合法的图片地址',
+                        pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+                    },
+                ],
+                default: '',
+                'x-platforms': ['MP'],
+                'x-category': '通用',
+                'x-index': 40,
+            })),
+            sessionFrom: Type.Optional(Type.String({
+                title: '会话来源',
+                default: '',
+                'x-platforms': ['MP'],
+                'x-category': '通用',
+                'x-index': 50,
+            })),
+            // 风格
+            template: {
+                title: '模板',
+                type: 'string',
+                default: 'suspend',
+                enum: [
+                    {
+                        label: '固定悬浮',
+                        value: 'suspend',
+                        tooltip: '悬浮在屏幕右下角',
+                        src: 'data:image/png;base64,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',
+                    },
+                    {
+                        label: '相对定位',
+                        value: 'normal',
+                        tooltip: '普通布局',
+                        src: 'data:image/png;base64,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',
+                    },
+                ],
+                'x-component': 'data-sources-template-selector',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-category': '风格',
+                'x-index': 80,
+                remarks: '客服会话样式的预设模板',
+            },
+        },
+    },
+    // 组件方法
+    methods: [],
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-customer-service',
+            description: '组件根元素',
+        },
+        {
+            name: '小程序端根元素',
+            selector: '.wd-mp-customer-service',
+            description: '可以为小程序端的组件编写样式',
+        },
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            title: '客服消息回调',
+            name: 'contact',
+            'x-platforms': ['MP'],
+            detail: {
+                errMsg: Type.String({
+                    description: '错误信息',
+                }),
+                path: Type.String({
+                    description: '小程序消息指定的路径',
+                }),
+                query: Type.Object({}, {
+                    description: '小程序消息指定的查询参数',
+                }),
+            },
+        },
+    ],
+    // 组件元信息
+    meta: {
+        title: '客服会话',
+        name: 'CustomerService',
+        componentName: 'CustomerService',
+        description: '用于在小程序中打开客服对话页面。',
+        icon: '../../icons/customerService.svg',
+        category: '小程序',
+        categoryOrder: 700,
+        componentOrder: 590,
+        platform: ['MP'],
+        visible: ['APP'],
+        templates: [
+            {
+                // @ts-ignore what the?
+                when: '$attached',
+                to: '$children',
+                body: containerBodyTemplate,
+            },
+            {
+                when: 'template',
+                to: '$children',
+                body: containerBodyTemplate,
+            },
+        ],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/CustomerService',
+    },
+    configMeta: {
+        group: {
+            ['通用']: {
+                'x-index': 1,
+                expand: true,
+            },
+            ['风格']: {
+                'x-index': 2,
+                expand: true,
+            },
+        },
+    },
+});
+export default config;

package/dist/configs/components/dataView.js

@@ -1,5 +1,5 @@
 const rawTemplate = `
-{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false)) as |_fields|}}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
 {{#with (helper_utils 'concat' 'string' 'number' 'boolean') as |_rangeTypes|}}
 
 [[template]]
@@ -190,7 +190,7 @@ const config = {
                 'x-linkages': [
                     {
                         type: 'value:state',
-                        target: '*(orderType,where,orderBy,datasource)',
+                        target: '*(orderType,queryCondition,orderBy,datasource)',
                         condition: "{{$self.value !='custom-connector'}}",
                         state: {
                             display: true,
@@ -294,7 +294,7 @@ const config = {
                     {
                         type: 'value:schema',
                         condition: '{{ Boolean($value && $value.name) }}',
-                        target: 'where',
+                        target: 'queryCondition',
                         schema: {
                             'x-component-props': '{{{selectedDataSourceName: $value && $value.name}}}',
                         },
@@ -350,76 +350,20 @@ const config = {
                     paramsKeyName: 'connectorParams',
                 },
             },
-            where: {
+            queryCondition: {
                 'x-index': 20,
                 title: '数据筛选',
                 'x-category': '基础属性',
                 type: 'array',
                 items: {},
-                'x-component': 'condition-select',
+                'x-component': 'data-source-condition-selector',
                 'x-component-props': {
-                    selectedDataSourceName: null,
-                    customLogicOptions: [
-                        {
-                            text: '且',
-                            value: 'and',
-                        },
-                        {
-                            text: '或',
-                            value: 'or',
-                        },
-                    ],
-                    blackListConfig: {
-                        format: ['related', 'father-son', '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',
-                            },
-                            {
-                                value: 'empty',
-                                text: '为空',
-                                type: 'empty',
-                            },
-                            {
-                                value: 'nempty',
-                                text: '不为空',
-                                type: 'nempty',
-                            },
-                        ],
-                    },
+                    propertyPath: 'queryCondition',
+                    dataSourcePath: 'datasource.name',
+                    preWherePath: 'where',
                 },
                 'x-props': {
-                    'data-hidebind': true,
+                    'data-hidebind': false,
                     'data-hideBindValue': true,
                     'data-withBindMeta': true,
                 },
@@ -492,7 +436,7 @@ const config = {
             props: [
                 'dataSourceType',
                 'datasource',
-                'where',
+                'queryCondition',
                 'bindConnectMetadata',
                 'connectorMethod',
                 'connectorParams',