meixioacomponent 0.3.41 → 0.3.45

package/lib/style/element/index.css

@@ -8923,16 +8923,7 @@
   outline-width: 0;
 }
 
-.el-tooltip__popper {
-  position: absolute;
-  border-radius: 4px;
-  padding: 10px;
-  z-index: 2000;
-  font-size: 12px;
-  line-height: 1.2;
-  min-width: 10px;
-  word-wrap: break-word;
-}
+
 
 .el-tooltip__popper .popper__arrow,
 .el-tooltip__popper .popper__arrow::after {
@@ -11522,7 +11513,7 @@
   resize: vertical;
   padding: var(--padding-2) var(--padding-3);
   line-height: 1.5;
-  border: 0px !important;
+  border: 2px solid var(--color-gray-d) !important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
@@ -11536,6 +11527,10 @@
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 
+.el-textarea__inner:hover {
+  border-color: var(--color-primary) !important;
+}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -14276,16 +14271,6 @@
   outline-width: 0;
 }
 
-.el-tooltip__popper {
-  position: absolute;
-  border-radius: 4px;
-  padding: 10px;
-  z-index: 2000;
-  font-size: 12px;
-  line-height: 1.2;
-  min-width: 10px;
-  word-wrap: break-word;
-}
 
 .el-tooltip__popper .popper__arrow,
 .el-tooltip__popper .popper__arrow::after {
@@ -18390,7 +18375,7 @@
 .el-tooltip__popper {
   position: absolute;
   border-radius: 4px;
-  padding: 10px;
+  padding: 4px;
   z-index: 2000;
   font-size: 12px;
   line-height: 1.2;

package/lib/style/index.less

@@ -13,6 +13,10 @@ body {
   margin: 0px;
   --footer-height: 40px;
   --header-height: 63px;
+
+  .popper__arrow {
+    display: none !important;
+  }
 }
 
 html {
@@ -109,4 +113,4 @@ h6 {
 
 #nprogress .bar {
   background: var(--color-primary) !important;
-}
+}

package/package.json

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

package/packages/components/base/baseArea/baseArea.vue

@@ -84,21 +84,20 @@
           v-model="showModule"
           placeholder="请选择地区"
           :suffix-icon="suffixIcon"
-        >
-        </el-input>
+        ></el-input>
       </div>
     </el-popover>
   </div>
 </template>
 
 <script>
-import { json } from "body-parser";
-import baseButtonHandleVue from "../baseButtonHandle/baseButtonHandle.vue";
+import { json } from 'body-parser'
+import baseButtonHandleVue from '../baseButtonHandle/baseButtonHandle.vue'
 //
-import areaJson from "./area";
-import areaConfig from "./areaConfig";
+import areaJson from './area'
+import areaConfig from './areaConfig'
 export default {
-  name: "baseArea",
+  name: 'baseArea',
   data() {
     return {
       //  是否打开了选择器
@@ -113,10 +112,10 @@ export default {
       activeIndex: 0,
       // 是否回显过数据
       isReview: false,
-    };
+    }
   },
   created() {
-    this.init();
+    this.init()
   },
 
   props: {
@@ -135,103 +134,103 @@ export default {
   computed: {
     module: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
     },
 
     suffixIcon() {
       if (this.isOpen) {
-        return "el-icon-arrow-up";
+        return 'el-icon-arrow-up'
       } else {
-        return "el-icon-arrow-down";
+        return 'el-icon-arrow-down'
       }
     },
     baseTimeTypeConfig() {
-      return baseTimeTypeConfig;
+      return baseTimeTypeConfig
     },
     showModule() {
       if (this.areaValue.length > 0) {
-        let text = "";
+        let text = ''
         this.areaValue.forEach((item) => {
           if (item.label) {
-            let value = text ? ` / ${item.label}` : item.label;
-            text += `${value}`;
+            let value = text ? ` / ${item.label}` : item.label
+            text += `${value}`
           }
-        });
-        return text;
+        })
+        return text
       }
-      return null;
+      return null
     },
     areaJson() {
-      return areaJson;
+      return areaJson
     },
     activeProvince() {
       if (this.areaValue.length > 0) {
-        return this.areaValue[0].label;
+        return this.areaValue[0].label
       }
-      return null;
+      return null
     },
     activeArea() {
       if (this.areaValue.length > 1) {
-        return this.areaValue[this.activeIndex]?.label;
+        return this.areaValue[this.activeIndex]?.label
       }
-      return null;
+      return null
     },
     areaList() {
       if (this.activeObj && this.activeObj.children.length > 0) {
-        return this.activeObj.children;
+        return this.activeObj.children
       }
-      return [];
+      return []
     },
   },
   methods: {
     init() {
       if (this.module && this.module instanceof Object) {
         for (let i = 0; i < areaConfig.length; i++) {
-          let item = areaConfig[i];
-          let value = this.module[`${item.value}`];
+          let item = areaConfig[i]
+          let value = this.module[`${item.value}`]
           this.$set(this.areaValue, i, {
             label: value,
             pre: null,
-          });
+          })
         }
       }
     },
     eventShow() {
-      this.isOpen = true;
+      this.isOpen = true
       if (!this.isReview) {
-        this.review();
+        this.review()
       }
-      this.setHandleConfig();
-      this.scrollToProvince();
+      this.setHandleConfig()
+      this.scrollToProvince()
     },
     setHandleConfig() {
-      console.log(this.$props.value);
+      console.log(this.$props.value)
       this.handleConfig = [
         {
-          type: "info",
-          text: this.module ? "清空" : "取消",
+          type: 'info',
+          text: this.module ? '清空' : '取消',
           plain: false,
           click: () => {
             if (!this.module) {
-              this.cancelValue();
+              this.cancelValue()
             } else {
-              this.cancelValue();
-              this.module = null;
+              this.cancelValue()
+              this.module = null
             }
           },
         },
         {
-          type: "primary",
-          text: "确定",
+          type: 'primary',
+          text: '确定',
           click: () => {
-            this.confirmValue();
+            this.confirmValue()
           },
         },
-      ];
+      ]
     },
 
     review() {
@@ -240,165 +239,165 @@ export default {
       this.areaValue.forEach((item, index) => {
         if (index == 0) {
           let cindex = areaJson.findIndex((citem) => {
-            return citem.label == item.label;
-          });
+            return citem.label == item.label
+          })
 
-          this.checkProvince(areaJson[cindex]);
+          this.checkProvince(areaJson[cindex])
         } else {
           //console.log("else");
           //console.log(this.activeObj);
           if (this.activeObj && this.activeObj.children.length > 0) {
             let cindex = this.activeObj.children.findIndex((citem) => {
-              return item.label == citem.label;
-            });
+              return item.label == citem.label
+            })
 
-            this.checkArea(this.activeObj.children[cindex]);
+            this.checkArea(this.activeObj.children[cindex])
           }
         }
