@cloudbase/weda-ui 0.2.9 → 0.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "0.2.9",
+  "version": "0.2.13",
   "main": "./src/index.js",
   "module": "./src/index",
   "miniprogram": "mpdist",
@@ -16,15 +16,19 @@
     "access": "public"
   },
   "scripts": {
-    "test": "jest test --env=jsdom --watch",
-    "test-once": "jest test --env=jsdom",
+    "dev": "tcb lowcode debug",
+    "build:cli": "tcb lowcode build",
+    "build:analyze": "cross-env ANALYZER=1 tcb lowcode build",
+    "test": "jest test --env=jsdom",
+    "test:watch": "jest test --env=jsdom --watch",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "lint": "eslint src --fix",
     "prepare": "husky install",
     "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__"
+    "clear:snap": "rimraf ./src/test/__snapshots__",
+    "size": "npm run build:cli && size-limit"
   },
   "keywords": [
     "weda",
@@ -36,16 +40,16 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@cloudbase/ui-react": "^1.0.4",
-    "@use-gesture/react": "^10.1.4",
+    "@loadable/component": "^5.15.2",
+    "@react-hookz/web": "^12.0.0",
+    "@use-gesture/react": "^10.2.4",
     "braft-editor": "^2.3.9",
     "braft-utils": "^3.0.12",
-    "dayjs": "^1.10.6",
+    "dayjs": "^1.10.7",
     "lodash.isequal": "^4.5.0",
-    "moment": "^2.29.1",
-    "object.fromentries": "^2.0.4",
+    "object.fromentries": "^2.0.5",
     "prop-types": "^15.7.2",
-    "react-easy-swipe": "^0.0.21",
-    "react-use": "^15.3.4",
+    "react-easy-swipe": "0.0.22",
     "tea-component": "^2.7.3",
     "uuid": "8.3.2",
     "weui": "^2.4.4",
@@ -55,48 +59,65 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@cloudbase/lowcode-build-dependence": "^0.7.2",
+    "@babel/preset-env": "^7.16.5",
+    "@babel/preset-react": "^7.16.5",
+    "@babel/preset-typescript": "^7.16.5",
+    "@cloudbase/lowcode-build-dependence": "^0.9.0",
+    "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^13.2.0",
-    "@storybook/addon-actions": "^6.3.10",
-    "@storybook/addon-essentials": "^6.3.10",
-    "@storybook/addon-links": "^6.3.10",
-    "@storybook/addon-storyshots": "^6.3.10",
-    "@storybook/react": "^6.3.10",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
+    "@size-limit/preset-big-lib": "^7.0.5",
+    "@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",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "babel-jest": "^27.2.0",
-    "eslint": "^7.32.0",
+    "@types/jest": "^27.0.3",
+    "@types/resize-observer-browser": "^0.1.6",
+    "@typescript-eslint/eslint-plugin": "^5.9.0",
+    "@typescript-eslint/parser": "^5.9.0",
+    "babel-jest": "^27.4.5",
+    "babel-loader": "^8.2.3",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.4.1",
     "eslint-config-tencent": "^1.0.2",
-    "eslint-plugin-jest": "^25.0.5",
-    "eslint-plugin-react": "^7.26.1",
-    "husky": "^7.0.0",
+    "eslint-plugin-jest": "^25.3.0",
+    "eslint-plugin-react": "^7.27.1",
+    "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.2.0",
+    "jest": "^27.4.5",
     "less": "^4.1.2",
-    "miniprogram-simulate": "^1.4.0",
+    "miniprogram-simulate": "^1.4.3",
+    "nano-staged": "^0.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.0.5",
-    "typescript": "^4.4.3"
-  },
-  "jest": {
-    "transformIgnorePatterns": [
-      "node_modules/(?!(react-syntax-highlighter)/)"
-    ],
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/src/test/__mocks__/fileMock.js",
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy"
-    }
+    "size-limit": "^7.0.5",
+    "ts-jest": "^27.1.1",
+    "ts-loader": "^8.2.0",
+    "typescript": "^4.5.4",
+    "webpack": "4.44.2"
   },
   "babel": {
     "presets": [
       "@babel/preset-env",
-      "@babel/preset-react"
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
+  },
+  "nano-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix"
     ]
