@soei/flyweight 0.3.13 → 0.4.1

package/Flyweight.js

@@ -1,8 +1,8 @@
-import { runer as T, merge as B, isArray as at, each as C, picker as O, isEmpty as dt, isSimplyType as Q, isString as St } from "@soei/util";
-import { openBlock as N, createElementBlock as M, normalizeClass as ct, normalizeStyle as P, createElementVNode as W, Fragment as ut, renderList as ft, renderSlot as g, mergeProps as I, createCommentVNode as pt, createTextVNode as gt, toDisplayString as G, createBlock as $t, resolveDynamicComponent as Nt, withCtx as zt } from "vue";
-import { runer as p, isNil as kt, each as Z } from "@soei/tools";
-import Tt from "@soei/picker";
-let Mt = /(\d+|[+\-\*/]|%)/g, tt = {
+import { runer as v, each as H, isEmpty as at, picker as C, isSimplyType as Q, merge as L, isString as zt, isArray as ut } from "@soei/util";
+import { openBlock as T, createElementBlock as O, normalizeStyle as A, renderSlot as d, createElementVNode as M, createTextVNode as ct, toDisplayString as G, normalizeProps as Tt, guardReactiveProps as Nt, normalizeClass as dt, Fragment as ft, renderList as pt, mergeProps as B, createCommentVNode as gt, createBlock as kt, resolveDynamicComponent as Mt, withCtx as Ot } from "vue";
+import { runer as g, isNil as Pt, each as Z } from "@soei/tools";
+import jt from "@soei/picker";
+let Et = /(\d+|[+\-\*/]|%)/g, tt = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
@@ -10,30 +10,212 @@ let Mt = /(\d+|[+\-\*/]|%)/g, tt = {
   "%": (t, e, i) => parseFloat(t) / 100 * i
 }, et = (t, e) => {
   let i;
-  if (i = T("match", t, Mt)) {
-    let r = i.length, n, l = 0, s, h = [];
+  if (i = v("match", t, Et)) {
+    let r = i.length, l, n = 0, s, h = [];
     for (; r--; )
-      l = i.shift(), l in tt ? (n && h.push(n), l === "%" && (h.length = 2), s = l) : +l && h.push(+l), h.length == 2 && (h.push(e), n = tt[s].apply(null, h), h.length = 0);
-    +n || (n = +h.pop()), t = n >> 0;
+      n = i.shift(), n in tt ? (l && h.push(l), n === "%" && (h.length = 2), s = n) : +n && h.push(+n), h.length == 2 && (h.push(e), l = tt[s].apply(null, h), h.length = 0);
+    +l || (l = +h.pop()), t = l >> 0;
   }
   return t;
-}, it = {}, b = (t, e) => (t + "").replace(
+}, it = {}, w = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
   it[e] || (it[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
-const j = (t, e) => {
+const F = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [r, n] of e)
-    i[r] = n;
+  for (const [r, l] of e)
+    i[r] = l;
   return i;
 };
-let st = (t) => t == null || t == null, Et = (...t) => {
+function V(t, e) {
+  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
+}
+let _t = {
+  close: {
+    handler(t) {
+      this.change(t);
+    },
+    deep: !0
+  },
+  offset: {
+    handler(t) {
+      this.margin(t);
+    },
+    deep: !0
+  }
+}, Ht = [
+  "BackGround",
+  "BordeR",
+  "Height",
+  "Width",
+  "Top",
+  "Right",
+  "Bottom",
+  "Left"
+], yt = {};
+H(
+  Ht,
+  (t, e, i) => {
+    t = V(e), yt["--" + V(e, !0)] = t, i[t] = function() {
+      this.trigger++;
+    };
+  },
+  _t
+);
+const Ct = {
+  name: "Card",
+  // inheritAttrs: false,
+  props: {
+    offset: {
+      type: [String, Array],
+      default: () => [0, 0, 0, 0]
+    },
+    background: {
+      type: String,
+      default: ""
+    },
+    border: {
+      type: String,
+      default: "1px"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    show: {
+      type: String,
+      default: ""
+    },
+    close: {
+      type: Object,
+      default: null
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      closecss: {},
+      // style: {},
+      trigger: 0,
+      default: {
+        top: "0px",
+        right: "0px",
+        bottom: "0px",
+        left: "0px",
+        height: "100%",
+        width: "100%",
+        background: "",
+        border: "1px"
+      }
+    };
+  },
+  computed: {
+    style() {
+      return this.tr();
+    },
+    sub() {
+      return this.show || this.title;
+    },
+    tips() {
+      return v("tips", this.close || {}) || "关闭[" + this.sub + "]";
+    }
+  },
+  watch: _t,
+  methods: {
+    exec: w,
+    isEmpty: at,
+    picker: C,
+    runer: v,
+    isSimplyType: Q,
+    tr() {
+      let t = {};
+      return this.margin(this.offset), H(yt, (e, i) => {
+        this.css(t, e, i);
+      }), t;
+    },
+    tolower: V,
+    css(t, e, i) {
+      let r = this[i] || this.default[i];
+      !r || this.default[i] == r || (t[e] = w(r));
+    },
+    change(t) {
+      Q(t) || (this.closecss = C(
+        t,
+        "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
+      ));
+    },
+    margin(t) {
+      L(
+        this,
+        C(
+          zt(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+          "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
+          !0
+        ),
+        !0
+      );
+    }
+  },
+  mounted() {
+    this.change(this.close);
+  }
+}, Lt = {
+  class: "card-title",
+  space: ""
+}, Rt = {
+  class: "card-ico-items",
+  flex: "",
+  vcenter: ""
+}, Wt = ["title"], At = { class: "card-content" };
+function Bt(t, e, i, r, l, n) {
+  return T(), O("div", {
+    class: "card",
+    key: l.trigger,
+    style: A(n.isEmpty(n.style) ? n.tr() : n.style)
+  }, [
+    d(t.$slots, "default", {}, () => [
+      d(t.$slots, "title", {}, () => [
+        M("div", Lt, [
+          ct(G(n.sub) + " ", 1),
+          d(t.$slots, "icons", {}, () => [
+            M("div", Rt, [
+              d(t.$slots, "icon", Tt(Nt({ el: t.$el, picker: n.picker, runer: n.runer })), void 0, !0),
+              M("div", {
+                class: dt(["card-close", { hide: n.isSimplyType(i.close) ? !i.close : !1 }]),
+                style: A(l.closecss),
+                onClick: e[0] || (e[0] = (s) => t.$emit("close")),
+                title: n.tips
+              }, null, 14, Wt)
+            ])
+          ], !0)
+        ])
+      ], !0),
+      d(t.$slots, "content", {}, () => [
+        M("div", At, [
+          d(t.$slots, "inner", {}, void 0, !0)
+        ])
+      ], !0)
+    ], !0)
+  ], 4);
+}
+const Ft = /* @__PURE__ */ F(Ct, [["render", Bt], ["__scopeId", "data-v-7fa6225c"]]), It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ft
+}, Symbol.toStringTag, { value: "Module" }));
+let st = (t) => t == null || t == null, Dt = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const Ht = {
+const Gt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -97,14 +279,14 @@ const Ht = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, r = {};
-      return B(r, {
-        "--width": b(this.realW),
-        "--height": b(this.realH),
-        "--flyweight-content": b(i)
+      return L(r, {
+        "--width": w(this.realW),
+        "--height": w(this.realH),
+        "--flyweight-content": w(i)
       }, e && {
-        "--flyweight-h": b(e)
+        "--flyweight-h": w(e)
       }, t && r, {
-        "--flyweight-w": b(t)
+        "--flyweight-w": w(t)
       }, "mix"), r;
     }
   },
@@ -156,16 +338,16 @@ const Ht = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      Et(t);
+      Dt(t);
     }
-    this.scrollx = T("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
+    this.scrollx = v("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: b,
+    exec: w,
     trigger(t, e) {
-      at(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        C(t, (i, r) => {
+      ut(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        H(t, (i, r) => {
           this.$emit(r[0], st(r[1]) ? !0 : r[1]);
         });
       });
@@ -175,17 +357,17 @@ const Ht = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      T([this.cheackflys, (e) => {
+      v([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || C(this.flys, (r, n, l, s) => {
-          if (n[l] == s)
+        let i = e.index || H(this.flys, (r, l, n, s) => {
+          if (l[n] == s)
             return r;
         }, e.picker, e.id);
         st(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
-      T([this.cheackflys, ({ index: e }) => {
+      v([this.cheackflys, ({ index: e }) => {
         this.selectIndex = e, this.$nextTick(() => {
           let i = e / this.column >> 0, r = this.expand;
           (this.flyweight[this.direction] / r >> 0) + this.row - i - 1 > 0 || (this.flyweight[this.direction] = i * r, this.scroll());
@@ -194,11 +376,11 @@ const Ht = {
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        T(t);
+        v(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = [], i = T(this.direction, t.target), r = {
+      let e = [], i = v(this.direction, t.target), r = {
         // ...this
         offset: i,
         top: i,
@@ -207,24 +389,24 @@ const Ht = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      B(r, this.space), t.from || e.push(["onscroll", r]);
-      let n = !1;
-      C(
+      L(r, this.space), t.from || e.push(["onscroll", r]);
+      let l = !1;
+      H(
         this.flyweights,
-        (l, s, h, o, d, c, u, f, a) => {
-          if (h = l / d >> 0, f = h + o * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < c % o) + (c / o >> 0)), a = f * d + l % d, a >= this.count) {
-            n || (e.push(["onend"]), n = !0);
+        (n, s, h, o, u, c, f, p, a) => {
+          if (h = n / u >> 0, p = h + o * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(h < c % o) + (c / o >> 0)), a = p * u + n % u, a >= this.count) {
+            l || (e.push(["onend"]), l = !0);
             return;
           }
-          s.index = f, s.i = a, s.data = this.flys[a];
-          let v = [
+          s.index = p, s.i = a, s.data = this.flys[a];
+          let S = [
             /* top */
-            f * this.expand + s.x,
+            p * this.expand + s.x,
             /* left */
             s.space
           ];
-          u && v.reverse(), s.top = v[0], s.left = v[1];
+          f && S.reverse(), s.top = S[0], s.left = S[1];
         },
         null,
         this.row,
@@ -242,31 +424,31 @@ const Ht = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let i = this.scrollx, r = this.flyweight, n = O(r, this.BoxRule);
+      let i = this.scrollx, r = this.flyweight, l = C(r, this.BoxRule);
       this.$nextTick(() => {
-        let l = /true/.test(this.auto), [s, h] = this.offset, o = n.width, d = n.height, c = (et(this.width, o) || o) + s, u = et(this.height, d) + h, f = [o / c >> 0 || 1, d / u >> 0 || 1];
-        i && f.reverse();
-        let [a, v] = f, x = this.padding, E, S = 0, y, _;
-        i ? (y = c, c -= s, _ = ($) => (
+        let n = /true/.test(this.auto), [s, h] = this.offset, o = l.width, u = l.height, c = (et(this.width, o) || o) + s, f = et(this.height, u) + h, p = [o / c >> 0 || 1, u / f >> 0 || 1];
+        i && p.reverse();
+        let [a, S] = p, x = this.padding, P, $ = 0, _, m;
+        i ? (_ = c, c -= s, m = (z) => (
           /* 计算top偏移量 */
-          $ * (u - h) + ($ + 1) * h
-        )) : (l ? (c = (o - s * (a + 2 * x - 1)) / a, E = !x * s, S = x * s) : (E = 0, S = (o % c + s * a) / (a + 1) >> 0, c -= s), _ = ($) => $ * (c + E) + ($ + 1) * S, y = u), this.row = v + 2, this.column = a, this.realH = u - h, this.realW = c, this.expand = y, this.Size = Math.ceil(t / a) * y;
-        let w = Math.min(t, a * this.row), m = w - 1, z;
-        for (; w-- > 0; )
-          z = m - w, this.$set(e, z, {
+          z * (f - h) + (z + 1) * h
+        )) : (n ? (c = (o - s * (a + 2 * x - 1)) / a, P = !x * s, $ = x * s) : (P = 0, $ = (o % c + s * a) / (a + 1) >> 0, c -= s), m = (z) => z * (c + P) + (z + 1) * $, _ = f), this.row = S + 2, this.column = a, this.realH = f - h, this.realW = c, this.expand = _, this.Size = Math.ceil(t / a) * _;
+        let b = Math.min(t, a * this.row), y = b - 1, N;
+        for (; b-- > 0; )
+          N = y - b, this.$set(e, N, {
             x: s,
             y: h,
             width: c,
-            height: u - h,
-            space: _(z % a),
+            height: f - h,
+            space: m(N % a),
             data: {}
           });
-        e.length = m + 1;
+        e.length = y + 1;
         let k = [];
-        d / y > m / a && k.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        u / _ > y / a && k.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
         }), k.push(["update:space", {
-          row: (m / a >> 0) + 1,
+          row: (y / a >> 0) + 1,
           column: a,
           showrow: this.row,
           showcolumn: this.column
@@ -274,193 +456,34 @@ const Ht = {
       });
     }
   }
-}, Lt = { class: "flyweight-all" };
-function Ct(t, e, i, r, n, l) {
-  return N(), M("div", {
+}, Vt = { class: "flyweight-all" };
+function qt(t, e, i, r, l, n) {
+  return T(), O("div", {
     ref: "flyweight",
-    class: ct(["flyweight", {
-      "flyweight-active": n.actice
+    class: dt(["flyweight", {
+      "flyweight-active": l.actice
     }]),
-    style: P(l.style),
-    onScroll: e[0] || (e[0] = (...s) => l.scroll && l.scroll(...s))
+    style: A(n.style),
+    onScroll: e[0] || (e[0] = (...s) => n.scroll && n.scroll(...s))
   }, [
-    W("div", Lt, [
-      (N(!0), M(ut, null, ft(n.flyweights, (s, h) => (N(), M("div", {
+    M("div", Vt, [
+      (T(!0), O(ft, null, pt(l.flyweights, (s, h) => (T(), O("div", {
         key: h,
-        style: P({
+        style: A({
           top: s.top + "px",
           left: s.left + "px"
         })
       }, [
-        g(t.$slots, "default", I({ ref_for: !0 }, s), void 0, !0)
+        d(t.$slots, "default", B({ ref_for: !0 }, s), void 0, !0)
       ], 4))), 128))
     ]),
-    n.flyweights.length ? g(t.$slots, "end", { key: 0 }, void 0, !0) : pt("", !0)
+    l.flyweights.length ? d(t.$slots, "end", { key: 0 }, void 0, !0) : gt("", !0)
   ], 38);
 }
-const Wt = /* @__PURE__ */ j(Ht, [["render", Ct], ["__scopeId", "data-v-35b94e9b"]]);
-function U(t, e) {
-  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
-}
-let yt = {
-  close: {
-    handler(t) {
-      this.change(t);
-    },
-    deep: !0
-  },
-  offset: {
-    handler(t) {
-      this.margin(t);
-    },
-    deep: !0
-  }
-}, Bt = [
-  "BackGround",
-  "BordeR",
-  "Height",
-  "Width",
-  "Top",
-  "Right",
-  "Bottom",
-  "Left"
-], mt = {};
-C(
-  Bt,
-  (t, e, i) => {
-    t = U(e), mt["--" + U(e, !0)] = t, i[t] = function() {
-      this.trigger++;
-    };
-  },
-  yt
-);
-const Rt = {
-  name: "Card",
-  // inheritAttrs: false,
-  props: {
-    offset: {
-      type: [String, Array],
-      default: () => [0, 0, 0, 0]
-    },
-    background: {
-      type: String,
-      default: ""
-    },
-    border: {
-      type: String,
-      default: "1px"
-    },
-    height: {
-      type: String,
-      default: "100%"
-    },
-    width: {
-      type: String,
-      default: "100%"
-    },
-    show: {
-      type: String,
-      default: ""
-    },
-    close: {
-      type: Object,
-      default: null
-    },
-    title: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      closecss: {},
-      // style: {},
-      trigger: 0,
-      default: {
-        top: "0px",
-        right: "0px",
-        bottom: "0px",
-        left: "0px",
-        height: "100%",
-        width: "100%",
-        background: "",
-        border: "1px"
-      }
-    };
-  },
-  computed: {
-    style() {
-      return this.tr();
-    }
-  },
-  watch: yt,
-  methods: {
-    exec: b,
-    isEmpty: dt,
-    isSimplyType: Q,
-    tr() {
-      let t = {};
-      return this.margin(this.offset), C(mt, (e, i) => {
-        this.css(t, e, i);
-      }), t;
-    },
-    tolower: U,
-    css(t, e, i) {
-      let r = this[i] || this.default[i];
-      !r || this.default[i] == r || (t[e] = b(r));
-    },
-    change(t) {
-      Q(t) || (this.closecss = O(
-        t,
-        "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
-      ));
-    },
-    margin(t) {
-      B(
-        this,
-        O(
-          St(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
-          "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
-          !0
-        ),
-        !0
-      );
-    }
-  },
-  mounted() {
-    this.change(this.close);
-  }
-}, At = { class: "card-title" }, Ot = ["title"], Pt = { class: "card-content" };
-function It(t, e, i, r, n, l) {
-  return N(), M("div", {
-    class: "card",
-    key: n.trigger,
-    style: P(l.isEmpty(l.style) ? l.tr() : l.style)
-  }, [
-    g(t.$slots, "default", {}, () => [
-      g(t.$slots, "title", {}, () => {
-        var s;
-        return [
-          W("div", At, [
-            gt(G(i.show || i.title) + " ", 1),
-            W("div", {
-              class: ct(["card-close", { hide: l.isSimplyType(i.close) ? !i.close : !1 }]),
-              style: P(n.closecss),
-              onClick: e[0] || (e[0] = (h) => t.$emit("close")),
-              title: (s = i.close) == null ? void 0 : s.tips
-            }, null, 14, Ot)
-          ])
-        ];
-      }, !0),
-      g(t.$slots, "content", {}, () => [
-        W("div", Pt, [
-          g(t.$slots, "inner", {}, void 0, !0)
-        ])
-      ], !0)
-    ], !0)
-  ], 4);
-}
-const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7"]]), Ft = {
+const Ut = /* @__PURE__ */ F(Gt, [["render", qt], ["__scopeId", "data-v-35b94e9b"]]), Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ut
+}, Symbol.toStringTag, { value: "Module" })), Yt = {
   name: "Stream",
   computed: {
     component() {
@@ -468,7 +491,7 @@ const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7
     },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return dt(i) ? [] : at(i) ? i : [i];
+      return at(i) ? [] : ut(i) ? i : [i];
     }
   },
   props: {
@@ -491,7 +514,7 @@ const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7
     }
   },
   mounted() {
-    this.$.vnode.ref && B(this, { ...this.component });
+    this.$.vnode.ref && L(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -500,25 +523,28 @@ const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7
     }
   }
 };
-function Dt(t, e, i, r, n, l) {
-  return N(), $t(Nt(i.type), I({ ref: "component" }, t.$attrs), {
-    default: zt(() => [
-      (N(!0), M(ut, null, ft(l.column, (s) => g(t.$slots, l.__trigger(s), I({
+function Jt(t, e, i, r, l, n) {
+  return T(), kt(Mt(i.type), B({ ref: "component" }, t.$attrs), {
+    default: Ot(() => [
+      (T(!0), O(ft, null, pt(n.column, (s) => d(t.$slots, n.__trigger(s), B({
         key: s.type
       }, { ref_for: !0 }, s))), 128))
     ]),
     _: 3
   }, 16);
 }
-const Gt = /* @__PURE__ */ j(Ft, [["render", Dt]]), rt = /(?:\,|\|{2})/, lt = "px", nt = "";
-let _t = document.documentElement, ot, ht = ["s-left", "s-top", "s-right", "s-bottom"], Ut = { left: 0, top: 1, right: 2, bottom: 3 };
-const V = [];
-var Vt = Tt(
+const Kt = /* @__PURE__ */ F(Yt, [["render", Jt]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Kt
+}, Symbol.toStringTag, { value: "Module" })), rt = /(?:\,|\|{2})/, nt = "px", lt = "";
+let mt = document.documentElement, ot, ht = ["s-left", "s-top", "s-right", "s-bottom"], Zt = { left: 0, top: 1, right: 2, bottom: 3 };
+const q = [];
+var te = jt(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let q = {}, wt = null;
-Vt(q, "delay", {
+let U = {}, bt = null;
+te(U, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -527,79 +553,83 @@ Vt(q, "delay", {
     return this._delay;
   },
   set(t) {
-    wt = qt(() => {
-      p(V);
+    bt = ee(() => {
+      g(q);
     }, t), this._delay = t;
   }
 });
-q.delay = 60;
-function qt(t, e) {
+U.delay = 60;
+function ee(t, e) {
   let i = 0;
   return function() {
     const r = Date.now();
-    r - i >= e && (i = r, p(t, this, arguments));
+    r - i >= e && (i = r, g(t, this, arguments));
   };
 }
-const A = () => {
-  wt();
+const W = () => {
+  bt();
 };
-function Xt(t) {
-  V.push(t);
+function ie(t) {
+  q.push(t);
 }
-const L = new ResizeObserver(A);
-L.observe(_t);
-function bt(t) {
-  t.onresize || (V.push([bt, null, t]), t.onresize = !0);
-  var e = _t, i = e.clientHeight, r = kt(t.offset) ? 15 : t.offset, n = t.target, l = t.room, s = t.index, h = t.position, o = n.getBoundingClientRect(), d = l.offsetHeight + r, c = l.offsetWidth + r, u = "3,0,2,1".split(rt), f, a = (o.height == ot ? o.bottom - o.top : o.height) >> 0, v = (o.width == ot ? o.right - o.left : o.width) >> 0, x = e.clientWidth - c, E = i - d, S = [
+const E = new ResizeObserver(W);
+E.observe(mt);
+function wt(t) {
+  t.onresize || (q.push([wt, null, t]), t.onresize = !0);
+  var e = mt, i = e.clientHeight, r = Pt(t.offset) ? 15 : t.offset, l = t.target, n = t.room, s = t.index, h = t.position, o = l.getBoundingClientRect(), u = n.offsetHeight + r, c = n.offsetWidth + r, f = "3,0,2,1".split(rt), p, a = (o.height == ot ? o.bottom - o.top : o.height) >> 0, S = (o.width == ot ? o.right - o.left : o.width) >> 0, x = e.clientWidth - c, P = i - u, $ = [
     /* left: 0 */
     o.left - c,
     /* top: 1 */
-    o.top - d,
+    o.top - u,
     /* right: 2 */
     x - o.right,
     /* bottom: 3 */
-    E - o.bottom
+    P - o.bottom
   ];
   h && (Z(
     h.split(rt),
-    function(vt, R, F, xt) {
-      xt.push(F[R]);
-    },
-    Ut,
-    f = []
-  ), u.unshift.apply(u, f)), s = Z(
-    u,
-    function(vt, R, F) {
-      if (F[R] > 0)
+    function(xt, R, I, $t) {
+      $t.push(I[R]);
+    },
+    Zt,
+    p = []
+  ), f.unshift.apply(f, p)), s = Z(
+    f,
+    function(xt, R, I) {
+      if (I[R] > 0)
         return R;
     },
-    S
+    $
   );
-  var y = 0, _ = 0, w = 0;
+  var _ = 0, m = 0, b = 0;
   if (s != null) {
-    var m = s == 0 || s == 2, z = s == 3 || s == 1;
-    y = z ? Math.min(o.left, x) : s == 2 ? o.right + r : S[0], d -= r * +m;
-    var k = Math.max(o.top, 0), $ = Math.min(
+    var y = s == 0 || s == 2, N = s == 3 || s == 1;
+    _ = N ? Math.min(o.left, x) : s == 2 ? o.right + r : $[0], u -= r * +y;
+    var k = Math.max(o.top, 0), z = Math.min(
       o.bottom,
       i
-    ), X = ($ - d + Math.min(i - d, k)) / 2;
-    _ = Math.max(
-      m ? X : s == 3 ? o.top + a + r : Math.min(X, S[1]),
+    ), X = (z - u + Math.min(i - u, k)) / 2;
+    m = Math.max(
+      y ? X : s == 3 ? o.top + a + r : Math.min(X, $[1]),
       0
-    ), z && o.left > x && (w = o.left - y - r + v / 2);
+    ), N && o.left > x && (b = o.left - _ - r + S / 2);
   }
-  let Y = l.classList, H = t.css;
-  Y.remove(...ht), Y.add(ht[s]), t.index = s, H.left = y + lt, H.top = _ + lt;
-  let J = H["--tips-arrow-top"] = m ? Math.min(
+  let Y = n.classList, j = t.css;
+  Y.remove(...ht), Y.add(ht[s]), t.index = s, j.left = _ + nt, j.top = m + nt;
+  let J = j["--tips-arrow-top"] = y ? Math.min(
     /* 底边距 */
-    Math.max(_, k) - _,
-    d - r
-  ) : nt, K = c - 3 * r;
-  H["--tips-arrow"] = w > K - 10 || m && (J + (d > 50 ? 15 : 0) > d || !J) ? "hidden" : "visible", H["--tips-arrow-left"] = w ? Math.min(w, K) : nt;
+    Math.max(m, k) - m,
+    u - r
+  ) : lt, K = c - 3 * r;
+  j["--tips-arrow"] = b > K - 10 || y && (J + (u > 50 ? 15 : 0) > u || !J) ? "hidden" : "visible", j["--tips-arrow-left"] = b ? Math.min(b, K) : lt;
 }
-const D = "data-tips-scroll", Yt = {
+const D = "data-tips-scroll", se = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -673,13 +703,13 @@ const D = "data-tips-scroll", Yt = {
     };
   },
   methods: {
-    parent(t) {
+    __parent(t) {
       let e = this.$el, i;
-      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), p(t, null, e, i), !i); )
+      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), g(t, null, e, i), !i); )
         ;
     },
-    attr(t, e, i) {
-      return p(
+    __attr(t, e, i) {
+      return g(
         t[i === void 0 ? "getAttribute" : "setAttribute"],
         t,
         e,
@@ -688,12 +718,13 @@ const D = "data-tips-scroll", Yt = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && bt({
+      let t = this.$el;
+      t.nodeName != "#comment" && wt({
         onresize: !1,
         /* 监控的目标 */
-        target: this.$el.parentNode,
+        target: t.parentNode,
         /* 显示的元素 */
-        room: this.$el,
+        room: t,
         /* 显示位置 */
         position: this.position,
         /* CSS样式集合 */
@@ -702,57 +733,65 @@ const D = "data-tips-scroll", Yt = {
         offset: +this.offset >> 0
       });
     },
-    scrollListener() {
-      this.static || this.parent((t, e, i) => {
-        e ? p(t.addEventListener, t, "scroll", A) : (p(L.observe, L, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.attr(t, D), i || (p(t.addEventListener, t, "scroll", A), this.attr(t, D, "true"))));
+    __2listener() {
+      this.static || this.__parent((t, e, i) => {
+        e ? g(t.addEventListener, t, "scroll", W) : (g(E.observe, E, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.__attr(t, D), i || (g(t.addEventListener, t, "scroll", W), this.__attr(t, D, "true"))));
       });
+    },
+    __css() {
+      let t = {}, e;
+      return this.target ? e = {
+        [this.position]: this.offset + "px"
+      } : (e = C(
+        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), L(t, e), t;
+    },
+    __2next() {
+      this.target || (this.init(), U.delay = +this.delay, ie((t) => {
+        this.__2listener();
+      }), this.__2listener());
     }
   },
   mounted() {
-    B(
-      this.css,
-      O(
-        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(), q.delay = +this.delay, Xt((t) => {
-      this.scrollListener();
-    }), this.scrollListener();
+    this.css = this.__css(), this.__2next();
   },
   unmounted() {
-    this.parent(function(t, e) {
-      p(t.removeEventListener, t, "scroll", A), p(t.removeAttribute, t, D, void 0), e || p(L.unobserve, L, t);
+    this.__parent(function(t, e) {
+      g(t.removeEventListener, t, "scroll", W), g(t.removeAttribute, t, D, void 0), e || g(E.unobserve, E, t);
     });
   }
-}, Jt = ["static"], Kt = { class: "tips-title" };
-function Qt(t, e, i, r, n, l) {
-  return i.visible ? (N(), M("div", I({
-    key: 0,
-    class: "tips",
-    style: i.static ? null : n.css,
+}, re = ["static"], ne = { class: "tips-title" };
+function le(t, e, i, r, l, n) {
+  return i.visible ? (T(), O("div", B({ key: 0 }, t.$attrs, {
+    class: ["tips", i.target ? "tips-" + i.position : ""],
+    style: i.static ? null : l.css,
     static: i.static ? "" : null
-  }, t.$attrs), [
-    g(t.$slots, "default", {}, () => [
-      g(t.$slots, "title", {}, () => [
-        W("div", Kt, G(i.title), 1)
+  }), [
+    d(t.$slots, "default", {}, () => [
+      d(t.$slots, "title", {}, () => [
+        M("div", ne, G(i.title), 1)
       ], !0),
-      g(t.$slots, "content", {}, () => [
-        gt(G(i.content), 1)
+      d(t.$slots, "content", {}, () => [
+        ct(G(i.content), 1)
       ], !0)
     ], !0)
-  ], 16, Jt)) : pt("", !0);
+  ], 16, re)) : gt("", !0);
 }
-const Zt = /* @__PURE__ */ j(Yt, [["render", Qt], ["__scopeId", "data-v-e7d22ab3"]]), te = [Wt, jt, Gt, Zt], le = {
-  install(t) {
-    te.forEach((e) => {
-      t.component("S" + e.name, e), t.component(e.name + "S", e);
-    });
-  }
+const oe = /* @__PURE__ */ F(se, [["render", le], ["__scopeId", "data-v-9b313627"]]), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: oe
+}, Symbol.toStringTag, { value: "Module" })), ae = /* @__PURE__ */ Object.assign({ "./components/Card.vue": It, "./components/Flyweight.vue": Xt, "./components/Stream.vue": Qt, "./components/Tips.vue": he }), vt = [], St = {};
+for (const [t, e] of Object.entries(ae)) {
+  const i = t.split("/").pop().replace(/\.vue$/, "");
+  St[i] = e.default, vt.push(e.default);
+}
+St.install = function(t, e = {}) {
+  vt.forEach((i) => {
+    t.component(i.name, i), t.component("S" + i.name, i), t.component(i.name + "S", i);
+  });
 };
 export {
-  jt as Card,
-  Wt as Flyweight,
-  Gt as Stream,
-  Zt as Tips,
-  le as default
+  St as components,
+  St as default
 };