@soei/flyweight 0.3.10 → 0.3.11

package/vue2/index.js

@@ -1,7 +1,7 @@
-import { runer as T, merge as E, isArray as Z, each as R, picker as W, isEmpty as tt, isSimplyType as U, isString as ht } from "@soei/util";
-import { runer as g, each as X } from "@soei/tools";
-import at from "@soei/picker";
-let ct = /(\d+|[+\-\*/]|%)/g, G = {
+import { runer as z, merge as E, isArray as et, each as k, picker as L, isEmpty as it, isSimplyType as X, isString as ct } from "@soei/util";
+import { runer as g, isNil as ft, each as G } from "@soei/tools";
+import ut from "@soei/picker";
+let dt = /(\d+|[+\-\*/]|%)/g, q = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
@@ -9,11 +9,11 @@ let ct = /(\d+|[+\-\*/]|%)/g, G = {
   "%": (t, e, i) => parseFloat(t) / 100 * i
 }, D = (t, e) => {
   let i;
-  if (i = T("match", t, ct)) {
-    let s = i.length, l, a = 0, n, o = [];
+  if (i = z("match", t, dt)) {
+    let s = i.length, l, a = 0, n, h = [];
     for (; s--; )
-      a = i.shift(), a in G ? (l && o.push(l), a === "%" && (o.length = 2), n = a) : +a && o.push(+a), o.length == 2 && (o.push(e), l = G[n].apply(null, o), o.length = 0);
-    +l || (l = +o.pop()), t = l >> 0;
+      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;
 }, V = {}, w = (t, e) => (t + "").replace(
@@ -23,39 +23,39 @@ let ct = /(\d+|[+\-\*/]|%)/g, G = {
   V[e] || (V[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
-function A(t, e, i, s, l, a, n, o) {
+function W(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 h;
-  if (n ? (h = function(c) {
+  var o;
+  if (n ? (o = function(c) {
     c = c || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
     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 = h) : l && (h = o ? function() {
+  }, r._ssrRegister = o) : l && (o = h ? function() {
     l.call(
       this,
       (r.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : l), h)
+  } : l), o)
     if (r.functional) {
-      r._injectStyles = h;
+      r._injectStyles = o;
       var u = r.render;
       r.render = function(f, p) {
-        return h.call(p), u(f, p);
+        return o.call(p), u(f, p);
       };
     } else {
       var d = r.beforeCreate;
-      r.beforeCreate = d ? [].concat(d, h) : [h];
+      r.beforeCreate = d ? [].concat(d, o) : [o];
     }
   return {
     exports: t,
     options: r
   };
 }
-let Y = (t) => t == null || t == null, ft = (...t) => {
+let Y = (t) => t == null || t == null, pt = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const ut = {
+const gt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -178,16 +178,16 @@ const ut = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      ft(t);
+      pt(t);
     }
-    this.scrollx = T("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
+    this.scrollx = z("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,
     trigger(t, e) {
-      Z(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        R(t, (i, s) => {
+      et(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        k(t, (i, s) => {
           this.$emit(s[0], Y(s[1]) ? !0 : s[1]);
         });
       });
@@ -197,9 +197,9 @@ const ut = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      T([this.cheackflys, (e) => {
+      z([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || R(this.flys, (s, l, a, n) => {
+        let i = e.index || k(this.flys, (s, l, a, n) => {
           if (l[a] == n)
             return s;
         }, e.picker, e.id);
@@ -207,7 +207,7 @@ const ut = {
       }], this, t);
     },
     setindex(t) {
-      T([this.cheackflys, ({ index: e }) => {
+      z([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 ut = {
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        T(t);
+        z(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = [], i = T(this.direction, t.target), s = {
+      let e = [], i = z(this.direction, t.target), s = {
         // ...this
         offset: i,
         top: i,
@@ -231,11 +231,11 @@ const ut = {
       };
       E(s, this.space), t.from || e.push(["onscroll", s]);
       let l = !1;
-      R(
+      k(
         this.flyweights,
-        (a, n, o, r, h, u, d, c, f) => {
-          if (o = a / h >> 0, c = o + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(o < u % r) + (u / r >> 0)), f = c * h + a % h, f >= this.count) {
+        (a, n, h, r, o, u, d, c, f) => {
+          if (h = a / o >> 0, c = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(h < u % r) + (u / r >> 0)), f = c * o + a % o, f >= this.count) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
@@ -264,40 +264,40 @@ const ut = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let i = this.scrollx, s = this.flyweight, l = W(s, this.BoxRule);
+      let i = this.scrollx, s = this.flyweight, l = L(s, this.BoxRule);
       this.$nextTick(() => {
-        let a = /true/.test(this.auto), [n, o] = this.offset, r = l.width, h = l.height, u = (D(this.width, r) || r) + n, d = D(this.height, h) + o, c = [r / u >> 0 || 1, h / d >> 0 || 1];
+        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, u = (D(this.width, r) || r) + n, d = D(this.height, o) + h, c = [r / u >> 0 || 1, o / d >> 0 || 1];
         i && c.reverse();
-        let [f, p] = c, b = this.padding, C, x = 0, _, y;
-        i ? (_ = u, u -= n, y = (v) => (
+        let [f, p] = c, b = this.padding, T, x = 0, _, m;
+        i ? (_ = u, u -= n, m = (S) => (
           /* 计算top偏移量 */
-          v * (d - o) + (v + 1) * o
-        )) : (a ? (u = (r - n * (f + 2 * b - 1)) / f, C = !b * n, x = b * n) : (C = 0, x = (r % u + n * f) / (f + 1) >> 0, u -= n), y = (v) => v * (u + C) + (v + 1) * x, _ = d), this.row = p + 2, this.column = f, this.realH = d - o, this.realW = u, this.expand = _, this.Size = Math.ceil(t / f) * _;
-        let S = Math.min(t, f * this.row), m = S - 1, $;
-        for (; S-- > 0; )
-          $ = m - S, this.$set(e, $, {
+          S * (d - h) + (S + 1) * h
+        )) : (a ? (u = (r - n * (f + 2 * b - 1)) / f, T = !b * n, x = b * n) : (T = 0, x = (r % u + n * f) / (f + 1) >> 0, u -= n), m = (S) => S * (u + T) + (S + 1) * x, _ = d), this.row = p + 2, this.column = f, this.realH = d - h, this.realW = u, this.expand = _, this.Size = Math.ceil(t / f) * _;
+        let v = Math.min(t, f * this.row), y = v - 1, $;
+        for (; v-- > 0; )
+          $ = y - v, this.$set(e, $, {
             x: n,
-            y: o,
+            y: h,
             width: u,
-            height: d - o,
-            space: y($ % f),
+            height: d - h,
+            space: m($ % f),
             data: {}
           });
-        e.length = m + 1;
-        let z = [];
-        h / _ > m / f && z.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        e.length = y + 1;
+        let N = [];
+        o / _ > y / f && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), z.push(["update:space", {
-          row: (m / f >> 0) + 1,
+        }), N.push(["update:space", {
+          row: (y / f >> 0) + 1,
           column: f,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(z);
+        }]), this.trigger(N);
       });
     }
   }
 };
-var dt = function() {
+var _t = function() {
   var e = this, i = e._self._c;
   return i("div", { ref: "flyweight", staticClass: "flyweight", class: {
     "flyweight-active": e.actice
@@ -307,21 +307,21 @@ var dt = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, pt = [], gt = /* @__PURE__ */ A(
-  ut,
-  dt,
-  pt,
+}, yt = [], mt = /* @__PURE__ */ W(
+  gt,
+  _t,
+  yt,
   !1,
   null,
   "d5f1cd63",
   null,
   null
 );
-const _t = gt.exports;
-function F(t, e) {
+const vt = mt.exports;
+function O(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let et = {
+let st = {
   close: {
     handler(t) {
       this.change(t);
@@ -334,7 +334,7 @@ let et = {
     },
     deep: !0
   }
-}, yt = [
+}, wt = [
   "BackGround",
   "BordeR",
   "Height",
@@ -343,17 +343,17 @@ let et = {
   "Right",
   "Bottom",
   "Left"
-], it = {};
-R(
-  yt,
+], rt = {};
+k(
+  wt,
   (t, e, i) => {
-    t = F(e), it["--" + F(e, !0)] = t, i[t] = function() {
+    t = O(e), rt["--" + O(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  et
+  st
 );
-const mt = {
+const bt = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -412,24 +412,24 @@ const mt = {
       return this.tr();
     }
   },
-  watch: et,
+  watch: st,
   methods: {
     exec: w,
-    isEmpty: tt,
-    isSimplyType: U,
+    isEmpty: it,
+    isSimplyType: X,
     tr() {
       let t = {};
-      return this.margin(this.offset), R(it, (e, i) => {
+      return this.margin(this.offset), k(rt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: F,
+    tolower: O,
     css(t, e, i) {
       let s = this[i] || this.default[i];
       !s || this.default[i] == s || (t[e] = w(s));
     },
     change(t) {
-      U(t) || (this.closecss = W(
+      X(t) || (this.closecss = L(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
@@ -437,8 +437,8 @@ const mt = {
     margin(t) {
       E(
         this,
-        W(
-          ht(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+        L(
+          ct(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -450,7 +450,7 @@ const mt = {
     this.change(this.close);
   }
 };
-var vt = function() {
+var xt = 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() {
@@ -462,22 +462,22 @@ var vt = function() {
       return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
     })];
   })], 2);
-}, wt = [], bt = /* @__PURE__ */ A(
-  mt,
-  vt,
-  wt,
+}, St = [], $t = /* @__PURE__ */ W(
+  bt,
+  xt,
+  St,
   !1,
   null,
   "ec96bb2a",
   null,
   null
 );
-const xt = bt.exports, St = {
+const Nt = $t.exports, zt = {
   name: "Stream",
   computed: {
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return tt(i) ? [] : Z(i) ? i : [i];
+      return it(i) ? [] : et(i) ? i : [i];
     }
   },
   props: {
@@ -510,30 +510,30 @@ const xt = bt.exports, St = {
     }
   }
 };
-var $t = function() {
+var Tt = function() {
   var e = this, i = e._self._c;
   return i(e.type, e._b({ tag: "component" }, "component", e.$attrs, !1), [e._l(e.column, function(s) {
     return e._t(e.trigger(s), null, null, s);
   })], 2);
-}, zt = [], Tt = /* @__PURE__ */ A(
-  St,
-  $t,
+}, Ct = [], Rt = /* @__PURE__ */ W(
   zt,
+  Tt,
+  Ct,
   !1,
   null,
   null,
   null,
   null
 );
-const Ct = Tt.exports, q = /(?:\,|\|{2})/, H = "px", J = "";
-let st = document.documentElement, K, Q = ["s-left", "s-top", "s-right", "s-bottom"], Nt = { left: 0, top: 1, right: 2, bottom: 3 };
-const P = [];
-var Rt = at(
+const kt = Rt.exports, J = /(?:\,|\|{2})/, K = "px", Q = "";
+let nt = document.documentElement, Z, tt = ["s-left", "s-top", "s-right", "s-bottom"], Mt = { left: 0, top: 1, right: 2, bottom: 3 };
+const F = [];
+var Ht = ut(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let B = {}, rt = null;
-Rt(B, "delay", {
+let P = {}, lt = null;
+Ht(P, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -542,79 +542,77 @@ Rt(B, "delay", {
     return this._delay;
   },
   set(t) {
-    rt = kt(() => {
-      g(P);
+    lt = Et(() => {
+      g(F);
     }, t), this._delay = t;
   }
 });
-B.delay = 60;
-function kt(t, e) {
+P.delay = 60;
+function Et(t, e) {
   let i = 0;
   return function() {
     const s = Date.now();
     s - i >= e && (i = s, g(t, this, arguments));
   };
 }
-const L = () => {
-  rt();
+const H = () => {
+  lt();
 };
-function Mt(t) {
-  P.push(t);
+function Lt(t) {
+  F.push(t);
 }
-const N = new ResizeObserver(L);
-N.observe(st);
-function nt(t) {
-  t.onresize || (P.push([nt, null, t]), t.onresize = !0);
-  var e = st, i = e.clientHeight, s = t.offset || 15, l = t.target, a = t.room, n = t.index, o = t.position, r = l.getBoundingClientRect(), h = a.offsetHeight + s, u = a.offsetWidth + s, d = "3,0,2,1".split(q), c, f = (r.height == K ? r.bottom - r.top : r.height) >> 0, p = (r.width == K ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, C = i - h, x = [
+const R = new ResizeObserver(H);
+R.observe(nt);
+function ot(t) {
+  t.onresize || (F.push([ot, null, t]), t.onresize = !0);
+  var e = nt, 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, u = a.offsetWidth + s, d = "3,0,2,1".split(J), c, f = (r.height == Z ? r.bottom - r.top : r.height) >> 0, p = (r.width == Z ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, T = i - o, x = [
     /* left: 0 */
     r.left - u,
     /* top: 1 */
-    r.top - h,
+    r.top - o,
     /* right: 2 */
     b - r.right,
     /* bottom: 3 */
-    C - r.bottom
+    T - r.bottom
   ];
-  o && (X(
-    o.split(q),
-    function(lt, M, O, ot) {
-      ot.push(O[M]);
+  h && (G(
+    h.split(J),
+    function(ht, M, A, at) {
+      at.push(A[M]);
     },
-    Nt,
+    Mt,
     c = []
-  ), d.unshift.apply(d, c)), n = X(
+  ), d.unshift.apply(d, c)), n = G(
     d,
-    function(lt, M, O) {
-      if (O[M] > 0)
+    function(ht, M, A) {
+      if (A[M] > 0)
         return M;
     },
     x
   );
-  var _ = 0, y = 0, S = 0;
+  var _ = 0, m = 0, v = 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], h -= s * +m;
-    var z = Math.max(r.top, 0), v = Math.min(
+    var y = n == 0 || n == 2, $ = n == 3 || n == 1;
+    _ = $ ? Math.min(r.left, b) : n == 2 ? r.right + s : x[0], o -= s * +y;
+    var N = Math.max(r.top, 0), S = Math.min(
       r.bottom,
       i
-    ), I = (v - h + Math.min(i - h, z)) / 2;
-    y = Math.max(
-      m ? I : n == 3 ? r.top + f + s : Math.min(I, x[1]),
+    ), B = (S - o + Math.min(i - o, N)) / 2;
+    m = Math.max(
+      y ? B : n == 3 ? r.top + f + s : Math.min(B, x[1]),
       0
-    ), $ && r.left > b && (S = r.left - _ - s + p / 2);
+    ), $ && r.left > b && (v = r.left - _ - s + p / 2);
   }
-  let j = a.classList, k = t.css;
-  j.remove(...Q), j.add(Q[n]), t.index = n, k.left = _ + H, k.top = y + H, k["--tips-position-top"] = m ? Math.max(
-    s,
-    Math.min(
-      /* 底边距 */
-      (Math.min(y + h, v) + Math.max(y, z)) / 2 - y + s / 2,
-      /* 容器高度 - offset / 2 */
-      h - 0.5 * s
-    )
-  ) + H : J, k["--tips-position-left"] = S ? Math.min(S, u - 3 * s) + H : J;
+  let I = a.classList, C = t.css;
+  I.remove(...tt), I.add(tt[n]), t.index = n, C.left = _ + K, C.top = m + K;
+  let j = C["--tips-arrow-top"] = y ? Math.min(
+    /* 底边距 */
+    Math.max(m, N) - m,
+    o - s
+  ) : Q, U = u - 3 * s;
+  C["--tips-arrow"] = v > U - 10 || y && (j + (o > 50 ? 15 : 0) > o || !j) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, U) : Q;
 }
-const Ht = {
+const Wt = {
   name: "Tips",
   props: {
     /* 是否显示 */
@@ -670,6 +668,11 @@ const Ht = {
     delay: {
       type: [String, Number],
       default: 10
+    },
+    /* 显示箭头 */
+    borderRadius: {
+      type: [String, Number],
+      default: 10
     }
   },
   watch: {
@@ -700,7 +703,7 @@ const Ht = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && nt({
+      this.$el.nodeName != "#comment" && ot({
         onresize: !1,
         /* 监控的目标 */
         target: this.$el.parentNode,
@@ -711,60 +714,62 @@ const Ht = {
         /* CSS样式集合 */
         css: this.css,
         /* 偏移量 */
-        offset: +this.offset
+        offset: +this.offset >> 0
       });
     },
     scrollListener() {
       this.static || this.parent((t, e, i) => {
-        e ? g(t.addEventListener, t, "scroll", L) : (g(N.observe, N, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, "-tips-scroll"), i || (g(t.addEventListener, t, "scroll", L), this.attr(t, "-tips-scroll", "true"))));
+        e ? g(t.addEventListener, t, "scroll", H) : (g(R.observe, R, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, "-tips-scroll"), i || (g(t.addEventListener, t, "scroll", H), this.attr(t, "-tips-scroll", "true"))));
       });
     }
   },
   mounted() {
     E(
       this.css,
-      W(
+      L(
         this.$props,
-        "color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size"
+        "color=>--tips-color,background=>--tips-background-color,border=>--tips-border-width,fontSize=>--tips-font-size,borderRadius=>--tips-border-radius"
       )
-    ), this.init(), B.delay = +this.delay, Mt((t) => {
+    ), this.css["--arrow-size"] = Math.sqrt(2 * Math.pow((this.border || 3) * 2 + 2, 2)) / 2 >> 0, this.init(), P.delay = +this.delay, Lt((t) => {
       this.scrollListener();
     }), this.scrollListener();
   },
   unmounted() {
     this.parent(function(t, e) {
-      g(t.removeEventListener, t, "scroll", L), g(t.removeAttribute, t, "-tips-scroll", void 0), e || g(N.unobserve, N, t);
+      g(t.removeEventListener, t, "scroll", H), g(t.removeAttribute, t, "-tips-scroll", void 0), e || g(R.unobserve, R, t);
     });
   }
 };
-var Lt = function() {
+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("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))];
+  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._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();
-}, Et = [], Wt = /* @__PURE__ */ A(
-  Ht,
-  Lt,
-  Et,
+}, Ot = [], Ft = /* @__PURE__ */ W(
+  Wt,
+  At,
+  Ot,
   !1,
   null,
-  "f3c84b5f",
+  "72d69fdc",
   null,
   null
 );
-const At = Wt.exports, Ot = [_t, xt, Ct, At], It = {
+const Pt = Ft.exports, Bt = [vt, Nt, kt, Pt], Xt = {
   install(t) {
-    Ot.forEach((e) => {
+    Bt.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  xt as Card,
-  _t as Flyweight,
-  Ct as Stream,
-  At as Tips,
-  It as default
+  Nt as Card,
+  vt as Flyweight,
+  kt as Stream,
+  Pt as Tips,
+  Xt 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}}.card[data-v-ec96bb2a]{--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-ec96bb2a]::-webkit-scrollbar-track,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-ec96bb2a],.card [simply][data-v-ec96bb2a]{background-color:inherit;border:0!important}.card[flex][data-v-ec96bb2a],.card [flex][data-v-ec96bb2a]{display:flex}.card[column][data-v-ec96bb2a],.card [column][data-v-ec96bb2a]{flex-direction:column}.card[row][data-v-ec96bb2a],.card [row][data-v-ec96bb2a]{flex-direction:row}.card[center][data-v-ec96bb2a],.card [center][data-v-ec96bb2a]{justify-content:center}.card[vcenter][data-v-ec96bb2a],.card [vcenter][data-v-ec96bb2a]{align-items:center}.card .card-title[data-v-ec96bb2a]{max-height:40px}.card .card-close[data-v-ec96bb2a]{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-ec96bb2a]{display:none}.card .card-close[data-v-ec96bb2a]:before,.card .card-close[data-v-ec96bb2a]: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-ec96bb2a]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-ec96bb2a]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-ec96bb2a]{overflow:auto;height:100%}.card .card-content[data-v-ec96bb2a]: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: 30px;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-f3c84b5f]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:var(--tips-border-radius);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[animate][data-v-f3c84b5f]{transition:all .3s}.tips-title[data-v-f3c84b5f]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips[static][data-v-f3c84b5f]{position:static!important}.tips[arrow][data-v-f3c84b5f]:before,.tips[arrow][data-v-f3c84b5f]:after{content:"";position:absolute;border:calc(var(--tips-border-width) * 2) solid transparent;height:0;width:0;overflow:hidden}.tips[arrow=top][data-v-f3c84b5f]{top:-20px;right:-10px}.tips[arrow=top][data-v-f3c84b5f]:before{border-top-color:var(--tips-border-color);bottom:calc(var(--tips-border-width) * -5);left:50%}.tips[arrow=top][data-v-f3c84b5f]:after{border-top-color:var(--tips-background-color);bottom:calc(var(--tips-border-width) * -3.5);left:50%}.tips[arrow=bottom][data-v-f3c84b5f]{bottom:-30px;right:-10px}.tips[arrow=bottom][data-v-f3c84b5f]:before{border-bottom-color:var(--tips-border-color);top:calc(var(--tips-border-width) * -5);left:50%}.tips[arrow=bottom][data-v-f3c84b5f]:after{border-bottom-color:var(--tips-background-color);top:calc(var(--tips-border-width) * -3.5);left:50%}
+@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}}.card[data-v-ec96bb2a]{--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-ec96bb2a]::-webkit-scrollbar-track,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-ec96bb2a]::-webkit-scrollbar,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-ec96bb2a]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-ec96bb2a]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card[simply][data-v-ec96bb2a],.card [simply][data-v-ec96bb2a]{background-color:inherit;border:0!important}.card[flex][data-v-ec96bb2a],.card [flex][data-v-ec96bb2a]{display:flex}.card[column][data-v-ec96bb2a],.card [column][data-v-ec96bb2a]{flex-direction:column}.card[row][data-v-ec96bb2a],.card [row][data-v-ec96bb2a]{flex-direction:row}.card[center][data-v-ec96bb2a],.card [center][data-v-ec96bb2a]{justify-content:center}.card[vcenter][data-v-ec96bb2a],.card [vcenter][data-v-ec96bb2a]{align-items:center}.card .card-title[data-v-ec96bb2a]{max-height:40px}.card .card-close[data-v-ec96bb2a]{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-ec96bb2a]{display:none}.card .card-close[data-v-ec96bb2a]:before,.card .card-close[data-v-ec96bb2a]: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-ec96bb2a]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-ec96bb2a]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-ec96bb2a]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-ec96bb2a]{overflow:auto;height:100%}.card .card-content[data-v-ec96bb2a]: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-72d69fdc]{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-72d69fdc],.tips.warn[data-v-72d69fdc]{--tips-background-color: #f44336}.tips.notice[data-v-72d69fdc]{--tips-background-color: #ff9800}.tips.simply[data-v-72d69fdc]{--tips-background-color: #00BCD4}.tips.animate[data-v-72d69fdc]{transition:all .3s}.tips-title[data-v-72d69fdc]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-72d69fdc]:empty{display:none}.tips[static][data-v-72d69fdc]{position:static!important}.tips.arrow[data-v-72d69fdc]{--deg: 45deg}.tips.arrow[data-v-72d69fdc]: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-72d69fdc]:before{--deg: -45deg;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-72d69fdc]:before{--deg: 135deg;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-72d69fdc]:before,.tips.s-right[data-v-72d69fdc]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-72d69fdc]:before{bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-72d69fdc]:before{--deg: -135deg;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-72d69fdc]:before,.tips.s-bottom[data-v-72d69fdc]:before{left:calc(var(--tips-arrow-left) * 1px)}