-  }
+  },
+  "size-limit": [
+    {
+      "path": ".temp/dist/*.main.*",
+      "webpack": false,
+      "limit": "700 KB"
+    }
+  ]
 }

package/src/configs/components/button.json

@@ -15,12 +15,16 @@
         "x-component": "radio",
         "enum": [
           {
-            "label": "default",
+            "label": "中",
             "value": "default"
           },
           {
-            "label": "mini",
+            "label": "小",
             "value": "mini"
+          },
+          {
+            "label": "大",
+            "value": "large"
           }
         ],
         "x-category": "基础属性"
@@ -182,7 +186,7 @@
     "name": "Button",
     "title": "按钮",
     "description": "按钮组件",
-    "icon": "./button.svg",
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Button.svg",
     "category": "展示",
     "categoryOrder": 1,
     "componentOrder": 1

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

@@ -114,7 +114,7 @@
       "title": "富文本",
       "description": "富文本编辑器",
       "category": "表单",
-      "icon": "//main.qcloudimg.com/raw/adc8cd1b6eb93c0f890ca2322e509a6b/RichText.svg"
+      "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/RichText.svg"
   },
   "events": [
     {

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

@@ -108,6 +108,34 @@
         "title": "是否返回单张图片",
         "x-category": "基础属性"
       },
+      "required": {
+        "type": "boolean",
+        "title": "是否必填",
+        "default": false,
+        "x-index": 190,
+        "x-category": "高级属性",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "*(requiredFlag,requiredMsg)",
+            "condition": "{{$self.value}}"
+          }
+        ]
+      },
+      "requiredMsg": {
+        "type": "string",
+        "title": "校验错误提示",
+        "default": "该项为必填项",
+        "x-index": 191,
+        "x-category": "高级属性"
+      },
+      "requiredFlag": {
+        "type": "boolean",
+        "title": "显示必填标记",
+        "default": false,
+        "x-index": 192,
+        "x-category": "高级属性"
+      },
       "defaultValue": {
         "x-category": "基础属性",
         "title": "初始默认值",
@@ -136,6 +164,6 @@
     "title": "上传图片",
     "description": "上传图片组件",
     "category": "表单",
-    "icon": "//main.qcloudimg.com/raw/f781e6bc48efa1cf926fc768fceeab5e/Uploader.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/UploadImage.svg"
   }
 }

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

@@ -0,0 +1,158 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "label": {
+        "type": "string",
+        "default": "上传文件",
+        "title": "标题",
+        "x-category": "基础属性",
+        "x-index": 10
+      },
+      "labelVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示标题",
+        "x-category": "基础属性",
+        "x-index": 20
+      },
+      "single": {
+        "type": "boolean",
+        "default": true,
+        "title": "单个文件上传模式",
+        "x-category": "基础属性",
+        "x-index": 30
+      },
+
+      "maxUploadCount": {
+        "type": "number",
+        "default": 9,
+        "title": "上传文件最大数量",
+        "x-category": "基础属性",
+        "x-index": 40
+      },
+      "downloadVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示下载按钮",
+        "x-category": "基础属性",
+        "x-index": 50
+      },
+      "deleteVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示删除按钮",
+        "x-category": "基础属性",
+        "x-index": 60
+      },
+      "defaultValue": {
+        "x-category": "基础属性",
+        "title": "初始默认值",
+        "type": "array",
+        "items": {
+          "type": "string"
+        },
+        "x-index": 70
+      },
+      "maxSize": {
+        "type": "number",
+        "default": 1024,
+        "title": "单个文件最大限制(M)",
+        "description": "最大支持1024M",
+        "x-category": "高级属性",
+        "x-index": 80
+      },
+      "layout": {
+        "title": "布局方式",
+        "type": "string",
+        "default": "horizontal",
+        "x-category": "高级属性",
+        "enum": [
+          {
+            "label": "水平",
+            "value": "horizontal"
+          },
+          {
+            "label": "垂直",
+            "value": "vertical"
+          }
+        ],
+        "x-index": 90
+      },
+      "acceptTypes": {
+        "type": "array",
+        "title": "文件类型",
+        "x-platforms": ["WEB"],
+        "default": ["*"],
+        "x-category": "高级属性",
+        "x-index": 100,
+        "items": {
+          "type": "string",
+          "enum": [
+            {
+              "label": "全部",
+              "value": "*"
+            },
+            {
+              "label": "png",
+              "value": "image/png"
+            },
+            {
+              "label": "jpeg",
+              "value": "image/jpeg"
+            },
+            {
+              "label": "pdf",
+              "value": "application/pdf"
+            },
+            {
+              "label": "doc",
+              "value": "application/msword"
+            },
+            {
+              "label": "xls",
+              "value": "application/vnd.ms-excel"
+            },
+            {
+              "label": "zip",
+              "value": "application/zip"
+            }
+          ]
+        }
+      },
+      "requiredFlag": {
+        "type": "boolean",
+        "default": false,
+        "title": "是否必填",
+        "x-category": "高级属性",
+        "x-index": 110
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "title": "是否禁用",
+        "x-category": "高级属性",
+        "x-index": 120
+      }
+    }
+  },
+  "events": [
+    {
+      "name": "success",
+      "title": "上传成功"
+    },
+    {
+      "name": "error",
+      "title": "上传失败"
+    },
+    {
+      "name": "change",
+      "title": "值变化"
+    }
+  ],
+  "meta": {
+    "title": "上传文件",
+    "description": "上传文件组件",
+    "category": "表单"
+  }
+}