-      });
+      })
 
-      this.isReview = true;
+      this.isReview = true
     },
 
     eventHide() {
-      this.isOpen = false;
-      this.cancelValue();
+      this.isOpen = false
+      this.cancelValue()
     },
 
     openSelectWrap() {
-      if (this.$props.disable) return;
-      this.isOpen = !this.isOpen;
+      if (this.$props.disable) return
+      this.isOpen = !this.isOpen
     },
     // 选择省份
     checkProvince(province) {
-      this.activeIndex = 0;
-      this.areaValue = [];
+      this.activeIndex = 0
+      this.areaValue = []
       this.$set(this.areaValue, 0, {
         label: province.label,
         pre: null,
         value: province.value,
-      });
+      })
 
       if (province.children.length > 0) {
-        this.activeObj = province;
-        this.activeIndex += 1;
+        this.activeObj = province
+        this.activeIndex += 1
       }
-      this.isReview = true;
+      this.isReview = true
     },
     // 选择地区
     checkArea(area) {
       if (!area) {
-        this.isReview = true;
-        return;
+        this.isReview = true
+        return
       }
 
-      let pre = this.areaValue[this.activeIndex];
+      let pre = this.areaValue[this.activeIndex]
       if (!pre) {
         this.$set(this.areaValue, this.activeIndex, {
           label: area.label,
           pre: this.activeObj,
           value: area.value,
-        });
+        })
       } else {
-        pre.label = area.label;
+        pre.label = area.label
       }
 
       if (area.children) {
-        this.activeObj = area;
-        this.activeIndex += 1;
+        this.activeObj = area
+        this.activeIndex += 1
       }
