meixioacomponent 0.2.6 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.2.06",
+  "version": "0.2.09",
   "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

@@ -38,6 +38,7 @@
             v-if="citem.type == 'area'"
             v-model="formdata[`${citem.key}`]"
             :class="[`form-item-${citem.key}`]"
+            @confirmAreaValue="formItemConfirm(citem)"
           ></baseAreaVue>
           <baseUploadVue
             :max="formConfig.max"
@@ -76,14 +77,14 @@ export default {
       chunkLength: null,
     };
   },
-  created() {},
-  mounted() {
+  created() {
     this.$nextTick(() => {
       this.init();
       this.setFormData();
       this.setFormLineList();
     });
   },
+  mounted() {},
   props: {
     rules: {
       type: Object,
@@ -187,6 +188,7 @@ export default {
       }
       this.chunkLength = 3;
     },
+
     formItemConfirm(params) {
       if (this.$props.rules) {
         // element 验证单条表单修改
@@ -217,7 +219,6 @@ export default {
     },
     setFormLineList() {
       this.formLineList = ArrayChunk(this.$props.formList, this.chunkLength);
-      //console.log(this.formLineList);
     },
     // 返回form表单值
     returnFormValue() {
@@ -267,6 +268,12 @@ export default {
       this.$emit("onCancel");
     },
   },
+  watch: {
+    formList(newVal, oldVal) {
+      this.setFormData();
+      this.setFormLineList();
+    },
+  },
 };
 </script>
 
@@ -315,11 +322,14 @@ export default {
   }
 
   .mini {
-    /deep/ .el-form-item {
-      margin-bottom: var(--margin-5);
+    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: 28px !important;
+      line-height: 24px !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"