meixioacomponent 0.3.66 → 0.3.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.3.66",
+  "version": "0.3.69",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/base/basePageHeader/basePageHeader.vue

@@ -4,15 +4,15 @@
       <span class="header-text">{{ headerText }}</span>
       <slot name="prefix"></slot>
     </div>
-    <slot class="header-wrap-right" name="header-wrap-right"> </slot>
+    <slot class="header-wrap-right" name="header-wrap-right"></slot>
   </div>
 </template>
 
 <script>
 export default {
-  name: "basePageHeader",
+  name: 'basePageHeader',
   data() {
-    return {};
+    return {}
   },
   props: {
     headerText: {
@@ -20,7 +20,7 @@ export default {
       require: true,
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -28,6 +28,7 @@ export default {
   width: 100%;
   height: auto;
   display: flex;
+  user-select: none;
   align-items: center;
   flex-flow: row nowrap;
   justify-content: space-between;

package/packages/components/proForm/proForm/pro_form.vue

@@ -69,17 +69,16 @@
           </template>
         </el-form-item>
       </div>
-
-      <baseButtonHandleVue
-        v-if="footer"
-        :align="`end`"
-        :size="`mini`"
-        class="form-footer"
-        :config="handleConfig"
-      ></baseButtonHandleVue>
     </el-form>
-
-    <div class="form-skeleton-wrap" v-else>
+    <baseButtonHandleVue
+      v-if="footer"
+      :align="`end`"
+      :size="`mini`"
+      class="form-footer"
+      :config="handleConfig"
+    ></baseButtonHandleVue>
+
+    <div class="form-skeleton-wrap" v-if="loading">
       <div
         class="form-skeleton-item-wrap"
         :key="item.key"
@@ -367,7 +366,25 @@ export default {
     },
 
     disableWatcherResult(params) {
-      this.$emit('disableWatcherResult', params)
+      const isBaseDialogForm = this.$parent.$options.name == 'baseDialogForm'
+      if (isBaseDialogForm) {
+        this.$emit('disableWatcherResult', params)
+      } else {
+        const { result, type, key } = params
+
+        const index = this.module.findIndex((item) => {
+          return item.key == key
+        })
+
+        if (index > -1) {
+          const formItem = this.module[index]
+          if (type == 'hide') {
+            this.$set(formItem, 'renderHide', result)
+          } else if (type == 'disable') {
+            this.$set(formItem, 'disabled', result)
+          }
+        }
+      }
     },
 
     setFormItemWidth() {
@@ -445,6 +462,7 @@ export default {
     align-items: flex-start;
   }
   .form-footer {
+    padding: var(--padding-5);
     margin-top: var(--margin-5);
   }
 

package/packages/config/use/UseResize.js

@@ -1,48 +1,52 @@
 class UseResize {
   constructor(parmas) {
     // type 为 width/height
-    this.type = parmas.type;
+    this.type = parmas.type
     // 目标需要改变的值
-    this.value = parmas.value;
+    this.value = parmas.value
     // 移动的时候的事件
-    this.moveing = parmas.moveing;
+    this.moveing = parmas.moveing
     // 结束事件
-    this.resizeEnd = parmas.resizeEnd;
-    this.x = null;
-    this.sub = null;
+    this.resizeEnd = parmas.resizeEnd
+    this.x = null
+    this.sub = null
   }
 
   setListen() {
-    document.onmousemove = this.onResizeing;
-    document.onmouseup = this.onResizeEnd;
+    document.onmousemove = this.onResizeing
+    document.onmouseup = this.onResizeEnd
   }
   removeListen() {
-    document.onmousemove = null;
-    document.onmouseup = null;
+    document.onmousemove = null
+    document.onmouseup = null
   }
 
   startResize(e) {
-    this.setListen();
-    if (this.type == "width") {
-      this.x = e.clientX;
+    this.setListen()
+    if (this.type == 'width') {
+      this.x = e.clientX
     }
   }
 
+  initValue(value) {
+    this.value = value
+  }
+
   onResizeing = (e) => {
-    let type = this.type;
-    if (type == "width") {
-      const stw = this.x - e.clientX;
-      this.sub = this.value + stw;
-      this.moveing(this.sub);
+    let type = this.type
+    if (type == 'width') {
+      const stw = this.x - e.clientX
+      this.sub = this.value + stw
+      this.moveing(this.sub)
     }
-  };
+  }
   onResizeEnd = (e) => {
-    this.removeListen();
-    this.value = this.sub;
+    this.removeListen()
+    this.value = this.sub
     if (this.resizeEnd) {
-      this.resizeEnd();
+      this.resizeEnd()
     }
-  };
+  }
 }
 
-export default UseResize;
+export default UseResize

package/src/component/test.vue

@@ -819,7 +819,7 @@ export default {
 <template>
   <base-form-wrap
     :rowNumber="2"
-    :disabled="true"
+    :disables="disables"
     :labelWidth="`155px`"
     ref="businessBaseForm"
     :formTitle="`dsada`"
@@ -845,7 +845,7 @@ export default {
           label: '法人身份证',
         },
         {
-          value: '',
+          value: 1,
           key: 'businessLicense',
           type: 'select',
           label: '营业执照号',
@@ -858,6 +858,19 @@ export default {
           label: '营业执照电子版',
         },
       ],
+      disables: {
+        businessLicense: {
+          effects: [
+            {
+              key: 'businessLicenseFile',
+              type: 'hide',
+              fn: (val) => {
+                return val == 2
+              },
+            },
+          ],
+        },
+      },
     }
   },
 }