-      this.isReview = true;
+      this.isReview = true
     },
 
     // 返回
     backArea() {
       //console.log(this.activeIndex);
       //console.log(this.areaValue);
-      let currentArea = this.areaValue[this.activeIndex - 1];
-      this.areaValue.splice(this.activeIndex, 1);
-      this.activeIndex -= 1;
+      let currentArea = this.areaValue[this.activeIndex - 1]
+      this.areaValue.splice(this.activeIndex, 1)
+      this.activeIndex -= 1
       if (currentArea.pre) {
-        this.activeObj = currentArea.pre;
+        this.activeObj = currentArea.pre
       }
     },
 
     deleteCheck() {
       if (this.activeIndex == 1) {
-        this.areaValue.splice(this.activeIndex, 1);
+        this.areaValue.splice(this.activeIndex, 1)
       } else {
-        this.backArea();
+        this.backArea()
       }
     },
 
     cancelValue() {
       if (!this.module) {
-        this.areaValue = [];
+        this.areaValue = []
       } else {
-        this.init();
+        this.init()
         // this.module = null;
-        this.isReview = false;
+        this.isReview = false
       }
-      this.doClose();
+      this.doClose()
     },
 
     confirmValue() {
-      let value = {};
-      let valueId = [];
+      let value = {}
+      let valueId = []
       for (let i = 0; i < this.areaValue.length; i++) {
-        const item = this.areaValue[i];
-        const flag = i == this.areaValue.length - 1;
-        value[`${areaConfig[i].value}`] = item.label;
-        valueId.push(item.value);
+        const item = this.areaValue[i]
+        const flag = i == this.areaValue.length - 1
+        value[`${areaConfig[i].value}`] = item.label
+        valueId.push(item.value)
       }
-      value.idList = valueId;
-      if (JSON.stringify(value) != "{}") {
-        this.module = value;
+      value.idList = valueId
+      if (JSON.stringify(value) != '{}') {
+        this.module = value
       }
       this.$nextTick(() => {
-        if (this.$parent.$options._componentTag == "el-form-item") {
-          this.$emit("confirmAreaValue");
+        if (this.$parent.$options._componentTag == 'el-form-item') {
+          this.$emit('confirmAreaValue')
         } else {
-          this.$emit("confirmAreaValue", value);
-          this.doClose();
+          this.$emit('confirmAreaValue', value)
+          this.doClose()
         }
-      });
+      })
     },
 
     doClose() {
-      this.$refs.popover.doClose();
+      this.$refs.popover.doClose()
     },
 
     // 滚动到指定位置
     scrollToProvince() {
       if (this.areaValue.length > 0) {
-        let index = 0;
-        let label = this.areaValue[0].label;
+        let index = 0
+        let label = this.areaValue[0].label
         for (let i = 0; i < areaJson.length; i++) {
-          let item = areaJson[i];
+          let item = areaJson[i]
           if (item.label == label) {
-            index = i;
-            break;
+            index = i
+            break
           }
         }
-        let refs = this.$refs.middleLeft;
+        let refs = this.$refs.middleLeft
         this.$nextTick(() => {
-          refs.scrollTop = refs.childNodes[index].offsetTop - refs.clientHeight;
-        });
+          refs.scrollTop = refs.childNodes[index].offsetTop - refs.clientHeight
+        })
       }
     },
   },
   watch: {
     module(newVal, oldVal) {
       if (!newVal) {
-        this.areaValue = [];
-        return;
+        this.areaValue = []
+        return
       }
-      if (this.$parent.$options._componentTag == "el-form-item") {
-        this.init();
+      if (this.$parent.$options._componentTag == 'el-form-item') {
+        this.init()
       }
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -429,7 +428,9 @@ export default {
 .area-select-content {
   width: 400px;
   height: 300px;
+  box-sizing: border-box;
   background: var(--bg-white);
+  padding: 0px var(--padding-4);
   .content-title {
     width: 100%;
     height: 40px;

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

@@ -2,24 +2,27 @@
   <div
     class="base-icon-wrap"
     :title="title"
-    @click.stop="iconClick"
     :class="{ event: event && !disable, plain: plain, disable: disable }"
   >
-    <i :class="iconName" :style="{ color: _color, fontSize: _size }"></i>
+    <i
+      @click.stop="iconClick"
+      :class="iconName"
+      :style="{ color: _color, fontSize: _size }"
+    ></i>
   </div>
 </template>
 
 <script>
 export default {
-  name: "baseIcon",
+  name: 'baseIcon',
   data() {
-    return {};
+    return {}
   },
 
   props: {
     iconClass: {
       type: String,
-      default: "meixi",
+      default: 'meixi',
     },
     event: {
       type: Boolean,
@@ -30,11 +33,11 @@ export default {
       require: true,
     },
     color: {
-      default: "d",
+      default: 'd',
       type: String,
     },
     size: {
-      default: "d",
+      default: 'd',
       type: String,
     },
     active: {
@@ -55,65 +58,66 @@ export default {
   },
   computed: {
     _color() {
-      let color = null;
+      let color = null
       if (this.$props.active) {
-        color = `var(--color-primary)`;
-        return color;
+        color = `var(--color-primary)`
+        return color
       }
-      let propsColor = this.$props.color;
+      let propsColor = this.$props.color
       switch (propsColor) {
-        case "d":
-          color = `var(--icon-color-d)`;
-          break;
-        case "m":
-          color = `var(--icon-color-m)`;
-          break;
-        case "s":
-          color = `var(--icon-color-s)`;
-          break;
+        case 'd':
+          color = `var(--icon-color-d)`
+          break
+        case 'm':
+          color = `var(--icon-color-m)`
+          break
+        case 's':
+          color = `var(--icon-color-s)`
+          break
         default:
-          color = `var(--${propsColor})`;
-          break;
+          color = `var(--${propsColor})`
+          break
       }
-      return color;
+      return color
     },
     _size() {
-      let size = null;
+      let size = null
       switch (this.$props.size) {
-        case "s":
-          size = `var(--icon-size-s)`;
-          break;
-        case "d":
-          size = `var(--icon-size-base)`;
-          break;
-        case "l":
-          size = `var(--icon-size-l)`;
-          break;
+        case 's':
+          size = `var(--icon-size-s)`
+          break
+        case 'd':
+          size = `var(--icon-size-base)`
+          break
+        case 'l':
+          size = `var(--icon-size-l)`
+          break
 
         default:
-          break;
+          break
       }
-      return size;
+      return size
     },
     iconName() {
-      let _iconClass = this.$props.iconClass;
-      if (_iconClass == "meixi") {
-        return `meixicomponenticonfont ${this.$props.name}`;
-      } else if (_iconClass == "element") {
-        return `${this.$props.name}`;
-      } else if (_iconClass == "other") {
-        return `${this.$props.name}`;
+      let _iconClass = this.$props.iconClass
+      if (_iconClass == 'meixi') {
+        return `meixicomponenticonfont ${this.$props.name}`
+      } else if (_iconClass == 'element') {
+        return `${this.$props.name}`
+      } else if (_iconClass == 'other') {
+        return `${this.$props.name}`
       }
     },
   },
   methods: {
     iconClick() {
       if (this.$props.event) {
-        this.$emit("iconClick");
+        console.log('das')
+        this.$emit('iconClick')
       }
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -139,7 +143,7 @@ export default {
   &:hover {
     // background: var(--hover-gray);
     i {
-      color: var(--color-primary) !important;
+      color: var(--color-primary);
     }
   }
 }