@cloudbase/weda-ui 2.0.11 → 2.0.27

package/README.md

@@ -122,6 +122,7 @@ export default function Container({ children, events, ...args }) {
 组件配置默认存放在 `src/configs` 目录下。
 
 #### 组件代码模版生成
+
 可以通过 `npm run new` 生成上述文件
 
 ### 调试组件库

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "2.0.11",
+  "version": "2.0.27",
   "main": "./src/index.js",
   "module": "./src/index",
   "miniprogram": "mpdist",
@@ -9,6 +9,7 @@
   },
   "files": [
     "src",
+    "!src/docs",
     "!src/test",
     "!src/stories",
     "!src/web/wedatheme/postcss.config.js",
@@ -22,8 +23,8 @@
     "dev": "tcb lowcode debug",
     "build:cli": "tcb lowcode build",
     "build:analyze": "cross-env ANALYZER=1 tcb lowcode build",
-    "test": "jest test --env=jsdom --detectOpenHandles",
-    "test:jest": "jest test --env=jsdom --detectOpenHandles",
+    "test": "npm run test:jest",
+    "test:jest": "jest test --env=jsdom",
     "test:watch": "jest test --env=jsdom --watch",
     "test:e2e": "npx cypress run-ct",
     "test:all": "npm run test && npm run test:e2e",
@@ -58,9 +59,9 @@
   "dependencies": {
     "@cloudbase/ui-react": "^1.0.4",
     "@loadable/component": "^5.15.2",
-    "@react-hookz/web": "^12.3.0",
-    "@tcwd/style-wedatheme": "^1.0.1",
-    "@use-gesture/react": "^10.2.4",
+    "@react-hookz/web": "^14.2.2",
+    "@tcwd/style-wedatheme": "^1.0.4",
+    "@use-gesture/react": "^10.2.14",
     "braft-editor": "^2.3.9",
     "braft-utils": "^3.0.12",
     "dayjs": "^1.10.7",
@@ -74,6 +75,7 @@
     "tdesign-icons-react": "0.0.8",
     "tea-component": "^2.7.3",
     "uuid": "8.3.2",
+    "video.js": "^7.18.1",
     "weui": "^2.4.4",
     "weui.js": "1.2.2"
   },
@@ -81,52 +83,53 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.16.5",
-    "@babel/preset-react": "^7.16.5",
-    "@babel/preset-typescript": "^7.16.5",
-    "@cloudbase/cli": "^1.12.4",
+    "@babel/preset-env": "^7.17.2",
+    "@babel/preset-react": "^7.17.2",
+    "@babel/preset-typescript": "^7.17.2",
     "@cloudbase/lowcode-build-dependence": "^0.9.0",
     "@commitlint/cli": "^16.0.2",
-    "@commitlint/config-conventional": "^13.2.0",
+    "@commitlint/config-conventional": "^17.0.0",
+    "@craco/craco": "^6.4.3",
     "@cypress/code-coverage": "^3.9.12",
-    "@cypress/react": "^5.12.1",
-    "@cypress/webpack-dev-server": "~1.8.0",
+    "@cypress/react": "^5.12.5",
+    "@cypress/webpack-dev-server": "~1.8.4",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
-    "@size-limit/preset-big-lib": "^7.0.5",
+    "@size-limit/preset-big-lib": "^7.0.8",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-essentials": "^6.4.9",
     "@storybook/addon-links": "^6.4.9",
     "@storybook/addon-storyshots": "^6.4.9",
     "@storybook/react": "^6.4.9",
+    "@swc-node/jest": "^1.5.2",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/jest": "^27.0.3",
-    "@types/resize-observer-browser": "^0.1.6",
-    "@typescript-eslint/eslint-plugin": "^5.9.0",
-    "@typescript-eslint/parser": "^5.21.0",
-    "babel-jest": "^27.4.5",
-    "babel-loader": "^8.2.3",
+    "@types/jest": "^27.5.1",
+    "@types/resize-observer-browser": "^0.1.7",
+    "@typescript-eslint/eslint-plugin": "^5.25.0",
+    "@typescript-eslint/parser": "^5.25.0",
+    "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
-    "canvas": "^2.9.0",
     "cross-env": "^7.0.3",
-    "cypress": "~9.5.1",
-    "eslint": "^8.9.0",
+    "cypress": "~9.6.1",
+    "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-config-tencent": "^1.0.3",
+    "eslint-config-tencent": "^1.0.4",
     "eslint-import-resolver-typescript": "^2.7.1",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^26.1.2",
+    "eslint-plugin-jest": "^26.2.2",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-rulesdir": "^0.2.1",
-    "husky": "^7.0.4",
+    "husky": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.5.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^27",
     "less": "^4.1.2",
-    "miniprogram-simulate": "^1.4.3",
-    "nano-staged": "^0.5.0",
+    "miniprogram-simulate": "^1.5.7",
+    "nano-staged": "^0.8.0",
     "prettier": "^2.6.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -134,13 +137,14 @@
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "size-limit": "^7.0.5",
-    "ts-jest": "^27.1.1",
+    "size-limit": "^7.0.8",
+    "swc-loader": "0.1.15",
+    "swc-plugin-coverage-instrument": "^0.0.6",
     "ts-loader": "^8.2.0",
-    "typescript": "^4.5.4",
+    "typescript": "^4.6.4",
     "webpack": "4.44.2",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.7.3",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.9.0",
     "zx": "^5.2.0"
   },
   "nano-staged": {
@@ -156,7 +160,7 @@
     {
       "path": ".temp/dist/*.main.*",
       "webpack": false,
-      "limit": "1000 KB"
+      "limit": "1300 KB"
     }
   ],
   "nyc": {

package/src/configs/components/button.json

@@ -102,12 +102,30 @@
           }
         ],
         "enum": [
-          { "label": "无", "value": "" },
-          { "label": "打开客服会话", "value": "contact" },
-          { "label": "转发", "value": "share" },
-          { "label": "打开App", "value": "launchApp" },
-          { "label": "打开授权设置", "value": "openSetting" },
-          { "label": "打开意见反馈", "value": "feedback" }
+          {
+            "label": "无",
+            "value": ""
+          },
+          {
+            "label": "打开客服会话",
+            "value": "contact"
+          },
+          {
+            "label": "转发",
+            "value": "share"
+          },
+          {
+            "label": "打开App",
+            "value": "launchApp"
+          },
+          {
+            "label": "打开授权设置",
+            "value": "openSetting"
+          },
+          {
+            "label": "打开意见反馈",
+            "value": "feedback"
+          }
         ],
         "x-platforms": ["MP"],
         "x-category": "高级属性"
