element-assits 0.0.14 → 0.0.16

package/README.md

@@ -57,8 +57,10 @@ Vue 原型上挂载了 `$asyncLoad` 方法
 | innerPagination | 内部 - 分页 | Boolean \| Object | undefined
 | innerOperation | 内部 - 操作栏（尾列）| Boolean \| Object | undefined
 
-> `innerSelection` 可以绑定 `{ data: selectedRows }` 接收选中的行  
-> `innerOperation` 可以绑定 `{ maxNumOfBtn: 3 }` 设置操作栏最大显示的按钮数，超出将被折叠
+> `innerForm` 可以绑定 `{ limit: 'auto', referenceItemWidth: 180, maxItemWidth: 240 }`  
+`limit` 限制默认显示的搜索条件数量，`referenceItemWidth` 单项参考宽度，`maxItemWidth` 单项最大宽度。  
+> `innerSelection` 可以绑定 `{ data: selectedRows }` 接收选中的行。  
+> `innerOperation` 可以绑定 `{ maxNumOfBtn: 3 }` 设置操作栏最大显示的按钮数，超出将被折叠。
 
 ## methods
 

package/lib/index.js

@@ -49,7 +49,7 @@ function Et(t) {
   var e = t + "";
   return e == "0" && 1 / t == -wn ? "-0" : e;
 }
