@cloudbase/weda-ui 0.2.17 → 1.0.21

package/README.md

@@ -121,6 +121,9 @@ export default function Container({ children, events, ...args }) {
 
 组件配置默认存放在 `src/configs` 目录下。
 
+#### 组件代码模版生成
+可以通过 `npm run new` 生成上述文件
+
 ### 调试组件库
 
 组件编写完成后，在腾讯云微搭低代码编辑器调试组件库，在当前目录执行：

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "0.2.17",
+  "version": "1.0.21",
   "main": "./src/index.js",
   "module": "./src/index",
   "miniprogram": "mpdist",
@@ -44,7 +44,8 @@
     "build-npm": "rimraf dist && mkdir dist && cp -r src/web dist/ && cp -r src/configs dist/ && cp src/index.js dist/",
     "build-mp": "rimraf mpdist && cp -r src/mp mpdist",
     "clear:snap": "rimraf ./src/test/__snapshots__",
-    "size": "npm run build:cli && size-limit"
+    "size": "npm run build:cli && size-limit",
+    "new": "npx hygen comp new"
   },
   "keywords": [
     "weda",
@@ -55,6 +56,7 @@
   "license": "MIT",
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
+    "@cloudbase/cli": "^1.12.4",
     "@cloudbase/ui-react": "^1.0.4",
     "@loadable/component": "^5.15.2",
     "@react-hookz/web": "^12.3.0",
@@ -63,6 +65,7 @@
     "braft-editor": "^2.3.9",
     "braft-utils": "^3.0.12",
     "dayjs": "^1.10.7",
+    "destr": "^1.1.1",
     "echarts": "^5.3.0",
     "lodash.isequal": "^4.5.0",
     "object.fromentries": "^2.0.5",
@@ -144,7 +147,7 @@
     {
       "path": ".temp/dist/*.main.*",
       "webpack": false,
-      "limit": "970 KB"
+      "limit": "1000 KB"
     }
   ],
   "nyc": {

package/src/configs/components/calendar.json

@@ -68,8 +68,11 @@
   "meta": {
     "name": "Calendar",
     "title": "日历",
-    "description": "日历组件",
+    "description": "用于日历展示，例如考勤数据展示、日程展示。",
     "category": "展示",
     "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Calendar.svg"
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Calendar"
   }
 }

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

