element-assits 0.0.22 → 0.0.23

package/lib/index.js

@@ -418,24 +418,24 @@ function Si(t, e) {
   var n = this.__data__, r = de(n, t);
   return r < 0 ? (++this.size, n.push([t, e])) : n[r][1] = e, this;
 }
-function E(t) {
+function P(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
     var r = t[e];
     this.set(r[0], r[1]);
   }
 }
-E.prototype.clear = vi;
-E.prototype.delete = xi;
-E.prototype.get = Ti;
-E.prototype.has = Ci;
-E.prototype.set = Si;
+P.prototype.clear = vi;
+P.prototype.delete = xi;
+P.prototype.get = Ti;
+P.prototype.has = Ci;
+P.prototype.set = Si;
 var Oi = D(O, "Map");
 const K = Oi;
 function Ei() {
   this.size = 0, this.__data__ = {
     hash: new j(),
-    map: new (K || E)(),
+    map: new (K || P)(),
     string: new j()
   };
 }
@@ -461,18 +461,18 @@ function Fi(t, e) {
   var n = fe(this, t), r = n.size;
   return n.set(t, e), this.size += n.size == r ? 0 : 1, this;
 }
-function P(t) {
+function A(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
     var r = t[e];
     this.set(r[0], r[1]);
   }
 }
-P.prototype.clear = Ei;
-P.prototype.delete = Ai;
-P.prototype.get = Li;
-P.prototype.has = Ri;
-P.prototype.set = Fi;
+A.prototype.clear = Ei;
+A.prototype.delete = Ai;
+A.prototype.get = Li;
+A.prototype.has = Ri;
+A.prototype.set = Fi;
 var Mi = "Expected a function";
 function Ne(t, e) {
   if (typeof t != "function" || e != null && typeof e != "function")
@@ -484,9 +484,9 @@ function Ne(t, e) {
     var o = t.apply(this, r);
     return n.cache = s.set(i, o) || s, o;
   };
-  return n.cache = new (Ne.Cache || P)(), n;
+  return n.cache = new (Ne.Cache || A)(), n;
 }
