@cloudbase/weda-ui 2.0.12 → 2.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "2.0.12",
+  "version": "2.0.26",
   "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.3",
-    "@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",
@@ -82,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",
     "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",
@@ -135,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": {

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

@@ -103,6 +103,14 @@
     {
       "name": "change",
       "title": "输入改变"
+    },
+    {
+      "name": "focus",
+      "title": "聚焦"
+    },
+    {
+      "name": "blur",
+      "title": "失焦"
     }
   ]
 }

package/src/configs/components/graphicCard.json

@@ -180,7 +180,7 @@
         ],
         "x-index": 1,
         "x-component": "list",
-        "remarks": "配置图文卡片的详细内容"
+        "remarks": "配置图文卡片的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapsSatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
       },
       "textAlign": {
         "title": "对齐",

package/src/configs/components/navLayout.json

@@ -227,7 +227,8 @@
           }
         ],
         "x-index": 1,
-        "x-component": "list"
+        "x-component": "list",
+        "remarks": "配置宫格导航的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapsSatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
       },
       "fontWeight": {
         "type": "string",

package/src/configs/components/wedaVideo.json

@@ -13,7 +13,8 @@
             "message": "请输入合法的视频资源",
             "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
           }
-        ]
+        ],
+        "remarks": "能够播放的视频资源地址,支持云文件id"
       },
       "posterImage": {
         "title": "封面图片",
@@ -34,7 +35,8 @@
         "default": false,
         "type": "boolean",
         "x-category": "基础属性",
-        "x-index": 30
+        "x-index": 30,
+        "remarks": "部分浏览器会阻止默认自动播放行为"
       },
       "loopPlay": {
         "title": "循环播放",
@@ -55,32 +57,33 @@
         "default": true,
         "type": "boolean",
         "x-category": "基础属性",
-        "x-index": 60
+        "x-index": 60,
+        "remarks": "控制视频播放、暂停、静音、全屏等功能,关闭后相当于只能观看视频不能交互"
       },
       "startTime": {
         "title": "初始播放时间(秒)",
         "default": 0,
         "type": "number",
         "x-category": "高级属性",
-        "x-index": 70
+        "x-index": 70,
+        "remarks": "小于0不生效,超出视频时长取值为视频最大时长"
       },
       "endTime": {
         "title": "指定视频时长(秒)",
         "default": 0,
         "type": "number",
         "x-category": "高级属性",
-        "x-index": 80
+        "x-index": 80,
+        "remarks": "小于0不生效;超出视频时长取值为视频最大时长;h5端不会改变进度条显示长度,小程序端会改变"
       }
     }
   },
   "meta": {
     "name": "wedaVideo",
     "title": "视频播放",
-    "description": "视频播放",
+    "description": "用于视频播放",
     "icon": "https://qcloudimg.tencent-cloud.cn/raw/c622c16cc4841ef7e99cfe3c05c76f2f.svg",
-    "category": "展示",
-    "categoryOrder": 1,
-    "componentOrder": 1,
+    "category": "多媒体",
     "visible": ["APP"]
   }
 }

package/src/mp/components/calendar/index.js