@@ -267,7 +267,9 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "isMethod": true,
-          "disabledTypes": ["time"]
+          "disabledTypes": [
+            "time"
+          ]
         },
         "x-linkages": [
           {
@@ -347,7 +349,8 @@
         "x-datasource-method-reset": "",
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
-          "isMethod": true
+          "isMethod": true,
+          "clearable": true
         },
         "x-linkages": [
           {
@@ -408,7 +411,9 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 160,
-        "x-platforms": ["PCWEB"],
+        "x-platforms": [
+          "PCWEB"
+        ],
         "enum": [
           {
             "value": "top",
@@ -434,7 +439,10 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 170,
-        "x-platforms": ["MOBILEWEB", "MP"],
+        "x-platforms": [
+          "MOBILEWEB",
+          "MP"
+        ],
         "enum": [
           {
             "value": "top",
@@ -702,10 +710,15 @@
   "events": [],
   "meta": {
     "title": "柱状图",
-    "description": "柱状图",
+    "description": "柱状图组件主要用于报表场景下展示数据之间大小的对比，支持小程序、H5 和 PC Web 端。",
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Histogram.svg",
     "category": "图表组件",
     "componentOrder": 1,
-    "visible": ["APP"]
+    "visible": [
+      "APP"
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Bar"
   }
 }

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

@@ -212,7 +212,9 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "isMethod": true,
-          "disabledTypes": ["time"]
+          "disabledTypes": [
+            "time"
+          ]
         },
         "x-linkages": [
           {
@@ -291,7 +293,8 @@
         "x-datasource-method-reset": "",
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
-          "isMethod": true
+          "isMethod": true,
+          "clearable": true
         },
         "x-linkages": [
           {
@@ -352,7 +355,9 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 150,
-        "x-platforms": ["PCWEB"],
+        "x-platforms": [
+          "PCWEB"
+        ],
         "enum": [
           {
             "value": "top",
@@ -379,7 +384,10 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 160,
-        "x-platforms": ["MOBILEWEB", "MP"],
+        "x-platforms": [
+          "MOBILEWEB",
+          "MP"
+        ],
         "enum": [
           {
             "value": "top",
@@ -657,10 +665,15 @@
   "events": [],
   "meta": {
     "title": "折线图",
-    "description": "折线图",
+    "description": "折线图组件主要用于报表场景下展示数据随时间变化产生的趋势，支持小程序、H5 和 PC Web 端。",
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/LineChart.svg",
     "category": "图表组件",
     "componentOrder": 1,
-    "visible": ["APP"]
+    "visible": [
+      "APP"
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Line"
   }
 }

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

@@ -300,7 +300,9 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 140,
-        "x-platforms": ["PCWEB"],
+        "x-platforms": [
+          "PCWEB"
+        ],
         "enum": [
           {
             "value": "top",
@@ -326,7 +328,10 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 150,
-        "x-platforms": ["MOBILEWEB", "MP"],
+        "x-platforms": [
+          "MOBILEWEB",
+          "MP"
+        ],
         "enum": [
           {
             "value": "top",
@@ -478,10 +483,15 @@
   "events": [],
   "meta": {
     "title": "饼图",
-    "description": "饼图",
+    "description": "饼图组件主要用于报表场景下表示数据在总体中的占比,支持小程序、H5 和 PC Web 端。",
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/PieChart.svg",
     "category": "图表组件",
     "componentOrder": 1,
-    "visible": ["APP"]
+    "visible": [
+      "APP"
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Pie"
   }
 }

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

@@ -58,16 +58,36 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "blackListConfig": {
-            "type": ["object", "array"]
+            "type": [
+              "object",
+              "array"
+            ]
           },
           "customRelOptions": {
             "string": [
-              { "text": "等于", "value": "eq" },
-              { "text": "不等于", "value": "neq" },
-              { "text": "包含", "value": "in" },
-              { "text": "不包含", "value": "nin" }
+              {
+                "text": "等于",
+                "value": "eq"
+              },
+              {
+                "text": "不等于",
+                "value": "neq"
+              },
+              {
+                "text": "包含",
+                "value": "in"
+              },
+              {
+                "text": "不包含",
+                "value": "nin"
+              }
+            ],
+            "boolean": [
+              {
+                "text": "等于",
+                "value": "eq"
+              }
             ],
-            "boolean": [{ "text": "等于", "value": "eq" }],
             "keyVarType": [
               {
                 "value": "eq",
@@ -87,11 +107,31 @@
               }
             ],
             "number": [
-              { "text": "等于", "value": "eq", "type": "equal" },
-              { "text": "不等于", "value": "neq", "type": "unequal" },
-              { "text": "小于", "value": "lt", "type": "less" },
-              { "text": "小于或等于", "value": "lte", "type": "less_or_equal" },
-              { "text": "大于", "value": "gt", "type": "greater" },
+              {
+                "text": "等于",
+                "value": "eq",
+                "type": "equal"
+              },
+              {
+                "text": "不等于",
+                "value": "neq",
+                "type": "unequal"
+              },
+              {
+                "text": "小于",
+                "value": "lt",
+                "type": "less"
+              },
+              {
+                "text": "小于或等于",
+                "value": "lte",
+                "type": "less_or_equal"
+              },
+              {
+                "text": "大于",
+                "value": "gt",
+                "type": "greater"
+              },
               {
                 "text": "大于或等于",
                 "value": "gte",
@@ -320,12 +360,20 @@
       }
     }
   },
-  "events": [{ "title": "点击", "name": "tap" }],
+  "events": [
+    {
+      "title": "点击",
+      "name": "tap"
+    }
+  ],
   "meta": {
     "title": "统计卡片",
-    "description": "统计卡片",
+    "description": "统计卡片组件主要提供报表场景下的指标数据统计并展示功能，支持小程序、H5 和 PC Web 端。",
     "icon": "//qcloudimg.tencent-cloud.cn/raw/8475042e83e7cb5731983a9432de9e30.svg",
     "category": "图表组件",
     "componentOrder": 1
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/statisticsCard"
   }
 }

package/src/configs/components/container.json

@@ -6,7 +6,9 @@
         "title": "容器备注",
         "type": "string",
         "description": "鼠标 hover 后的提示",
-        "x-platforms": ["PCWEB"]
+        "x-platforms": [
+          "PCWEB"
+        ]
       }
     }
   },
@@ -40,8 +42,11 @@
   "meta": {
     "title": "普通容器",
     "category": "布局容器",
-    "description": "通用块状容器",
+    "description": "容器中可放入多个组件，常用于在前端中对页面布局进行管理的场景。 同时也可以通过容器组件绑定数据对容器内的组件进行循环遍历。",
     "componentOrder": 1000,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Container.svg"
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Container"
   }
 }

package/src/configs/components/dataView.json

@@ -28,8 +28,12 @@
           }
         },
         "x-component": "datasource-selector",
-        "x-component-props": { "dataContainerType": "dataView" },
-        "x-props": { "data-hidebind": true },
+        "x-component-props": {
+          "dataContainerType": "dataView"
+        },
+        "x-props": {
+          "data-hidebind": true
+        },
         "x-linkages": [
           {
             "type": "value:schema",
@@ -64,8 +68,16 @@
             }
           ],
           "blackListConfig": {
-            "format": ["related", "father-son", "x-file", "x-image"],
-            "type": ["object", "array"]
+            "format": [
+              "related",
+              "father-son",
+              "x-file",
+              "x-image"
+            ],
+            "type": [
+              "object",
+              "array"
+            ]
           },
           "customRelOptions": {
             "number": [
@@ -130,10 +142,13 @@
   },
   "isContainer": true,
   "meta": {
-    "title": "数据视图",
+    "title": "数据详情",
     "category": "数据容器",
-    "description": "数据容器组件",
+    "description": "原数据视图组件，适用于以展示多条数据详细内容的场景，不借助变量绑定，即可获取数据模型中的数据。",
     "componentOrder": 1000,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/DataView.svg"
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView"
   }
 }

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

@@ -13,30 +13,79 @@
         "title": "显示标题"
       },
       "range": {
+        "x-component": "list",
         "type": "array",
         "default": [
-          { "label": "多选-选项一", "value": "first", "checked": true },
-          { "label": "多选-选项二", "value": "second", "checked": false }
+          {
+            "label": "多选-选项1",
+            "value": "1",
+            "checked": false
+          },
+          {
+            "label": "多选-选项2",
+            "value": "2",
+            "checked": false
+          }
         ],
         "title": "列表项",
+        "x-linkages": [
+          {
+            "type": "value:schema",
+            "target": "range",
+            "schema": {
+              "items": {
+                "type": "object",
+                "display": "label",
+                "properties": {
+                  "label": {
+                    "type": "string",
+                    "title": "选项名称",
+                    "default": "多选-选项1"
+                  },
+                  "value": {
+                    "type": "string",
+                    "title": "选项值",
+                    "default": "1"
+                  },
+                  "checked": {
+                    "type": "boolean",
+                    "title": "当前是否选中",
+                    "default": false
+                  }
+                },
+                "default": {
+                  "label": "{{'多选-选项' + ($self.value.length+1)}}",
+                  "value": "{{$self.value.length+1}}",
+                  "checked": false
+                }
+              }
+            }
+          }
+        ],
         "items": {
           "type": "object",
+          "display": "label",
           "properties": {
             "label": {
               "type": "string",
-              "title": "名称",
+              "title": "选项名称",
               "default": "多选-选项"
             },
             "value": {
               "type": "string",
-              "title": "标识",
-              "default": "value"
+              "title": "选项值",
+              "default": "1"
             },
             "checked": {
               "type": "boolean",
               "title": "当前是否选中",
               "default": false
             }
+          },
+          "default": {
+            "label": "选项",
+            "value": "1",
+            "checked": false
           }
         }
       },
@@ -64,6 +113,49 @@
         "type": "boolean",
         "default": false,
         "title": "是否显示必填标记"
+      },
+      "tipBlock": {
+        "title": "选项",
+        "type": "string",
+        "x-component": "selection-tip",
+        "default": "",
+        "x-props": {
+          "data-hidebind": true
+        }
+      },
+      "enumName": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "enumName",
+            "condition": false
+          }
+        ]
+      },
+      "format": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "range",
+            "condition": "{{$self.value!='x-enum'}}"
+          },
+          {
+            "type": "value:visible",
+            "target": "format",
+            "condition": false
+          },
+          {
+            "type": "value:visible",
+            "target": "tipBlock",
+            "condition": "{{$self.value=='x-enum'}}"
+          }
+        ]
       }
     }
   },

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

