@soei/flyweight 0.3.13 → 0.4.1

package/vue2/index.js

@@ -1,7 +1,7 @@
-import { runer as z, merge as M, isArray as it, each as k, picker as L, isEmpty as st, isSimplyType as D, isString as ct } from "@soei/util";
-import { runer as g, isNil as ut, each as G } from "@soei/tools";
-import dt from "@soei/picker";
-let pt = /(\d+|[+\-\*/]|%)/g, q = {
+import { runer as w, each as O, isEmpty as it, picker as k, isSimplyType as D, merge as R, isString as dt, isArray as st } from "@soei/util";
+import { runer as _, isNil as pt, each as G } from "@soei/tools";
+import _t from "@soei/picker";
+let gt = /(\d+|[+\-\*/]|%)/g, q = {
   "+": (t, e) => t + e,
   "-": (t, e) => t - e,
   "*": (t, e) => t * e,
@@ -9,29 +9,29 @@ let pt = /(\d+|[+\-\*/]|%)/g, q = {
   "%": (t, e, i) => parseFloat(t) / 100 * i
 }, V = (t, e) => {
   let i;
-  if (i = z("match", t, pt)) {
-    let s = i.length, l, a = 0, n, h = [];
+  if (i = w("match", t, gt)) {
+    let s = i.length, l, h = 0, n, a = [];
     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;
+      h = i.shift(), h in q ? (l && a.push(l), h === "%" && (a.length = 2), n = h) : +h && a.push(+h), a.length == 2 && (a.push(e), l = q[n].apply(null, a), a.length = 0);
+    +l || (l = +a.pop()), t = l >> 0;
   }
   return t;
-}, Y = {}, w = (t, e) => (t + "").replace(
+}, Y = {}, b = (t, e) => (t + "").replace(
   /\w+\((.*)\)/g,
   "$1"
 ).replace(
   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 j(t, e, i, s, l, h, n, a) {
   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);
+  e && (r.render = e, r.staticRenderFns = i, r._compiled = !0), s && (r.functional = !0), h && (r._scopeId = "data-v-" + h);
   var o;
-  if (n ? (o = function(f) {
-    f = f || // cached call
+  if (n ? (o = function(u) {
+    u = u || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ < "u" && (f = __VUE_SSR_CONTEXT__), l && l.call(this, f), f && f._registeredComponents && f._registeredComponents.add(n);
-  }, r._ssrRegister = o) : l && (o = h ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !u && typeof __VUE_SSR_CONTEXT__ < "u" && (u = __VUE_SSR_CONTEXT__), l && l.call(this, u), u && u._registeredComponents && u._registeredComponents.add(n);
+  }, r._ssrRegister = o) : l && (o = a ? function() {
     l.call(
       this,
       (r.functional ? this.parent : this).$root.$options.shadowRoot
@@ -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;
+      var f = r.render;
       r.render = function(c, p) {
-        return o.call(p), u(c, p);
+        return o.call(p), f(c, p);
       };
     } else {
       var d = r.beforeCreate;
@@ -52,10 +52,177 @@ function W(t, e, i, s, l, a, n, h) {
     options: r
   };
 }
-let J = (t) => t == null || t == null, gt = (...t) => {
+function A(t, e) {
+  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
+}
+let rt = {
+  close: {
+    handler(t) {
+      this.change(t);
+    },
+    deep: !0
+  },
+  offset: {
+    handler(t) {
+      this.margin(t);
+    },
+    deep: !0
+  }
+}, mt = [
+  "BackGround",
+  "BordeR",
+  "Height",
+  "Width",
+  "Top",
+  "Right",
+  "Bottom",
+  "Left"
+], nt = {};
+O(
+  mt,
+  (t, e, i) => {
+    t = A(e), nt["--" + A(e, !0)] = t, i[t] = function() {
+      this.trigger++;
+    };
+  },
+  rt
+);
+const yt = {
+  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 w("tips", this.close || {}) || "关闭[" + this.sub + "]";
+    }
+  },
+  watch: rt,
+  methods: {
+    exec: b,
+    isEmpty: it,
+    picker: k,
+    runer: w,
+    isSimplyType: D,
+    tr() {
+      let t = {};
+      return this.margin(this.offset), O(nt, (e, i) => {
+        this.css(t, e, i);
+      }), t;
+    },
+    tolower: A,
+    css(t, e, i) {
+      let s = this[i] || this.default[i];
+      !s || this.default[i] == s || (t[e] = b(s));
+    },
+    change(t) {
+      D(t) || (this.closecss = k(
+        t,
+        "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
+      ));
+    },
+    margin(t) {
+      R(
+        this,
+        k(
+          dt(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);
+  }
+};
+var vt = 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() {
+      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);
+}, bt = [], wt = /* @__PURE__ */ j(
+  yt,
+  vt,
+  bt,
+  !1,
+  null,
+  "b1e09a6c",
+  null,
+  null
+);
+const xt = wt.exports, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: xt
+}, Symbol.toStringTag, { value: "Module" }));
+let J = (t) => t == null || t == null, $t = (...t) => {
   console.info("::::FLYWEIGHT", ...t);
 };
-const _t = {
+const Tt = {
   name: "Flyweight",
   props: {
     flys: {
@@ -119,14 +286,14 @@ const _t = {
     },
     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 R(s, {
+        "--width": b(this.realW),
+        "--height": b(this.realH),
+        "--flyweight-content": b(i)
       }, e && {
-        "--flyweight-h": w(e)
+        "--flyweight-h": b(e)
       }, t && s, {
-        "--flyweight-w": w(t)
+        "--flyweight-w": b(t)
       }, "mix"), s;
     }
   },
@@ -178,16 +345,16 @@ const _t = {
         this.rebuild(), this.$emit("resize");
       }).observe(this.flyweight);
     } catch (t) {
-      gt(t);
+      $t(t);
     }
-    this.scrollx = z("hasAttribute", this.flyweight, "scroll-x"), this.BoxRule = /* this.scrollx ? 'clientHeight=>width,clientWidth=>height' : */
+    this.scrollx = w("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: b,
     trigger(t, e) {
-      it(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
-        k(t, (i, s) => {
+      st(t) || (t = t && e ? [[t, e]] : []), t.length && this.lazyrun(() => {
+        O(t, (i, s) => {
           this.$emit(s[0], J(s[1]) ? !0 : s[1]);
         });
       });
@@ -197,17 +364,17 @@ const _t = {
         return t && this.task.push(t), !0;
     },
     setview(t) {
-      z([this.cheackflys, (e) => {
+      w([this.cheackflys, (e) => {
         e = e || {};
-        let i = e.index || k(this.flys, (s, l, a, n) => {
-          if (l[a] == n)
+        let i = e.index || O(this.flys, (s, l, h, n) => {
+          if (l[h] == n)
             return s;
         }, e.picker, e.id);
         J(i) || this.setindex(i);
       }], this, t);
     },
     setindex(t) {
-      z([this.cheackflys, ({ index: e }) => {
+      w([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 +383,11 @@ const _t = {
     },
     lazyrun(t, e) {
       clearTimeout(this.time), this.time = setTimeout(() => {
-        z(t);
+        w(t);
       }, e || this.lazy);
     },
     run(t) {
-      let e = [], i = z(this.direction, t.target), s = {
+      let e = [], i = w(this.direction, t.target), s = {
         // ...this
         offset: i,
         top: i,
@@ -229,20 +396,20 @@ const _t = {
         /* 显示区域第一行的索引 */
         index: i / this.expand >> 0
       };
-      M(s, this.space), t.from || e.push(["onscroll", s]);
+      R(s, this.space), t.from || e.push(["onscroll", s]);
       let l = !1;
-      k(
+      O(
         this.flyweights,
-        (a, n, h, r, o, u, d, f, c) => {
-          if (h = a / o >> 0, f = h + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
-          (+(h < u % r) + (u / r >> 0)), c = f * o + a % o, c >= this.count) {
+        (h, n, a, r, o, f, d, u, c) => {
+          if (a = h / o >> 0, u = a + r * /* 偏移量, 如果超出顶部 + 1轮,排列到列队后, 否则保持在当前*/
+          (+(a < f % r) + (f / r >> 0)), c = u * o + h % o, c >= this.count) {
             l || (e.push(["onend"]), l = !0);
             return;
           }
-          n.index = f, n.i = c, n.data = this.flys[c];
+          n.index = u, n.i = c, n.data = this.flys[c];
           let p = [
             /* top */
-            f * this.expand + n.x,
+            u * this.expand + n.x,
             /* left */
             n.space
           ];
@@ -264,40 +431,40 @@ const _t = {
       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 = k(s, this.BoxRule);
       this.$nextTick(() => {
-        let a = /true/.test(this.auto), [n, h] = this.offset, r = l.width, o = l.height, u = (V(this.width, r) || r) + n, d = V(this.height, o) + h, f = [r / u >> 0 || 1, o / d >> 0 || 1];
-        i && f.reverse();
-        let [c, p] = f, b = this.padding, T, x = 0, _, y;
-        i ? (_ = u, u -= n, y = (S) => (
+        let h = /true/.test(this.auto), [n, a] = this.offset, r = l.width, o = l.height, f = (V(this.width, r) || r) + n, d = V(this.height, o) + a, u = [r / f >> 0 || 1, o / d >> 0 || 1];
+        i && u.reverse();
+        let [c, p] = u, x = this.padding, C, S = 0, g, y;
+        i ? (g = f, f -= n, y = ($) => (
           /* 计算top偏移量 */
-          S * (d - h) + (S + 1) * h
-        )) : (a ? (u = (r - n * (c + 2 * b - 1)) / c, T = !b * n, x = b * n) : (T = 0, x = (r % u + n * c) / (c + 1) >> 0, u -= n), y = (S) => S * (u + T) + (S + 1) * x, _ = d), this.row = p + 2, this.column = c, this.realH = d - h, this.realW = u, this.expand = _, this.Size = Math.ceil(t / c) * _;
-        let v = Math.min(t, c * this.row), m = v - 1, $;
+          $ * (d - a) + ($ + 1) * a
+        )) : (h ? (f = (r - n * (c + 2 * x - 1)) / c, C = !x * n, S = x * n) : (C = 0, S = (r % f + n * c) / (c + 1) >> 0, f -= n), y = ($) => $ * (f + C) + ($ + 1) * S, g = d), this.row = p + 2, this.column = c, this.realH = d - a, this.realW = f, this.expand = g, this.Size = Math.ceil(t / c) * g;
+        let v = Math.min(t, c * this.row), m = v - 1, T;
         for (; v-- > 0; )
-          $ = m - v, this.$set(e, $, {
+          T = m - v, this.$set(e, T, {
             x: n,
-            y: h,
-            width: u,
-            height: d - h,
-            space: y($ % c),
+            y: a,
+            width: f,
+            height: d - a,
+            space: y(T % c),
             data: {}
           });
         e.length = m + 1;
-        let N = [];
-        o / _ > m / c && N.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
+        let z = [];
+        o / g > m / c && z.push(["onend"]), this.flyweight && (this.flyweight[this.direction] = 0), this.$nextTick(() => {
           this.setindex(this.selectIndex || 0), this.scroll();
-        }), N.push(["update:space", {
+        }), z.push(["update:space", {
           row: (m / c >> 0) + 1,
           column: c,
           showrow: this.row,
           showcolumn: this.column
-        }]), this.trigger(N);
+        }]), this.trigger(z);
       });
     }
   }
 };
-var mt = function() {
+var zt = function() {
   var e = this, i = e._self._c;
   return i("div", { ref: "flyweight", staticClass: "flyweight", class: {
     "flyweight-active": e.actice
@@ -307,172 +474,20 @@ var mt = function() {
       left: s.left + "px"
     } }, [e._t("default", null, null, s)], 2);
   }), 0), e.flyweights.length ? e._t("end") : e._e()], 2);
-}, yt = [], vt = /* @__PURE__ */ W(
-  _t,
-  mt,
-  yt,
+}, Ct = [], Nt = /* @__PURE__ */ j(
+  Tt,
+  zt,
+  Ct,
   !1,
   null,
   "d5f1cd63",
   null,
   null
 );
-const wt = vt.exports;
-function F(t, e) {
-  return e && (t = t.replace(/[a-z]/g, "")), t.toLowerCase();
-}
-let rt = {
-  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"
-], nt = {};
-k(
-  bt,
-  (t, e, i) => {
-    t = F(e), nt["--" + F(e, !0)] = t, i[t] = function() {
-      this.trigger++;
-    };
-  },
-  rt
-);
-const xt = {
-  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: rt,
-  methods: {
-    exec: w,
-    isEmpty: st,
-    isSimplyType: D,
-    tr() {
-      let t = {};
-      return this.margin(this.offset), k(nt, (e, i) => {
-        this.css(t, e, i);
-      }), t;
-    },
-    tolower: F,
-    css(t, e, i) {
-      let s = this[i] || this.default[i];
-      !s || this.default[i] == s || (t[e] = w(s));
-    },
-    change(t) {
-      D(t) || (this.closecss = L(
-        t,
-        "color=>--s-card-close-color,size=>--s-close-width,bold=>--s-close-height,*"
-      ));
-    },
-    margin(t) {
-      M(
-        this,
-        L(
-          ct(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);
-  }
-};
-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");
-      } } })])];
-    }), e._t("content", function() {
-      return [i("div", { staticClass: "card-content" }, [e._t("inner")], 2)];
-    })];
-  })], 2);
-}, $t = [], Nt = /* @__PURE__ */ W(
-  xt,
-  St,
-  $t,
-  !1,
-  null,
-  "17093fb8",
-  null,
-  null
-);
-const zt = Nt.exports, Tt = {
+const Mt = Nt.exports, Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Mt
+}, Symbol.toStringTag, { value: "Module" })), kt = {
   name: "Stream",
   computed: {
     component() {
@@ -480,7 +495,7 @@ const zt = Nt.exports, Tt = {
     },
     column() {
       let { columns: t, T: e } = this, i = t || e;
-      return st(i) ? [] : it(i) ? i : [i];
+      return it(i) ? [] : st(i) ? i : [i];
     }
   },
   props: {
@@ -503,7 +518,7 @@ const zt = Nt.exports, Tt = {
     }
   },
   mounted() {
-    this.$.vnode.ref && M(this, { ...this.component });
+    this.$.vnode.ref && R(this, { ...this.component });
   },
   methods: {
     __trigger(t) {
@@ -512,30 +527,33 @@ const zt = Nt.exports, Tt = {
     }
   }
 };
-var Ct = function() {
+var Rt = 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);
-}, Rt = [], kt = /* @__PURE__ */ W(
-  Tt,
-  Ct,
+}, Ht = [], Et = /* @__PURE__ */ j(
+  kt,
   Rt,
+  Ht,
   !1,
   null,
   null,
   null,
   null
 );
-const Mt = kt.exports, K = /(?:\,|\|{2})/, Q = "px", Z = "";
-let lt = document.documentElement, tt, et = ["s-left", "s-top", "s-right", "s-bottom"], Ht = { left: 0, top: 1, right: 2, bottom: 3 };
-const P = [];
-var Et = dt(
+const jt = Et.exports, Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: jt
+}, Symbol.toStringTag, { value: "Module" })), K = /(?:\,|\|{2})/, Q = "px", Z = "";
+let lt = document.documentElement, tt, et = ["s-left", "s-top", "s-right", "s-bottom"], Wt = { left: 0, top: 1, right: 2, bottom: 3 };
+const L = [];
+var At = _t(
   window,
   "Reflect.defineProperty|Object.defineProperty=>Proxy"
 ).Proxy;
-let B = {}, ot = null;
-Et(B, "delay", {
+let F = {}, ot = null;
+At(F, "delay", {
   /**
    * 获取延迟时间值
    * @returns {number} 返回当前实例的延迟时间属性值
@@ -545,78 +563,82 @@ Et(B, "delay", {
   },
   set(t) {
     ot = Lt(() => {
-      g(P);
+      _(L);
     }, t), this._delay = t;
   }
 });
-B.delay = 60;
+F.delay = 60;
 function Lt(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 = () => {
   ot();
 };
-function Wt(t) {
-  P.push(t);
+function Ft(t) {
+  L.push(t);
 }
-const R = new ResizeObserver(E);
-R.observe(lt);
-function ht(t) {
-  t.onresize || (P.push([ht, null, t]), t.onresize = !0);
-  var e = lt, i = e.clientHeight, s = ut(t.offset) ? 15 : t.offset, l = t.target, a = t.room, n = t.index, h = t.position, r = l.getBoundingClientRect(), o = a.offsetHeight + s, u = a.offsetWidth + s, d = "3,0,2,1".split(K), f, c = (r.height == tt ? r.bottom - r.top : r.height) >> 0, p = (r.width == tt ? r.right - r.left : r.width) >> 0, b = e.clientWidth - u, T = i - o, x = [
+const M = new ResizeObserver(E);
+M.observe(lt);
+function at(t) {
+  t.onresize || (L.push([at, null, t]), t.onresize = !0);
+  var e = lt, i = e.clientHeight, s = pt(t.offset) ? 15 : t.offset, l = t.target, h = t.room, n = t.index, a = t.position, r = l.getBoundingClientRect(), o = h.offsetHeight + s, f = h.offsetWidth + s, d = "3,0,2,1".split(K), u, c = (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, C = 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
+    C - r.bottom
   ];
-  h && (G(
-    h.split(K),
-    function(at, H, O, ft) {
-      ft.push(O[H]);
-    },
-    Ht,
-    f = []
-  ), d.unshift.apply(d, f)), n = G(
+  a && (G(
+    a.split(K),
+    function(ct, H, P, ft) {
+      ft.push(P[H]);
+    },
+    Wt,
+    u = []
+  ), d.unshift.apply(d, u)), n = G(
     d,
-    function(at, H, O) {
-      if (O[H] > 0)
+    function(ct, H, P) {
+      if (P[H] > 0)
         return H;
     },
-    x
+    S
   );
-  var _ = 0, y = 0, v = 0;
+  var g = 0, y = 0, v = 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, T = n == 3 || n == 1;
+    g = T ? Math.min(r.left, x) : n == 2 ? r.right + s : S[0], o -= s * +m;
+    var z = Math.max(r.top, 0), $ = Math.min(
       r.bottom,
       i
-    ), I = (S - o + Math.min(i - o, N)) / 2;
+    ), B = ($ - o + Math.min(i - o, z)) / 2;
     y = Math.max(
-      m ? I : n == 3 ? r.top + c + s : Math.min(I, x[1]),
+      m ? B : n == 3 ? r.top + c + s : Math.min(B, S[1]),
       0
-    ), $ && r.left > b && (v = r.left - _ - s + p / 2);
+    ), T && r.left > x && (v = r.left - g - s + p / 2);
   }
-  let j = a.classList, C = t.css;
-  j.remove(...et), j.add(et[n]), t.index = n, C.left = _ + Q, C.top = y + Q;
-  let U = C["--tips-arrow-top"] = m ? Math.min(
+  let I = h.classList, N = t.css;
+  I.remove(...et), I.add(et[n]), t.index = n, N.left = g + Q, N.top = y + Q;
+  let U = N["--tips-arrow-top"] = m ? Math.min(
     /* 底边距 */
-    Math.max(y, N) - y,
+    Math.max(y, z) - y,
     o - s
-  ) : Z, X = u - 3 * s;
-  C["--tips-arrow"] = v > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", C["--tips-arrow-left"] = v ? Math.min(v, X) : Z;
+  ) : Z, X = f - 3 * s;
+  N["--tips-arrow"] = v > X - 10 || m && (U + (o > 50 ? 15 : 0) > o || !U) ? "hidden" : "visible", N["--tips-arrow-left"] = v ? Math.min(v, X) : Z;
 }
-const A = "data-tips-scroll", Ot = {
+const W = "data-tips-scroll", Bt = {
   name: "Tips",
   props: {
+    /* 目标对象 */
+    target: {
+      type: [HTMLElement]
+    },
     /* 是否显示 */
     visible: {
       type: [Boolean, String, Number],
@@ -690,13 +712,13 @@ const A = "data-tips-scroll", Ot = {
     };
   },
   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 +727,13 @@ const A = "data-tips-scroll", Ot = {
     },
     /* 初始化 */
     init() {
-      this.$el.nodeName != "#comment" && ht({
+      let t = this.$el;
+      t.nodeName != "#comment" && at({
         onresize: !1,
         /* 监控的目标 */
-        target: this.$el.parentNode,
+        target: t.parentNode,
         /* 显示的元素 */
-        room: this.$el,
+        room: t,
         /* 显示位置 */
         position: this.position,
         /* CSS样式集合 */
@@ -719,59 +742,68 @@ const A = "data-tips-scroll", Ot = {
         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, A), i || (g(t.addEventListener, t, "scroll", E), this.attr(t, A, "true"))));
+    __2listener() {
+      this.static || this.__parent((t, e, i) => {
+        e ? _(t.addEventListener, t, "scroll", E) : (_(M.observe, M, t), (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && (i = this.__attr(t, W), i || (_(t.addEventListener, t, "scroll", E), this.__attr(t, W, "true"))));
       });
+    },
+    __css() {
+      let t = {}, e;
+      return this.target ? e = {
+        [this.position]: this.offset + "px"
+      } : (e = k(
+        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), R(t, e), t;
+    },
+    __2next() {
+      this.target || (this.init(), F.delay = +this.delay, Ft((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(), B.delay = +this.delay, Wt((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, A, void 0), e || g(R.unobserve, R, t);
+    this.__parent(function(t, e) {
+      _(t.removeEventListener, t, "scroll", E), _(t.removeAttribute, t, W, void 0), e || _(M.unobserve, M, t);
     });
   }
 };
-var At = function() {
+var It = 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();
-}, Ft = [], Pt = /* @__PURE__ */ W(
-  Ot,
-  At,
-  Ft,
+}, Ut = [], Xt = /* @__PURE__ */ j(
+  Bt,
+  It,
+  Ut,
   !1,
   null,
-  "d4e2f8f1",
+  "b7f54162",
   null,
   null
 );
-const Bt = Pt.exports, It = [wt, zt, Mt, Bt], Dt = {
-  install(t) {
-    It.forEach((e) => {
-      t.component("S" + e.name, e), t.component(e.name + "S", e);
-    });
-  }
+const Dt = Xt.exports, Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Dt
+}, Symbol.toStringTag, { value: "Module" })), qt = /* @__PURE__ */ Object.assign({ "./components/Card.vue": St, "./components/Flyweight.vue": Ot, "./components/Stream.vue": Pt, "./components/Tips.vue": Gt }), ht = [], ut = {};
+for (const [t, e] of Object.entries(qt)) {
+  const i = t.split("/").pop().replace(/\.vue$/, "");
+  ut[i] = e.default, ht.push(e.default);
+}
+ut.install = function(t, e = {}) {
+  ht.forEach((i) => {
+    t.component(i.name, i), t.component("S" + i.name, i), t.component(i.name + "S", i);
+  });
 };
 export {
-  zt as Card,
-  wt as Flyweight,
-  Mt as Stream,
-  Bt as Tips,
-  Dt as default
+  ut as components,
+  ut as default
 };