@soei/flyweight 0.3.12 → 0.4.0

package/Flyweight.js

@@ -1,39 +1,39 @@
-import { runer as T, merge as C, isArray as ht, each as W, picker as O, isEmpty as at, isSimplyType as K, isString as xt } from "@soei/util";
-import { openBlock as N, createElementBlock as M, normalizeClass as dt, normalizeStyle as P, createElementVNode as B, Fragment as ct, renderList as ut, renderSlot as g, mergeProps as I, createCommentVNode as ft, createTextVNode as pt, toDisplayString as D, createBlock as St, resolveDynamicComponent as $t, withCtx as Nt } from "vue";
-import { runer as p, isNil as zt, each as Q } from "@soei/tools";
-import kt from "@soei/picker";
-let Tt = /(\d+|[+\-\*/]|%)/g, Z = {
+import { runer as v, merge as W, isArray as at, each as P, picker as R, isEmpty as ut, isSimplyType as Q, isString as St } from "@soei/util";
+import { openBlock as N, createElementBlock as E, normalizeClass as ct, normalizeStyle as O, createElementVNode as M, Fragment as dt, renderList as ft, renderSlot as d, mergeProps as I, createCommentVNode as pt, createTextVNode as gt, toDisplayString as G, normalizeProps as $t, guardReactiveProps as zt, createBlock as Nt, resolveDynamicComponent as kt, withCtx as Tt } from "vue";
+import { runer as g, isNil as Mt, each as Z } from "@soei/tools";
+import Et from "@soei/picker";
+let Ht = /(\d+|[+\-\*/]|%)/g, tt = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
   "/": (t, e) => t / e,
   "%": (t, e, i) => parseFloat(t) / 100 * i
-}, tt = (t, e) => {
+}, et = (t, e) => {
   let i;
-  if (i = T("match", t, Tt)) {
-    let r = i.length, n, l = 0, s, h = [];
+  if (i = v("match", t, Ht)) {
+    let r = i.length, l, n = 0, s, h = [];
     for (; r--; )
-      l = i.shift(), l in Z ? (n && h.push(n), l === "%" && (h.length = 2), s = l) : +l && h.push(+l), h.length == 2 && (h.push(e), n = Z[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;
-}, et = {}, _ = (t, e) => (t + "").replace(
+}, it = {}, b = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
-  et[e] || (et[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
+  it[e] || (it[e] = new RegExp("(?=\\s+|^)(\\d+)(?:\\.\\d{1,})?(?!(?:\\.)*\\d|%|\\w)", "g")),
   "$1px"
 );
 const j = (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 it = (t) => t == null || t == null, Mt = (...t) => {
+let st = (t) => t == null || t == null, Ct = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const Et = {
+const Lt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -97,14 +97,14 @@ const Et = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, r = {};
-      return C(r, {
-        "--width": _(this.realW),
-        "--height": _(this.realH),
-        "--flyweight-content": _(i)
+      return W(r, {
+        "--width": b(this.realW),
+        "--height": b(this.realH),
+        "--flyweight-content": b(i)
       }, e && {
-        "--flyweight-h": _(e)
+        "--flyweight-h": b(e)
       }, t && r, {
-        "--flyweight-w": _(t)
+        "--flyweight-w": b(t)
       }, "mix"), r;
     }
   },
@@ -156,17 +156,17 @@ const Et = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      Mt(t);
+      Ct(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: _,
+    exec: b,
     trigger(t, e) {
-      ht(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        W(t, (i, r) => {
-          this.$emit(r[0], it(r[1]) ? !0 : r[1]);
+      at(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        P(t, (i, r) => {
+          this.$emit(r[0], st(r[1]) ? !0 : r[1]);
         });
       });
     },
@@ -175,17 +175,17 @@ const Et = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      T([this.cheackflys, (e) => {
+      v([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || W(this.flys, (r, n, l, s) => {
-          if (n[l] == s)
+        let i = e.index || P(this.flys, (r, l, n, s) => {
+          if (l[n] == s)
             return r;
         }, e.picker, e.id);
-        it(i) || this.setindex(i);
+        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 +194,11 @@ const Et = {
     },
     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 +207,24 @@ const Et = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      C(r, this.space), t.from || e.push(["onscroll", r]);
-      let n = !1;
-      W(
+      W(r, this.space), t.from || e.push(["onscroll", r]);
+      let l = !1;
+      P(
         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 x = [
             /* 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 && x.reverse(), s.top = x[0], s.left = x[1];
         },
         null,
         this.row,
@@ -242,67 +242,67 @@ const Et = {
       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 = R(r, this.BoxRule);
       this.$nextTick(() => {
-        let l = /true/.test(this.auto), [s, h] = this.offset, o = n.width, d = n.height, c = (tt(this.width, o) || o) + s, u = tt(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, w;
-        i ? (y = c, c -= s, w = ($) => (
+        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, x] = p, S = this.padding, H, $ = 0, y, _;
+        i ? (y = c, c -= s, _ = (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), w = ($) => $ * (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 b = Math.min(t, a * this.row), m = b - 1, z;
-        for (; b-- > 0; )
-          z = m - b, this.$set(e, z, {
+          z * (f - h) + (z + 1) * h
+        )) : (n ? (c = (o - s * (a + 2 * S - 1)) / a, H = !S * s, $ = S * s) : (H = 0, $ = (o % c + s * a) / (a + 1) >> 0, c -= s), _ = (z) => z * (c + H) + (z + 1) * $, y = f), this.row = x + 2, this.column = a, this.realH = f - 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, k;
+        for (; w-- > 0; )
+          k = m - w, this.$set(e, k, {
             x: s,
             y: h,
             width: c,
-            height: u - h,
-            space: w(z % a),
+            height: f - h,
+            space: _(k % a),
             data: {}
           });
         e.length = m + 1;
-        let k = [];
-        d / y > m / a && k.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        let T = [];
+        u / y > m / a && T.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), k.push(["update:space", {
+        }), T.push(["update:space", {
           row: (m / a >> 0) + 1,
           column: a,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(k);
+        }]), this.trigger(T);
       });
     }
   }
-}, Ht = { class: "flyweight-all" };
-function Lt(t, e, i, r, n, l) {
-  return N(), M("div", {
+}, Pt = { class: "flyweight-all" };
+function Rt(t, e, i, r, l, n) {
+  return N(), E("div", {
     ref: "flyweight",
-    class: dt(["flyweight", {
-      "flyweight-active": n.actice
+    class: ct(["flyweight", {
+      "flyweight-active": l.actice
     }]),
-    style: P(l.style),
-    onScroll: e[0] || (e[0] = (...s) => l.scroll && l.scroll(...s))
+    style: O(n.style),
+    onScroll: e[0] || (e[0] = (...s) => n.scroll && n.scroll(...s))
   }, [
-    B("div", Ht, [
-      (N(!0), M(ct, null, ut(n.flyweights, (s, h) => (N(), M("div", {
+    M("div", Pt, [
+      (N(!0), E(dt, null, ft(l.flyweights, (s, h) => (N(), E("div", {
         key: h,
-        style: P({
+        style: O({
           top: s.top + "px",
           left: s.left + "px"
         })
       }, [
-        g(t.$slots, "default", I({ ref_for: !0 }, s), void 0, !0)
+        d(t.$slots, "default", I({ ref_for: !0 }, s), void 0, !0)
       ], 4))), 128))
     ]),
-    n.flyweights.length ? g(t.$slots, "end", { key: 0 }, void 0, !0) : ft("", !0)
+    l.flyweights.length ? d(t.$slots, "end", { key: 0 }, void 0, !0) : pt("", !0)
   ], 38);
 }
-const Wt = /* @__PURE__ */ j(Et, [["render", Lt], ["__scopeId", "data-v-35b94e9b"]]);
-function G(t, e) {
+const Wt = /* @__PURE__ */ j(Lt, [["render", Rt], ["__scopeId", "data-v-35b94e9b"]]);
+function U(t, e) {
   return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
 }
-let gt = {
+let yt = {
   close: {
     handler(t) {
       this.change(t);
@@ -324,17 +324,17 @@ let gt = {
   "Right",
   "Bottom",
   "Left"
-], yt = {};
-W(
+], mt = {};
+P(
   Bt,
   (t, e, i) => {
-    t = G(e), yt["--" + G(e, !0)] = t, i[t] = function() {
+    t = U(e), mt["--" + U(e, !0)] = t, i[t] = function() {
       this.trigger++;
     };
   },
-  gt
+  yt
 );
-const Ct = {
+const At = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -391,35 +391,43 @@ const Ct = {
   computed: {
     style() {
       return this.tr();
+    },
+    sub() {
+      return this.show || this.title;
+    },
+    tips() {
+      return v("tips", this.close || {}) || "关闭[" + this.sub + "]";
     }
   },
-  watch: gt,
+  watch: yt,
   methods: {
-    exec: _,
-    isEmpty: at,
-    isSimplyType: K,
+    exec: b,
+    isEmpty: ut,
+    picker: R,
+    runer: v,
+    isSimplyType: Q,
     tr() {
       let t = {};
-      return this.margin(this.offset), W(yt, (e, i) => {
+      return this.margin(this.offset), P(mt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: G,
+    tolower: U,
     css(t, e, i) {
       let r = this[i] || this.default[i];
-      !r || this.default[i] == r || (t[e] = _(r));
+      !r || this.default[i] == r || (t[e] = b(r));
     },
     change(t) {
-      K(t) || (this.closecss = O(
+      Q(t) || (this.closecss = R(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
     },
     margin(t) {
-      C(
+      W(
         this,
-        O(
-          xt(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+        R(
+          St(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -430,37 +438,46 @@ const Ct = {
   mounted() {
     this.change(this.close);
   }
-}, Rt = { class: "card-title" }, At = ["title"], Ot = { class: "card-content" };
-function Pt(t, e, i, r, n, l) {
-  return N(), M("div", {
+}, Ot = {
+  class: "card-title",
+  space: ""
+}, It = {
+  class: "card-ico-items",
+  flex: "",
+  vcenter: ""
+}, jt = ["title"], Ft = { class: "card-content" };
+function Dt(t, e, i, r, l, n) {
+  return N(), E("div", {
     class: "card",
-    key: n.trigger,
-    style: P(l.isEmpty(l.style) ? l.tr() : l.style)
+    key: l.trigger,
+    style: O(n.isEmpty(n.style) ? n.tr() : n.style)
   }, [
-    g(t.$slots, "default", {}, () => [
-      g(t.$slots, "title", {}, () => {
-        var s;
-        return [
-          B("div", Rt, [
-            pt(D(i.show || i.title) + " ", 1),
-            B("div", {
-              class: dt(["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, At)
-          ])
-        ];
-      }, !0),
-      g(t.$slots, "content", {}, () => [
-        B("div", Ot, [
-          g(t.$slots, "inner", {}, void 0, !0)
+    d(t.$slots, "default", {}, () => [
+      d(t.$slots, "title", {}, () => [
+        M("div", Ot, [
+          gt(G(n.sub) + " ", 1),
+          d(t.$slots, "icons", {}, () => [
+            M("div", It, [
+              d(t.$slots, "icon", $t(zt({ el: t.$el, picker: n.picker, runer: n.runer })), void 0, !0),
+              M("div", {
+                class: ct(["card-close", { hide: n.isSimplyType(i.close) ? !i.close : !1 }]),
+                style: O(l.closecss),
+                onClick: e[0] || (e[0] = (s) => t.$emit("close")),
+                title: n.tips
+              }, null, 14, jt)
+            ])
+          ], !0)
+        ])
+      ], !0),
+      d(t.$slots, "content", {}, () => [
+        M("div", Ft, [
+          d(t.$slots, "inner", {}, void 0, !0)
         ])
       ], !0)
     ], !0)
   ], 4);
 }
-const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3"]]), jt = {
+const Gt = /* @__PURE__ */ j(At, [["render", Dt], ["__scopeId", "data-v-7fa6225c"]]), Ut = {
   name: "Stream",
   computed: {
     component() {
@@ -468,7 +485,7 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return at(i) ? [] : ht(i) ? i : [i];
+      return ut(i) ? [] : at(i) ? i : [i];
     }
   },
   props: {
@@ -491,7 +508,7 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     }
   },
   mounted() {
-    this.$.vnode.ref && C(this, { ...this.component });
+    this.$.vnode.ref && W(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -500,25 +517,25 @@ const It = /* @__PURE__ */ j(Ct, [["render", Pt], ["__scopeId", "data-v-2008eeb3
     }
   }
 };
-function Ft(t, e, i, r, n, l) {
-  return N(), St($t(i.type), I({ ref: "component" }, t.$attrs), {
-    default: Nt(() => [
-      (N(!0), M(ct, null, ut(l.column, (s) => g(t.$slots, l.__trigger(s), I({
+function Vt(t, e, i, r, l, n) {
+  return N(), Nt(kt(i.type), I({ ref: "component" }, t.$attrs), {
+    default: Tt(() => [
+      (N(!0), E(dt, null, ft(n.column, (s) => d(t.$slots, n.__trigger(s), I({
         key: s.type
       }, { ref_for: !0 }, s))), 128))
     ]),
     _: 3
   }, 16);
 }
-const Dt = /* @__PURE__ */ j(jt, [["render", Ft]]), st = /(?:\,|\|{2})/, rt = "px", lt = "";
-let mt = document.documentElement, nt, ot = ["s-left", "s-top", "s-right", "s-bottom"], Gt = { left: 0, top: 1, right: 2, bottom: 3 };
-const U = [];
-var Ut = kt(
+const qt = /* @__PURE__ */ j(Ut, [["render", Vt]]), rt = /(?:\,|\|{2})/, nt = "px", lt = "";
+let _t = document.documentElement, ot, ht = ["s-left", "s-top", "s-right", "s-bottom"], Xt = { left: 0, top: 1, right: 2, bottom: 3 };
+const V = [];
+var Yt = Et(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let V = {}, wt = null;
-Ut(V, "delay", {
+let q = {}, wt = null;
+Yt(q, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -527,79 +544,83 @@ Ut(V, "delay", {
     return this._delay;
   },
   set(t) {
-    wt = Vt(() => {
-      p(U);
+    wt = Jt(() => {
+      g(V);
     }, t), this._delay = t;
   }
 });
-V.delay = 60;
-function Vt(t, e) {
+q.delay = 60;
+function Jt(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();
 };
-function qt(t) {
-  U.push(t);
+function Kt(t) {
+  V.push(t);
 }
 const L = new ResizeObserver(A);
-L.observe(mt);
+L.observe(_t);
 function bt(t) {
-  t.onresize || (U.push([bt, null, t]), t.onresize = !0);
-  var e = mt, i = e.clientHeight, r = zt(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(st), f, a = (o.height == nt ? o.bottom - o.top : o.height) >> 0, v = (o.width == nt ? o.right - o.left : o.width) >> 0, x = e.clientWidth - c, E = i - d, S = [
+  t.onresize || (V.push([bt, null, t]), t.onresize = !0);
+  var e = _t, i = e.clientHeight, r = Mt(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, x = (o.width == ot ? o.right - o.left : o.width) >> 0, S = e.clientWidth - c, H = i - u, $ = [
     /* left: 0 */
     o.left - c,
     /* top: 1 */
-    o.top - d,
+    o.top - u,
     /* right: 2 */
-    x - o.right,
+    S - o.right,
     /* bottom: 3 */
-    E - o.bottom
+    H - o.bottom
   ];
-  h && (Q(
-    h.split(st),
-    function(_t, R, F, vt) {
-      vt.push(F[R]);
-    },
-    Gt,
-    f = []
-  ), u.unshift.apply(u, f)), s = Q(
-    u,
-    function(_t, R, F) {
-      if (F[R] > 0)
-        return R;
-    },
-    S
+  h && (Z(
+    h.split(rt),
+    function(vt, B, F, xt) {
+      xt.push(F[B]);
+    },
+    Xt,
+    p = []
+  ), f.unshift.apply(f, p)), s = Z(
+    f,
+    function(vt, B, F) {
+      if (F[B] > 0)
+        return B;
+    },
+    $
   );
-  var y = 0, w = 0, b = 0;
+  var y = 0, _ = 0, w = 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 m = s == 0 || s == 2, k = s == 3 || s == 1;
+    y = k ? Math.min(o.left, S) : s == 2 ? o.right + r : $[0], u -= r * +m;
+    var T = Math.max(o.top, 0), z = Math.min(
       o.bottom,
       i
-    ), q = ($ - d + Math.min(i - d, k)) / 2;
-    w = Math.max(
-      m ? q : s == 3 ? o.top + a + r : Math.min(q, S[1]),
+    ), X = (z - u + Math.min(i - u, T)) / 2;
+    _ = Math.max(
+      m ? X : s == 3 ? o.top + a + r : Math.min(X, $[1]),
       0
-    ), z && o.left > x && (b = o.left - y - r + v / 2);
+    ), k && o.left > S && (w = o.left - y - r + x / 2);
   }
-  let X = l.classList, H = t.css;
-  X.remove(...ot), X.add(ot[s]), t.index = s, H.left = y + rt, H.top = w + rt;
-  let Y = H["--tips-arrow-top"] = m ? Math.min(
+  let Y = n.classList, C = t.css;
+  Y.remove(...ht), Y.add(ht[s]), t.index = s, C.left = y + nt, C.top = _ + nt;
+  let J = C["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(w, k) - w,
-    d - r
-  ) : lt, J = c - 3 * r;
-  H["--tips-arrow"] = b > J - 10 || m && (Y + (d > 50 ? 15 : 0) > d || !Y) ? "hidden" : "visible", H["--tips-arrow-left"] = b ? Math.min(b, J) : lt;
+    Math.max(_, T) - _,
+    u - r
+  ) : lt, K = c - 3 * r;
+  C["--tips-arrow"] = w > K - 10 || m && (J + (u > 50 ? 15 : 0) > u || !J) ? "hidden" : "visible", C["--tips-arrow-left"] = w ? Math.min(w, K) : lt;
 }
-const Xt = {
+const D = "data-tips-scroll", Qt = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -673,13 +694,13 @@ const Xt = {
     };
   },
   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 +709,13 @@ const Xt = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && bt({
+      let t = this.$el;
+      t.nodeName != "#comment" && bt({
         onresize: !1,
         /* 监控的目标 */
-        target: this.$el.parentNode,
+        target: t.parentNode,
         /* 显示的元素 */
-        room: this.$el,
+        room: t,
         /* 显示位置 */
         position: this.position,
         /* CSS样式集合 */
@@ -702,57 +724,62 @@ const Xt = {
         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, "-tips-scroll"), i || (p(t.addEventListener, t, "scroll", A), this.attr(t, "-tips-scroll", "true"))));
+    __2listener() {
+      this.static || this.__parent((t, e, i) => {
+        e ? g(t.addEventListener, t, "scroll", A) : (g(L.observe, L, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.__attr(t, D), i || (g(t.addEventListener, t, "scroll", A), this.__attr(t, D, "true"))));
       });
+    },
+    __css() {
+      let t = {}, e;
+      return this.target ? e = {
+        [this.position]: this.offset + "px"
+      } : (e = R(
+        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), W(t, e), t;
+    },
+    __2next() {
+      this.target || (this.init(), q.delay = +this.delay, Kt((t) => {
+        this.__2listener();
+      }), this.__2listener());
     }
   },
   mounted() {
-    C(
-      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(), V.delay = +this.delay, qt((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, "-tips-scroll", void 0), e || p(L.unobserve, L, t);
+    this.__parent(function(t, e) {
+      g(t.removeEventListener, t, "scroll", A), g(t.removeAttribute, t, D, void 0), e || g(L.unobserve, L, t);
     });
   }
-}, Yt = ["static"], Jt = { class: "tips-title" };
-function Kt(t, e, i, r, n, l) {
-  return i.visible ? (N(), M("div", I({
-    key: 0,
-    class: "tips",
-    style: i.static ? null : n.css,
+}, Zt = ["static"], te = { class: "tips-title" };
+function ee(t, e, i, r, l, n) {
+  return i.visible ? (N(), E("div", I({ 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", {}, () => [
-        B("div", Jt, D(i.title), 1)
+  }), [
+    d(t.$slots, "default", {}, () => [
+      d(t.$slots, "title", {}, () => [
+        M("div", te, G(i.title), 1)
       ], !0),
-      g(t.$slots, "content", {}, () => [
-        pt(D(i.content), 1)
+      d(t.$slots, "content", {}, () => [
+        gt(G(i.content), 1)
       ], !0)
     ], !0)
-  ], 16, Yt)) : ft("", !0);
+  ], 16, Zt)) : pt("", !0);
 }
-const Qt = /* @__PURE__ */ j(Xt, [["render", Kt], ["__scopeId", "data-v-8c83dee3"]]), Zt = [Wt, It, Dt, Qt], re = {
+const ie = /* @__PURE__ */ j(Qt, [["render", ee], ["__scopeId", "data-v-45afe77c"]]), se = [Wt, Gt, qt, ie], he = {
   install(t) {
-    Zt.forEach((e) => {
+    se.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  It as Card,
+  Gt as Card,
   Wt as Flyweight,
-  Dt as Stream,
-  Qt as Tips,
-  re as default
+  qt as Stream,
+  ie as Tips,
+  he as default
 };