meixioacomponent 0.2.5 → 0.2.8

package/package.json

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

package/packages/components/proForm/dialogForm/baseDialogForm.vue

@@ -22,12 +22,12 @@
         <div class="content-item-form">
           <pro_formVue
             :form="true"
+            :size="size"
             :footer="false"
             :formConfig="item"
             :labelWidth="labelWidth"
             :formList="item.formList"
             :rules="returnRules(item.key)"
-            @scrollToItem="scrollToItem"
             :labelPosition="setLabelPosition(item.formType)"
             :formType="item.formType ? item.formType : 'default'"
             ref="proFormVue"
@@ -48,7 +48,8 @@ import baseButtonHandleVue from "../../base/baseButtonHandle/baseButtonHandle.vu
 export default {
   name: "baseDialogForm",
   data() {
-    return {};
+    return {
+    };
   },
   props: {
     // 弹窗的标题
@@ -75,6 +76,10 @@ export default {
     rulesList: {
       type: Object,
     },
+    size: {
+      type: String,
+      default: "small",
+    },
   },
   components: {
     pro_formVue,
@@ -125,8 +130,9 @@ export default {
       }
       return validateResult;
     },
-
-
+  },
+  watch: {
+  
   },
 };
 </script>

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

@@ -17,7 +17,7 @@
           :prop="citem.key"
           :label="citem.label"
           v-for="(citem, cindex) in item"
-          :class="[`chunk-${chunkLength}`, `${flexClass}`]"
+          :class="[`chunk-${chunkLength}`, `${flexClass}`, size]"
         >
           <span slot="label" class="item-label">{{ citem.label }}</span>
           <pro_form_itemVue
@@ -76,14 +76,14 @@ export default {
       chunkLength: null,
     };
   },
-  created() {},
-  mounted() {
+  created() {
     this.$nextTick(() => {
       this.init();
       this.setFormData();
       this.setFormLineList();
     });
   },
+  mounted() {},
   props: {
     rules: {
       type: Object,
@@ -217,7 +217,6 @@ export default {
     },
     setFormLineList() {
       this.formLineList = ArrayChunk(this.$props.formList, this.chunkLength);
-      //console.log(this.formLineList);
     },
     // 返回form表单值
     returnFormValue() {
@@ -267,6 +266,12 @@ export default {
       this.$emit("onCancel");
     },
   },
+  watch: {
+    formList(newVal, oldVal) {
+      this.setFormData();
+      this.setFormLineList();
+    },
+  },
 };
 </script>
 
@@ -313,5 +318,17 @@ export default {
   .form-footer {
     margin-top: var(--margin-5);
   }
+
+  .mini {
+    align-items: flex-start;
+    margin-bottom: var(--margin-4) !important;
+
+    .item-label {
+      font-size: var(--font-size-s) !important;
+    }
+    /deep/ .el-form-item__label {
+      line-height: 24px !important;
+    }
+  }
 }
 </style>

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

@@ -481,12 +481,7 @@ export default {
   }
 }
 .mini {
-  /deep/ .el-form-item {
-    margin-bottom: var(--margin-5);
-  }
-  /deep/ .el-form-item__label {
-    line-height: 28px !important;
-  }
+
   /deep/ .item-label {
     font-size: var(--font-size-s) !important;
   }

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

@@ -2,6 +2,9 @@
   <div class="pro-form-wrap">
     <baseSectionVue :headerText="formTitle" v-model="sectionOpen">
       <base-icon :name="iconClass" :size="`l`" slot="header-prefix"></base-icon>
+      <template slot="section-header-right">
+        <slot name="header-right"></slot>
+      </template>
       <template slot="sectionContent">
         <pro_formVue
           :size="size"