-Ne.Cache = P;
+Ne.Cache = A;
 var ji = 500;
 function Ii(t) {
   var e = Ne(t, function(r) {
@@ -568,7 +568,7 @@ function Qi(t, e, n) {
   return s;
 }
 function Vi() {
-  this.__data__ = new E(), this.size = 0;
+  this.__data__ = new P(), this.size = 0;
 }
 function es(t) {
   var e = this.__data__, n = e.delete(t);
@@ -583,16 +583,16 @@ function ns(t) {
 var rs = 200;
 function is(t, e) {
   var n = this.__data__;
-  if (n instanceof E) {
+  if (n instanceof P) {
     var r = n.__data__;
     if (!K || r.length < rs - 1)
       return r.push([t, e]), this.size = ++n.size, this;
-    n = this.__data__ = new P(r);
+    n = this.__data__ = new A(r);
   }
   return n.set(t, e), this.size = n.size, this;
 }
 function C(t) {
-  var e = this.__data__ = new E(t);
+  var e = this.__data__ = new P(t);
   this.size = e.size;
 }
 C.prototype.clear = Vi;
@@ -794,7 +794,7 @@ function U(t, e, n, r, i, s) {
   }), o;
 }
 var No = 1, Do = 4;
-function L(t) {
+function E(t) {
   return U(t, No | Do);
 }
 var ko = "__lodash_hash_undefined__";
@@ -806,7 +806,7 @@ function Wo(t) {
 }
 function Z(t) {
   var e = -1, n = t == null ? 0 : t.length;
-  for (this.__data__ = new P(); ++e < n; )
+  for (this.__data__ = new A(); ++e < n; )
     this.add(t[e]);
 }
 Z.prototype.add = Z.prototype.push = Bo;
@@ -1228,7 +1228,9 @@ const Ya = {
     asyncData: { type: Function, default: void 0 },
     props: { type: Object, default: void 0 },
     itemMaxWidth: { type: [Number, Array], default: 150 },
-    popperClass: { type: String, default: void 0 }
+    popperClass: { type: String, default: void 0 },
+    noDataText: { type: String, default: "\u65E0\u6570\u636E" },
+    noMatchText: { type: String, default: "\u65E0\u5339\u914D\u6570\u636E" }
   },
   data() {
     return {
@@ -1251,7 +1253,7 @@ const Ya = {
     data: {
       immediate: !0,
       handler(t) {
-        this.options = t, this.originalOptions = L(t);
+        this.options = t, this.originalOptions = E(t);
       }
     },
     asyncParams: {
@@ -1259,6 +1261,9 @@ const Ya = {
       handler(t, e) {
         this.init(t, e);
       }
+    },
+    "options.length"(t) {
+      t === 0 && (this.cachedOptions = []);
     }
   },
   mounted() {
@@ -1266,14 +1271,18 @@ const Ya = {
   },
   methods: {
     init(t, e) {
-      w(this.asyncData) && (this.loading = !0, this.asyncData(t, e).then((n) => {
-        this.options = n, this.originalOptions = L(n);
-      }).finally(() => {
-        this.loading = !1;
-      }));
+      if (w(this.asyncData)) {
+        this.loading = !0;
+        let n = this.asyncData(t, e);
+        Array.isArray(n) && (n = Promise.resolve(n)), n.then((r) => {
+          this.options = r, this.originalOptions = E(r);
+        }).finally(() => {
+          this.loading = !1;
+        });
+      }
     },
     filterMethod(t) {
-      this.options = L(this.originalOptions).filter((e) => e.label.indexOf(t) > -1);
+      this.options = E(this.originalOptions).filter((e) => e.label.indexOf(t) > -1);
     },
     cacheCurrent() {
       const t = this.options.find((n) => n[this.endProps.value] === this.value), e = this.cachedOptions.find((n) => n[this.endProps.value] === this.value);
@@ -1288,13 +1297,15 @@ const Ya = {
       }
     },
     handleVisibleChange(t) {
-      this.$emit("visible-change", t), this.$refs.vs && this.$refs.vs.$emit("visible-change", t);
+      this.$emit("visible-change", t), this.$refs.vs && this.$refs.vs.$emit("visible-change", t), t === !1 && setTimeout(() => {
+        this.options = E(this.originalOptions);
+      }, 280);
     }
   }
 };
 var Za = function() {
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "ea-select" }, [n("el-select", e._g(e._b({ ref: "sel", attrs: { value: e.value, loading: e.loading, "filter-method": e.filterMethod, "popper-class": "ea-select-popover" + (e.popperClass ? " " + e.popperClass : "") } }, "el-select", e.$attrs, !1), { ...e.$listeners, input: e.handleInput, "visible-change": e.handleVisibleChange }), [e._l(e.cachedOptions, function(r) {
+  return n("div", { staticClass: "ea-select" }, [n("el-select", e._g(e._b({ ref: "sel", attrs: { value: e.value, loading: e.loading, "filter-method": e.filterMethod, "popper-class": "ea-select-popover" + (e.popperClass ? " " + e.popperClass : ""), "no-data-text": e.originalOptions.length ? e.noMatchText : e.noDataText } }, "el-select", e.$attrs, !1), { ...e.$listeners, input: e.handleInput, "visible-change": e.handleVisibleChange }), [e._l(e.cachedOptions, function(r) {
     return n("el-option", { key: r[e.endProps.value], staticStyle: { display: "none" }, attrs: { label: r[e.endProps.label], value: r[e.endProps.value] } });
   }), n("VirtualScroll", { ref: "vs", attrs: { options: e.options, "item-size": 34 }, scopedSlots: e._u([{ key: "item", fn: function({ item: r }) {
     return [n("el-option", { key: r[e.endProps.value], attrs: { label: r[e.endProps.label], value: r[e.endProps.value] } }, [e.endProps.desc ? [n("span", { staticClass: "select-item-value", style: { maxWidth: e.endItemMaxWidth[0] + "px" }, attrs: { title: r[e.endProps.label] } }, [e._v(" " + e._s(r[e.endProps.label]) + " ")]), n("span", { staticClass: "select-item-desc", style: { maxWidth: e.endItemMaxWidth[1] + "px" }, attrs: { title: r[e.endProps.desc] } }, [e._v(" " + e._s(r[e.endProps.desc]) + " ")])] : e._e()], 2)];
@@ -1498,7 +1509,7 @@ const cl = {
         se(t[e]) || (this.model[e] = t[e]);
     },
     setValue(t) {
-      const e = this.model[t.prop], n = L(t.defaultValue), r = e === void 0 ? n : e;
+      const e = this.model[t.prop], n = E(t.defaultValue), r = e === void 0 ? n : e;
       this.$set(this.model, t.prop, r);
     },
     dealtItem(t, e) {
@@ -1604,7 +1615,7 @@ const en = hl.exports, pl = {
       immediate: !0,
       deep: !0,
       handler(t) {
-        const e = L(t);
+        const e = E(t);
         e.forEach((n) => {
           n.style = n.style || {}, n.style.width = "180px", n.style.marginRight = "10px";
         }), this.allColumn = e, this.init();
@@ -1697,7 +1708,7 @@ const bl = {
     }
   },
   data() {
-    const t = L(this.options);
+    const t = E(this.options);
     t.forEach((n) => n.show = !1);
     const { size: e } = this.$ELEMENT || { size: "small" };
     return {
@@ -1897,7 +1908,7 @@ const Ol = {
       total: 0
     };
     let e = [];
-    return this.pageRequest ? this.data.splice(0) : (e = L(this.data), this.data.splice(t.pageSize), t.total = e.length), {
+    return this.pageRequest ? this.data.splice(0) : (e = E(this.data), this.data.splice(t.pageSize), t.total = e.length), {
       uuid: x,
       rawColumn: [],
       columnMenu: Tl,
@@ -1958,7 +1969,7 @@ const Ol = {
     columnWatcher(t) {
       if (!y(t))
         return;
-      const e = L(t);
+      const e = E(t);
       e.forEach((n, r) => {
         n.show === void 0 && this.$set(n, "show", !0), n.key === void 0 && this.$set(n, "key", x()), n.sort === void 0 && (n.sort = r), n.bind = n.bind || {}, n.bind.render = n.bind.render || n.render, this.columnControl && (n.bind.renderHeader = this.middleRender(n.bind.renderHeader));
       }), this.rawColumn = e;
@@ -2175,18 +2186,18 @@ function Il(t) {
 }
 function Nl(t) {
   const e = t.querySelector(".el-dialog"), n = [
-    A(e, "left"),
-    A(e, "right"),
-    A(e, "top"),
-    A(e, "bottom"),
-    A(e, "top-left"),
-    A(e, "top-right"),
-    A(e, "bottom-left"),
-    A(e, "bottom-right")
+    L(e, "left"),
+    L(e, "right"),
+    L(e, "top"),
+    L(e, "bottom"),
+    L(e, "top-left"),
+    L(e, "top-right"),
+    L(e, "bottom-left"),
+    L(e, "bottom-right")
   ];
   return () => n.forEach((r) => r());
 }
-function A(t, e) {
+function L(t, e) {
   const n = document.createElement("div");
   n.style.position = "absolute", Dl(n, e), t.style.userSelect = "none", t.appendChild(n);
   let r = t.offsetLeft, i = t.offsetTop, s = t.offsetWidth, o = t.offsetHeight, a = !1, l, u;

package/lib/style.scss

@@ -158,6 +158,24 @@ $--color-border-extralight: #F2F6FC !default;
   transform: scaleY(0);
 }
 
+.el-dialog.ea-modal {
+  &.is-closing {
+    margin: 0 !important;
+  }
+  &.is-fullscreen {
+    border-radius: 0;
+    margin: 0;
+  }
+  .el-dialog__header {
+    color: #555;
+    font-size: 18px;
+    .el-dialog__title {
+      color: inherit;
+      font-size: inherit;
+    }
+  }
+}
+
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -223,24 +241,6 @@ td {
   }
 }
 
-.el-dialog.ea-modal {
-  &.is-closing {
-    margin: 0 !important;
-  }
-  &.is-fullscreen {
-    border-radius: 0;
-    margin: 0;
-  }
-  .el-dialog__header {
-    color: #555;
-    font-size: 18px;
-    .el-dialog__title {
-      color: inherit;
-      font-size: inherit;
-    }
-  }
-}
-
 .ea-split-container {
   display: flex;
   &.is-down {
@@ -278,14 +278,6 @@ td {
   }
 }
 
-.ea-list {
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
-  }
-}
-
 .ea-tree {
   .ea-tree-real {
     .el-tree-node > .el-tree-node__content{
@@ -298,6 +290,18 @@ td {
   }
 }
 
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
+.ea-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
+}
+
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -341,10 +345,6 @@ td {
   }
 }
 
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
 .file-upload-dialog {
   // 拖拽区域铺满
   .el-upload,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-assits",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "element-ui 的扩展组件库",
   "main": "lib/index.js",
   "type": "module",