@@ -151,7 +169,13 @@
       "sendMessageImg": {
         "title": "会话内消息卡片图片",
         "type": "string",
-        "x-coMPonent": "image",
+        "x-component": "image",
+        "x-rules": [
+          {
+            "message": "请输入合法的图片地址",
+            "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+          }
+        ],
         "default": "",
         "x-platforms": ["MP"],
         "x-category": "高级属性"
@@ -173,12 +197,35 @@
     }
   },
   "events": [
-    { "title": "点击", "name": "tap" },
-    { "title": "获取手机号", "name": "getPhoneNumber", "x-platforms": ["MP"] },
-    { "title": "打开客服会话", "name": "contact", "x-platforms": ["MP"] },
-    { "title": "获取用户信息", "name": "getUserInfo", "x-platforms": ["MP"] },
-    { "title": "打开App", "name": "launchApp", "x-platforms": ["MP"] },
-    { "title": "打开授权设置", "name": "openSetting", "x-platforms": ["MP"] }
+    {
+      "title": "点击",
+      "name": "tap"
+    },
+    {
+      "title": "获取手机号",
+      "name": "getPhoneNumber",
+      "x-platforms": ["MP"]
+    },
+    {
+      "title": "打开客服会话",
+      "name": "contact",
+      "x-platforms": ["MP"]
+    },
+    {
+      "title": "获取用户信息",
+      "name": "getUserInfo",
+      "x-platforms": ["MP"]
+    },
+    {
+      "title": "打开App",
+      "name": "launchApp",
+      "x-platforms": ["MP"]
+    },
+    {
+      "title": "打开授权设置",
+      "name": "openSetting",
+      "x-platforms": ["MP"]
+    }
   ],
   "meta": {
     "name": "Button",

package/src/configs/components/calendar.json

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

package/src/configs/components/carousel.json

@@ -7,49 +7,49 @@
         "default": true,
         "type": "boolean",
         "x-category": "基础属性",
-        "remarks":"开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
+        "remarks": "开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
       },
       "indicatorDots": {
         "title": "导航锚点",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性",
-        "remarks":"开启/关闭轮播图锚点"
+        "remarks": "开启/关闭轮播图锚点"
       },
       "current": {
         "title": "当前所在滑块的 index",
         "default": 0,
         "type": "number",
         "x-category": "高级属性",
-        "remarks":"更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
+        "remarks": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
       },
       "interval": {
         "title": "自动切换时间间隔",
         "default": 5000,
         "type": "number",
         "x-category": "基础属性",
-        "remarks":"配置轮播图滚动的时间间隔，时间单位为ms"
+        "remarks": "配置轮播图滚动的时间间隔，时间单位为ms"
       },
       "duration": {
         "title": "滑动动画时长",
         "default": 500,
         "type": "number",
         "x-category": "高级属性",
-        "remarks":"更改轮播图切换时的滑动动画时长"
+        "remarks": "更改轮播图切换时的滑动动画时长"
       },
       "circular": {
         "title": "衔接滑动",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性",
-        "remarks":"更改轮播图切换时动画的滑动方式"
+        "remarks": "更改轮播图切换时动画的滑动方式"
       },
       "vertical": {
         "title": "纵向轮播",
         "default": false,
         "type": "boolean",
         "x-category": "基础属性",
-        "remarks":"开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
+        "remarks": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
       },
       "indicatorColor": {
         "title": "锚点颜色",
@@ -57,7 +57,7 @@
         "x-component": "color",
         "default": "rgba(200, 200, 200, 0.9)",
         "x-category": "高级属性",
-        "remarks":"更改锚点普通状态下的颜色"
+        "remarks": "更改锚点普通状态下的颜色"
       },
       "indicatorActiveColor": {
         "title": "锚点激活色",
@@ -65,7 +65,7 @@
         "x-component": "color",
         "default": "rgba(0, 0, 0, 0.9)",
         "x-category": "高级属性",
-        "remarks":"更改锚点选中时的颜色"
+        "remarks": "更改锚点选中时的颜色"
       },
       "images": {
         "type": "array",
@@ -77,8 +77,8 @@
             "title": "图片1",
             "height": "160px",
             "width": "100%",
-            "tapMode":"tap",
-            "fit":"cover"
+            "tapMode": "tap",
+            "fit": "cover"
           },
           "properties": {
             "title": {
@@ -89,6 +89,12 @@
             },
             "image": {
               "type": "image",
+              "x-rules": [
+                {
+                  "message": "请输入合法的图片地址",
+                  "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+                }
+              ],
               "title": "图片1",
               "default": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png",
               "x-index": 30
@@ -145,13 +151,17 @@
                   "value": "outer",
                   "label": "外部链接",
                   "icon": "weda-editor-icon-link",
-                  "tooltip":[{
-                      "platform":["ALL","MP"],
-                      "text":"小程序平台不支持跳转外部链接"
-                  }],
-                  "disabled": [{
-                      "platform":["MP"]
-                  }]
+                  "tooltip": [
+                    {
+                      "platform": ["ALL", "MP"],
+                      "text": "小程序平台不支持跳转外部链接"
+                    }
+                  ],
+                  "disabled": [
+                    {
+                      "platform": ["MP"]
+                    }
+                  ]
                 }
               ],
               "x-component": "icon-text-radio",
@@ -188,17 +198,17 @@
               "x-index": 120,
               "x-component-props": {
                 "hideAddPlatform": ["MP"],
-                "addHidden":true
+                "addHidden": true
               },
               "x-linkages": [
-                  {
-                      "type": "value:state",
-                      "target": "*(dataForm.params)",
-                      "condition": "{{$self.value && $self.value.length>0}}",
-                      "state":{
-                          "pageId":"{{$self.value}}"
-                      }
+                {
+                  "type": "value:state",
+                  "target": "*(dataForm.params)",
+                  "condition": "{{$self.value && $self.value.length>0}}",
+                  "state": {
+                    "pageId": "{{$self.value}}"
                   }
+                }
               ]
             },
             "outerUrl": {
@@ -206,7 +216,7 @@
               "default": "",
               "type": "string",
               "placeholder": "外部链接请以http://或https://开头",
-              "description":"当前页面打开只支持https"
+              "description": "当前页面打开只支持https"
             },
             "newPage": {
               "title": "打开新页面",
@@ -218,19 +228,19 @@
               "default": false,
               "type": "boolean",
               "x-linkages": [
-                  {
-                    "type": "value:visible",
-                    "target": "*(dataForm.params)",
-                    "condition": "{{$self.value==true}}"
-                  }
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.params)",
+                  "condition": "{{$self.value==true}}"
+                }
               ]
             },
             "params": {
               "type": "array",
               "title": "参数",
-              "pageId":"",
-              "default":[],
-              "x-component":"page-params"
+              "pageId": "",
+              "default": [],
+              "x-component": "page-params"
             }
           }
         },
