@cloudbase/weda-ui 1.0.24 → 2.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "1.0.24",
+  "version": "2.0.10",
   "main": "./src/index.js",
   "module": "./src/index",
   "miniprogram": "mpdist",
@@ -59,7 +59,7 @@
     "@cloudbase/ui-react": "^1.0.4",
     "@loadable/component": "^5.15.2",
     "@react-hookz/web": "^12.3.0",
-    "@tcwd/style-wedatheme": "^1.0.0",
+    "@tcwd/style-wedatheme": "^1.0.1",
     "@use-gesture/react": "^10.2.4",
     "braft-editor": "^2.3.9",
     "braft-utils": "^3.0.12",

package/src/configs/components/button.json

@@ -103,10 +103,8 @@
         ],
         "enum": [
           { "label": "无", "value": "" },
-          { "label": "获取手机号", "value": "getPhoneNumber" },
           { "label": "打开客服会话", "value": "contact" },
           { "label": "转发", "value": "share" },
-          { "label": "获取用户信息", "value": "getUserInfo" },
           { "label": "打开App", "value": "launchApp" },
           { "label": "打开授权设置", "value": "openSetting" },
           { "label": "打开意见反馈", "value": "feedback" }

package/src/configs/components/calendar.json

@@ -6,12 +6,14 @@
         "type": "date",
         "title": "日历展示时间",
         "x-category": "基础属性",
-        "x-index": 1
+        "x-index": 1,
+        "remarks":"已选中效果展示的日期"
       },
       "configData": {
         "type": "array",
         "title": "展示配置",
         "x-category": "基础属性",
+        "remarks":"可设置多个不同日期的特殊显示效果",
         "x-index": 2,
         "items": {
           "type": "object",
@@ -61,7 +63,8 @@
         "default": true,
         "title": "时间控制器",
         "x-category": "基础属性",
-        "x-index": 3
+        "x-index": 3,
+        "remarks":"显示切换年月的操作按钮"
       }
     }
   },

package/src/configs/components/carousel.json

@@ -6,57 +6,66 @@
         "title": "自动切换",
         "default": true,
         "type": "boolean",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
       },
       "indicatorDots": {
         "title": "导航锚点",
         "default": true,
         "type": "boolean",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"开启/关闭轮播图锚点"
       },
       "current": {
         "title": "当前所在滑块的 index",
         "default": 0,
         "type": "number",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
       },
       "interval": {
         "title": "自动切换时间间隔",
         "default": 5000,
         "type": "number",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"配置轮播图滚动的时间间隔，时间单位为ms"
       },
       "duration": {
         "title": "滑动动画时长",
         "default": 500,
         "type": "number",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图切换时的滑动动画时长"
       },
       "circular": {
         "title": "衔接滑动",
         "default": true,
         "type": "boolean",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图切换时动画的滑动方式"
       },
       "vertical": {
         "title": "纵向轮播",
         "default": false,
         "type": "boolean",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
       },
       "indicatorColor": {
         "title": "锚点颜色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(200, 200, 200, 0.9)",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改锚点普通状态下的颜色"
       },
       "indicatorActiveColor": {
         "title": "锚点激活色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(0, 0, 0, 0.9)",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改锚点选中时的颜色"
       },
       "images": {
         "type": "array",

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

@@ -60,7 +60,8 @@
               }
             }
           }
-        ]
+        ],
+        "remarks": "支持横向和纵向。纵向维度为 X 轴，数值为 Y 轴，横向反之。本文属性设置以纵向为例"
       },
       "isPile": {
         "title": "是否堆叠",
@@ -132,7 +133,8 @@
               "__datasourceName": "{{$self.value.name}}"
             }
           }
-        ]
+        ],
+        "remarks": "为统计卡片设置数据源，选择已经建好的 数据模型，单击数据源下拉菜单，选择统计"
       },
       "filterData": {
         "title": "数据筛选",
@@ -241,13 +243,15 @@
           "data-hidebind": true,
           "data-hideBindValue": true,
           "data-withBindMeta": true
-        }
+        },
+        "remarks": "可配置数据取值范围，可参见 数据筛选配置"
       },
       "setColor": {
         "type": "array",
         "title": "配色",
         "x-index": 70,
-        "x-component": "color-plate"
+        "x-component": "color-plate",
+        "remarks": "当有多个数值字段或维度字段分组时，不同类别将按照不同配色展示，支持自定义色卡"
       },
       "xFieldShow": {
         "x-index": 80,
@@ -255,7 +259,8 @@
         "x-component": "sub-category-title",
         "x-component-props": {
           "text": "维度(X轴)"
-        }
+        },
+        "remarks": "选择 X 轴字段，支持统计空值。当选择日期、时间、日期时间类型字段时，支持选择统计维度"
       },
       "xField": {
         "type": "object",
@@ -374,7 +379,8 @@
               "enum": "{{$self.value.format ==='datetime' ? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'},{'label':'时','value':'h'},{'label':'分','value':'min'}] : ($self.value.format ==='date'? [{'label':'年','value':'y'},{'label':'季','value':'q'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'}]: []) }}"
             }
           }
