@cloudbase/weda-ui-mp 3.15.0 → 3.15.2

package/components/chart/ec-canvas/ec-canvas.js

@@ -143,34 +143,36 @@ Component({
         .select(`#${this.data.canvasId}`)
         .fields({ node: true, size: true })
         .exec(async (res) => {
-          const canvasNode = res[0].node;
-          this.canvasNode = canvasNode;
+          const canvasNode = res[0]?.node;
+          if (canvasNode) {
+            this.canvasNode = canvasNode;
 
-          const canvasDpr = wx.getSystemInfoSync().pixelRatio;
-          const canvasWidth = res[0].width;
-          const canvasHeight = res[0].height;
+            const canvasDpr = wx.getSystemInfoSync().pixelRatio;
+            const canvasWidth = res[0].width;
+            const canvasHeight = res[0].height;
 
-          const ctx = canvasNode.getContext('2d');
+            const ctx = canvasNode.getContext('2d');
 
-          const canvas = new WxCanvas(ctx, this.data.canvasId, true, canvasNode);
-          echarts.setCanvasCreator(() => {
-            return canvas;
-          });
-
-          if (typeof callback === 'function') {
-            this.chart = callback(canvas, canvasWidth, canvasHeight, canvasDpr);
-          } else if (this.data.ec && typeof this.data.ec.onInit === 'function') {
-            this.chart = await this.data.ec.onInit(canvas, canvasWidth, canvasHeight, canvasDpr);
-          } else {
-            this.triggerEvent('init', {
-              canvas: canvas,
-              width: canvasWidth,
-              height: canvasHeight,
-              dpr: canvasDpr,
+            const canvas = new WxCanvas(ctx, this.data.canvasId, true, canvasNode);
+            echarts.setCanvasCreator(() => {
+              return canvas;
             });
-          }
 
-          this.domObserver && this.domObserver.disconnect();
+            if (typeof callback === 'function') {
+              this.chart = callback(canvas, canvasWidth, canvasHeight, canvasDpr);
+            } else if (this.data.ec && typeof this.data.ec.onInit === 'function') {
+              this.chart = await this.data.ec.onInit(canvas, canvasWidth, canvasHeight, canvasDpr);
+            } else {
+              this.triggerEvent('init', {
+                canvas: canvas,
+                width: canvasWidth,
+                height: canvasHeight,
+                dpr: canvasDpr,
+              });
+            }
+
+            this.domObserver && this.domObserver.disconnect();
+          }
         });
     },
     canvasToTempFilePath(opt) {

package/components/form/select/dropdown-select/index.js

@@ -127,7 +127,7 @@ Component({
           });
         }
         this.triggerEvent('search', { value });
-      }, 1000);
+      }, 300);
       this.setData({
         timeId,
       });

package/components/form/selectMultiple/dropdown-select/index.js