-function W(t) {
+function H(t) {
   var e = typeof t;
   return t != null && (e == "object" || e == "function");
 }
@@ -58,7 +58,7 @@ function Le(t) {
 }
 var xn = "[object AsyncFunction]", Tn = "[object Function]", Cn = "[object GeneratorFunction]", Sn = "[object Proxy]";
 function w(t) {
-  if (!W(t))
+  if (!H(t))
     return !1;
   var e = I(t);
   return e == Tn || e == Cn || e == xn || e == Sn;
@@ -90,7 +90,7 @@ var Ln = /[\\^$.*+?()[\]{}|]/g, Rn = /^\[object .+?Constructor\]$/, Fn = Functio
   "^" + jn.call(In).replace(Ln, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function Dn(t) {
-  if (!W(t) || En(t))
+  if (!H(t) || En(t))
     return !1;
   var e = w(t) ? Nn : Rn;
   return e.test(N(t));
@@ -104,11 +104,11 @@ function D(t, e) {
 }
 var kn = D(O, "WeakMap");
 const ve = kn;
-var Qe = Object.create, Hn = function() {
+var Qe = Object.create, Wn = function() {
   function t() {
   }
   return function(e) {
-    if (!W(e))
+    if (!H(e))
       return {};
     if (Qe)
       return Qe(e);
@@ -117,7 +117,7 @@ var Qe = Object.create, Hn = function() {
     return t.prototype = void 0, n;
   };
 }();
-const Wn = Hn;
+const Hn = Wn;
 function qn(t, e, n) {
   switch (n.length) {
     case 0:
@@ -277,8 +277,8 @@ function yr() {
 }
 var jt = typeof exports == "object" && exports && !exports.nodeType && exports, tt = jt && typeof module == "object" && module && !module.nodeType && module, br = tt && tt.exports === jt, nt = br ? O.Buffer : void 0, vr = nt ? nt.isBuffer : void 0, $r = vr || yr;
 const G = $r;
-var wr = "[object Arguments]", xr = "[object Array]", Tr = "[object Boolean]", Cr = "[object Date]", Sr = "[object Error]", Or = "[object Function]", Er = "[object Map]", Ar = "[object Number]", Pr = "[object Object]", Lr = "[object RegExp]", Rr = "[object Set]", Fr = "[object String]", Mr = "[object WeakMap]", jr = "[object ArrayBuffer]", Ir = "[object DataView]", Nr = "[object Float32Array]", Dr = "[object Float64Array]", Br = "[object Int8Array]", kr = "[object Int16Array]", Hr = "[object Int32Array]", Wr = "[object Uint8Array]", qr = "[object Uint8ClampedArray]", zr = "[object Uint16Array]", Ur = "[object Uint32Array]", _ = {};
-_[Nr] = _[Dr] = _[Br] = _[kr] = _[Hr] = _[Wr] = _[qr] = _[zr] = _[Ur] = !0;
+var wr = "[object Arguments]", xr = "[object Array]", Tr = "[object Boolean]", Cr = "[object Date]", Sr = "[object Error]", Or = "[object Function]", Er = "[object Map]", Ar = "[object Number]", Pr = "[object Object]", Lr = "[object RegExp]", Rr = "[object Set]", Fr = "[object String]", Mr = "[object WeakMap]", jr = "[object ArrayBuffer]", Ir = "[object DataView]", Nr = "[object Float32Array]", Dr = "[object Float64Array]", Br = "[object Int8Array]", kr = "[object Int16Array]", Wr = "[object Int32Array]", Hr = "[object Uint8Array]", qr = "[object Uint8ClampedArray]", zr = "[object Uint16Array]", Ur = "[object Uint32Array]", _ = {};
+_[Nr] = _[Dr] = _[Br] = _[kr] = _[Wr] = _[Hr] = _[qr] = _[zr] = _[Ur] = !0;
 _[wr] = _[xr] = _[jr] = _[Tr] = _[Ir] = _[Cr] = _[Sr] = _[Or] = _[Er] = _[Ar] = _[Pr] = _[Lr] = _[Rr] = _[Fr] = _[Mr] = !1;
 function Gr(t) {
   return S(t) && Fe(t.length) && !!_[I(t)];
@@ -333,7 +333,7 @@ function ni(t) {
 }
 var ri = Object.prototype, ii = ri.hasOwnProperty;
 function si(t) {
-  if (!W(t))
+  if (!H(t))
     return ni(t);
   var e = ae(t), n = [];
   for (var r in t)
@@ -501,18 +501,18 @@ var Ni = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=
   }), e;
 });
 const ki = Bi;
-function Hi(t) {
+function Wi(t) {
   return t == null ? "" : Et(t);
 }
 function he(t, e) {
-  return y(t) ? t : Ie(t, e) ? [t] : ki(Hi(t));
+  return y(t) ? t : Ie(t, e) ? [t] : ki(Wi(t));
 }
-var Wi = 1 / 0;
+var Hi = 1 / 0;
 function Q(t) {
   if (typeof t == "string" || Ae(t))
     return t;
   var e = t + "";
-  return e == "0" && 1 / t == -Wi ? "-0" : e;
+  return e == "0" && 1 / t == -Hi ? "-0" : e;
 }
 function De(t, e) {
   e = he(e, t);
@@ -549,12 +549,12 @@ function Ui(t) {
   return At(Ft(t, void 0, zi), t + "");
 }
 var Gi = Dt(Object.getPrototypeOf, Object);
-const He = Gi;
+const We = Gi;
 var Xi = "[object Object]", Ki = Function.prototype, Yi = Object.prototype, kt = Ki.toString, Zi = Yi.hasOwnProperty, Ji = kt.call(Object);
 function Y(t) {
   if (!S(t) || I(t) != Xi)
     return !1;
-  var e = He(t);
+  var e = We(t);
   if (e === null)
     return !0;
   var n = Zi.call(e, "constructor") && e.constructor;
@@ -606,7 +606,7 @@ function ss(t, e) {
 function os(t, e) {
   return t && J(e, je(e), t);
 }
-var Ht = typeof exports == "object" && exports && !exports.nodeType && exports, st = Ht && typeof module == "object" && module && !module.nodeType && module, as = st && st.exports === Ht, ot = as ? O.Buffer : void 0, at = ot ? ot.allocUnsafe : void 0;
+var Wt = typeof exports == "object" && exports && !exports.nodeType && exports, st = Wt && typeof module == "object" && module && !module.nodeType && module, as = st && st.exports === Wt, ot = as ? O.Buffer : void 0, at = ot ? ot.allocUnsafe : void 0;
 function ls(t, e) {
   if (e)
     return t.slice();
@@ -620,23 +620,23 @@ function us(t, e) {
   }
   return s;
 }
-function Wt() {
+function Ht() {
   return [];
 }
 var cs = Object.prototype, ds = cs.propertyIsEnumerable, lt = Object.getOwnPropertySymbols, fs = lt ? function(t) {
   return t == null ? [] : (t = Object(t), us(lt(t), function(e) {
     return ds.call(t, e);
   }));
-} : Wt;
-const We = fs;
+} : Ht;
+const He = fs;
 function hs(t, e) {
-  return J(t, We(t), e);
+  return J(t, He(t), e);
 }
 var ps = Object.getOwnPropertySymbols, _s = ps ? function(t) {
   for (var e = []; t; )
-    Be(e, We(t)), t = He(t);
+    Be(e, He(t)), t = We(t);
   return e;
-} : Wt;
+} : Ht;
 const qt = _s;
 function gs(t, e) {
   return J(t, qt(t), e);
@@ -646,7 +646,7 @@ function zt(t, e, n) {
   return y(t) ? r : Be(r, n(t));
 }
 function $e(t) {
-  return zt(t, ce, We);
+  return zt(t, ce, He);
 }
 function Ut(t) {
   return zt(t, je, qt);
@@ -675,7 +675,7 @@ var ut = "[object Map]", vs = "[object Object]", ct = "[object Promise]", dt = "
     }
   return e;
 });
-const H = F;
+const W = F;
 var Ss = Object.prototype, Os = Ss.hasOwnProperty;
 function Es(t) {
   var e = t.length, n = new t.constructor(e);
@@ -704,7 +704,7 @@ function Ms(t, e) {
   var n = e ? qe(t.buffer) : t.buffer;
   return new t.constructor(n, t.byteOffset, t.length);
 }
-var js = "[object Boolean]", Is = "[object Date]", Ns = "[object Map]", Ds = "[object Number]", Bs = "[object RegExp]", ks = "[object Set]", Hs = "[object String]", Ws = "[object Symbol]", qs = "[object ArrayBuffer]", zs = "[object DataView]", Us = "[object Float32Array]", Gs = "[object Float64Array]", Xs = "[object Int8Array]", Ks = "[object Int16Array]", Ys = "[object Int32Array]", Zs = "[object Uint8Array]", Js = "[object Uint8ClampedArray]", Qs = "[object Uint16Array]", Vs = "[object Uint32Array]";
+var js = "[object Boolean]", Is = "[object Date]", Ns = "[object Map]", Ds = "[object Number]", Bs = "[object RegExp]", ks = "[object Set]", Ws = "[object String]", Hs = "[object Symbol]", qs = "[object ArrayBuffer]", zs = "[object DataView]", Us = "[object Float32Array]", Gs = "[object Float64Array]", Xs = "[object Int8Array]", Ks = "[object Int16Array]", Ys = "[object Int32Array]", Zs = "[object Uint8Array]", Js = "[object Uint8ClampedArray]", Qs = "[object Uint16Array]", Vs = "[object Uint32Array]";
 function eo(t, e, n) {
   var r = t.constructor;
   switch (e) {
@@ -728,28 +728,28 @@ function eo(t, e, n) {
     case Ns:
       return new r();
     case Ds:
-    case Hs:
+    case Ws:
       return new r(t);
     case Bs:
       return Rs(t);
     case ks:
       return new r();
-    case Ws:
+    case Hs:
       return Fs(t);
   }
 }
 function to(t) {
-  return typeof t.constructor == "function" && !ae(t) ? Wn(He(t)) : {};
+  return typeof t.constructor == "function" && !ae(t) ? Hn(We(t)) : {};
 }
 var no = "[object Map]";
 function ro(t) {
-  return S(t) && H(t) == no;
+  return S(t) && W(t) == no;
 }
 var gt = k && k.isMap, io = gt ? ue(gt) : ro;
 const so = io;
 var oo = "[object Set]";
 function ao(t) {
-  return S(t) && H(t) == oo;
+  return S(t) && W(t) == oo;
 }
 var mt = k && k.isSet, lo = mt ? ue(mt) : ao;
 const uo = lo;
@@ -760,14 +760,14 @@ function U(t, e, n, r, i, s) {
   var o, a = e & co, l = e & fo, u = e & ho;
   if (n && (o = i ? n(t, r, i, s) : n(t)), o !== void 0)
     return o;
-  if (!W(t))
+  if (!H(t))
     return t;
   var f = y(t);
   if (f) {
     if (o = Es(t), !a)
       return zn(t, o);
   } else {
-    var c = H(t), d = c == Xt || c == yo;
+    var c = W(t), d = c == Xt || c == yo;
     if (G(t))
       return ls(t, a);
     if (c == Kt || c == Gt || d && !i) {
@@ -801,7 +801,7 @@ var Bo = "__lodash_hash_undefined__";
 function ko(t) {
   return this.__data__.set(t, Bo), this;
 }
-function Ho(t) {
+function Wo(t) {
   return this.__data__.has(t);
 }
 function Z(t) {
@@ -810,8 +810,8 @@ function Z(t) {
     this.add(t[e]);
 }
 Z.prototype.add = Z.prototype.push = ko;
-Z.prototype.has = Ho;
-function Wo(t, e) {
+Z.prototype.has = Wo;
+function Ho(t, e) {
   for (var n = -1, r = t == null ? 0 : t.length; ++n < r; )
     if (e(t[n], n, t))
       return !0;
@@ -840,7 +840,7 @@ function Zt(t, e, n, r, i, s) {
       break;
     }
     if (h) {
-      if (!Wo(e, function(v, R) {
+      if (!Ho(e, function(v, R) {
         if (!Yt(h, R) && (g === v || i(g, v, n, r, s)))
           return h.push(R);
       })) {
@@ -936,7 +936,7 @@ function ca(t, e, n, r, i, s) {
 }
 var da = 1, bt = "[object Arguments]", vt = "[object Array]", te = "[object Object]", fa = Object.prototype, $t = fa.hasOwnProperty;
 function ha(t, e, n, r, i, s) {
-  var o = y(t), a = y(e), l = o ? vt : H(t), u = a ? vt : H(e);
+  var o = y(t), a = y(e), l = o ? vt : W(t), u = a ? vt : W(e);
   l = l == bt ? te : l, u = u == bt ? te : u;
   var f = l == te, c = u == te, d = l == u;
   if (d && G(t)) {
@@ -985,7 +985,7 @@ function ga(t, e, n, r) {
   return !0;
 }
 function Jt(t) {
-  return t === t && !W(t);
+  return t === t && !H(t);
 }
 function ma(t) {
   for (var e = ce(t), n = e.length; n--; ) {
@@ -1090,7 +1090,7 @@ function Ce(t) {
     return !0;
   if (oe(t) && (y(t) || typeof t == "string" || typeof t.splice == "function" || G(t) || Me(t) || le(t)))
     return !t.length;
-  var e = H(t);
+  var e = W(t);
   if (e == ja || e == Ia)
     return !t.size;
   if (ae(t))
@@ -1109,14 +1109,14 @@ function Ba(t, e) {
 function ka(t) {
   return Y(t) ? void 0 : t;
 }
-var Ha = 1, Wa = 2, qa = 4, za = Ui(function(t, e) {
+var Wa = 1, Ha = 2, qa = 4, za = Ui(function(t, e) {
   var n = {};
   if (t == null)
     return n;
   var r = !1;
   e = Pe(e, function(s) {
     return s = he(s, t), r || (r = s.length > 1), s;
-  }), J(t, Ut(t), n), r && (n = U(n, Ha | Wa | qa, ka));
+  }), J(t, Ut(t), n), r && (n = U(n, Wa | Ha | qa, ka));
   for (var i = e.length; i--; )
     Ba(n, e[i]);
   return n;
@@ -1559,6 +1559,14 @@ const en = hl.exports, pl = {
     limit: {
       type: [Number, String],
       default: "auto"
+    },
+    referenceItemWidth: {
+      type: Number,
+      default: 180
+    },
+    maxItemWidth: {
+      type: Number,
+      default: 240
     }
   },
   data() {
@@ -1603,13 +1611,11 @@ const en = hl.exports, pl = {
       const t = this.$refs.eform && this.$refs.eform.$el;
       if (!t)
         return;
-      const e = this.getWidth(t), n = this.getWidth(this.$refs.sa.$el) + 10, r = this.getWidth(this.$refs.tm.$el), i = Math.floor(e / 180), s = (e - (i - 1) * 10) / i;
-      if (this.limit === "auto") {
-        let o = Math.floor((e - n - r) / (s + 10));
-        o < 1 && (o = Math.floor((e - n) / (s + 10))), this.defaultCount = o;
-      }
-      this.allColumn.forEach((o, a) => {
-        o.style.width = s + "px", (a + 1) % i === 0 ? o.style.marginRight = 0 : o.style.marginRight = "10px";
+      const e = this.getWidth(t), n = this.getWidth(this.$refs.sa.$el) + 10, r = this.getWidth(this.$refs.tm.$el), i = Math.floor(e / this.referenceItemWidth), s = Math.floor((e - n) / this.referenceItemWidth), o = Math.floor((e - n - r) / this.referenceItemWidth);
+      this.defaultCount = this.limit === "all" ? this.allColumn.length : typeof this.limit == "number" ? Math.min(this.limit, this.allColumn.length) : o >= 1 ? o : s >= 1 ? s : i;
+      const a = this.showAll ? this.allColumn.length : this.defaultCount, l = a <= o ? (e - n - r) / a - 10 : a <= s ? (e - n) / a - 10 : a < i ? (e - (a - 1) * 10) / a : (e - (i - 1) * 10) / i, u = a > s && a < i ? a : i;
+      this.allColumn.forEach((f, c) => {
+        f.style.width = Math.min(l, this.maxItemWidth) + "px", (c + 1) % u === 0 ? f.style.marginRight = 0 : f.style.marginRight = "10px";
       }), this.resetSearchCount();
     },
     getWidth(t) {
@@ -1817,7 +1823,11 @@ function Sl(t, e, n) {
   clearTimeout(Tt), Tt = setTimeout(() => {
     this.$asyncLoad(() => Promise.resolve().then(() => sn), {
       class: "ea-select-container",
-      attrs: { popperClass: "ea-popover-no-padding dense", placement: "bottom" },
+      attrs: {
+        popperClass: "ea-popover-no-padding dense",
+        placement: "bottom",
+        transition: "ea-zoom-in-top"
+      },
       props: {
         reference: t.target,
         offset: -20,
@@ -1986,6 +1996,7 @@ const Ol = {
             column: e,
             value: t[e.prop],
             _column: n,
+            that: this,
             hideRefresh: () => this.hideRefresh()
           }
         )
@@ -2224,17 +2235,17 @@ var kl = function() {
       return [e._t(i)];
     }, proxy: !0 };
   })], null, !0) }, "el-dialog", { closeOnClickModal: !1, appendToBody: !0, ...e.$attrs }, !1), e.$listeners));
-}, Hl = [], Wl = /* @__PURE__ */ m(
+}, Wl = [], Hl = /* @__PURE__ */ m(
   Bl,
   kl,
-  Hl,
+  Wl,
   !1,
   null,
   null,
   null,
   null
 );
-const on = Wl.exports;
+const on = Hl.exports;
 const ql = {
   props: {
     customType: { type: String, default: void 0 },
@@ -2930,17 +2941,17 @@ var ku = function() {
   return n("EaModal", { staticClass: "ea-table-modal", attrs: { visible: e.visible, modal: !1, width: "260px", "append-to-body": "" }, on: { "update:visible": function(r) {
     e.visible = r;
   } } }, [n("div", { staticClass: "scm-title", class: { [e.size]: 1 }, attrs: { slot: "title" }, slot: "title" }, [e._v("\u9009\u62E9\u5217")]), n("el-tree", { class: { [e.size]: 1 }, attrs: { data: e.treeData, "node-key": "prop", "show-checkbox": "", "default-checked-keys": e.defaultCheckedKeys, "check-on-click-node": !0 }, on: { "check-change": e.handleCheckChange } })], 1);
-}, Hu = [], Wu = /* @__PURE__ */ m(
+}, Wu = [], Hu = /* @__PURE__ */ m(
   Bu,
   ku,
-  Hu,
+  Wu,
   !1,
   null,
   null,
   null,
   null
 );
-const qu = Wu.exports, zu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qu = Hu.exports, zu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: qu
 }, Symbol.toStringTag, { value: "Module" }));

package/lib/style.css

@@ -1 +1 @@
-.ea-select{display:inline-block;position:relative}.ea-select .el-select{width:100%}.ea-select .async-loading.el-icon-loading{position:absolute;top:10px;right:28px;color:#999}.ea-select-popover .el-select-dropdown__item{display:flex}.ea-select-popover .el-select-dropdown__item .select-item-value{overflow:hidden;text-overflow:ellipsis}.ea-select-popover .el-select-dropdown__item .select-item-desc{overflow:hidden;text-overflow:ellipsis;color:#8492a6;margin-left:8px}.ea-form .el-form-item__content>.el-input-number,.ea-form .el-form-item__content>.el-input,.ea-form .el-form-item__content>.ea-select,.ea-form .el-form-item__content>.el-select{width:100%}.ea-form .el-form-item.hidden-label>.el-form-item__label{display:none}.ea-form .el-form-item.hidden-label>.el-form-item__content{width:100%}.ea-form .form-group-title{position:relative;height:32px;margin-bottom:22px}.ea-form .form-group-title>span{position:absolute;top:0;left:20%;padding:5px 25px;background-color:#fff;z-index:1;color:#909399}.ea-form .form-group-title:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px dashed #DCDFE6}.ea-select-container{display:flex;justify-content:flex-start;font-size:12px}.ea-select-container.medium{font-size:14px}.ea-select-container.medium .ea-select-panel .ea-select-panel__item{line-height:28px}.ea-select-container .ea-select-panel{padding:0;margin:0;list-style:none;flex-grow:1;min-width:120px}.ea-select-container .ea-select-panel+.ea-select-panel{border-left:1px solid #DDD}.ea-select-container .ea-select-panel__item{width:100%;line-height:24px;cursor:pointer;padding:0 12px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:inherit}.ea-select-container .ea-select-panel__item:hover{background-color:#ebeef5}.ea-select-container .ea-select-panel__item.active{color:#409eff;font-weight:700}.ea-table .el-table th{background-color:#f2f6fc;color:#303133}.ea-table .el-table th .cell{min-height:30px;display:flex;justify-content:flex-start;align-items:center}.ea-table .el-table th.is-center .cell{justify-content:center}.ea-table .el-table th.is-right .cell{justify-content:flex-end}.ea-table .el-table td .cell,.ea-table .el-table th .cell{line-height:1.2}.ea-table .el-table.el-table--small td,.ea-table .el-table.el-table--small th{height:48px}.ea-table .el-table.is-dense td,.ea-table .el-table.is-dense th{height:32px;padding:2px 0}.ea-table .el-table.is-dense td .el-button,.ea-table .el-table.is-dense th .el-button{padding-top:0;padding-bottom:0}.ea-table .theader-th-cell .cell-icon-menu{position:absolute;top:50%;right:4px;transform:rotate(90deg) translate(-50%);color:#c0c4cc;cursor:pointer;padding:4px;border-radius:2px}.ea-table .theader-th-cell .cell-icon-menu:hover{color:#303133;background-color:#e4e7ed}.ea-table .ea-table__footer{display:flex;justify-content:space-between}.ea-table .ea-table__footer .ea-table__footer-right{margin-left:auto;padding-right:0}.ea-table .ea-table__footer>*{margin-top:12px}.ea-table .column-transition-active{opacity:.33}.ea-table .el-button>i{min-width:12px}.ea-table .more-btn>i{transform:rotate(-90deg)}.el-popover.ea-popover-no-padding{padding:8px 0;min-width:100px}.el-popover.ea-popover-no-padding.dense{margin-top:0;min-width:70px}.more-btn-panel__item:hover{background-color:#ebeef5}.more-btn-panel__item>.el-button{padding:8px 12px;width:100%;text-align:left}.el-dialog.ea-modal.is-closing{margin:0!important}.el-dialog.ea-modal.is-fullscreen{border-radius:0;margin:0}.el-dialog.ea-modal .el-dialog__header{color:#555;font-size:18px}.el-dialog.ea-modal .el-dialog__header .el-dialog__title{color:inherit;font-size:inherit}.ea-button-tooltip+.ea-button-tooltip{margin-left:10px}td .ea-button-tooltip+.ea-button-tooltip{margin-left:4px}td .ea-button-tooltip+.ea-button-tooltip.text{margin-left:10px}td .el-button [class*=el-icon-]+span{margin-left:2px}.el-button.ea-button.mini-rect-btn{padding:7px;border:0}.el-button.ea-button.mini-rect-btn [class^=design-]{margin-right:0}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary{background-color:#409eff26;color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus{background-color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success{background-color:#67c23a26;color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus{background-color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info{background-color:#90939926;color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus{background-color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning{background-color:#e6a23c26;color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus{background-color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger{background-color:#f56c6c26;color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus{background-color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus i{color:#fff}.ea-split-container{display:flex}.ea-split-container.is-down{user-select:none}.ea-split-container .sc-left,.ea-split-container .sc-right{flex-grow:1;flex-shrink:1}.ea-split-container .sc-bamboo{flex-grow:0;flex-shrink:0;width:8px;border:1px solid #DCDEE2;border-top:none;border-bottom:none;background-color:#f8f8f9;cursor:col-resize;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 16px}.ea-split-container .sc-bamboo .sc-texture{width:4px;height:1px;background:rgba(23,35,61,.25);margin-top:3px}.ea-tree .ea-tree-real .el-tree-node>.el-tree-node__content{border-radius:4px}.ea-tree .ea-tree-real .el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#409eff1a}.ea-list .loading-text{color:#909399;text-align:center;font-size:inherit}.ea-desc{font-size:14px}.ea-desc__title{font-size:16px;margin-bottom:12px}.ea-desc__list{display:flex;flex-wrap:wrap}.ea-desc .item{line-height:24px;margin-bottom:10px;flex:0 0 auto}.ea-desc .item .item-label{float:left;text-align:right;padding-right:8px;color:#909399}.ea-desc .item .item-value{word-break:break-all}.ea-desc .item .item-value .value-no-wrap{height:48px;overflow:hidden;position:relative}.ea-desc .item .item-value .value-no-wrap .click-see-more{position:absolute;right:0;bottom:0;height:24px;padding-left:30px;padding-right:4px;background-image:linear-gradient(to right,transparent 0%,#fff 20%,#fff 100%);cursor:pointer;color:#409eff;user-select:none}.ea-number .el-input__inner{text-align:left}.file-upload-dialog .el-upload,.file-upload-dialog .el-upload .el-upload-dragger{width:100%}.file-upload-dialog .el-upload-list .el-upload-list__item{border:1px dashed #aaa}.file-upload-dialog .el-upload-list .el-upload-list__item .el-icon-close{display:inline-block}.file-upload-dialog .el-list-enter,.file-upload-dialog .el-list-enter-active,.file-upload-dialog .el-list-enter-to,.file-upload-dialog .el-list-leave,.file-upload-dialog .el-list-leave-active,.file-upload-dialog .el-list-leave-to{-webkit-transition:none!important;transition:none!important}.ea-table-modal{overflow:visible;right:unset;right:initial;bottom:unset;bottom:initial;width:100%;height:0}.ea-table-modal .el-dialog{background:#fdfdfd;box-shadow:0 0 16px #00000026}.ea-table-modal .el-dialog .el-dialog__header{padding:12px 20px;background-color:#f2f6fc;border-bottom:1px solid #EBEEF5}.ea-table-modal .el-dialog .el-dialog__headerbtn{top:12px}.ea-table-modal .el-dialog .el-dialog__close{font-weight:700;color:#909399}.ea-table-modal .el-dialog .el-dialog__body{padding:10px 0;height:calc(100% - 70px);min-height:40px;max-height:800px;overflow:auto}.ea-table-modal .el-dialog .el-dialog__body .scm-title{font-size:12px;font-weight:700;color:#303133}.ea-table-modal .el-dialog .el-dialog__body .scm-title.medium{font-size:14px}.ea-table-modal .el-dialog .el-dialog__body .el-tree{background:transparent;font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree .el-tree-node__label{font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium,.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium .el-tree-node__label{font-size:14px}
+.ea-select{display:inline-block;position:relative}.ea-select .el-select{width:100%}.ea-select .async-loading.el-icon-loading{position:absolute;top:10px;right:28px;color:#999}.ea-select-popover .el-select-dropdown__item{display:flex}.ea-select-popover .el-select-dropdown__item .select-item-value{overflow:hidden;text-overflow:ellipsis}.ea-select-popover .el-select-dropdown__item .select-item-desc{overflow:hidden;text-overflow:ellipsis;color:#8492a6;margin-left:8px}.ea-form .el-form-item__content>.el-input-number,.ea-form .el-form-item__content>.el-input,.ea-form .el-form-item__content>.ea-select,.ea-form .el-form-item__content>.el-select{width:100%}.ea-form .el-form-item.hidden-label>.el-form-item__label{display:none}.ea-form .el-form-item.hidden-label>.el-form-item__content{width:100%}.ea-form .form-group-title{position:relative;height:32px;margin-bottom:22px}.ea-form .form-group-title>span{position:absolute;top:0;left:20%;padding:5px 25px;background-color:#fff;z-index:1;color:#909399}.ea-form .form-group-title:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px dashed #DCDFE6}.ea-select-container{display:flex;justify-content:flex-start;font-size:12px}.ea-select-container.medium{font-size:14px}.ea-select-container.medium .ea-select-panel .ea-select-panel__item{line-height:28px}.ea-select-container .ea-select-panel{padding:0;margin:0;list-style:none;flex-grow:1;min-width:120px}.ea-select-container .ea-select-panel+.ea-select-panel{border-left:1px solid #DDD}.ea-select-container .ea-select-panel__item{width:100%;line-height:24px;cursor:pointer;padding:0 12px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:inherit}.ea-select-container .ea-select-panel__item:hover{background-color:#ebeef5}.ea-select-container .ea-select-panel__item.active{color:#409eff;font-weight:700}.ea-table .el-table th{background-color:#f2f6fc;color:#303133}.ea-table .el-table th .cell{min-height:30px;display:flex;justify-content:flex-start;align-items:center}.ea-table .el-table th.is-center .cell{justify-content:center}.ea-table .el-table th.is-right .cell{justify-content:flex-end}.ea-table .el-table td .cell,.ea-table .el-table th .cell{line-height:1.2}.ea-table .el-table.el-table--small td,.ea-table .el-table.el-table--small th{height:48px}.ea-table .el-table.is-dense td,.ea-table .el-table.is-dense th{height:32px;padding:2px 0}.ea-table .el-table.is-dense td .el-button,.ea-table .el-table.is-dense th .el-button{padding-top:0;padding-bottom:0}.ea-table .theader-th-cell .cell-icon-menu{position:absolute;top:50%;right:4px;transform:rotate(90deg) translate(-50%);color:#c0c4cc;cursor:pointer;padding:4px;border-radius:2px}.ea-table .theader-th-cell .cell-icon-menu:hover{color:#303133;background-color:#e4e7ed}.ea-table .ea-table__footer{display:flex;justify-content:space-between}.ea-table .ea-table__footer .ea-table__footer-right{margin-left:auto;padding-right:0}.ea-table .ea-table__footer>*{margin-top:12px}.ea-table .column-transition-active{opacity:.33}.ea-table .el-button>i{min-width:12px}.ea-table .more-btn>i{transform:rotate(-90deg)}.el-popover.ea-popover-no-padding{padding:8px 0;min-width:100px}.el-popover.ea-popover-no-padding.dense{margin-top:0;margin-bottom:0;min-width:70px}.more-btn-panel__item:hover{background-color:#ebeef5}.more-btn-panel__item>.el-button{padding:8px 12px;width:100%;text-align:left}.ea-zoom-in-top-enter-active,.ea-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.ea-zoom-in-top-enter,.ea-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-dialog.ea-modal.is-closing{margin:0!important}.el-dialog.ea-modal.is-fullscreen{border-radius:0;margin:0}.el-dialog.ea-modal .el-dialog__header{color:#555;font-size:18px}.el-dialog.ea-modal .el-dialog__header .el-dialog__title{color:inherit;font-size:inherit}.ea-button-tooltip+.ea-button-tooltip{margin-left:10px}td .ea-button-tooltip+.ea-button-tooltip{margin-left:4px}td .ea-button-tooltip+.ea-button-tooltip.text{margin-left:10px}td .el-button [class*=el-icon-]+span{margin-left:2px}.el-button.ea-button.mini-rect-btn{padding:7px;border:0}.el-button.ea-button.mini-rect-btn [class^=design-]{margin-right:0}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary{background-color:#409eff26;color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus{background-color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success{background-color:#67c23a26;color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus{background-color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info{background-color:#90939926;color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus{background-color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning{background-color:#e6a23c26;color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus{background-color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger{background-color:#f56c6c26;color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus{background-color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus i{color:#fff}.ea-split-container{display:flex}.ea-split-container.is-down{user-select:none}.ea-split-container .sc-left,.ea-split-container .sc-right{flex-grow:1;flex-shrink:1}.ea-split-container .sc-bamboo{flex-grow:0;flex-shrink:0;width:8px;border:1px solid #DCDEE2;border-top:none;border-bottom:none;background-color:#f8f8f9;cursor:col-resize;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 16px}.ea-split-container .sc-bamboo .sc-texture{width:4px;height:1px;background:rgba(23,35,61,.25);margin-top:3px}.ea-tree .ea-tree-real .el-tree-node>.el-tree-node__content{border-radius:4px}.ea-tree .ea-tree-real .el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#409eff1a}.ea-list .loading-text{color:#909399;text-align:center;font-size:inherit}.ea-desc{font-size:14px}.ea-desc__title{font-size:16px;margin-bottom:12px}.ea-desc__list{display:flex;flex-wrap:wrap}.ea-desc .item{line-height:24px;margin-bottom:10px;flex:0 0 auto}.ea-desc .item .item-label{float:left;text-align:right;padding-right:8px;color:#909399}.ea-desc .item .item-value{word-break:break-all}.ea-desc .item .item-value .value-no-wrap{height:48px;overflow:hidden;position:relative}.ea-desc .item .item-value .value-no-wrap .click-see-more{position:absolute;right:0;bottom:0;height:24px;padding-left:30px;padding-right:4px;background-image:linear-gradient(to right,transparent 0%,#fff 20%,#fff 100%);cursor:pointer;color:#409eff;user-select:none}.ea-number .el-input__inner{text-align:left}.file-upload-dialog .el-upload,.file-upload-dialog .el-upload .el-upload-dragger{width:100%}.file-upload-dialog .el-upload-list .el-upload-list__item{border:1px dashed #aaa}.file-upload-dialog .el-upload-list .el-upload-list__item .el-icon-close{display:inline-block}.file-upload-dialog .el-list-enter,.file-upload-dialog .el-list-enter-active,.file-upload-dialog .el-list-enter-to,.file-upload-dialog .el-list-leave,.file-upload-dialog .el-list-leave-active,.file-upload-dialog .el-list-leave-to{-webkit-transition:none!important;transition:none!important}.ea-table-modal{overflow:visible;right:unset;right:initial;bottom:unset;bottom:initial;width:100%;height:0}.ea-table-modal .el-dialog{background:#fdfdfd;box-shadow:0 0 16px #00000026}.ea-table-modal .el-dialog .el-dialog__header{padding:12px 20px;background-color:#f2f6fc;border-bottom:1px solid #EBEEF5}.ea-table-modal .el-dialog .el-dialog__headerbtn{top:12px}.ea-table-modal .el-dialog .el-dialog__close{font-weight:700;color:#909399}.ea-table-modal .el-dialog .el-dialog__body{padding:10px 0;height:calc(100% - 70px);min-height:40px;max-height:800px;overflow:auto}.ea-table-modal .el-dialog .el-dialog__body .scm-title{font-size:12px;font-weight:700;color:#303133}.ea-table-modal .el-dialog .el-dialog__body .scm-title.medium{font-size:14px}.ea-table-modal .el-dialog .el-dialog__body .el-tree{background:transparent;font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree .el-tree-node__label{font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium,.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium .el-tree-node__label{font-size:14px}

package/lib/style.scss

@@ -126,6 +126,7 @@ $--color-border-extralight: #F2F6FC !default;
   min-width: 100px;
   &.dense {
     margin-top: 0px;
+    margin-bottom: 0px;
     min-width: 70px;
   }
 }
@@ -143,22 +144,17 @@ $--color-border-extralight: #F2F6FC !default;
   }
 }
 
-.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-zoom-in-top-enter-active,
+.ea-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+}
+.ea-zoom-in-top-enter,
+.ea-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
 }
 
 .ea-button-tooltip + .ea-button-tooltip {
@@ -263,6 +259,24 @@ 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-list {
   .loading-text {
     color: $--color-secondary-text;
@@ -271,6 +285,22 @@ td {
   }
 }
 
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
+.ea-tree {
+  .ea-tree-real {
+    .el-tree-node > .el-tree-node__content{
+      border-radius: 4px;
+    }
+    .el-tree-node.is-current > .el-tree-node__content {
+      color: $--color-primary;
+      background-color: rgba($--color-primary, 0.1);
+    }
+  }
+}
+
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -314,22 +344,6 @@ td {
   }
 }
 
-.ea-tree {
-  .ea-tree-real {
-    .el-tree-node > .el-tree-node__content{
-      border-radius: 4px;
-    }
-    .el-tree-node.is-current > .el-tree-node__content {
-      color: $--color-primary;
-      background-color: rgba($--color-primary, 0.1);
-    }
-  }
-}
-
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
 .file-upload-dialog {
   // 拖拽区域铺满
   .el-upload,
@@ -357,6 +371,30 @@ td {
   }
 }
 
+.ea-form .form-group-title {
+  position: relative;
+  height: 32px;
+  margin-bottom: 22px;
+  > span {
+    position: absolute;
+    top: 0;
+    left: 20%;
+    padding: 5px 25px;
+    background-color: #fff;
+    z-index: 1;
+    color: $--color-secondary-text;
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    height: 0;
+    border-bottom: 1px dashed $--color-border-base;
+  }
+}
+
 .ea-table-modal {
   overflow: visible;
   right: unset;
@@ -411,30 +449,6 @@ td {
   }
 }
 
-.ea-form .form-group-title {
-  position: relative;
-  height: 32px;
-  margin-bottom: 22px;
-  > span {
-    position: absolute;
-    top: 0;
-    left: 20%;
-    padding: 5px 25px;
-    background-color: #fff;
-    z-index: 1;
-    color: $--color-secondary-text;
-  }
-  &::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    height: 0;
-    border-bottom: 1px dashed $--color-border-base;
-  }
-}
-
 .ea-select-container {
   display: flex;
   justify-content: flex-start;

package/package.json

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