-        ]
+        ],
+        "remarks": "当 Y 轴仅选择一个字段时，支持根据某一固定字段对 X 轴进行分组展示。示例：X 轴为销售人员，分组为销售区域"
       },
       "groupKeyTimeSpan": {
         "title": "分组维度",

package/src/configs/components/chart/line.json

@@ -18,7 +18,8 @@
             "label": "曲线",
             "value": "bight"
           }
-        ]
+        ],
+        "remarks": "支持折线和曲线"
       },
       "isTitle": {
         "title": "显示标题",
@@ -83,7 +84,8 @@
               "__datasourceName": "{{$self.value.name}}"
             }
           }
-        ]
+        ],
+        "remarks": "为统计卡片设置数据源，选择已经建好的 数据模型，单击数据源下拉菜单，选择统计"
       },
       "filterData": {
         "title": "数据筛选",
@@ -192,7 +194,8 @@
           "data-hidebind": true,
           "data-hideBindValue": true,
           "data-withBindMeta": true
-        }
+        },
+        "remarks": "可配置数据取值范围，可参见 数据筛选配置"
       },
       "xFieldShow": {
         "x-index": 60,
@@ -318,7 +321,8 @@
               "enum": "{{$self.value.format ==='datetime' ? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'},{'label':'时','value':'h'},{'label':'分','value':'min'}] : ($self.value.format ==='date'? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'}]: []) }}"
             }
           }
-        ]
+        ],
+        "remarks": "当 Y 轴仅选择一个字段时，支持根据某一固定字段对 X 轴进行分组展示。示例：X 轴为销售人员，分组为销售区域"
       },
       "groupKeyTimeSpan": {
         "title": "分组维度",

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

@@ -18,7 +18,8 @@
             "label": "环形",
             "value": "ring"
           }
-        ]
+        ],
+        "remarks": "支持饼形和环形，本文以饼形为例"
       },
       "isTitle": {
         "title": "显示标题",
@@ -75,7 +76,8 @@
             "target": "*(xFieldShow,xField,xStatistics,xIsCountEmpty,yField)",
             "condition": "{{ $self.value.type ==='database' }}"
           }
-        ]
+        ],
+        "remarks": "为统计卡片设置数据源，选择已经建好的数据模型，单击数据源下拉菜单，选择统计"
       },
       "filterData": {
         "title": "数据筛选",
@@ -184,13 +186,15 @@
           "data-hidebind": true,
           "data-hideBindValue": true,
           "data-withBindMeta": true
-        }
+        },
+        "remarks": "可配置数据取值范围，可参见 数据筛选配置"
       },
       "setColor": {
         "type": "array",
         "title": "配色",
         "x-index": 60,
-        "x-component": "color-plate"
+        "x-component": "color-plate",
+        "remarks": "当有多个数值字段或维度字段分组时，不同类别将按照不同配色展示，支持自定义色卡"
       },
       "dimensionalityShow": {
         "x-index": 70,

package/src/configs/components/dataView.json

@@ -50,7 +50,8 @@
               "x-component-props": "{{{selectedDataSourceName: $value.name}}}"
             }
           }
-        ]
+        ],
+        "remarks":"展示数据的数据来源"
       },
       "where": {
         "x-index": 20,
@@ -118,22 +119,26 @@
           "data-hidebind": true,
           "data-hideBindValue": true,
           "data-withBindMeta": true
-        }
+        },
+        "remarks":"对数据进行筛选过滤"
       }
     }
   },
   "events": [
     {
       "name": "queryEmpty",
-      "title": "查询为空"
+      "title": "查询为空",
+      "remarks":"数据查询为空时触发"
     },
     {
       "name": "querySuccess",
-      "title": "查询成功"
+      "title": "查询成功",
+      "remarks":"数据查询成功时触发"
     },
     {
       "name": "queryFail",
-      "title": "查询失败"
+      "title": "查询失败",
+      "remarks":"数据查询失败时触发"
     }
   ],
   "compConfig": {

package/src/configs/components/form/radio.json

@@ -128,6 +128,33 @@
           "data-hidebind": true
         }
       },