@@ -181,12 +181,7 @@ Component({
   observers: {
     'option,searchValue,staticSearchable': function (option, searchValue, staticSearchable) {
       const { ignoreCase } = this.properties;
-      if (searchValue === '') {
-        this.setData({
-          showOption: option,
-          status: option.length > 0 ? 0 : 3,
-        });
-      } else if (staticSearchable) {
+      if (staticSearchable) {
         const searchRange = option.filter((item) => {
           if (ignoreCase) {
             return String(item.label).toLowerCase().indexOf(searchValue.toLowerCase()) !== -1;

package/components/form/selectMultiple/index.js

@@ -94,10 +94,6 @@ Component({
       type: Boolean,
       value: true,
     },
-    staticSearchable: {
-      type: Boolean,
-      value: true,
-    },
     where: {
       type: Array,
       value: [],
@@ -120,6 +116,7 @@ Component({
     whereEffected: [], // 每次请求都加上
     fetchTimed: null, // 防抖
     queryParam: { select: { $master: true } },
+    staticSearchable: true,
   },
   lifetimes: {
     attached() {
@@ -143,7 +140,6 @@ Component({
       // 默认
       this.setData({
         option: range,
-        loadStatus: range.length > 0 ? 0 : -1,
         value: this.properties.defaultValue,
         cls,
         subCls,
@@ -175,6 +171,11 @@ Component({
         value: this.properties.defaultValue,
       });
     },
+    format: function (format) {
+      this.setData({
+        staticSearchable: !['many-many', 'one-many'].includes(format),
+      });
+    },
     'value,range': function () {
       const { range, format } = this.properties;
       if (format !== 'one-many' && format !== 'many-many') {
@@ -187,6 +188,7 @@ Component({
       this.setData({
         option: checkRange,
         displayLabel: label,
+        loadStatus: range.length > 0 ? 0 : -1,
       });
     },
     dataSourceName: function () {
@@ -259,7 +261,7 @@ Component({
       // eslint-disable-next-line rulesdir/no-timer
       this.data.fetchTimed = setTimeout(() => {
         const { format, dataSourceName, primaryField } = this.properties;
-        if (['many-many', 'one-many'].concat(format) && dataSourceName && primaryField) {
+        if (['many-many', 'one-many'].includes(format) && dataSourceName && primaryField) {
           this.setData({ records: [], option: [], pageNo: 1 });
           this._fetchData({ searchValue, _init: true });
         }
@@ -270,6 +272,7 @@ Component({
     _fetchData: async function ({ queryParam = this.data.queryParam, searchValue = '', pageNo = 1, _init = false }) {
       const { dataSourceName, primaryField } = this.properties;
       if (!dataSourceName) return;
+      this.setData({ loadStatus: 1 });
       //   默认筛选条件
       let _filter = destr(this.data.queryParam.filter) ?? {};
       // 根据搜索值查询
@@ -304,9 +307,9 @@ Component({
       finalRecords = this.getUniqueOption(finalRecords);
       const { value } = this.data;
 
-      const unchecked = value.filter((i) => !finalRecords.find((j) => i === j.value));
+      const unchecked = value?.filter((i) => !finalRecords.find((j) => i === j.value));
       // 跨页勾选回显示
-      if (unchecked.length) {
+      if (unchecked?.length) {
         const uncheckedItem = await this.fetchItem(unchecked);
         uncheckedItem?.forEach((i) => {
           if (i) {

package/components/form/uploaderFile/index.js

@@ -251,7 +251,8 @@ Component({
       };
       const uploadPath = 'weda-uploader';
       const _uploadPath = await getDefaultUploadPath(uploadPath);
-      const cloudPath = `${_uploadPath}/${randomStr()}-${tempFile.name}`;
+      const filenameRegex = /[^a-zA-Z0-9\u4e00-\u9fff-*!_.]/g;
+      const cloudPath = `${_uploadPath}/${randomStr()}-${tempFile.name?.replace(filenameRegex, '-')}`;
       try {
         const tcb = await getCloudInstance();
         const uploadTask = await tcb.uploadFile({

package/components/listView/index.js

@@ -5,6 +5,7 @@ import { commonCompBehavior } from '../../utils/common-behavior';
 import { callDataSource } from '../../utils/tcb';
 import isEqual from '../../utils/deepEqual';
 import { textToString } from '../../utils/platform';
+import { deepClone } from '../../utils/lodash';
 
 import { WdCompError } from '../../utils/error';
 const LISTVIEW_MESSAGE = {
@@ -175,6 +176,7 @@ Component({
       },
     },
     paramRef: [],
+    preDataSourceCache: [],
   },
   methods: {
     // 数据列表设置表达式: 区分前后端分页
@@ -185,7 +187,7 @@ Component({
       let total = 0;
       if (Array.isArray(dataSourceData)) {
         if (enableTotal) {
-          records = dataSourceData;
+          records = deepClone(dataSourceData);
           total = !isNaN(parseInt(`${_total}`)) ? _total : 0;
         } else {
           const count = pageSize * pageNo;
@@ -603,7 +605,10 @@ Component({
           });
         }, 500);
       },
-    'dataSourceType,dataSourceData,total,enableTotal': function () {
+    'dataSourceType,dataSourceData,total,enableTotal': function (...rest) {
+      if (isEqual(this.data.preDataSourceCache, rest)) return;
+
+      this.setData({ preDataSourceCache: rest });
       if (this.properties.dataSourceType === 'expression') {
         // console.log('====dataSourceData====', this.data.dataSourceData);
         this.setExpression();

package/components/wd-textarea/index.js

@@ -25,6 +25,7 @@ Component({
     counter: 0,
     placeholderCls: `${WD_PREFIX}-form-input-wrap__placeholder weui-input__placeholder`,
     _size: 'md',
+    _focus: false,
   },
   methods: {
     handleChange: function (e) {
@@ -32,17 +33,18 @@ Component({
       this.triggerEvent('change', e.detail);
     },
     handleFocus: function (e) {
+      this.setData({ _focus: true });
       this.triggerEvent('focus', e.detail);
     },
     handleBlur: function (e) {
+      this.setData({ _focus: false });
       this.triggerEvent('blur', e.detail);
     },
     handleConfirm: function (e) {
       this.triggerEvent('confirm', e.detail);
     },
     updateWidgetAPI: function () {
-      const { name, value, label, required, visible, disabled, readOnly } =
-        this.data;
+      const { name, value, label, required, visible, disabled, readOnly } = this.data;
       this.setReadonlyAttributes?.({
         name,
         value,
@@ -54,7 +56,7 @@ Component({
       });
     },
     init() {
-      const { disabled, size, classRoot } = this.data;
+      const { disabled, size, classRoot, _focus } = this.data;
       const { classPrefix } = this.data;
       const _size = convertSize(size);
       const root = `${classPrefix}-${classRoot}`;
@@ -70,14 +72,15 @@ Component({
           'size-width-hundred': true,
           'is-disabled': disabled,
           'textarea-restriction': true,
-        }
+          'is-focused': _focus,
+        },
       );
       const countCls = `${textareaWrap}__label ${root}-${classRoot}__count-text`;
       this.setData({ cls, countCls, _size });
     },
   },
   observers: {
-    'disabled,counterVisible,size,classRoot': function () {
+    'disabled,counterVisible,size,classRoot,_focus': function () {
       this.init();
     },
     value: function (value) {
@@ -87,6 +90,9 @@ Component({
     'name, value, label, required, visible, disabled, readOnly': function () {
       this.updateWidgetAPI();
     },
+    focus: function (focus) {
+      this.setData({ _focus: focus });
+    },
   },
   lifetimes: {
     attached: function () {

package/components/wd-textarea/wd-textarea.wxss

@@ -95,4 +95,45 @@
 }
 .wd-form-textarea-wrap.size-height-lg {
   height: var(--wd-form-textarea-wrap-height-md);
+}
+
+.wd-textarea__content {
+  position: relative;
+  width: 100%;
+  height: calc(100% - 20px);
+}
+.wd-textarea__content .wd-textarea__content_text {
+  visibility: hidden;
+  pointer-events: none;
+  font-size: inherit;
+  line-height: inherit;
+  word-break: break-word;
+  white-space: pre-wrap;
+  border: none;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+  display: block;
+  overflow: auto;
+  min-height: var(--wd-form-textarea-wrap-restriction-height-md);
+}
+.wd-textarea__content .wd-textarea__content_input {
+  position: absolute;
+  resize: none;
+  font-size: inherit;
+  line-height: inherit;
+  word-break: break-word;
+  white-space: pre-wrap;
+  border: none;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+  display: block;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: auto;
 }

package/package.json

@@ -3,7 +3,7 @@
   "miniprogram": "./",
   "packageManager": "yarn@3.0.2",
   "dependencies": {},
-  "version": "3.15.0",
+  "version": "3.15.2",
   "main": "./",
   "publishConfig": {
     "access": "public"