meixioacomponent 0.3.20 → 0.3.23

package/package.json

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

package/packages/components/base/baseUpload/baseUploadItem.vue

@@ -30,7 +30,7 @@
           :iconClass="`element`"
           :name="`el-icon-upload`"
         ></base-icon>
-        <div class="upload-notic-wrap">
+        <div class="upload-notic-wrap" :class="{ disabled: disabled }">
           <span @click="clickFile">点击上传<br /></span
           ><span class="primary-color"
             >或点击该处后Ctrl+V 黏贴QQ或微信截图</span
@@ -48,6 +48,7 @@
           :size="`l`"
           :color="`d`"
           :event="true"
+          v-if="!disabled"
           :name="`meixicomponenticon-close`"
           @iconClick="handleDeleteUploadItem"
         ></base-icon>
@@ -102,6 +103,11 @@ export default {
       type: Number,
       default: 99,
     },
+
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     module: {
@@ -155,6 +161,8 @@ export default {
   },
   methods: {
     clickFile() {
+      const { disabled } = this.$props;
+      if (disabled) return;
       this.$refs.inputFile.click();
     },
 
@@ -195,7 +203,8 @@ export default {
     },
 
     async onPasteFile() {
-      if (this.uploadLoading) return;
+      const { disabled } = this.$props;
+      if (this.uploadLoading || disabled) return;
       const items = (event.clipboardData || window.clipboardData).items;
       const rowList = [];
       if (this.fileType == "img") {
@@ -211,6 +220,7 @@ export default {
           rowList.push(file);
         }
       }
+      if (rowList.length <= 0) return;
       let list = await this.returnFiles(rowList);
       this.emitEvent(list);
     },
@@ -255,11 +265,17 @@ export default {
             color: var(--color-primary);
           }
         }
+
         .primary-color {
           margin-top: var(--margin-4);
           color: var(--color-primary);
         }
       }
+      .disabled {
+        span {
+          cursor: not-allowed !important;
+        }
+      }
     }
     .upload-icon {
       width: 60px;

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

@@ -30,6 +30,7 @@
               :form="form"
               :size="size"
               :config="item"
+              :disabled="disabled"
               v-model="item.value"
               :labelWidth="labelWidth"
               :class="[`form-item-${item.key}`]"
@@ -113,6 +114,10 @@ export default {
     });
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
     disables: {
       type: Object,
     },
@@ -419,6 +424,7 @@ export default {
   }
   .flex-row {
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
   }
 

package/packages/components/proForm/proForm/pro_form_item.vue

@@ -2,10 +2,10 @@
   <div
     ref="formItemRef"
     :class="{
+      disabled: isDisabled,
       mini: size == 'mini',
       small: size == 'small',
       'form-item-wrap': true,
-      disabled: config.disabled,
     }"
   >
     <div class="item-content" v-if="config.type != 'template' && !isEdit">
@@ -64,7 +64,7 @@
         :size="`s`"
         :event="true"
         :title="`修改`"
-        v-show="!isEdit && !config.disabled"
+        v-show="!isEdit && !isDisabled"
         :name="`meixicomponenticon-edit`"
         @iconClick="handleClick('edit')"
       ></base-icon>
@@ -76,7 +76,7 @@
         ref="target"
         :size="size"
         v-model="module"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         v-if="config.type == 'input'"
         style="width: 100%; height: 100%"
       >
@@ -87,7 +87,7 @@
         :size="size"
         :controls="false"
         v-model.number="module"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         v-else-if="config.type == 'number'"
         style="width: 100%; height: 100%"
       ></el-input-number>
@@ -98,7 +98,7 @@
         :precision="2"
         :controls="false"
         v-model.number="module"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         style="width: 100%; height: 100%"
         v-else-if="config.type == 'number2'"
       ></el-input-number>
@@ -111,7 +111,7 @@
         :multiple="multiple"
         :filterable="true"
         :loading="selectLoading"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         @visible-change="visibleChange"
         style="width: 100%; height: 100%"
         v-else-if="config.type == 'select' && selectStore"
@@ -134,7 +134,7 @@
         ref="target"
         placeholder="选择日期"
         value-format="yyyy-MM-dd HH:mm:ss"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         :prefix-icon="`el-icon-time`"
         style="width: 100%; height: 100%"
         v-else-if="config.type == 'time'"
@@ -145,13 +145,13 @@
       <el-radio-group
         v-model="module"
         size="mini"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         v-else-if="config.type == 'radio'"
       >
         <el-radio-button
           :key="index"
           :label="item.value"
-          :disabled="config.disabled"
+          :disabled="isDisabled"
           v-for="(item, index) in config.list"
           >{{ item.label }}</el-radio-button
         >
@@ -163,13 +163,13 @@
         :max="checkMax"
         v-model="module"
         style="width: 100%"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         v-else-if="config.type == 'checkbox'"
       >
         <el-checkbox
           :key="index"
           :label="item"
-          :disabled="config.disabled"
+          :disabled="isDisabled"
           v-for="(item, index) in config.list"
           >{{ item }}</el-checkbox
         >
@@ -181,7 +181,7 @@
         :size="size"
         type="textarea"
         v-model="module"
-        :disabled="config.disabled"
+        :disabled="isDisabled"
         v-if="config.type == 'textarea'"
       >
       </el-input>
@@ -234,6 +234,10 @@ export default {
     });
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
     disableWatcher: {},
     config: {
       type: Object,
@@ -255,6 +259,10 @@ export default {
   },
 
   computed: {
+    isDisabled() {
+      const { config, disabled } = this.$props;
+      return config.disabled || disabled;
+    },
     multiple() {
       return this.$props.config.multipleLimit ? true : false;
     },

package/packages/components/proForm/proFormWrap/pro_form_wrap.vue

@@ -23,6 +23,7 @@
           :rules="rules"
           :footer="false"
           v-model="formList"
+          :disabled="disabled"
           :rowNumber="rowNumber"
           :labelWidth="labelWidth"
           @formItemConfirm="formItemConfirm"
@@ -53,6 +54,10 @@ export default {
     console.log(this.slotList);
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
     form: {
       type: Boolean,
       default: false,