@soei/flyweight 0.3.11 → 0.3.13

package/vue2/index.js

@@ -1,36 +1,36 @@
-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 = {
+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 dt from "@soei/picker";
+let pt = /(\d+|[+\-\*/]|%)/g, q = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
   "/": (t, e) => t / e,
   "%": (t, e, i) => parseFloat(t) / 100 * i
-}, D = (t, e) => {
+}, V = (t, e) => {
   let i;
-  if (i = z("match", t, dt)) {
+  if (i = z("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;
-}, V = {}, w = (t, e) => (t + "").replace(
+}, Y = {}, w = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
-  V[e] || (V[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
+  Y[e] || (Y[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
 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 o;
-  if (n ? (o = function(c) {
-    c = c || // cached call
+  if (n ? (o = function(f) {
+    f = f || // 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);
+    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);
   }, r._ssrRegister = o) : l && (o = h ? function() {
     l.call(
       this,
@@ -40,8 +40,8 @@ function W(t, e, i, s, l, a, n, h) {
     if (r.functional) {
       r._injectStyles = o;
       var u = r.render;
-      r.render = function(f, p) {
-        return o.call(p), u(f, p);
+      r.render = function(c, p) {
+        return o.call(p), u(c, p);
       };
     } else {
       var d = r.beforeCreate;
@@ -52,10 +52,10 @@ function W(t, e, i, s, l, a, n, h) {
     options: r
   };
 }
-let Y = (t) => t == null || t == null, pt = (...t) => {
+let J = (t) => t == null || t == null, gt = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const gt = {
+const _t = {
   name: "Flyweight",
   props: {
     flys: {
@@ -119,7 +119,7 @@ const gt = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, s = {};
-      return E(s, {
+      return M(s, {
         "--width": w(this.realW),
         "--height": w(this.realH),
         "--flyweight-content": w(i)
@@ -178,7 +178,7 @@ const gt = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      pt(t);
+      gt(t);
     }
     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";
@@ -186,9 +186,9 @@ const gt = {
   methods: {
     exec: w,
     trigger(t, e) {
-      et(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+      it(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
         k(t, (i, s) => {
-          this.$emit(s[0], Y(s[1]) ? !0 : s[1]);
+          this.$emit(s[0], J(s[1]) ? !0 : s[1]);
         });
       });
     },
@@ -203,7 +203,7 @@ const gt = {
           if (l[a] == n)
             return s;
         }, e.picker, e.id);
-        Y(i) || this.setindex(i);
+        J(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
@@ -229,20 +229,20 @@ const gt = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      E(s, this.space), t.from || e.push(["onscroll", s]);
+      M(s, this.space), t.from || e.push(["onscroll", s]);
       let l = !1;
       k(
         this.flyweights,
-        (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) {
+        (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) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
-          n.index = c, n.i = f, n.data = this.flys[f];
+          n.index = f, n.i = c, n.data = this.flys[c];
           let p = [
             /* top */
-            c * this.expand + n.x,
+            f * this.expand + n.x,
             /* left */
             n.space
           ];
@@ -266,30 +266,30 @@ const gt = {
       this.count = t;
       let i = this.scrollx, s = this.flyweight, l = L(s, this.BoxRule);
       this.$nextTick(() => {
-        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, T, x = 0, _, m;
-        i ? (_ = u, u -= n, m = (S) => (
+        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) => (
           /* 计算top偏移量 */
           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, $;
+        )) : (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; )
-          $ = y - v, this.$set(e, $, {
+          $ = m - v, this.$set(e, $, {
             x: n,
             y: h,
             width: u,
             height: d - h,
-            space: m($ % f),
+            space: y($ % c),
             data: {}
           });
-        e.length = y + 1;
+        e.length = m + 1;
         let N = [];
-        o / _ > y / f && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        o / _ > m / c && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
         }), N.push(["update:space", {
-          row: (y / f >> 0) + 1,
-          column: f,
+          row: (m / c >> 0) + 1,
+          column: c,
           showrow: this.row,
           showcolumn: this.column
         }]), this.trigger(N);
@@ -297,7 +297,7 @@ const gt = {
     }
   }
 };
-var _t = function() {
+var mt = function() {
   var e = this, i = e._self._c;
   return i("div", { ref: "flyweight", staticClass: "flyweight", class: {
     "flyweight-active": e.actice
@@ -307,9 +307,9 @@ var _t = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, yt = [], mt = /* @__PURE__ */ W(
-  gt,
+}, yt = [], vt = /* @__PURE__ */ W(
   _t,
+  mt,
   yt,
   !1,
   null,
@@ -317,11 +317,11 @@ var _t = function() {
   null,
   null
 );
-const vt = mt.exports;
-function O(t, e) {
+const wt = vt.exports;
+function F(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let st = {
+let rt = {
   close: {
     handler(t) {
       this.change(t);
@@ -334,7 +334,7 @@ let st = {
     },
     deep: !0
   }
-}, wt = [
+}, bt = [
   "BackGround",
   "BordeR",
   "Height",
@@ -343,17 +343,17 @@ let st = {
   "Right",
   "Bottom",
   "Left"
-], rt = {};
+], nt = {};
 k(
-  wt,
+  bt,
   (t, e, i) => {
-    t = O(e), rt["--" + O(e, !0)] = t, i[t] = function() {
+    t = F(e), nt["--" + F(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  st
+  rt
 );
-const bt = {
+const xt = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -412,30 +412,30 @@ const bt = {
       return this.tr();
     }
   },
-  watch: st,
+  watch: rt,
   methods: {
     exec: w,
-    isEmpty: it,
-    isSimplyType: X,
+    isEmpty: st,
+    isSimplyType: D,
     tr() {
       let t = {};
-      return this.margin(this.offset), k(rt, (e, i) => {
+      return this.margin(this.offset), k(nt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: O,
+    tolower: F,
     css(t, e, i) {
       let s = this[i] || this.default[i];
       !s || this.default[i] == s || (t[e] = w(s));
     },
     change(t) {
-      X(t) || (this.closecss = L(
+      D(t) || (this.closecss = L(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
     },
     margin(t) {
-      E(
+      M(
         this,
         L(
           ct(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
@@ -450,7 +450,7 @@ const bt = {
     this.change(this.close);
   }
 };
-var xt = function() {
+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() {
@@ -462,22 +462,25 @@ var xt = function() {
       return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
     })];
   })], 2);
-}, St = [], $t = /* @__PURE__ */ W(
-  bt,
+}, $t = [], Nt = /* @__PURE__ */ W(
   xt,
   St,
+  $t,
   !1,
   null,
-  "ec96bb2a",
+  "17093fb8",
   null,
   null
 );
-const Nt = $t.exports, zt = {
+const zt = Nt.exports, Tt = {
   name: "Stream",
   computed: {
+    component() {
+      return this.$refs.component;
+    },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return it(i) ? [] : et(i) ? i : [i];
+      return st(i) ? [] : it(i) ? i : [i];
     }
   },
   props: {
@@ -490,10 +493,6 @@ const Nt = $t.exports, zt = {
       type: String,
       default: "div"
     },
-    data: {
-      type: Array,
-      default: () => []
-    },
     columns: {
       type: [Object, Array],
       default: () => null
@@ -503,37 +502,40 @@ const Nt = $t.exports, zt = {
       default: () => null
     }
   },
+  mounted() {
+    this.$.vnode.ref && M(this, { ...this.component });
+  },
   methods: {
-    trigger(t) {
+    __trigger(t) {
       let e = t[this.bridge] || t.type;
       return (this.$slots || this.$scopedSlots)[e] ? e : "default";
     }
   }
 };
-var Tt = function() {
+var Ct = 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);
+  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);
-}, Ct = [], Rt = /* @__PURE__ */ W(
-  zt,
+}, Rt = [], kt = /* @__PURE__ */ W(
   Tt,
   Ct,
+  Rt,
   !1,
   null,
   null,
   null,
   null
 );
-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(
+const Mt = kt.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(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let P = {}, lt = null;
-Ht(P, "delay", {
+let B = {}, ot = null;
+Et(B, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -542,30 +544,30 @@ Ht(P, "delay", {
     return this._delay;
   },
   set(t) {
-    lt = Et(() => {
-      g(F);
+    ot = Lt(() => {
+      g(P);
     }, t), this._delay = t;
   }
 });
-P.delay = 60;
-function Et(t, e) {
+B.delay = 60;
+function Lt(t, e) {
   let i = 0;
   return function() {
     const s = Date.now();
     s - i >= e && (i = s, g(t, this, arguments));
   };
 }
-const H = () => {
-  lt();
+const E = () => {
+  ot();
 };
-function Lt(t) {
-  F.push(t);
+function Wt(t) {
+  P.push(t);
 }
-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 = [
+const R = new ResizeObserver(E);
+R.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 = [
     /* left: 0 */
     r.left - u,
     /* top: 1 */
@@ -576,43 +578,43 @@ function ot(t) {
     T - r.bottom
   ];
   h && (G(
-    h.split(J),
-    function(ht, M, A, at) {
-      at.push(A[M]);
+    h.split(K),
+    function(at, H, O, ft) {
+      ft.push(O[H]);
     },
-    Mt,
-    c = []
-  ), d.unshift.apply(d, c)), n = G(
+    Ht,
+    f = []
+  ), d.unshift.apply(d, f)), n = G(
     d,
-    function(ht, M, A) {
-      if (A[M] > 0)
-        return M;
+    function(at, H, O) {
+      if (O[H] > 0)
+        return H;
     },
     x
   );
-  var _ = 0, m = 0, v = 0;
+  var _ = 0, y = 0, v = 0;
   if (n != null) {
-    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 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(
       r.bottom,
       i
-    ), 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]),
+    ), I = (S - o + Math.min(i - o, N)) / 2;
+    y = Math.max(
+      m ? I : n == 3 ? r.top + c + s : Math.min(I, x[1]),
       0
     ), $ && r.left > b && (v = r.left - _ - s + p / 2);
   }
-  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(
+  let j = a.classList, C = t.css;
+  j.remove(...et), j.add(et[n]), t.index = n, C.left = _ + Q, C.top = y + Q;
+  let U = C["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(m, N) - m,
+    Math.max(y, N) - y,
     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;
+  ) : 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;
 }
-const Wt = {
+const A = "data-tips-scroll", Ot = {
   name: "Tips",
   props: {
     /* 是否显示 */
@@ -703,7 +705,7 @@ const Wt = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && ot({
+      this.$el.nodeName != "#comment" && ht({
         onresize: !1,
         /* 监控的目标 */
         target: this.$el.parentNode,
@@ -719,24 +721,24 @@ const Wt = {
     },
     scrollListener() {
       this.static || this.parent((t, e, i) => {
-        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"))));
+        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"))));
       });
     }
   },
   mounted() {
-    E(
+    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(), P.delay = +this.delay, Lt((t) => {
+    ), 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();
   },
   unmounted() {
     this.parent(function(t, e) {
-      g(t.removeEventListener, t, "scroll", H), g(t.removeAttribute, t, "-tips-scroll", void 0), e || g(R.unobserve, R, t);
+      g(t.removeEventListener, t, "scroll", E), g(t.removeAttribute, t, A, void 0), e || g(R.unobserve, R, t);
     });
   }
 };
@@ -749,27 +751,27 @@ var At = function() {
       return [e._v(e._s(e.content))];
     })];
   })], 2) : e._e();
-}, Ot = [], Ft = /* @__PURE__ */ W(
-  Wt,
-  At,
+}, Ft = [], Pt = /* @__PURE__ */ W(
   Ot,
+  At,
+  Ft,
   !1,
   null,
-  "72d69fdc",
+  "d4e2f8f1",
   null,
   null
 );
-const Pt = Ft.exports, Bt = [vt, Nt, kt, Pt], Xt = {
+const Bt = Pt.exports, It = [wt, zt, Mt, Bt], Dt = {
   install(t) {
-    Bt.forEach((e) => {
+    It.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  Nt as Card,
-  vt as Flyweight,
-  kt as Stream,
-  Pt as Tips,
-  Xt as default
+  zt as Card,
+  wt 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}}.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)}
+@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)}