@@ -18,23 +18,67 @@
         "title": "提交后台所用字段"
       },
       "range": {
+        "x-component": "list",
         "type": "array",
         "default": [
-          { "label": "单选-选项一", "value": "first", "checked": true },
-          { "label": "单选-选项二", "value": "second", "checked": false }
+          {
+            "label": "单选-选项1",
+            "value": "1",
+            "checked": false
+          },
+          {
+            "label": "单选-选项2",
+            "value": "2",
+            "checked": false
+          }
+        ],
+        "x-linkages": [
+          {
+            "type": "value:schema",
+            "target": "range",
+            "schema": {
+              "items": {
+                "display": "label",
+                "type": "object",
+                "properties": {
+                  "label": {
+                    "type": "string",
+                    "title": "选项名称",
+                    "default": "单选-选项1"
+                  },
+                  "value": {
+                    "type": "string",
+                    "title": "选项值",
+                    "default": "1"
+                  },
+                  "checked": {
+                    "type": "boolean",
+                    "title": "当前是否选中",
+                    "default": false
+                  }
+                },
+                "default": {
+                  "label": "{{'单选-选项' + ($self.value.length+1)}}",
+                  "value": "{{$self.value.length+1}}",
+                  "checked": false
+                }
+              }
+            }
+          }
         ],
         "title": "列表项",
         "items": {
           "type": "object",
+          "display": "label",
           "properties": {
             "label": {
               "type": "string",
-              "title": "名称",
+              "title": "选项名称",
               "default": "单选-选项"
             },
             "value": {
               "type": "string",
-              "title": "标识",
+              "title": "选项值",
               "default": "value"
             },
             "checked": {
@@ -42,6 +86,11 @@
               "title": "当前是否选中",
               "default": false
             }
+          },
+          "default": {
+            "label": "单选-选项",
+            "value": "1",
+            "checked": false
           }
         }
       },
@@ -69,6 +118,49 @@
         "type": "boolean",
         "default": false,
         "title": "是否显示必填标记"
+      },
+      "tipBlock": {
+        "title": "选项",
+        "type": "string",
+        "x-component": "selection-tip",
+        "default": "",
+        "x-props": {
+          "data-hidebind": true
+        }
+      },
+      "enumName": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "enumName",
+            "condition": false
+          }
+        ]
+      },
+      "format": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "range",
+            "condition": "{{$self.value!='x-enum'}}"
+          },
+          {
+            "type": "value:visible",
+            "target": "format",
+            "condition": false
+          },
+          {
+            "type": "value:visible",
+            "target": "tipBlock",
+            "condition": "{{$self.value=='x-enum'}}"
+          }
+        ]
       }
     }
   },