@@ -239,26 +249,26 @@
           {
             "image": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png",
             "title": "图片1",
-            "fit":"cover",
-            "tapMode":"tap",
-            "height":"160px",
-            "width":"100%"
+            "fit": "cover",
+            "tapMode": "tap",
+            "height": "160px",
+            "width": "100%"
           },
           {
             "image": "https://main.qcloudimg.com/raw/880b5277dc7d8f62fd6b5f964bee3af4.png",
             "title": "图片2",
-            "fit":"cover",
-            "tapMode":"tap",
-            "height":"160px",
-            "width":"100%"
+            "fit": "cover",
+            "tapMode": "tap",
+            "height": "160px",
+            "width": "100%"
           },
           {
             "image": "https://main.qcloudimg.com/raw/af8d7dff73fea17aa099876bc3a811fa.png",
             "title": "图片3",
-            "fit":"cover",
-            "tapMode":"tap",
-            "height":"160px",
-            "width":"100%"
+            "fit": "cover",
+            "tapMode": "tap",
+            "height": "160px",
+            "width": "100%"
           }
         ],
         "x-component": "list"

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

@@ -272,9 +272,7 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "isMethod": true,
-          "disabledTypes": [
-            "time"
-          ]
+          "disabledTypes": ["time"]
         },
         "x-linkages": [
           {
@@ -417,9 +415,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 160,
-        "x-platforms": [
-          "PCWEB"
-        ],
+        "x-platforms": ["PCWEB"],
         "enum": [
           {
             "value": "top",
@@ -445,10 +441,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 170,
-        "x-platforms": [
-          "MOBILEWEB",
-          "MP"
-        ],
+        "x-platforms": ["MOBILEWEB", "MP"],
         "enum": [
           {
             "value": "top",
@@ -720,9 +713,7 @@
     "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

@@ -215,9 +215,7 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "isMethod": true,
-          "disabledTypes": [
-            "time"
-          ]
+          "disabledTypes": ["time"]
         },
         "x-linkages": [
           {
@@ -359,9 +357,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 150,
-        "x-platforms": [
-          "PCWEB"
-        ],
+        "x-platforms": ["PCWEB"],
         "enum": [
           {
             "value": "top",
@@ -388,10 +384,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 160,
-        "x-platforms": [
-          "MOBILEWEB",
-          "MP"
-        ],
+        "x-platforms": ["MOBILEWEB", "MP"],
         "enum": [
           {
             "value": "top",
@@ -673,9 +666,7 @@
     "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

@@ -304,9 +304,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 140,
-        "x-platforms": [
-          "PCWEB"
-        ],
+        "x-platforms": ["PCWEB"],
         "enum": [
           {
             "value": "top",
@@ -332,10 +330,7 @@
         "default": "bottom",
         "x-category": "基础属性",
         "x-index": 150,
-        "x-platforms": [
-          "MOBILEWEB",
-          "MP"
-        ],
+        "x-platforms": ["MOBILEWEB", "MP"],
         "enum": [
           {
             "value": "top",
@@ -491,9 +486,7 @@
     "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,10 +58,7 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "blackListConfig": {
-            "type": [
-              "object",
-              "array"
-            ]
+            "type": ["object", "array"]
           },
           "customRelOptions": {
             "string": [

package/src/configs/components/container.json

@@ -6,9 +6,7 @@
         "title": "容器备注",
         "type": "string",
         "description": "鼠标 hover 后的提示",
-        "x-platforms": [
-          "PCWEB"
-        ]
+        "x-platforms": ["PCWEB"]
       }
     }
   },