+      "size": {
+        "enum": [
+          {
+            "label": "大",
+            "value": "l"
+          },
+          {
+            "label": "中",
+            "value": "m"
+          },
+          {
+            "label": "小",
+            "value": "s"
+          },
+          {
+            "label": "占满",
+            "value": "full"
+          }
+        ],
+        "type": "string",
+        "title": "大小",
+        "default": "l",
+        "x-category": "高级属性",
+        "x-platforms": [
+          "PCWEB"
+        ]
+      },
       "enumName": {
         "type": "string",
         "default": "",

package/src/configs/components/form/select.json

@@ -36,7 +36,7 @@
         "x-linkages": [
           {
             "type": "value:visible",
-            "target": "*(range, defaultValue, size)",
+            "target": "*(range, defaultValue)",
             "condition": "{{ $self.value === 'selector' }}"
           },
           {
@@ -64,7 +64,7 @@
       "size": {
         "title": "大小",
         "type": "string",
-        "default": "l",
+        "default": "full",
         "enum": [
           {
             "label": "大",

package/src/configs/components/graphicCard.json

@@ -180,13 +180,15 @@
           }
         ],
         "x-index": 1,
-        "x-component": "list"
+        "x-component": "list",
+        "remarks": "配置图文卡片的详细内容"
       },
       "ColMobile": {
         "type": "number",
         "default": 2,
         "title": "移动端列数",
         "x-category": "基础属性",
+        "remarks": "移动端每行卡片列数",
         "enum": [
           {
             "label": "1",
@@ -203,6 +205,7 @@
         "default": 4,
         "title": "PC端列数",
         "x-category": "基础属性",
+        "remarks": "PC端每行卡片列数",
         "enum": [
           {
             "label": "3",
@@ -220,7 +223,8 @@
         "default": "left",
         "x-component": "textAlign",
         "x-index": 10,
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks": "单个卡片中图片、标题、描述、按钮的对齐方式"
       },
       "iconHeightSize": {
         "type": "string",

package/src/configs/components/image.json

@@ -8,14 +8,16 @@
         "x-component": "image",
         "default": "https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg",
         "x-category": "基础属性",
-        "x-index": 1
+        "x-index": 1,
+        "remarks":"更改需要展示的图片"
       },
       "alt": {
         "title": "替代文字",
         "type": "string",
         "default": "[图片]",
         "x-category": "高级属性",
-        "description": "用于图片加载失败 或 屏幕阅读器替代显示"
+        "description": "用于图片加载失败 或 屏幕阅读器替代显示",
+        "remarks":"当图片加载失败时，会展示此处配置的文本内容"
       },
       "showMenuByLongpress": {
         "title": "识别小程序码",
@@ -24,7 +26,8 @@
           "MP"
         ],
         "x-category": "高级属性",
-        "description": "小程序专有属性，长按图片可唤起识别小程序码功能"
+        "description": "小程序专有属性，长按图片可唤起识别小程序码功能",
+        "remarks":"只有小程序端构建时生效，长按图片可唤起识别小程序码功能"
       },
       "imgPreview": {
         "title": "点击预览大图",
@@ -38,7 +41,8 @@
             "target": "maskClosable",
             "condition": "{{ $self.value }}"
           }
-        ]
+        ],
+        "remarks":"开启后，点击图片后图片会展示为大图"
       },
       "maskClosable": {
         "title": "再次点击关闭预览",
@@ -52,7 +56,8 @@
         "type": "boolean",
         "default": false,
         "x-category": "高级属性",
-        "description": "图片按需加载，若图片没有被展示，则不会加载"
+        "description": "图片按需加载，若图片没有被展示，则不会加载",
+        "remarks":"图片按需加载，若图片没有被展示，则不会加载"
       },
       "fit": {
         "title": "布局模式",
@@ -73,7 +78,8 @@
           }
         ],
         "x-category": "基础属性",
-        "x-index": 2
+        "x-index": 2,
+        "remarks":"更改图片的布局模式"
       },
       "mode": {
         "display": false,

package/src/configs/components/link.json

@@ -10,7 +10,8 @@
         "default": "这是一个链接",
         "title": "文本内容",
         "x-category": "基础属性",
-        "x-index": 100
+        "x-index": 100,
+        "remarks": "更改链接显示的文本内容"
       },
       "url": {
         "type": "string",
@@ -23,7 +24,8 @@
           "hideAddPlatform": [
             "MP"
           ]
-        }
+        },
+        "remarks": "选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面"
       },
       "isOpenInNewWindow": {
         "type": "boolean",
@@ -54,7 +56,8 @@
               "default": "value"
             }
           }
