meixioacomponent 0.3.20 → 0.3.21

package/package.json

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

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,