package/src/configs/components/image.json

@@ -28,11 +28,20 @@
         "title": "点击预览大图",
         "type": "boolean",
         "default": false,
-        "x-category": "基础属性"
+        "x-index": 3,
+        "x-category": "基础属性",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "maskClosable",
+            "condition": "{{ $self.value }}"
+          }
+        ]
       },
       "maskClosable": {
-        "title": "点击遮罩关闭图片预览",
+        "title": "再次点击关闭预览",
         "type": "boolean",
+        "x-index": 4,
         "default": true,
         "x-category": "基础属性"
       },
@@ -44,7 +53,7 @@
         "description": "图片按需加载，若图片没有被展示，则不会加载"
       },
       "fit": {
-        "title": "图片布局模式",
+        "title": "布局模式",
         "type": "string",
         "default": "cover",
         "enum": [

package/src/configs/components/link.json

@@ -8,7 +8,7 @@
       "content": {
         "type": "string",
         "default": "这是一个链接",
-        "title": "内容",
+        "title": "文本内容",
         "x-category": "基础属性",
         "x-index": 100
       },
@@ -16,7 +16,7 @@
         "type": "string",
         "x-component": "page-list",
         "default": "https://cloud.tencent.com",
-        "title": "链接地址",
+        "title": "跳转页面",
         "description": "通过下拉选择应用页面，可以实现内部页面跳转",
         "x-category": "基础属性",
         "x-index": 120,
@@ -54,7 +54,7 @@
     "description": "",
     "category": "文本",
     "componentOrder": 10,
-    "icon": "//main.qcloudimg.com/raw/eb8a45dc259eb4925d89ac88be1ecdd9/Link.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Link.svg"
   },
   "events": [
     {

package/src/configs/components/richtextview.json

@@ -3,7 +3,7 @@
   "data": {
     "properties": {
       "value": {
-        "title": "显示富文本内容",
+        "title": "内容",
         "type": "string",
         "x-component": "textarea",
         "default": "<p style='color:red'>这是富文本</p>",
@@ -17,6 +17,6 @@
     "description": "富文本展示",
     "category": "文本",
     "componentOrder": 0,
-    "icon": "//main.qcloudimg.com/raw/9c42d779f51105715a032d139344c508/RichTextView.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/RichTextView.svg"
   }
 }

package/src/configs/components/scrollVeiw.json

@@ -29,16 +29,16 @@
         "x-category": "基础属性"
       },
       "upperThreshold": {
-        "title": "距顶部/左边多远时，触发 scrolltoupper 事件",
+        "title": "距顶部/左边多远时，触发scrolltoupper事件",
         "type": "number",
         "default": 50,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "lowerThreshold": {
-        "title": "距底部/右边多远时，触发 scrolltolower 事件",
+        "title": "距底部/右边多远时，触发scrolltolower事件",
         "type": "number",
         "default": 50,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "scrollTop": {
         "title": "竖向滚动条位置",
@@ -51,7 +51,7 @@
         "x-category": "高级属性"
       },
       "scrollIntoView": {
-        "title": "滚动到的元素Id",
+        "title": "滚到的元素ID",
         "type": "string",
         "x-category": "高级属性"
       },

package/src/configs/components/swiper.json

@@ -3,13 +3,13 @@
   "data": {
     "properties": {
       "autoplay": {
-        "title": "是否自动切换",
+        "title": "自动切换",
         "default": true,
         "type": "boolean",
         "x-category": "基础属性"
       },
       "indicatorDots": {
-        "title": "是否显示面板指示点",
+        "title": "导航锚点",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性"
@@ -33,26 +33,26 @@
         "x-category": "高级属性"
       },
       "circular": {
-        "title": "是否采用衔接滑动",
+        "title": "衔接滑动",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性"
       },
       "vertical": {
-        "title": "滑动方向是否为纵向",
+        "title": "纵向轮播",
         "default": false,
         "type": "boolean",
         "x-category": "基础属性"
       },
       "indicatorColor": {
-        "title": "指示点颜色",
+        "title": "锚点颜色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(200, 200, 200, 0.9)",
         "x-category": "高级属性"
       },
       "indicatorActiveColor": {
-        "title": "当前选中的指示点颜色",
+        "title": "锚点激活色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(0, 0, 0, 0.9)",

package/src/configs/components/tabs.json

@@ -7,7 +7,7 @@
         "x-props": {
           "data-hidebind": true
         },
-        "x-index":1,
+        "x-index": 1,
         "type": "array",
         "maxLength": 20,
         "default": [
@@ -25,7 +25,7 @@
           "type": "object",
           "properties": {
             "title": {
-              "title": "标题",
+              "title": "标签名称",
               "type": "string",
               "default": "标题"
             }
@@ -71,6 +71,6 @@
     "title": "选项卡",
     "description": "选项卡组件",
     "category": "展示",
-    "icon": "//qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_files/static/comp/icons/Tabs.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/TabsContainer.svg"
   }
 }

package/src/configs/components/text.json

@@ -7,27 +7,62 @@
         "type": "string",
         "x-component": "textarea",
         "default": "文本内容",
+        "x-category": "基础属性",
+        "x-index": 1
+      },
+      "level": {
+        "enum": [
+          { "label": "正文", "value": "0" },
+          { "label": "标题 H1", "value": "1" },
+          { "label": "标题 H2", "value": "2" },
+          { "label": "标题 H3", "value": "3" },
+          { "label": "标题 H4", "value": "4" },
+          { "label": "标题 H5", "value": "5" },
+          { "label": "标题 H6", "value": "6" }
+        ],
+        "type": "string",
+        "title": "文本格式",
+        "default": "0",
+        "x-index": 2,
+        "description": "标题级别，H1 - H6"
+      },
+      "textAlign": {
+        "title": "对齐",
+        "type": "string",
+        "default": "left",
+        "x-component": "textAlign",
+        "x-index": 3,
         "x-category": "基础属性"
       },
+      "textColor": {
+        "title": "颜色",
+        "type": "string",
+        "x-component": "color",
+        "x-index": 4,
+        "x-category": "基础属性",
+        "default": "rgb(0, 0, 0)"
+      },
       "maxLines": {
-        "title": "最大显示行数",
+        "title": "最大行数",
         "type": "number",
         "default": 2,
-        "x-category": "基础属性"
+        "x-index": 5,
+        "x-category": "高级属性"
       },
+
       "space": {
         "title": "连续空格",
         "type": "boolean",
         "description": "是否显示连续空格",
         "default": false,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "userSelect": {
         "title": "是否可选中",
         "type": "boolean",
         "description": "是否可选中文本",
         "default": true,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       }
     }
   },