@soei/flyweight 0.3.13 → 0.4.0

package/vue2/index.js

@@ -1,5 +1,5 @@
-import { runer as z, merge as M, isArray as it, each as k, picker as L, isEmpty as st, isSimplyType as D, isString as ct } from "@soei/util";
-import { runer as g, isNil as ut, each as G } from "@soei/tools";
+import { runer as b, merge as H, isArray as it, each as R, picker as M, isEmpty as st, isSimplyType as D, isString as ut } from "@soei/util";
+import { runer as _, isNil as ft, each as G } from "@soei/tools";
 import dt from "@soei/picker";
 let pt = /(\d+|[+\-\*/]|%)/g, q = {
   "+": (t, e) => t + e,
@@ -9,28 +9,28 @@ let pt = /(\d+|[+\-\*/]|%)/g, q = {
   "%": (t, e, i) => parseFloat(t) / 100 * i
 }, V = (t, e) => {
   let i;
-  if (i = z("match", t, pt)) {
+  if (i = b("match", t, pt)) {
     let s = i.length, l, a = 0, n, h = [];
     for (; s--; )
       a = i.shift(), a in q ? (l && h.push(l), a === "%" && (h.length = 2), n = a) : +a && h.push(+a), h.length == 2 && (h.push(e), l = q[n].apply(null, h), h.length = 0);
     +l || (l = +h.pop()), t = l >> 0;
   }
   return t;
-}, Y = {}, w = (t, e) => (t + "").replace(
+}, Y = {}, v = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
   Y[e] || (Y[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
-function W(t, e, i, s, l, a, n, h) {
+function L(t, e, i, s, l, a, n, h) {
   var r = typeof t == "function" ? t.options : t;
   e && (r.render = e, r.staticRenderFns = i, r._compiled = !0), s && (r.functional = !0), a && (r._scopeId = "data-v-" + a);
   var o;
-  if (n ? (o = function(f) {
-    f = f || // cached call
+  if (n ? (o = function(c) {
+    c = c || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ < "u" && (f = __VUE_SSR_CONTEXT__), l && l.call(this, f), f && f._registeredComponents && f._registeredComponents.add(n);
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), l && l.call(this, c), c && c._registeredComponents && c._registeredComponents.add(n);
   }, r._ssrRegister = o) : l && (o = h ? function() {
     l.call(
       this,
@@ -39,9 +39,9 @@ function W(t, e, i, s, l, a, n, h) {
   } : l), o)
     if (r.functional) {
       r._injectStyles = o;
-      var u = r.render;
-      r.render = function(c, p) {
-        return o.call(p), u(c, p);
+      var f = r.render;
+      r.render = function(u, p) {
+        return o.call(p), f(u, p);
       };
     } else {
       var d = r.beforeCreate;
@@ -52,10 +52,10 @@ function W(t, e, i, s, l, a, n, h) {
     options: r
   };
 }
-let J = (t) => t == null || t == null, gt = (...t) => {
+let J = (t) => t == null || t == null, _t = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const _t = {
+const gt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -119,14 +119,14 @@ const _t = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, s = {};
-      return M(s, {
-        "--width": w(this.realW),
-        "--height": w(this.realH),
-        "--flyweight-content": w(i)
+      return H(s, {
+        "--width": v(this.realW),
+        "--height": v(this.realH),
+        "--flyweight-content": v(i)
       }, e && {
-        "--flyweight-h": w(e)
+        "--flyweight-h": v(e)
       }, t && s, {
-        "--flyweight-w": w(t)
+        "--flyweight-w": v(t)
       }, "mix"), s;
     }
   },
@@ -178,16 +178,16 @@ const _t = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      gt(t);
+      _t(t);
     }
-    this.scrollx = z("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
+    this.scrollx = b("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
     "clientHeight=>height,clientWidth=>width", this.direction = this.scrollx ? "scrollLeft" : "scrollTop";
   },
   methods: {
-    exec: w,
+    exec: v,
     trigger(t, e) {
       it(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        k(t, (i, s) => {
+        R(t, (i, s) => {
           this.$emit(s[0], J(s[1]) ? !0 : s[1]);
         });
       });
@@ -197,9 +197,9 @@ const _t = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      z([this.cheackflys, (e) => {
+      b([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || k(this.flys, (s, l, a, n) => {
+        let i = e.index || R(this.flys, (s, l, a, n) => {
           if (l[a] == n)
             return s;
         }, e.picker, e.id);
@@ -207,7 +207,7 @@ const _t = {
       }], this, t);
     },
     setindex(t) {
-      z([this.cheackflys, ({ index: e }) => {
+      b([this.cheackflys, ({ index: e }) => {
         this.selectIndex = e, this.$nextTick(() => {
           let i = e / this.column >> 0, s = this.expand;
           (this.flyweight[this.direction] / s >> 0) + this.row - i - 1 > 0 || (this.flyweight[this.direction] = i * s, this.scroll());
@@ -216,11 +216,11 @@ const _t = {
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        z(t);
+        b(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = [], i = z(this.direction, t.target), s = {
+      let e = [], i = b(this.direction, t.target), s = {
         // ...this
         offset: i,
         top: i,
@@ -229,20 +229,20 @@ const _t = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      M(s, this.space), t.from || e.push(["onscroll", s]);
+      H(s, this.space), t.from || e.push(["onscroll", s]);
       let l = !1;
-      k(
+      R(
         this.flyweights,
-        (a, n, h, r, o, u, d, f, c) => {
-          if (h = a / o >> 0, f = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % r) + (u / r >> 0)), c = f * o + a % o, c >= this.count) {
+        (a, n, h, r, o, f, d, c, u) => {
+          if (h = a / o >> 0, c = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(h < f % r) + (f / r >> 0)), u = c * o + a % o, u >= this.count) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
-          n.index = f, n.i = c, n.data = this.flys[c];
+          n.index = c, n.i = u, n.data = this.flys[u];
           let p = [
             /* top */
-            f * this.expand + n.x,
+            c * this.expand + n.x,
             /* left */
             n.space
           ];
@@ -264,35 +264,35 @@ const _t = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let i = this.scrollx, s = this.flyweight, l = L(s, this.BoxRule);
+      let i = this.scrollx, s = this.flyweight, l = M(s, this.BoxRule);
       this.$nextTick(() => {
-        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, u = (V(this.width, r) || r) + n, d = V(this.height, o) + h, f = [r / u >> 0 || 1, o / d >> 0 || 1];
-        i && f.reverse();
-        let [c, p] = f, b = this.padding, T, x = 0, _, y;
-        i ? (_ = u, u -= n, y = (S) => (
+        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, f = (V(this.width, r) || r) + n, d = V(this.height, o) + h, c = [r / f >> 0 || 1, o / d >> 0 || 1];
+        i && c.reverse();
+        let [u, p] = c, x = this.padding, z, S = 0, g, y;
+        i ? (g = f, f -= n, y = ($) => (
           /* 计算top偏移量 */
-          S * (d - h) + (S + 1) * h
-        )) : (a ? (u = (r - n * (c + 2 * b - 1)) / c, T = !b * n, x = b * n) : (T = 0, x = (r % u + n * c) / (c + 1) >> 0, u -= n), y = (S) => S * (u + T) + (S + 1) * x, _ = d), this.row = p + 2, this.column = c, this.realH = d - h, this.realW = u, this.expand = _, this.Size = Math.ceil(t / c) * _;
-        let v = Math.min(t, c * this.row), m = v - 1, $;
-        for (; v-- > 0; )
-          $ = m - v, this.$set(e, $, {
+          $ * (d - h) + ($ + 1) * h
+        )) : (a ? (f = (r - n * (u + 2 * x - 1)) / u, z = !x * n, S = x * n) : (z = 0, S = (r % f + n * u) / (u + 1) >> 0, f -= n), y = ($) => $ * (f + z) + ($ + 1) * S, g = d), this.row = p + 2, this.column = u, this.realH = d - h, this.realW = f, this.expand = g, this.Size = Math.ceil(t / u) * g;
+        let w = Math.min(t, u * this.row), m = w - 1, N;
+        for (; w-- > 0; )
+          N = m - w, this.$set(e, N, {
             x: n,
             y: h,
-            width: u,
+            width: f,
             height: d - h,
-            space: y($ % c),
+            space: y(N % u),
             data: {}
           });
         e.length = m + 1;
-        let N = [];
-        o / _ > m / c && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        let T = [];
+        o / g > m / u && T.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), N.push(["update:space", {
-          row: (m / c >> 0) + 1,
-          column: c,
+        }), T.push(["update:space", {
+          row: (m / u >> 0) + 1,
+          column: u,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(N);
+        }]), this.trigger(T);
       });
     }
   }
@@ -307,8 +307,8 @@ var mt = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, yt = [], vt = /* @__PURE__ */ W(
-  _t,
+}, yt = [], wt = /* @__PURE__ */ L(
+  gt,
   mt,
   yt,
   !1,
@@ -317,7 +317,7 @@ var mt = function() {
   null,
   null
 );
-const wt = vt.exports;
+const vt = wt.exports;
 function F(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
@@ -344,7 +344,7 @@ let rt = {
   "Bottom",
   "Left"
 ], nt = {};
-k(
+R(
   bt,
   (t, e, i) => {
     t = F(e), nt["--" + F(e, !0)] = t, i[t] = function() {
@@ -410,35 +410,43 @@ const xt = {
   computed: {
     style() {
       return this.tr();
+    },
+    sub() {
+      return this.show || this.title;
+    },
+    tips() {
+      return b("tips", this.close || {}) || "关闭[" + this.sub + "]";
     }
   },
   watch: rt,
   methods: {
-    exec: w,
+    exec: v,
     isEmpty: st,
+    picker: M,
+    runer: b,
     isSimplyType: D,
     tr() {
       let t = {};
-      return this.margin(this.offset), k(nt, (e, i) => {
+      return this.margin(this.offset), R(nt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
     tolower: F,
     css(t, e, i) {
       let s = this[i] || this.default[i];
-      !s || this.default[i] == s || (t[e] = w(s));
+      !s || this.default[i] == s || (t[e] = v(s));
     },
     change(t) {
-      D(t) || (this.closecss = L(
+      D(t) || (this.closecss = M(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
     },
     margin(t) {
-      M(
+      H(
         this,
-        L(
-          ct(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+        M(
+          ut(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -454,25 +462,26 @@ var St = function() {
   var e = this, i = e._self._c;
   return i("div", { key: e.trigger, staticClass: "card", style: e.isEmpty(e.style) ? e.tr() : e.style }, [e._t("default", function() {
     return [e._t("title", function() {
-      var s;
-      return [i("div", { staticClass: "card-title" }, [e._v(" " + e._s(e.show || e.title) + " "), i("div", { staticClass: "card-close", class: { hide: e.isSimplyType(e.close) ? !e.close : !1 }, style: e.closecss, attrs: { title: (s = e.close) == null ? void 0 : s.tips }, on: { click: function(l) {
-        return e.$emit("close");
-      } } })])];
+      return [i("div", { staticClass: "card-title", attrs: { space: "" } }, [e._v(" " + e._s(e.sub) + " "), e._t("icons", function() {
+        return [i("div", { staticClass: "card-ico-items", attrs: { flex: "", vcenter: "" } }, [e._t("icon", null, null, { el: e.$el, picker: e.picker, runer: e.runer }), i("div", { staticClass: "card-close", class: { hide: e.isSimplyType(e.close) ? !e.close : !1 }, style: e.closecss, attrs: { title: e.tips }, on: { click: function(s) {
+          return e.$emit("close");
+        } } })], 2)];
+      })], 2)];
     }), e._t("content", function() {
       return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
     })];
   })], 2);
-}, $t = [], Nt = /* @__PURE__ */ W(
+}, $t = [], Nt = /* @__PURE__ */ L(
   xt,
   St,
   $t,
   !1,
   null,
-  "17093fb8",
+  "b1e09a6c",
   null,
   null
 );
-const zt = Nt.exports, Tt = {
+const Tt = Nt.exports, zt = {
   name: "Stream",
   computed: {
     component() {
@@ -503,7 +512,7 @@ const zt = Nt.exports, Tt = {
     }
   },
   mounted() {
-    this.$.vnode.ref && M(this, { ...this.component });
+    this.$.vnode.ref && H(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -517,17 +526,17 @@ var Ct = function() {
   return i(e.type, e._b({ ref: "component", tag: "component" }, "component", e.$attrs, !1), [e._l(e.column, function(s) {
     return e._t(e.__trigger(s), null, null, s);
   })], 2);
-}, Rt = [], kt = /* @__PURE__ */ W(
-  Tt,
+}, kt = [], Rt = /* @__PURE__ */ L(
+  zt,
   Ct,
-  Rt,
+  kt,
   !1,
   null,
   null,
   null,
   null
 );
-const Mt = kt.exports, K = /(?:\,|\|{2})/, Q = "px", Z = "";
+const Mt = Rt.exports, K = /(?:\,|\|{2})/, Q = "px", Z = "";
 let lt = document.documentElement, tt, et = ["s-left", "s-top", "s-right", "s-bottom"], Ht = { left: 0, top: 1, right: 2, bottom: 3 };
 const P = [];
 var Et = dt(
@@ -544,79 +553,83 @@ Et(B, "delay", {
     return this._delay;
   },
   set(t) {
-    ot = Lt(() => {
-      g(P);
+    ot = Wt(() => {
+      _(P);
     }, t), this._delay = t;
   }
 });
 B.delay = 60;
-function Lt(t, e) {
+function Wt(t, e) {
   let i = 0;
   return function() {
     const s = Date.now();
-    s - i >= e && (i = s, g(t, this, arguments));
+    s - i >= e && (i = s, _(t, this, arguments));
   };
 }
-const E = () => {
+const W = () => {
   ot();
 };
-function Wt(t) {
+function Lt(t) {
   P.push(t);
 }
-const R = new ResizeObserver(E);
-R.observe(lt);
+const k = new ResizeObserver(W);
+k.observe(lt);
 function ht(t) {
   t.onresize || (P.push([ht, null, t]), t.onresize = !0);
-  var e = lt, i = e.clientHeight, s = ut(t.offset) ? 15 : t.offset, l = t.target, a = t.room, n = t.index, h = t.position, r = l.getBoundingClientRect(), o = a.offsetHeight + s, u = a.offsetWidth + s, d = "3,0,2,1".split(K), f, c = (r.height == tt ? r.bottom - r.top : r.height) >> 0, p = (r.width == tt ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, T = i - o, x = [
+  var e = lt, i = e.clientHeight, s = ft(t.offset) ? 15 : t.offset, l = t.target, a = t.room, n = t.index, h = t.position, r = l.getBoundingClientRect(), o = a.offsetHeight + s, f = a.offsetWidth + s, d = "3,0,2,1".split(K), c, u = (r.height == tt ? r.bottom - r.top : r.height) >> 0, p = (r.width == tt ? r.right - r.left : r.width) >> 0, x = e.clientWidth - f, z = i - o, S = [
     /* left: 0 */
-    r.left - u,
+    r.left - f,
     /* top: 1 */
     r.top - o,
     /* right: 2 */
-    b - r.right,
+    x - r.right,
     /* bottom: 3 */
-    T - r.bottom
+    z - r.bottom
   ];
   h && (G(
     h.split(K),
-    function(at, H, O, ft) {
-      ft.push(O[H]);
+    function(at, E, O, ct) {
+      ct.push(O[E]);
     },
     Ht,
-    f = []
-  ), d.unshift.apply(d, f)), n = G(
+    c = []
+  ), d.unshift.apply(d, c)), n = G(
     d,
-    function(at, H, O) {
-      if (O[H] > 0)
-        return H;
+    function(at, E, O) {
+      if (O[E] > 0)
+        return E;
     },
-    x
+    S
   );
-  var _ = 0, y = 0, v = 0;
+  var g = 0, y = 0, w = 0;
   if (n != null) {
-    var m = n == 0 || n == 2, $ = n == 3 || n == 1;
-    _ = $ ? Math.min(r.left, b) : n == 2 ? r.right + s : x[0], o -= s * +m;
-    var N = Math.max(r.top, 0), S = Math.min(
+    var m = n == 0 || n == 2, N = n == 3 || n == 1;
+    g = N ? Math.min(r.left, x) : n == 2 ? r.right + s : S[0], o -= s * +m;
+    var T = Math.max(r.top, 0), $ = Math.min(
       r.bottom,
       i
-    ), I = (S - o + Math.min(i - o, N)) / 2;
+    ), I = ($ - o + Math.min(i - o, T)) / 2;
     y = Math.max(
-      m ? I : n == 3 ? r.top + c + s : Math.min(I, x[1]),
+      m ? I : n == 3 ? r.top + u + s : Math.min(I, S[1]),
       0
-    ), $ && r.left > b && (v = r.left - _ - s + p / 2);
+    ), N && r.left > x && (w = r.left - g - s + p / 2);
   }
   let j = a.classList, C = t.css;
-  j.remove(...et), j.add(et[n]), t.index = n, C.left = _ + Q, C.top = y + Q;
+  j.remove(...et), j.add(et[n]), t.index = n, C.left = g + Q, C.top = y + Q;
   let U = C["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(y, N) - y,
+    Math.max(y, T) - y,
     o - s
-  ) : Z, X = u - 3 * s;
-  C["--tips-arrow"] = v > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, X) : Z;
+  ) : Z, X = f - 3 * s;
+  C["--tips-arrow"] = w > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", C["--tips-arrow-left"] = w ? Math.min(w, X) : Z;
 }
 const A = "data-tips-scroll", Ot = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -690,13 +703,13 @@ const A = "data-tips-scroll", Ot = {
     };
   },
   methods: {
-    parent(t) {
+    __parent(t) {
       let e = this.$el, i;
-      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), g(t, null, e, i), !i); )
+      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), _(t, null, e, i), !i); )
         ;
     },
-    attr(t, e, i) {
-      return g(
+    __attr(t, e, i) {
+      return _(
         t[i === void 0 ? "getAttribute" : "setAttribute"],
         t,
         e,
@@ -705,12 +718,13 @@ const A = "data-tips-scroll", Ot = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && ht({
+      let t = this.$el;
+      t.nodeName != "#comment" && ht({
         onresize: !1,
         /* 监控的目标 */
-        target: this.$el.parentNode,
+        target: t.parentNode,
         /* 显示的元素 */
-        room: this.$el,
+        room: t,
         /* 显示位置 */
         position: this.position,
         /* CSS样式集合 */
@@ -719,49 +733,55 @@ const A = "data-tips-scroll", Ot = {
         offset: +this.offset >> 0
       });
     },
-    scrollListener() {
-      this.static || this.parent((t, e, i) => {
-        e ? g(t.addEventListener, t, "scroll", E) : (g(R.observe, R, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, A), i || (g(t.addEventListener, t, "scroll", E), this.attr(t, A, "true"))));
+    __2listener() {
+      this.static || this.__parent((t, e, i) => {
+        e ? _(t.addEventListener, t, "scroll", W) : (_(k.observe, k, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.__attr(t, A), i || (_(t.addEventListener, t, "scroll", W), this.__attr(t, A, "true"))));
       });
+    },
+    __css() {
+      let t = {}, e;
+      return this.target ? e = {
+        [this.position]: this.offset + "px"
+      } : (e = M(
+        this.$props,
+        "color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius"
+      ), t["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0), H(t, e), t;
+    },
+    __2next() {
+      this.target || (this.init(), B.delay = +this.delay, Lt((t) => {
+        this.__2listener();
+      }), this.__2listener());
     }
   },
   mounted() {
-    M(
-      this.css,
-      L(
-        this.$props,
-        "color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius"
-      )
-    ), this.css["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0, this.init(), B.delay = +this.delay, Wt((t) => {
-      this.scrollListener();
-    }), this.scrollListener();
+    this.css = this.__css(), this.__2next();
   },
   unmounted() {
-    this.parent(function(t, e) {
-      g(t.removeEventListener, t, "scroll", E), g(t.removeAttribute, t, A, void 0), e || g(R.unobserve, R, t);
+    this.__parent(function(t, e) {
+      _(t.removeEventListener, t, "scroll", W), _(t.removeAttribute, t, A, void 0), e || _(k.unobserve, k, t);
     });
   }
 };
 var At = function() {
   var e = this, i = e._self._c;
-  return e.visible ? i("div", e._b({ staticClass: "tips", style: e.static ? null : e.css, attrs: { static: e.static ? "" : null } }, "div", e.$attrs, !1), [e._t("default", function() {
+  return e.visible ? i("div", e._b({ staticClass: "tips", class: e.target ? "tips-" + e.position : "", style: e.static ? null : e.css, attrs: { static: e.static ? "" : null } }, "div", e.$attrs, !1), [e._t("default", function() {
     return [e._t("title", function() {
       return [i("div", { staticClass: "tips-title" }, [e._v(e._s(e.title))])];
     }), e._t("content", function() {
       return [e._v(e._s(e.content))];
     })];
   })], 2) : e._e();
-}, Ft = [], Pt = /* @__PURE__ */ W(
+}, Ft = [], Pt = /* @__PURE__ */ L(
   Ot,
   At,
   Ft,
   !1,
   null,
-  "d4e2f8f1",
+  "f2043d4b",
   null,
   null
 );
-const Bt = Pt.exports, It = [wt, zt, Mt, Bt], Dt = {
+const Bt = Pt.exports, It = [vt, Tt, Mt, Bt], Dt = {
   install(t) {
     It.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
@@ -769,8 +789,8 @@ const Bt = Pt.exports, It = [wt, zt, Mt, Bt], Dt = {
   }
 };
 export {
-  zt as Card,
-  wt as Flyweight,
+  Tt as Card,
+  vt as Flyweight,
   Mt as Stream,
   Bt as Tips,
   Dt as default

package/vue2/style.css

@@ -1 +1 @@
-@charset "UTF-8";.flyweight[data-v-d5f1cd63]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-d5f1cd63]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-d5f1cd63]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-d5f1cd63]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-d5f1cd63]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-d5f1cd63]{background-color:red!important}}html [simply]{background-color:inherit;border:0!important}html [nothing]{margin:0!important;padding:0!important;border:0!important}html [flex],html [space],html [row],html [column]{display:flex}html [column]{flex-direction:column}html [row]{flex-direction:row}html [space]{justify-content:space-between}html [space=around]{justify-content:space-around}html [space=evenly]{justify-content:space-evenly}html [center]{justify-content:center}html [vcenter]{align-items:center}html [hand]{cursor:pointer}html [overflow]{overflow:auto!important}html [overflow=scroll]{overflow:scroll!important}.card[data-v-17093fb8]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px;position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar-track,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-17093fb8]::-webkit-scrollbar,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-17093fb8]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-17093fb8]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card .card[simply][data-v-17093fb8]{background-color:inherit;border:0!important}.card .card[nothing][data-v-17093fb8]{margin:0!important;padding:0!important;border:0!important}.card .card[flex][data-v-17093fb8],.card .card[space][data-v-17093fb8],.card .card[row][data-v-17093fb8],.card .card[column][data-v-17093fb8]{display:flex}.card .card[column][data-v-17093fb8]{flex-direction:column}.card .card[row][data-v-17093fb8]{flex-direction:row}.card .card[space][data-v-17093fb8]{justify-content:space-between}.card .card[space=around][data-v-17093fb8]{justify-content:space-around}.card .card[space=evenly][data-v-17093fb8]{justify-content:space-evenly}.card .card[center][data-v-17093fb8]{justify-content:center}.card .card[vcenter][data-v-17093fb8]{align-items:center}.card .card[hand][data-v-17093fb8]{cursor:pointer}.card .card[overflow][data-v-17093fb8]{overflow:auto!important}.card .card[overflow=scroll][data-v-17093fb8]{overflow:scroll!important}.card .card-title[data-v-17093fb8]{max-height:40px}.card .card-close[data-v-17093fb8]{position:absolute;width:20px;height:20px;right:10px;top:10px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent);transition:all .3s ease}.card .card-close.hide[data-v-17093fb8]{display:none}.card .card-close[data-v-17093fb8]:before,.card .card-close[data-v-17093fb8]:after{content:"";width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:inherit;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-17093fb8]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-17093fb8]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-17093fb8]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-17093fb8]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-17093fb8]{overflow:auto;height:100%}.card .card-content[data-v-17093fb8]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-d4e2f8f1]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.warning[data-v-d4e2f8f1],.tips.warn[data-v-d4e2f8f1]{--tips-background-color: #f44336}.tips.notice[data-v-d4e2f8f1]{--tips-background-color: #ff9800}.tips.simply[data-v-d4e2f8f1]{--tips-background-color: #00BCD4}.tips.animate[data-v-d4e2f8f1]{transition:all .3s}.tips-title[data-v-d4e2f8f1]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-d4e2f8f1]:empty{display:none}.tips[static][data-v-d4e2f8f1]{position:static!important}.tips.arrow[data-v-d4e2f8f1]{--deg: 45deg}.tips.arrow[data-v-d4e2f8f1]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-d4e2f8f1]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-d4e2f8f1]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-d4e2f8f1]:before,.tips.s-right[data-v-d4e2f8f1]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-d4e2f8f1]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-d4e2f8f1]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-d4e2f8f1]:before,.tips.s-bottom[data-v-d4e2f8f1]:before{left:calc(var(--tips-arrow-left) * 1px)}
+@charset "UTF-8";.flyweight[data-v-d5f1cd63]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-d5f1cd63]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-d5f1cd63]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-d5f1cd63]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-d5f1cd63]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-d5f1cd63]{background-color:red!important}}html [simply]{background-color:inherit;border:0!important}html [nothing]{margin:0!important;padding:0!important;border:0!important}html [flex],html [space],html [row],html [column]{display:flex}html [column]{flex-direction:column}html [row]{flex-direction:row}html [space]{justify-content:space-between}html [space=around]{justify-content:space-around}html [space=evenly]{justify-content:space-evenly}html [center]{justify-content:center}html [vcenter]{align-items:center}html [hand]{cursor:pointer}html [overflow]{overflow:auto!important}html [overflow=scroll]{overflow:scroll!important}.card[data-v-b1e09a6c]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px;position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar-track,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card .card[simply][data-v-b1e09a6c]{background-color:inherit;border:0!important}.card .card[nothing][data-v-b1e09a6c]{margin:0!important;padding:0!important;border:0!important}.card .card[flex][data-v-b1e09a6c],.card .card[space][data-v-b1e09a6c],.card .card[row][data-v-b1e09a6c],.card .card[column][data-v-b1e09a6c]{display:flex}.card .card[column][data-v-b1e09a6c]{flex-direction:column}.card .card[row][data-v-b1e09a6c]{flex-direction:row}.card .card[space][data-v-b1e09a6c]{justify-content:space-between}.card .card[space=around][data-v-b1e09a6c]{justify-content:space-around}.card .card[space=evenly][data-v-b1e09a6c]{justify-content:space-evenly}.card .card[center][data-v-b1e09a6c]{justify-content:center}.card .card[vcenter][data-v-b1e09a6c]{align-items:center}.card .card[hand][data-v-b1e09a6c]{cursor:pointer}.card .card[overflow][data-v-b1e09a6c]{overflow:auto!important}.card .card[overflow=scroll][data-v-b1e09a6c]{overflow:scroll!important}.card .card-title[data-v-b1e09a6c]{max-height:40px}.card .card-close[data-v-b1e09a6c]{position:relative;width:20px;height:20px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent);transition:all .3s ease}.card .card-close.hide[data-v-b1e09a6c]{display:none}.card .card-close[data-v-b1e09a6c]:before,.card .card-close[data-v-b1e09a6c]:after{content:"";display:block;width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:absolute;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-b1e09a6c]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-b1e09a6c]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-b1e09a6c]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-b1e09a6c]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-b1e09a6c]{overflow:auto;height:100%}.card .card-content[data-v-b1e09a6c]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-f2043d4b]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.warning[data-v-f2043d4b],.tips.warn[data-v-f2043d4b]{--tips-background-color: #f44336}.tips.notice[data-v-f2043d4b]{--tips-background-color: #ff9800}.tips.simply[data-v-f2043d4b]{--tips-background-color: #00bcd4}.tips.animate[data-v-f2043d4b]{transition:all .3s}.tips-title[data-v-f2043d4b]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-f2043d4b]:empty{display:none}.tips[static][data-v-f2043d4b]{position:static!important}.tips.arrow[data-v-f2043d4b]{--deg: 45deg}.tips.arrow[data-v-f2043d4b]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;border-left:0;border-top:0;z-index:-1;border-radius:3px}.tips.s-left[data-v-f2043d4b]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-f2043d4b]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-f2043d4b]:before,.tips.s-right[data-v-f2043d4b]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-f2043d4b]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-f2043d4b]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-f2043d4b]:before,.tips.s-bottom[data-v-f2043d4b]:before{left:calc(var(--tips-arrow-left) * 1px)}.tips-top[data-v-f2043d4b],.tips-left[data-v-f2043d4b],.tips-right[data-v-f2043d4b],.tips-bottom[data-v-f2043d4b]{z-index:20160!important}