meixioacomponent 0.2.48 → 0.2.51

package/lib/style/element/index.css

@@ -1603,13 +1603,13 @@
 .el-tag--dark {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.is-hit {
   border-color: var(--color-primary);
 }
 .el-tag--dark .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark .el-tag__close:hover {
   color: var(--bg-white);
@@ -1633,16 +1633,16 @@
 .el-tag--dark.el-tag--success {
   background-color: #34c724;
   border-color: #34c724;
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--success.is-hit {
   border-color: #34c724;
 }
 .el-tag--dark.el-tag--success .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--success .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #5dd250;
 }
 .el-tag.el-tag--warning {
@@ -1654,10 +1654,10 @@
   border-color: #f80;
 }
 .el-tag--dark.el-tag--warning .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--warning .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #ffa033;
 }
 .el-tag--dark.el-tag--danger {
@@ -1668,10 +1668,10 @@
   border-color: var(--color-error);
 }
 .el-tag--dark.el-tag--danger .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--danger .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #f76e6a;
 }
 .el-tag--plain {
@@ -3011,31 +3011,7 @@
 .el-autocomplete-suggestion.is-loading .el-icon-loading {
   vertical-align: middle;
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -6746,31 +6722,7 @@
   -webkit-transform: translate(0, 0.5px);
   transform: translate(0, 0.5px);
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -12545,31 +12497,7 @@
 .el-popup-parent--hidden {
   overflow: hidden;
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -22827,8 +22755,6 @@
   white-space: nowrap;
   cursor: pointer;
   background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
   color: var(--font-color-d);
   -webkit-appearance: none;
   text-align: center;
@@ -24377,31 +24303,7 @@
     opacity: 0;
   }
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }

package/package.json

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

package/packages/components/base/baseTreeSelect/index.vue

@@ -228,7 +228,7 @@ export default {
   height: auto;
   line-height: 1;
   padding: 0;
-  background-color: #fff;
+  background-color: var(--bg-white);
 }
 .tree {
   padding: var(--padding-2) var(--padding-2);

package/packages/components/dynamicmount/dynamicMount.vue

@@ -33,6 +33,7 @@ export default {
     init() {
       // 初始化并且赋予需要挂载的组件props值
       let props = this.vueComponent.props;
+      console.log(props);
 
       if (props) {
         if (typeof props == "Array") {

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"
@@ -72,6 +75,7 @@
         :key="item.key"
         v-for="item in module"
         :class="[`chunk-${chunkLength}`, `${flexClass}`, size]"
+        :style="{ width: itemWidth }"
       >
         <pro_formItem_skeletonVue></pro_formItem_skeletonVue>
       </div>
@@ -162,6 +166,9 @@ export default {
     pro_formItem_skeletonVue,
   },
   computed: {
+    itemWidth() {
+      return `${100 / this.chunkLength}%`;
+    },
     module: {
       set(val) {
         this.$emit("input", val);
@@ -382,7 +389,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 +397,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 +408,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

@@ -73,6 +73,7 @@
         ref="target"
         :size="size"
         v-model="module"
+        :disabled="config.disabled"
         v-if="config.type == 'input'"
         style="width: 100%; height: 100%"
       >
@@ -81,17 +82,21 @@
       <el-input-number
         ref="target"
         :size="size"
-        v-else-if="config.type == 'number'"
-        v-model.number="module"
         :controls="false"
+        v-model.number="module"
+        :disabled="config.disabled"
+        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"
+        :disabled="config.disabled"
+        style="width: 100%; height: 100%"
         v-else-if="config.type == 'number2'"
       ></el-input-number>
       <!-- select选择器 -->
@@ -103,6 +108,7 @@
         :multiple="multiple"
         :filterable="true"
         :loading="selectLoading"
+        :disabled="config.disabled"
         @visible-change="visibleChange"
         style="width: 100%; height: 100%"
         v-else-if="config.type == 'select'"
@@ -125,6 +131,7 @@
         ref="target"
         placeholder="选择日期"
         value-format="timestamp"
+        :disabled="config.disabled"
         :prefix-icon="`el-icon-time`"
         style="width: 100%; height: 100%"
         v-else-if="config.type == 'time'"
@@ -135,11 +142,13 @@
       <el-radio-group
         v-model="module"
         size="mini"
+        :disabled="config.disabled"
         v-else-if="config.type == 'radio'"
       >
         <el-radio-button
           :key="index"
           :label="item.value"
+          :disabled="config.disabled"
           v-for="(item, index) in config.list"
           >{{ item.label }}</el-radio-button
         >
@@ -151,11 +160,13 @@
         :max="checkMax"
         v-model="module"
         style="width: 100%"
+        :disabled="config.disabled"
         v-else-if="config.type == 'checkbox'"
       >
         <el-checkbox
           :key="index"
           :label="item"
+          :disabled="config.disabled"
           v-for="(item, index) in config.list"
           >{{ item }}</el-checkbox
         >
@@ -167,6 +178,7 @@
         :size="size"
         type="textarea"
         v-model="module"
+        :disabled="config.disabled"
         v-if="config.type == 'textarea'"
       >
       </el-input>

package/packages/components/style/element/index.css

@@ -1603,13 +1603,13 @@
 .el-tag--dark {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.is-hit {
   border-color: var(--color-primary);
 }
 .el-tag--dark .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark .el-tag__close:hover {
   color: var(--bg-white);
@@ -1633,16 +1633,16 @@
 .el-tag--dark.el-tag--success {
   background-color: #34c724;
   border-color: #34c724;
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--success.is-hit {
   border-color: #34c724;
 }
 .el-tag--dark.el-tag--success .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--success .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #5dd250;
 }
 .el-tag.el-tag--warning {
@@ -1654,10 +1654,10 @@
   border-color: #f80;
 }
 .el-tag--dark.el-tag--warning .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--warning .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #ffa033;
 }
 .el-tag--dark.el-tag--danger {
@@ -1668,10 +1668,10 @@
   border-color: var(--color-error);
 }
 .el-tag--dark.el-tag--danger .el-tag__close {
-  color: var(--bg-white);
+  color: var(--text-white);
 }
 .el-tag--dark.el-tag--danger .el-tag__close:hover {
-  color: var(--bg-white);
+  color: var(--text-white);
   background-color: #f76e6a;
 }
 .el-tag--plain {
@@ -3011,31 +3011,7 @@
 .el-autocomplete-suggestion.is-loading .el-icon-loading {
   vertical-align: middle;
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -6746,31 +6722,7 @@
   -webkit-transform: translate(0, 0.5px);
   transform: translate(0, 0.5px);
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -12545,31 +12497,7 @@
 .el-popup-parent--hidden {
   overflow: hidden;
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }
@@ -22827,8 +22755,6 @@
   white-space: nowrap;
   cursor: pointer;
   background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
   color: var(--font-color-d);
   -webkit-appearance: none;
   text-align: center;
@@ -24377,31 +24303,7 @@
     opacity: 0;
   }
 }
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  background: var(--bg-white);
-  border: 1px solid #bbbfc4;
-  border-color: #bbbfc4;
-  color: var(--font-color-d);
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  -webkit-transition: 0.1s;
-  transition: 0.1s;
-  font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  padding: 12px 20px;
-  font-size: 14px;
-  border-radius: 4px;
-}
+
 .el-button + .el-button {
   margin-left: 10px;
 }