@cloudbase/weda-ui-mp 3.15.6 → 3.15.7

package/components/wd-form-arr/index.js

@@ -195,20 +195,29 @@ Component({
      * @returns
      */
     getTempValue(value) {
+      // 处理数组
       if (Array.isArray(value)) {
-        return value.map((i = {}) => {
-          const item = {};
-          Object.keys(i).forEach((j) => {
-            if (j) {
-              item[j] = i[j] || null;
-            }
-          });
-          return item;
+        return value.map((element) => {
+          if (typeof element === 'object' && element !== null) {
+            const obj = typeof element === 'object' && element !== null ? element : {};
+            const cleaned = {};
+            Object.keys(obj).forEach((key) => {
+              cleaned[key] = obj[key] === null || obj[key] === undefined || obj[key] === '' ? null : obj[key];
+            });
+            return cleaned;
+          }
+          return element;
         });
       }
+      // 处理单个对象
+
+      // 非数组/对象直接返回
       return value;
     },
     change(params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) {
+      if (this.data.disabled || this.data.readOnly) {
+        return;
+      }
       const { objValue, name, addDefaultValue } = this.data;
       let value = deepClone(params.value);
 

package/components/wd-form-arr/index.wxml

@@ -1,5 +1,5 @@
 <block wx:if="{{visible}}">
-  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}">
+  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}" status="{{status}}">
     <slot></slot>
   </wd-form-item-obj>
 </block>

package/components/wd-form-item-obj/index.js

@@ -2,12 +2,7 @@ import { WD_PREFIX } from '../../utils/constant';
 import { textToString } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import itemBehavior from '../form-field-behavior/item-behavior';
-import {
-  convertSize,
-  convertLayout,
-  convertLabelAlign,
-  convertPx,
-} from '../../utils/getFormLegacy';
+import { convertSize, convertLayout, convertLabelAlign, convertPx } from '../../utils/getFormLegacy';
 
 Component({
   options: { virtualHost: true, styleIsolation: 'shared' },
@@ -36,13 +31,12 @@ Component({
   methods: {
     setIconName() {
       this.setData({
-        iconName:
-          this.data.iconName === 'chevrondown' ? 'chevronup' : 'chevrondown',
+        iconName: this.data.iconName === 'chevrondown' ? 'chevronup' : 'chevrondown',
       });
     },
   },
   observers: {
-    'className,labelWidth,labelAlign,labelWrap,layout,required,requiredFlag,size,classRoot,borderedH5,disabled,controlAlign':
+    'className,labelWidth,labelAlign,labelWrap,layout,required,requiredFlag,size,classRoot,borderedH5,disabled,controlAlign,status':
       function (
         className,
         _labelWidth,
@@ -55,7 +49,8 @@ Component({
         classRoot,
         borderedH5,
         disabled,
-        controlAlign
+        controlAlign,
+        status,
       ) {
         const { item, itemWrap, classPrefix } = this.data;
         const sizeTemp = convertSize(_size);
@@ -66,26 +61,20 @@ Component({
         const labelRoot = `${root}__label`;
         const labelWidth = convertPx(_labelWidth);
         const labelStyle = labelWidth ? `width:${labelWidth}` : '';
-        const itemLayout = this.properties.isWdFormDetail
-          ? `${classPrefix}-form-item--detail`
-          : `${item}-`;
+        const itemLayout = this.properties.isWdFormDetail ? `${classPrefix}-form-item--detail` : `${item}-`;
         const cls = classNames(
           item,
           className,
-          `${classPrefix}-mp-form-item ${item}--weui item-size-height-${size} ${root}-root ${classPrefix}-mp-${classRoot}-root ${classPrefix}-mp-form-item-obj`,
+          `${classPrefix}-mp-form-item ${item}--weui item-size-height-${size} ${root}-root ${classPrefix}-mp-${classRoot}-root ${classPrefix}-mp-form-item-obj ${classPrefix}-mp-form-obj-${status}`,
           {
             'is-required': requiredFlag && required,
             'is-borderless': !borderedH5,
-            [`${itemLayout}-horizontal-left`]:
-              layout === 'horizontal' && labelAlign === 'left',
-            [`${itemLayout}-horizontal-right`]:
-              layout === 'horizontal' && labelAlign === 'right',
-            [`${itemLayout}-vertical-left`]:
-              layout === 'vertical' && labelAlign === 'left',
-            [`${itemLayout}-vertical-right`]:
-              layout === 'vertical' && labelAlign === 'right',
+            [`${itemLayout}-horizontal-left`]: layout === 'horizontal' && labelAlign === 'left',
+            [`${itemLayout}-horizontal-right`]: layout === 'horizontal' && labelAlign === 'right',
+            [`${itemLayout}-vertical-left`]: layout === 'vertical' && labelAlign === 'left',
+            [`${itemLayout}-vertical-right`]: layout === 'vertical' && labelAlign === 'right',
             [`${item}--label-${labelAlign}`]: !!labelAlign,
-          }
+          },
         );
         const labelCls = classNames(`${itemWrap}__label`, labelRoot, {
           'is-nowrap': !labelWrap,
@@ -104,12 +93,7 @@ Component({
           controlWrapCls,
         });
       },
-    'readBeforeAfter,before,after,readValue': function (
-      readBeforeAfter,
-      before,
-      after,
-      readValue
-    ) {
+    'readBeforeAfter,before,after,readValue': function (readBeforeAfter, before, after, readValue) {
       const _readValue = textToString(readValue);
       const _before = readBeforeAfter && textToString(before);
       const _after = readBeforeAfter && textToString(after);

package/components/wd-form-item-obj/index.wxss

@@ -1,2 +1,7 @@
 @import '../../style/wd-design.wxss';
 @import './wd-form-item.wxss';
+
+.wd-mp-form-obj-readOnly,
+.wd-mp-form-obj-disabled {
+  pointer-events: none;
+}

package/components/wd-form-obj/index.js

@@ -15,8 +15,7 @@ import equal from '../../utils/deepEqual';
  * @param currentName 当前表单项名称
  * @returns
  */
-const getValueName = (operateName, currentName) =>
-  operateName.replace(new RegExp(`^${currentName}(\\.)?`), '');
+const getValueName = (operateName, currentName) => operateName.replace(new RegExp(`^${currentName}(\\.)?`), '');
 
 Component({
   options: { virtualHost: true },
@@ -86,14 +85,10 @@ Component({
          * @returns
          */
         addFormItem(childName, formItem) {
-          if (
-            isNil(childName) ||
-            !formItem ||
-            (typeof childName === 'string' && childName.length === 0)
-          ) {
+          if (isNil(childName) || !formItem || (typeof childName === 'string' && childName.length === 0)) {
             // childName 没设置或为空串的时候不受表单容器控制
             console.warn(
-              `组件 #${formItem?.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`
+              `组件 #${formItem?.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`,
             );
             return noop;
           }
@@ -105,9 +100,7 @@ Component({
           }
           that.setData({ formsItemMap });
           return () => {
-            const removedArr = formsItemMap[childName].filter(
-              (item) => item !== formItem
-            );
+            const removedArr = formsItemMap[childName].filter((item) => item !== formItem);
             if (removedArr.length <= 0) {
               delete formsItemMap[childName];
             } else {
@@ -121,8 +114,7 @@ Component({
   },
   methods: {
     updateWidgetAPI(apis = {}) {
-      const { name, objValue, label, visible, readOnly, disabled, status } =
-        this.data;
+      const { name, objValue, label, visible, readOnly, disabled, status } = this.data;
       this.setReadonlyAttributes?.({
         ...apis,
         label,
@@ -140,16 +132,12 @@ Component({
     },
     // 父级普通表单对象
     getParentForm() {
-      const parent = this?.$widget?.closest(
-        (w) => w.getConfig?.().componentType === 'form'
-      );
+      const parent = this?.$widget?.closest((w) => w.getConfig?.().componentType === 'form');
       return parent;
     },
     // 父级嵌套表单对象
     getParentFormObj() {
-      const parent = this?.$widget?.closest(
-        (w) => w.getConfig?.().componentType === 'formObj'
-      );
+      const parent = this?.$widget?.closest((w) => w.getConfig?.().componentType === 'formObj');
       return parent;
     },
     /**
@@ -169,10 +157,7 @@ Component({
         if (!Array.isArray(items)) {
           items = [items];
         }
-        const newValue = lodashGet(
-          value,
-          getValueName(childName, this.data.name)
-        );
+        const newValue = lodashGet(value, getValueName(childName, this.data.name));
         items.forEach((item) => {
           if (item?.setValue && !equal(item.value, newValue)) {
             item.setValue(newValue);
@@ -189,10 +174,10 @@ Component({
      * @param param1.isUpdateChildValue 是否更新子组件值, 因子组件值变化调用change时不去触发updateChildValueWithoutForm；因为外部设置了值，则触发updateChildValueWithoutForm去更新子组件值
      * @returns
      */
-    change(
-      params,
-      { isUpdateParentForm = false, isUpdateChildValue = true } = {}
-    ) {
+    change(params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) {
+      if (this.data.disabled || this.data.readOnly) {
+        return;
+      }
       const { objValue, name } = this.data;
       let value = deepClone(params.value);
 
@@ -260,9 +245,7 @@ Component({
 
       if (params.name) {
         // 判断是否将当前的name前缀加上，以便父级嵌套表单更新值
-        const nameTemp = `${
-          !params.name.startsWith(name) && name ? `${name}.` : ''
-        }${params.name}`;
+        const nameTemp = `${!params.name.startsWith(name) && name ? `${name}.` : ''}${params.name}`;
         // 将值同步给父级嵌套表单
         parentFormObj?.__setValueImmediate__?.({
           name: nameTemp,

package/components/wd-form-obj/index.wxml

@@ -1,5 +1,5 @@
 <block wx:if="{{visible}}">
-  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}">
+  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}" status="{{status}}">
     <slot></slot>
   </wd-form-item-obj>
 </block>

package/package.json

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