@@ -3,6 +3,9 @@ import dayjs from '../../utils/dayjs.min.js';
 // import dayjs from 'dayjs'
 Component({
   externalClasses: ['ext-class'],
+  options: {
+    virtualHost: true,
+  },
   /** 传入的props */
   properties: {
     className: {
@@ -10,7 +13,7 @@ Component({
       value: '',
     },
     style: {
-      type: Object,
+      type: String,
       value: {},
     },
     // 控制器显示隐藏

package/src/mp/components/calendar/index.json

@@ -1,4 +1,5 @@
 {
   "component": true,
-  "usingComponents": {}
+  "usingComponents": {},
+  "styleIsolation": "shared"
 }

package/src/mp/components/calendar/index.wxml

@@ -1,4 +1,4 @@
-<view class="{{className}} weda-calendar ext-class">
+<view class="{{className}} weda-calendar" style="{{style}}">
   <view class="weda-calendar__control">
     <view class="weda-calendar__prevMonth" wx:if="{{visible}}" bindtap="handlePrevMonth">
       <image class="weda-calendar__prevMonth-icon" src="arrowright--line.svg" />

package/src/mp/components/calendar/index.wxss

@@ -5,6 +5,7 @@
   background: rgb(255, 255, 255);
   width: 100%;
   opacity: 0.9;
+  font-size: 28rpx;
 }
 
 .weda-calendar .weda-calendar__control {
@@ -17,15 +18,15 @@
 
 .weda-calendar .weda-calendar__current-date {
   font-weight: bold;
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: inherit;
+  line-height: 1.57142em;
 }
 
 .weda-calendar .weda-calendar__prevMonth,
 .weda-calendar .weda-calendar__nextMonth {
   position: absolute;
-  width: 32rpx;
-  height: 32rpx;
+  width: 1.14285em;
+  height: 1.14285em;
   vertical-align: middle;
   top: 34rpx;
   display: flex;
@@ -49,7 +50,7 @@
 }
 
 .weda-calendar .weda-calendar__panel {
-  height: 612rpx;
+  height: 21.85714em;
   padding: 40rpx 32rpx 32rpx 32rpx;
   width: 100%;
   box-sizing: border-box;
@@ -62,6 +63,7 @@
   flex-direction: column;
   justify-self: start;
   align-items: flex-start;
+  font-size: inherit;
 }
 
 .weda-calendar .weda-calendar__table-head {
@@ -84,8 +86,8 @@
   width: 100%;
   height: 100%;
   justify-content: center;
-  font-size: 24rpx;
-  line-height: 40rpx;
+  font-size: 1em;
+  line-height: 1.42857em;
   box-sizing: border-box;
 }
 
@@ -109,8 +111,8 @@
   position: relative;
   width: 100%;
   height: 100%;
-  font-size: 24rpx;
-  line-height: 40rpx;
+  font-size: 1em;
+  line-height: 1.42857em;
   box-sizing: border-box;
   justify-content: center;
   display: flex;
@@ -119,13 +121,12 @@
 }
 
 .weda-calendar .weda-calendar__table-body-cell-value {
-  font-size: 28rpx;
+  font-size: 1em;
   text-align: center;
   border-radius: 50%;
   width: 80rpx;
-  line-height: 80rpx;
+  line-height: 2.85714em;
   box-sizing: border-box;
-  font-weight: 400;
   color: rgba(0, 0, 0, 0.9);
   position: relative;
 }
@@ -157,12 +158,12 @@
   .weda-calendar__table-body-cell.is-now
   .weda-calendar__table-body-cell-bg {
   position: absolute;
-  width: 48rpx;
-  height: 48rpx;
+  width: 1.714285em;
+  height: 1.714285em;
   background: #0052d9;
   border-radius: 100%;
-  left: calc(50% - 24rpx);
-  top: calc(50% - 24rpx);
+  left: calc(50% - 0.85714em);
+  top: calc(50% - 0.85714em);
   z-index: -1;
 }
 

package/src/mp/components/chart/statisticsCard/index.wxss

@@ -7,6 +7,7 @@
   box-sizing: border-box;
   max-width: 100%;
   min-height: 140px;
+  font-size: 28rpx;
 }
 
 .weda-statistics-card .weda-statistics-card__wrapper {
@@ -16,29 +17,25 @@
 }
 
 .weda-statistics-card .weda-statistics-card__title {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.6);
 }
 
 .weda-statistics-card .weda-statistics-card__detail {
   margin-top: 4px;
-  font-size: 28px;
-  line-height: 34px;
-  color: rgba(0, 0, 0, 0.9);
-  word-break: break-all;
 }
 
 .weda-statistics-card .weda-statistics-card__count {
-  font-size: 28px;
-  line-height: 34px;
+  font-size: 2em;
+  line-height: 2.42857em;
   color: rgba(0, 0, 0, 0.9);
   word-break: break-all;
 }
 
 .weda-statistics-card .weda-statistics-card__unit {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 2em;
+  line-height: 2.42857em;
   color: rgba(0, 0, 0, 0.4);
   margin-left: 4px;
   vertical-align: middle;

package/src/mp/components/form/checkbox/index.js

@@ -2,6 +2,7 @@ import classNames from '../../../utils/classnames';
 import destr from '../../../utils/destr';
 import handleEvents from '../../../utils/handleEvents';
 import { callWedaApi } from '../../../utils/tcb';
+import deepEqual from '../../../utils/deepEqual';
 
 Component({
   options: {
@@ -107,7 +108,10 @@ Component({
   },
   observers: {
     range: function (range) {
-      if (this.properties.format !== 'x-enum') {
+      if (
+        this.properties.format !== 'x-enum' &&
+        !deepEqual(range, this.data.defaultRange)
+      ) {
         this.setData({ defaultRange: range });
       }
     },

package/src/mp/components/form/input/index.js

@@ -83,7 +83,7 @@ Component({
       this.setData({
         isFocus: true,
       });
-      this.triggerEvent('change', e.detail);
+      this.triggerEvent('focus', e.detail);
     },
     handleBlur: function (e) {
       this.setData({

package/src/mp/components/form/radio/index.js

@@ -2,6 +2,7 @@ import classNames from '../../../utils/classnames';
 import destr from '../../../utils/destr';
 import handleEvents from '../../../utils/handleEvents';
 import { callWedaApi } from '../../../utils/tcb';
+import deepEqual from '../../../utils/deepEqual';
 
 Component({
   options: {
@@ -107,7 +108,10 @@ Component({
   },
   observers: {
     range: function (range) {
-      if (this.properties.format !== 'x-enum') {
+      if (
+        this.properties.format !== 'x-enum' &&
+        !deepEqual(range, this.data.defaultRange)
+      ) {
         this.setData({ defaultRange: range });
       }
     },

package/src/mp/components/form/select/index.js

@@ -374,9 +374,9 @@ Component({
       if (records && records.length !== 0 && primaryField) {
         const option = records.map((item) => {
           return {
-            label: item[primaryField],
+            label: item[primaryField] || item._id,
             value: item._id,
-            name: item[primaryField],
+            name: item[primaryField] || item._id,
           };
         });
         this.setData({ selectRange: option.map((item) => item.label), option });

package/src/mp/components/form/textarea/index.js

@@ -80,5 +80,11 @@ Component({
       this.setData({ value: e.detail.value });
       this.triggerEvent('change', e.detail);
     },
+    handleFocus: function (e) {
+      this.triggerEvent('focus', e.detail);
+    },
+    handleBlur: function (e) {
+      this.triggerEvent('blur', e.detail);
+    },
   },
 });

package/src/mp/components/form/textarea/index.wxml

@@ -1,7 +1,7 @@
 <formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{true}}" requiredFlag="{{requiredFlag}}">
   <view class="weui-cell weui-cell_active weui-cell_form}} {{disabled ? 'weui-cell_disabled' : ''}}">
     <view class="weui-cell__bd">
-      <textarea class="weui-textarea" placeholder="{{placeholder}}" placeholder-class="weui-input__placeholder" bindinput="handleChange" value="{{value}}" disable="{{disabled}}" maxlength="{{maxLength}}"></textarea>
+      <textarea class="weui-textarea" placeholder="{{placeholder}}" placeholder-class="weui-input__placeholder" bindinput="handleChange" value="{{value}}" disable="{{disabled}}" maxlength="{{maxLength}}" bindfocus="handleFocus" bindblur="handleBlur"></textarea>
       <view wx:if="{{counterVisible}}" class="weui-textarea-counter"><span>{{!!value ? value.length : 0}}</span>/{{maxLength}}</view>
     </view>
   </view>

package/src/mp/components/graphicCard/index.wxss

@@ -74,8 +74,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  font-size: 32rpx;
-  line-height: 48rpx;
+  font-size: 1.1428em;
+  line-height: 1.71428em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   display: -webkit-box;
@@ -86,8 +86,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   display: -webkit-box;
@@ -132,8 +132,8 @@ button:not([size='mini']) {
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn--text {
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: #0052d9;
   margin-right: 16rpx;
 }

package/src/mp/components/listView/index.wxss

@@ -22,8 +22,8 @@
 .weda-list-view__containor .weda-list-view__more .weda-list-view__more-text {
   padding-top: 20rpx;
   padding-bottom: 28rpx;
-  font-size: 24rpx;
-  line-height: 44rpx;
+  font-size: 0.85714em;
+  line-height: 0.85714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   box-sizing: border-box;

package/src/mp/components/navLayout/index.wxss

@@ -1131,8 +1131,8 @@
 .weda-grid-navigation
   .weda-grid-navigation__col--medium
   .weda-grid-navigation__img {
-  width: 36px;
-  height: 36px;
+  width: 2.57142em;
+  height: 2.57142em;
 }
 .weda-grid-navigation .weda-grid-navigation__icon .lcap-icon-padding {
   padding: 2px 0;
@@ -1141,31 +1141,31 @@
   .weda-grid-navigation__col--medium
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 36px;
+  font-size: 2.57142em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__img {
-  width: 32px;
+  width: 2.2857em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 32px;
+  font-size: 3.428571em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__img {
-  width: 40px;
-  height: 40px;
+  width: 2.85714em;
+  height: 2.85714em;
 }
 
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 40px;
+  font-size: 2.85714em;
 }
 
 .weda-grid-navigation .weda-grid-navigation__icon .weda-grid-navigation__img {
@@ -1174,8 +1174,8 @@
 }
 
 .weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.85714em;
+  line-height: 1.42857em;
   text-align: center;
   color: rgba(0, 0, 0, 0.6);
   display: -webkit-box;

package/src/mp/components/navigationBar/index.wxss

@@ -1069,7 +1069,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 20px 0 16px;
-  height: 64px;
+  height: 4.5714em;
   background-color: #fff;
   position: relative;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
@@ -1084,7 +1084,7 @@
 
 .weda-menu-mobile .weda-menu__bar-main .weda-menu__main-logo {
   font-weight: normal;
-  font-size: 18px;
+  font-size: 1.28571em;
   color: #000000;
   text-decoration: none;
   display: flex;
@@ -1092,8 +1092,8 @@
 }
 
 .weda-menu-mobile .weda-menu__bar-main .weda-menu__main-icon {
-  width: 32px;
-  height: 32px;
+  width: 2.2857em;
+  height: 2.2857em;
   margin-right: 12px;
 }
 
@@ -1105,12 +1105,12 @@
 
 .weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn,
 .weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn--close {
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
+  width: 1.71428em;
+  height: 1.71428em;
+  font-size: 1.71428em;
 }
 .weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn--close {
-  font-size: 28px;
+  font-size: 2em;
 }
 .weda-menu-mobile__drawer {
   width: 100%;
@@ -1206,8 +1206,8 @@
   .weda-drawer-menu__submenu
   .weda-drawer-menu__list
   .weda-drawer-menu__text {
-  font-size: 16px;
-  line-height: 20px;
+  font-size: 1.4285em;
+  line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.9);
   padding: 0;
   max-width: 100%;

package/src/mp/components/richText/index.wxml

@@ -1,3 +1,3 @@
-<view class="weda-ui {{className}}" style="{{style}}">
+<view class="weda-ui weda-RichTextView {{className}}" style="{{style}}">
   <rich-text nodes="{{__html}}"></rich-text>
 </view>