@soei/flyweight 0.3.13 → 0.4.0

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, 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,
@@ -10,11 +10,11 @@ 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, Ht)) {
+    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(
@@ -26,14 +26,14 @@ let Mt = /(\d+|[+\-\*/]|%)/g, tt = {
 );
 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 st = (t) => t == null || t == null, Et = (...t) => {
+let st = (t) => t == null || t == null, Ct = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const Ht = {
+const Lt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -97,7 +97,7 @@ const Ht = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, r = {};
-      return B(r, {
+      return W(r, {
         "--width": b(this.realW),
         "--height": b(this.realH),
         "--flyweight-content": b(i)
@@ -156,16 +156,16 @@ const Ht = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      Et(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: b,
     trigger(t, e) {
       at(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        C(t, (i, r) => {
+        P(t, (i, r) => {
           this.$emit(r[0], st(r[1]) ? !0 : r[1]);
         });
       });
@@ -175,17 +175,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 || P(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 +194,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 +207,24 @@ const Ht = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      B(r, this.space), t.from || e.push(["onscroll", r]);
-      let n = !1;
-      C(
+      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,63 +242,63 @@ 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 = R(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, 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), _ = ($) => $ * (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;
+          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; )
-          z = m - w, this.$set(e, z, {
+          k = m - w, this.$set(e, k, {
             x: s,
             y: h,
             width: c,
-            height: u - h,
-            space: _(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);
       });
     }
   }
-}, Lt = { class: "flyweight-all" };
-function Ct(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: ct(["flyweight", {
-      "flyweight-active": n.actice
+      "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))
   }, [
-    W("div", Lt, [
-      (N(!0), M(ut, null, ft(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) : pt("", !0)
+    l.flyweights.length ? d(t.$slots, "end", { key: 0 }, void 0, !0) : pt("", !0)
   ], 38);
 }
-const Wt = /* @__PURE__ */ j(Ht, [["render", Ct], ["__scopeId", "data-v-35b94e9b"]]);
+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();
 }
@@ -325,7 +325,7 @@ let yt = {
   "Bottom",
   "Left"
 ], mt = {};
-C(
+P(
   Bt,
   (t, e, i) => {
     t = U(e), mt["--" + U(e, !0)] = t, i[t] = function() {
@@ -334,7 +334,7 @@ C(
   },
   yt
 );
-const Rt = {
+const At = {
   name: "Card",
   // inheritAttrs: false,
   props: {
@@ -391,16 +391,24 @@ const Rt = {
   computed: {
     style() {
       return this.tr();
+    },
+    sub() {
+      return this.show || this.title;
+    },
+    tips() {
+      return v("tips", this.close || {}) || "关闭[" + this.sub + "]";
     }
   },
   watch: yt,
   methods: {
     exec: b,
-    isEmpty: dt,
+    isEmpty: ut,
+    picker: R,
+    runer: v,
     isSimplyType: Q,
     tr() {
       let t = {};
-      return this.margin(this.offset), C(mt, (e, i) => {
+      return this.margin(this.offset), P(mt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
@@ -410,15 +418,15 @@ const Rt = {
       !r || this.default[i] == r || (t[e] = b(r));
     },
     change(t) {
-      Q(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) {
-      B(
+      W(
         this,
-        O(
+        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 Rt = {
   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", {
+}, 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 [
-          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)
+    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 jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7"]]), Ft = {
+const Gt = /* @__PURE__ */ j(At, [["render", Dt], ["__scopeId", "data-v-7fa6225c"]]), Ut = {
   name: "Stream",
   computed: {
     component() {
@@ -468,7 +485,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 ut(i) ? [] : at(i) ? i : [i];
     }
   },
   props: {
@@ -491,7 +508,7 @@ const jt = /* @__PURE__ */ j(Rt, [["render", It], ["__scopeId", "data-v-85bce7b7
     }
   },
   mounted() {
-    this.$.vnode.ref && B(this, { ...this.component });
+    this.$.vnode.ref && W(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -500,25 +517,25 @@ 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 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 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 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 Vt = Tt(
+var Yt = Et(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
 let q = {}, wt = null;
-Vt(q, "delay", {
+Yt(q, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -527,79 +544,83 @@ Vt(q, "delay", {
     return this._delay;
   },
   set(t) {
-    wt = qt(() => {
-      p(V);
+    wt = Jt(() => {
+      g(V);
     }, t), this._delay = t;
   }
 });
 q.delay = 60;
-function qt(t, e) {
+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 Xt(t) {
+function Kt(t) {
   V.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 = [
+  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 && (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)
-        return R;
-    },
-    S
+    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, _ = 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
-    ), X = ($ - d + Math.min(i - d, k)) / 2;
+    ), X = (z - u + Math.min(i - u, T)) / 2;
     _ = Math.max(
-      m ? X : s == 3 ? o.top + a + r : Math.min(X, S[1]),
+      m ? X : s == 3 ? o.top + a + r : Math.min(X, $[1]),
       0
-    ), z && o.left > x && (w = o.left - y - r + v / 2);
+    ), k && o.left > S && (w = o.left - y - r + x / 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, 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(_, 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(_, 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 D = "data-tips-scroll", Yt = {
+const D = "data-tips-scroll", Qt = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -673,13 +694,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 +709,13 @@ const D = "data-tips-scroll", Yt = {
     },
     /* 初始化 */
     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 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", 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() {
-    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", A), g(t.removeAttribute, t, D, void 0), e || g(L.unobserve, L, 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,
+}, 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", {}, () => [
-        W("div", Kt, G(i.title), 1)
+  }), [
+    d(t.$slots, "default", {}, () => [
+      d(t.$slots, "title", {}, () => [
+        M("div", te, G(i.title), 1)
       ], !0),
-      g(t.$slots, "content", {}, () => [
+      d(t.$slots, "content", {}, () => [
         gt(G(i.content), 1)
       ], !0)
     ], !0)
-  ], 16, Jt)) : pt("", !0);
+  ], 16, Zt)) : pt("", !0);
 }
-const Zt = /* @__PURE__ */ j(Yt, [["render", Qt], ["__scopeId", "data-v-e7d22ab3"]]), te = [Wt, jt, Gt, Zt], le = {
+const ie = /* @__PURE__ */ j(Qt, [["render", ee], ["__scopeId", "data-v-45afe77c"]]), se = [Wt, Gt, qt, ie], he = {
   install(t) {
-    te.forEach((e) => {
+    se.forEach((e) => {
       t.component("S" + e.name, e), t.component(e.name + "S", e);
     });
   }
 };
 export {
-  jt as Card,
+  Gt as Card,
   Wt as Flyweight,
-  Gt as Stream,
-  Zt as Tips,
-  le as default
+  qt as Stream,
+  ie as Tips,
+  he as default
 };