-        }
+        },
+        "remarks": "填写跳转页面时携带的参数，用于页面传参"
       }
     }
   },

package/src/configs/components/listView.json

@@ -82,7 +82,8 @@
               "x-props": "{{{clearable: true,disabled: false}}}"
             }
           }
-        ]
+        ],
+        "remarks": "展示数据的数据来源"
       },
       "where": {
         "x-index": 20,
@@ -148,7 +149,8 @@
           "data-hidebind": true,
           "data-hideBindValue": true,
           "data-withBindMeta": true
-        }
+        },
+        "remarks": "对数据进行筛选过滤"
       },
       "orderBy": {
         "x-index": 30,
@@ -157,7 +159,8 @@
         "type": "string",
         "x-props": {
           "clearable": true
-        }
+        },
+        "remarks": "选取对数据进行排序的字段"
       },
       "orderType": {
         "x-index": 40,
@@ -176,7 +179,8 @@
         ],
         "x-props": {
           "clearable": true
-        }
+        },
+        "remarks": "设置升序或降序"
       },
       "pageSize": {
         "x-index": 50,
@@ -186,7 +190,8 @@
         "x-category": "基础属性",
         "x-props": {
           "min": 1
-        }
+        },
+        "remarks": "设置单次加载的数据条数"
       },
       "template": {
         "x-index": 60,
@@ -216,7 +221,8 @@
             "value": "none"
           }
         ],
-        "x-component": "data-sources-template-selector"
+        "x-component": "data-sources-template-selector",
+        "remarks": "列表内容样式的预设模板"
       },
       "pagination": {
         "x-index": 70,
@@ -241,22 +247,26 @@
             "label": "不分页",
             "value": "none"
           }
-        ]
+        ],
+        "remarks": "数据分页样式"
       }
     }
   },
   "events": [
     {
       "name": "queryEmpty",
-      "title": "查询为空"
+      "title": "查询为空",
+      "remarks": "数据查询为空时触发"
     },
     {
       "name": "querySuccess",
-      "title": "查询成功"
+      "title": "查询成功",
+      "remarks": "数据查询成功时触发"
     },
     {
       "name": "queryFail",
-      "title": "查询失败"
+      "title": "查询失败",
+      "remarks": "数据查询失败时触发"
     }
   ],
   "compConfig": {

package/src/configs/components/lottery.json

@@ -142,10 +142,12 @@
   ],
   "meta": {
     "title": "九宫格抽奖",
-    "description": "九宫格抽奖",
+    "description": "用于实现简单的活动抽奖功能。",
     "category": "高级",
     "componentOrder": 101,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/NavLayout.svg",
-    "visible": ["APP"]
+    "visible": [
+      "APP"
+    ]
   }
 }

package/src/configs/components/navLayout.json

@@ -81,7 +81,8 @@
               "type": "string",
               "title": "标题",
               "default": "导航标题",
-              "x-index": 10
+              "x-index": 10,
+              "remarks": "配置宫格导航项目的详细内容"
             },
             "tapStatus": {
               "enum": [
@@ -247,7 +248,8 @@
             "label": "5",
             "value": 5
           }
-        ]
+        ],
+        "remarks": "移动端每行导航列数"
       },
       "pcCol": {
         "type": "number",
@@ -271,7 +273,8 @@
             "label": "6",
             "value": 6
           }
-        ]
+        ],
+        "remarks": "PC端每行导航列数"
       },
       "iconSize": {
         "type": "string",
@@ -320,7 +323,8 @@
             "label": "粗",
             "value": "bolder"
           }
-        ]
+        ],
+        "remarks": "标题字重"
       },
       "fontSize": {
         "type": "number",
@@ -331,14 +335,16 @@
           "min": 0,
           "max": 100
         },
-        "x-index": 45
+        "x-index": 45,
+        "remarks": "标题字号"
       },
       "lineHeight": {
         "title": "行高",
         "type": "string",
         "x-index": 56,
         "x-category": "高级属性",
-        "default": "auto"
+        "default": "auto",
+        "remarks": "标题行高"
       },
       "maxLines": {
         "title": "标题行数",

package/src/configs/components/richtextview.json

@@ -8,7 +8,8 @@
         "x-component": "textarea",
         "default": "<p style='color:red'>这是富文本</p>",
         "x-category": "基础属性",
-        "x-index": 1
+        "x-index": 1,
+        "remarks":"更改富文本的展示内容，支持使用html语言进行富文本内容的编辑"
       }
     }
   },