@soei/flyweight 0.3.12 → 0.4.0

package/vue2/index.js

@@ -1,29 +1,29 @@
-import { runer as z, merge as M, 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 b, merge as H, isArray as it, each as R, picker as M, isEmpty as st, isSimplyType as D, isString as ut } from "@soei/util";
+import { runer as _, isNil as ft, 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 = b("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 = {}, v = (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) {
+function L(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;
@@ -39,9 +39,9 @@ function W(t, e, i, s, l, a, n, h) {
   } : l), o)
     if (r.functional) {
       r._injectStyles = o;
-      var u = r.render;
-      r.render = function(f, p) {
-        return o.call(p), u(f, p);
+      var f = r.render;
+      r.render = function(u, p) {
+        return o.call(p), f(u, p);
       };
     } else {
       var d = r.beforeCreate;
@@ -52,7 +52,7 @@ 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, _t = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
 const gt = {
@@ -119,14 +119,14 @@ const gt = {
     },
     style() {
       var t = this.w, e = this.h, i = this.Size, s = {};
-      return M(s, {
-        "--width": w(this.realW),
-        "--height": w(this.realH),
-        "--flyweight-content": w(i)
+      return H(s, {
+        "--width": v(this.realW),
+        "--height": v(this.realH),
+        "--flyweight-content": v(i)
       }, e && {
-        "--flyweight-h": w(e)
+        "--flyweight-h": v(e)
       }, t && s, {
-        "--flyweight-w": w(t)
+        "--flyweight-w": v(t)
       }, "mix"), s;
     }
   },
@@ -178,17 +178,17 @@ const gt = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      pt(t);
+      _t(t);
     }
-    this.scrollx = z("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
+    this.scrollx = b("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
     "clientHeight=>height,clientWidth=>width", this.direction = this.scrollx ? "scrollLeft" : "scrollTop";
   },
   methods: {
-    exec: w,
+    exec: v,
     trigger(t, e) {
-      et(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        k(t, (i, s) => {
-          this.$emit(s[0], Y(s[1]) ? !0 : s[1]);
+      it(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        R(t, (i, s) => {
+          this.$emit(s[0], J(s[1]) ? !0 : s[1]);
         });
       });
     },
@@ -197,17 +197,17 @@ const gt = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      z([this.cheackflys, (e) => {
+      b([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || k(this.flys, (s, l, a, n) => {
+        let i = e.index || R(this.flys, (s, l, a, n) => {
           if (l[a] == n)
             return s;
         }, e.picker, e.id);
-        Y(i) || this.setindex(i);
+        J(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
-      z([this.cheackflys, ({ index: e }) => {
+      b([this.cheackflys, ({ index: e }) => {
         this.selectIndex = e, this.$nextTick(() => {
           let i = e / this.column >> 0, s = this.expand;
           (this.flyweight[this.direction] / s >> 0) + this.row - i - 1 > 0 || (this.flyweight[this.direction] = i * s, this.scroll());
@@ -216,11 +216,11 @@ const gt = {
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        z(t);
+        b(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = [], i = z(this.direction, t.target), s = {
+      let e = [], i = b(this.direction, t.target), s = {
         // ...this
         offset: i,
         top: i,
@@ -229,17 +229,17 @@ const gt = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      M(s, this.space), t.from || e.push(["onscroll", s]);
+      H(s, this.space), t.from || e.push(["onscroll", s]);
       let l = !1;
-      k(
+      R(
         this.flyweights,
-        (a, n, h, r, o, u, d, c, f) => {
+        (a, n, h, r, o, f, d, c, u) => {
           if (h = a / o >> 0, c = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % r) + (u / r >> 0)), f = c * o + a % o, f >= this.count) {
+          (+(h < f % r) + (f / r >> 0)), u = c * o + a % o, u >= this.count) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
-          n.index = c, n.i = f, n.data = this.flys[f];
+          n.index = c, n.i = u, n.data = this.flys[u];
           let p = [
             /* top */
             c * this.expand + n.x,
@@ -264,40 +264,40 @@ const gt = {
       if (!t)
         return e.length = t;
       this.count = t;
-      let i = this.scrollx, s = this.flyweight, l = L(s, this.BoxRule);
+      let i = this.scrollx, s = this.flyweight, l = M(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];
+        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, f = (V(this.width, r) || r) + n, d = V(this.height, o) + h, c = [r / f >> 0 || 1, o / d >> 0 || 1];
         i && c.reverse();
-        let [f, p] = c, b = this.padding, T, x = 0, _, y;
-        i ? (_ = u, u -= n, y = (S) => (
+        let [u, p] = c, x = this.padding, z, S = 0, g, y;
+        i ? (g = f, f -= n, y = ($) => (
           /* 计算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), y = (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), m = v - 1, $;
-        for (; v-- > 0; )
-          $ = m - v, this.$set(e, $, {
+          $ * (d - h) + ($ + 1) * h
+        )) : (a ? (f = (r - n * (u + 2 * x - 1)) / u, z = !x * n, S = x * n) : (z = 0, S = (r % f + n * u) / (u + 1) >> 0, f -= n), y = ($) => $ * (f + z) + ($ + 1) * S, g = d), this.row = p + 2, this.column = u, this.realH = d - h, this.realW = f, this.expand = g, this.Size = Math.ceil(t / u) * g;
+        let w = Math.min(t, u * this.row), m = w - 1, N;
+        for (; w-- > 0; )
+          N = m - w, this.$set(e, N, {
             x: n,
             y: h,
-            width: u,
+            width: f,
             height: d - h,
-            space: y($ % f),
+            space: y(N % u),
             data: {}
           });
         e.length = m + 1;
-        let N = [];
-        o / _ > m / f && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        let T = [];
+        o / g > m / u && T.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), N.push(["update:space", {
-          row: (m / f >> 0) + 1,
-          column: f,
+        }), T.push(["update:space", {
+          row: (m / u >> 0) + 1,
+          column: u,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(N);
+        }]), this.trigger(T);
       });
     }
   }
 };
-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,21 +307,21 @@ var _t = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, mt = [], yt = /* @__PURE__ */ W(
+}, yt = [], wt = /* @__PURE__ */ L(
   gt,
-  _t,
   mt,
+  yt,
   !1,
   null,
   "d5f1cd63",
   null,
   null
 );
-const vt = yt.exports;
-function A(t, e) {
+const vt = wt.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 = {};
-k(
-  wt,
+], nt = {};
+R(
+  bt,
   (t, e, i) => {
-    t = A(e), rt["--" + A(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: {
@@ -410,35 +410,43 @@ const bt = {
   computed: {
     style() {
       return this.tr();
+    },
+    sub() {
+      return this.show || this.title;
+    },
+    tips() {
+      return b("tips", this.close || {}) || "关闭[" + this.sub + "]";
     }
   },
-  watch: st,
+  watch: rt,
   methods: {
-    exec: w,
-    isEmpty: it,
-    isSimplyType: X,
+    exec: v,
+    isEmpty: st,
+    picker: M,
+    runer: b,
+    isSimplyType: D,
     tr() {
       let t = {};
-      return this.margin(this.offset), k(rt, (e, i) => {
+      return this.margin(this.offset), R(nt, (e, i) => {
         this.css(t, e, i);
       }), t;
     },
-    tolower: A,
+    tolower: F,
     css(t, e, i) {
       let s = this[i] || this.default[i];
-      !s || this.default[i] == s || (t[e] = w(s));
+      !s || this.default[i] == s || (t[e] = v(s));
     },
     change(t) {
-      X(t) || (this.closecss = L(
+      D(t) || (this.closecss = M(
         t,
         "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
       ));
     },
     margin(t) {
-      M(
+      H(
         this,
-        L(
-          ct(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
+        M(
+          ut(t) ? t.split(/\s*(?:,|\s+)\s*/) : t,
           "0=>top,1|0=>right,2|0=>bottom,3|1|0=>left",
           !0
         ),
@@ -450,29 +458,30 @@ 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() {
-      var s;
-      return [i("div", { staticClass: "card-title" }, [e._v(" " + e._s(e.show || e.title) + " "), i("div", { staticClass: "card-close", class: { hide: e.isSimplyType(e.close) ? !e.close : !1 }, style: e.closecss, attrs: { title: (s = e.close) == null ? void 0 : s.tips }, on: { click: function(l) {
-        return e.$emit("close");
-      } } })])];
+      return [i("div", { staticClass: "card-title", attrs: { space: "" } }, [e._v(" " + e._s(e.sub) + " "), e._t("icons", function() {
+        return [i("div", { staticClass: "card-ico-items", attrs: { flex: "", vcenter: "" } }, [e._t("icon", null, null, { el: e.$el, picker: e.picker, runer: e.runer }), i("div", { staticClass: "card-close", class: { hide: e.isSimplyType(e.close) ? !e.close : !1 }, style: e.closecss, attrs: { title: e.tips }, on: { click: function(s) {
+          return e.$emit("close");
+        } } })], 2)];
+      })], 2)];
     }), e._t("content", function() {
       return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
     })];
   })], 2);
-}, St = [], $t = /* @__PURE__ */ W(
-  bt,
+}, $t = [], Nt = /* @__PURE__ */ L(
   xt,
   St,
+  $t,
   !1,
   null,
-  "ec96bb2a",
+  "b1e09a6c",
   null,
   null
 );
-const Nt = $t.exports, zt = {
+const Tt = Nt.exports, zt = {
   name: "Stream",
   computed: {
     component() {
@@ -480,7 +489,7 @@ const Nt = $t.exports, zt = {
     },
     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: {
@@ -503,7 +512,7 @@ const Nt = $t.exports, zt = {
     }
   },
   mounted() {
-    this.$.vnode.ref && M(this, { ...this.component });
+    this.$.vnode.ref && H(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -512,30 +521,30 @@ const Nt = $t.exports, zt = {
     }
   }
 };
-var Tt = function() {
+var Ct = function() {
   var e = this, i = e._self._c;
   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(
+}, kt = [], Rt = /* @__PURE__ */ L(
   zt,
-  Tt,
   Ct,
+  kt,
   !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 = Rt.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} 返回当前实例的延迟时间属性值
@@ -544,79 +553,83 @@ Ht(P, "delay", {
     return this._delay;
   },
   set(t) {
-    lt = Et(() => {
-      g(F);
+    ot = Wt(() => {
+      _(P);
     }, t), this._delay = t;
   }
 });
-P.delay = 60;
-function Et(t, e) {
+B.delay = 60;
+function Wt(t, e) {
   let i = 0;
   return function() {
     const s = Date.now();
-    s - i >= e && (i = s, g(t, this, arguments));
+    s - i >= e && (i = s, _(t, this, arguments));
   };
 }
-const E = () => {
-  lt();
+const W = () => {
+  ot();
 };
 function Lt(t) {
-  F.push(t);
+  P.push(t);
 }
-const R = new ResizeObserver(E);
-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 k = new ResizeObserver(W);
+k.observe(lt);
+function ht(t) {
+  t.onresize || (P.push([ht, null, t]), t.onresize = !0);
+  var e = lt, 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, f = a.offsetWidth + s, d = "3,0,2,1".split(K), c, u = (r.height == tt ? r.bottom - r.top : r.height) >> 0, p = (r.width == tt ? r.right - r.left : r.width) >> 0, x = e.clientWidth - f, z = i - o, S = [
     /* left: 0 */
-    r.left - u,
+    r.left - f,
     /* top: 1 */
     r.top - o,
     /* right: 2 */
-    b - r.right,
+    x - r.right,
     /* bottom: 3 */
-    T - r.bottom
+    z - r.bottom
   ];
   h && (G(
-    h.split(J),
-    function(ht, H, O, at) {
-      at.push(O[H]);
+    h.split(K),
+    function(at, E, O, ct) {
+      ct.push(O[E]);
     },
-    Mt,
+    Ht,
     c = []
   ), d.unshift.apply(d, c)), n = G(
     d,
-    function(ht, H, O) {
-      if (O[H] > 0)
-        return H;
+    function(at, E, O) {
+      if (O[E] > 0)
+        return E;
     },
-    x
+    S
   );
-  var _ = 0, y = 0, v = 0;
+  var g = 0, y = 0, w = 0;
   if (n != null) {
-    var m = n == 0 || n == 2, $ = n == 3 || n == 1;
-    _ = $ ? Math.min(r.left, b) : n == 2 ? r.right + s : x[0], o -= s * +m;
-    var N = Math.max(r.top, 0), S = Math.min(
+    var m = n == 0 || n == 2, N = n == 3 || n == 1;
+    g = N ? Math.min(r.left, x) : n == 2 ? r.right + s : S[0], o -= s * +m;
+    var T = Math.max(r.top, 0), $ = Math.min(
       r.bottom,
       i
-    ), B = (S - o + Math.min(i - o, N)) / 2;
+    ), I = ($ - o + Math.min(i - o, T)) / 2;
     y = Math.max(
-      m ? B : n == 3 ? r.top + f + s : Math.min(B, x[1]),
+      m ? I : n == 3 ? r.top + u + s : Math.min(I, S[1]),
       0
-    ), $ && r.left > b && (v = r.left - _ - s + p / 2);
+    ), N && r.left > x && (w = r.left - g - 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 = y + K;
-  let j = C["--tips-arrow-top"] = m ? Math.min(
+  let j = a.classList, C = t.css;
+  j.remove(...et), j.add(et[n]), t.index = n, C.left = g + Q, C.top = y + Q;
+  let U = C["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(y, N) - y,
+    Math.max(y, T) - y,
     o - s
-  ) : Q, U = u - 3 * s;
-  C["--tips-arrow"] = v > U - 10 || m && (j + (o > 50 ? 15 : 0) > o || !j) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, U) : Q;
+  ) : Z, X = f - 3 * s;
+  C["--tips-arrow"] = w > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", C["--tips-arrow-left"] = w ? Math.min(w, X) : Z;
 }
-const Wt = {
+const A = "data-tips-scroll", Ot = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -690,13 +703,13 @@ const Wt = {
     };
   },
   methods: {
-    parent(t) {
+    __parent(t) {
       let e = this.$el, i;
-      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), g(t, null, e, i), !i); )
+      for (; e && (e = e.parentNode, e && e.nodeType == 1 || (e = window, i = !0), _(t, null, e, i), !i); )
         ;
     },
-    attr(t, e, i) {
-      return g(
+    __attr(t, e, i) {
+      return _(
         t[i === void 0 ? "getAttribute" : "setAttribute"],
         t,
         e,
@@ -705,12 +718,13 @@ const Wt = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && ot({
+      let t = this.$el;
+      t.nodeName != "#comment" && ht({
         onresize: !1,
         /* 监控的目标 */
-        target: this.$el.parentNode,
+        target: t.parentNode,
         /* 显示的元素 */
-        room: this.$el,
+        room: t,
         /* 显示位置 */
         position: this.position,
         /* CSS样式集合 */
@@ -719,59 +733,65 @@ const Wt = {
         offset: +this.offset >> 0
       });
     },
-    scrollListener() {
-      this.static || this.parent((t, e, i) => {
-        e ? g(t.addEventListener, t, "scroll", E) : (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", E), this.attr(t, "-tips-scroll", "true"))));
+    __2listener() {
+      this.static || this.__parent((t, e, i) => {
+        e ? _(t.addEventListener, t, "scroll", W) : (_(k.observe, k, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.__attr(t, A), i || (_(t.addEventListener, t, "scroll", W), this.__attr(t, A, "true"))));
       });
+    },
+    __css() {
+      let t = {}, e;
+      return this.target ? e = {
+        [this.position]: this.offset + "px"
+      } : (e = M(
+        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), H(t, e), t;
+    },
+    __2next() {
+      this.target || (this.init(), B.delay = +this.delay, Lt((t) => {
+        this.__2listener();
+      }), this.__2listener());
     }
   },
   mounted() {
-    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.scrollListener();
-    }), this.scrollListener();
+    this.css = this.__css(), this.__2next();
   },
   unmounted() {
-    this.parent(function(t, e) {
-      g(t.removeEventListener, t, "scroll", E), g(t.removeAttribute, t, "-tips-scroll", void 0), e || g(R.unobserve, R, t);
+    this.__parent(function(t, e) {
+      _(t.removeEventListener, t, "scroll", W), _(t.removeAttribute, t, A, void 0), e || _(k.unobserve, k, t);
     });
   }
 };
-var Ot = function() {
+var At = function() {
   var e = this, i = e._self._c;
-  return e.visible ? i("div", e._b({ staticClass: "tips", style: e.static ? null : e.css, attrs: { static: e.static ? "" : null } }, "div", e.$attrs, !1), [e._t("default", function() {
+  return e.visible ? i("div", e._b({ staticClass: "tips", class: e.target ? "tips-" + e.position : "", style: e.static ? null : e.css, attrs: { static: e.static ? "" : null } }, "div", e.$attrs, !1), [e._t("default", function() {
     return [e._t("title", function() {
       return [i("div", { staticClass: "tips-title" }, [e._v(e._s(e.title))])];
     }), e._t("content", function() {
       return [e._v(e._s(e.content))];
     })];
   })], 2) : e._e();
-}, At = [], Ft = /* @__PURE__ */ W(
-  Wt,
+}, Ft = [], Pt = /* @__PURE__ */ L(
   Ot,
   At,
+  Ft,
   !1,
   null,
-  "72d69fdc",
+  "f2043d4b",
   null,
   null
 );
-const Pt = Ft.exports, Bt = [vt, Nt, kt, Pt], Xt = {
+const Bt = Pt.exports, It = [vt, Tt, 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,
+  Tt as Card,
   vt as Flyweight,
-  kt as Stream,
-  Pt as Tips,
-  Xt as default
+  Mt as Stream,
+  Bt as Tips,
+  Dt as default
 };