meixioacomponent 0.2.46 → 0.2.49

package/package.json

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

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

@@ -1,9 +1,9 @@
 <template>
   <div class="pro_form_content" ref="proFormWrap">
     <el-form
-      v-if="!loading"
       ref="form"
       :rules="rules"
+      v-if="!loading"
       :model="formdata"
       :label-width="labelWidth"
       :label-position="labelPosition"
@@ -14,6 +14,9 @@
         v-show="!item.renderHide"
         class="pro-form-item-content"
         :class="[`chunk-${chunkLength}`]"
+        :style="{
+          width: itemWidth,
+        }"
       >
         <el-form-item
           :prop="item.key"
@@ -162,6 +165,9 @@ export default {
     pro_formItem_skeletonVue,
   },
   computed: {
+    itemWidth() {
+      return `${100 / this.chunkLength}%`;
+    },
     module: {
       set(val) {
         this.$emit("input", val);
@@ -382,7 +388,7 @@ export default {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
-    justify-content: space-between;
+    justify-content: flex-start;
   }
   /deep/.el-form {
     width: 100%;
@@ -390,7 +396,7 @@ export default {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
-    justify-content: space-between;
+    justify-content: flex-start;
   }
   /deep/ .el-form-item {
     width: 100%;
@@ -401,15 +407,7 @@ export default {
     padding-right: var(--padding-5);
     margin-left: 0px !important;
   }
-  .chunk-1 {
-    width: 100%;
-  }
-  .chunk-2 {
-    width: 50%;
-  }
-  .chunk-3 {
-    width: 33%;
-  }
+
   .flex-row {
     display: flex;
     align-items: center;

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

@@ -81,17 +81,19 @@
       <el-input-number
         ref="target"
         :size="size"
-        v-else-if="config.type == 'number'"
-        v-model.number="module"
         :controls="false"
+        v-model.number="module"
+        v-else-if="config.type == 'number'"
+        style="width: 100%; height: 100%"
       ></el-input-number>
       <!--数字类型两位小数  -->
       <el-input-number
         :size="size"
         ref="target"
         :precision="2"
-        v-model.number="module"
         :controls="false"
+        v-model.number="module"
+        style="width: 100%; height: 100%"
         v-else-if="config.type == 'number2'"
       ></el-input-number>
       <!-- select选择器 -->

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

@@ -26,15 +26,13 @@
           :rowNumber="rowNumber"
           :labelWidth="labelWidth"
           @formItemConfirm="formItemConfirm"
-        ></pro_formVue>
-        <template v-for="slotItem in slotList">
-          <template :slot="`form-${slotItem}`">
-            <slot
-              :scope="slotItem.formList"
-              :name="`formslot-${slotItem}`"
-            ></slot>
+        >
+          <template v-for="slotItem in slotList">
+            <template :slot="`form-${slotItem}`">
+              <slot :scope="formList" :name="`formslot-${slotItem}`"></slot>
+            </template>
           </template>
-        </template> </template
+        </pro_formVue> </template
     ></baseSectionVue>
   </div>
 </template>
@@ -52,6 +50,7 @@ export default {
   },
   created() {
     this.createSlots();
+    console.log(this.slotList);
   },
   props: {
     form: {