@cloudbase/weda-ui-mp 3.6.5 → 3.6.7

package/components/form/select/index.js

@@ -659,9 +659,20 @@ Component({
                       searchRecords.findIndex((r) => r._id === item._id) < 0
                   ) || []
                 ),
+                records: records.concat(
+                  (results ?? []).filter(
+                    (item) => records.findIndex((r) => r._id === item._id) < 0
+                  ) || []
+                ),
                 searchStatus: status,
               }
             : {
+                searchRecords: searchRecords.concat(
+                  (results ?? []).filter(
+                    (item) =>
+                      searchRecords.findIndex((r) => r._id === item._id) < 0
+                  ) || []
+                ),
                 records: records.concat(
                   (results ?? []).filter(
                     (item) => records.findIndex((r) => r._id === item._id) < 0

package/components/form/uploader/index.js

@@ -227,14 +227,14 @@ Component({
           urls: newUrls,
         });
       }
-      this.handleChange(newUrls);
+      this.handleChange(newUrls, true);
     },
-    handleChange: function (values) {
+    handleChange: function (values, isDelete = false) {
       let value = values;
       if (this.properties.single) {
         value = values[0] ?? '';
       }
-      this.triggerEvent('change', { value });
+      this.triggerEvent('change', { value, isDelete });
     },
   },
   observers: {

package/components/form/uploader/weui-uploader.wxml

@@ -40,7 +40,7 @@
     <view wx:if="{{currentFiles.length < maxCount && !readOnly}}" class="weui-uploader__input-box {{shapeClass}}" hover-class="weui-active">
       <view wx:if="{{!disabled&&!isChooseAvatar}}" class="weui-uploader__input" bindtap="chooseImage"></view>
 
-      <button class="weui-uploader__input" wx:if="{{!disabled&&isChooseAvatar}}" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"></button>
+      <button class="weui-uploader__input weui-uploader__input-button" wx:if="{{!disabled&&isChooseAvatar}}" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"></button>
 
       <view wx:if="{{disabled}}" class="weui-uploader__uploader_disabled"></view>
     </view>

package/components/form/uploader/weui-uploader.wxss

@@ -17,3 +17,7 @@
 .weui-uploader__files .img-shape-rounded-tectangle::before {
   border-radius: 6px;
 }
+
+.weui-uploader__files .weui-uploader__input-box .weui-uploader__input-button {
+  width: 100%;
+}

package/components/form-field-behavior/form-field-behavior.js

@@ -391,7 +391,7 @@ export default Behavior({
       this.data._status = status;
       const { disabled: _disabled, readOnly: _readOnly } = this.data;
       const statusParams = convertStatus(status, _disabled, _readOnly);
-      const form = this.$widget.closest(
+      const form = this?.$widget?.closest(
         (w) => w.getConfig?.()?.componentType === 'form'
       );
       let disabled = statusParams.disabled;

package/components/wd-button/wd-button.wxss

@@ -506,4 +506,8 @@ button::after {
 button:not([size=mini]) {
   margin: 0;
   width: auto;
+}
+
+button:not([size=mini]).wd-btn--block {
+  width: 100%;
 }

package/components/wd-form/index.js

@@ -112,6 +112,18 @@ Component({
         });
       });
     },
+    setReadOnly() {
+      Object.keys(this.data._formItemMap).forEach((name) => {
+        const items = this.data._formItemMap[name];
+        items.forEach((item) => {
+          if (!item.setReadOnly) {
+            console.error('表单组件缺少setReadOnly方法:', item);
+            return;
+          }
+          item.setReadOnly(true);
+        });
+      });
+    },
     async validate() {
       const validatePromise = [];
       const validateKey = [];
@@ -617,14 +629,25 @@ Component({
         paramGetItem,
         value
       ) {
+        if (formType === 'read') {
+          this.setReadOnly();
+        }
+        const isDataModel = ![
+          'connector',
+          'custom-connector',
+          'expression',
+        ].includes(datasourceType);
+        if (
+          isDataModel &&
+          formTypeWithInitValue &&
+          _id &&
+          !equal(_id, this.data._preDataId)
+        ) {
+          this.setData({ isLoadingData: true });
+        }
         clearTimeout(this.data._delayRef.current.initTimer);
         // eslint-disable-next-line rulesdir/no-timer
         this.data._delayRef.current.initTimer = setTimeout(() => {
-          const isDataModel = ![
-            'connector',
-            'custom-connector',
-            'expression',
-          ].includes(datasourceType);
           if (!dataSourceName) {
             this.setData({ loadingStatus: 'done' });
             if (datasourceType !== 'expression') {

package/components/wd-form/index.wxml

@@ -1,13 +1,15 @@
-<block wx:if="{{loadingStatus === 'hidden'}}"></block>
-<block wx:elif="{{loadingStatus === 'loading'}}">
-  <view class="wedatea2td-action-state">
-    <view class="wedatea2td-mr-2n wedatea2td-icon wedatea2td-icon-loading" role="img" aria-label="loading"></view>
-    <view class="wedatea2td-action-state__text" title="数据加载中...">数据加载中...</view>
-  </view>
-</block>
-<block wx:else>
-  <view class="weui-form weda-ui wd-form wd-mp-form {{className}}" id="{{id}}" style="{{style}}">
-    <block wx:if="{{errorObj.message}}"><status-content errorObj="{{errorObj}}"></status-content></block>
-    <block wx:if="{{!errorObj.message}}"><slot name="contentSlot" /></block>
-  </view>
-</block>
+<view class="weui-form weda-ui wd-form wd-mp-form {{className}}" id="{{id}}" style="{{style}}">
+  <block wx:if="{{loadingStatus === 'loading'}}">
+    <view class="wedatea2td-action-state">
+      <view class="wedatea2td-mr-2n wedatea2td-icon wedatea2td-icon-loading" role="img" aria-label="loading"></view>
+      <view class="wedatea2td-action-state__text" title="数据加载中...">数据加载中...</view>
+    </view>
+  </block>
+
+  <block wx:if="{{errorObj.message}}">
+    <status-content errorObj="{{errorObj}}"></status-content>
+  </block>
+  <block wx:if="{{!errorObj.message}}">
+    <slot name="contentSlot" />
+  </block>
+</view>

package/components/wd-form/index.wxss

@@ -18,6 +18,21 @@
   padding-bottom: 8px;
 }
 
+.wd-mp-form {
+  position: relative;
+}
+.wd-mp-form .wedatea2td-action-state {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  background: #fff;
+}
 /*
   表单模版内置样式 END }}}
   */

package/package.json

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