@opentiny/tiny-robot 0.2.0-alpha.6 → 0.2.0-alpha.8

package/dist/index3.js

@@ -1,505 +1,307 @@
-import { onMounted as ee, nextTick as le, watch as C, getCurrentScope as re, onScopeDispose as se, isRef as ue, getCurrentInstance as B, toValue as g, hasInjectionContext as te, inject as ce, shallowRef as S, computed as I, reactive as q, unref as ae, watchEffect as de } from "vue";
-function N(e) {
-  return re() ? (se(e), !0) : !1;
-}
-const H = /* @__PURE__ */ new WeakMap(), fe = (...e) => {
-  var t;
-  const o = e[0], n = (t = B()) == null ? void 0 : t.proxy;
-  if (n == null && !te())
-    throw new Error("injectLocal must be called in setup");
-  return n && H.has(n) && o in H.get(n) ? H.get(n)[o] : ce(...e);
-}, ne = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ve = (e) => e != null, he = Object.prototype.toString, me = (e) => he.call(e) === "[object Object]", x = () => {
-}, pe = /* @__PURE__ */ we();
-function we() {
-  var e, t;
-  return ne && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function oe(e, t) {
-  function o(...n) {
-    return new Promise((m, a) => {
-      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(m).catch(a);
-    });
-  }
-  return o;
-}
-function be(e, t = {}) {
-  let o, n, m = x;
-  const a = (l) => {
-    clearTimeout(l), m(), m = x;
-  };
-  let d;
-  return (l) => {
-    const s = g(e), v = g(t.maxWait);
-    return o && a(o), s <= 0 || v !== void 0 && v <= 0 ? (n && (a(n), n = null), Promise.resolve(l())) : new Promise((r, c) => {
-      m = t.rejectOnCancel ? c : r, d = l, v && !n && (n = setTimeout(() => {
-        o && a(o), n = null, r(d());
-      }, v)), o = setTimeout(() => {
-        n && a(n), n = null, r(l());
-      }, s);
-    });
-  };
-}
-function ge(...e) {
-  let t = 0, o, n = !0, m = x, a, d, i, l, s;
-  !ue(e[0]) && typeof e[0] == "object" ? { delay: d, trailing: i = !0, leading: l = !0, rejectOnCancel: s = !1 } = e[0] : [d, i = !0, l = !0, s = !1] = e;
-  const v = () => {
-    o && (clearTimeout(o), o = void 0, m(), m = x);
-  };
-  return (c) => {
-    const h = g(d), b = Date.now() - t, y = () => a = c();
-    return v(), h <= 0 ? (t = Date.now(), y()) : (b > h && (l || !n) ? (t = Date.now(), y()) : i && (a = new Promise((u, f) => {
-      m = s ? f : u, o = setTimeout(() => {
-        t = Date.now(), n = !0, u(y()), v();
-      }, Math.max(0, h - b));
-    })), !l && !o && (o = setTimeout(() => n = !0, h)), n = !1, a);
-  };
-}
-function J(e) {
-  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
-}
-function j(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Se(e) {
-  return B();
-}
-function ye(e, t = 200, o = {}) {
-  return oe(
-    be(t, o),
-    e
-  );
-}
-function Ee(e, t = 200, o = !1, n = !0, m = !1) {
-  return oe(
-    ge(t, o, n, m),
-    e
-  );
-}
-function V(e, t = !0, o) {
-  Se() ? ee(e, o) : t ? e() : le(e);
-}
-function Te(e, t, o) {
-  return C(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
-}
-const R = ne ? window : void 0;
-function E(e) {
-  var t;
-  const o = g(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
-}
-function M(...e) {
-  const t = [], o = () => {
-    t.forEach((i) => i()), t.length = 0;
-  }, n = (i, l, s, v) => (i.addEventListener(l, s, v), () => i.removeEventListener(l, s, v)), m = I(() => {
-    const i = j(g(e[0])).filter((l) => l != null);
-    return i.every((l) => typeof l != "string") ? i : void 0;
-  }), a = Te(
-    () => {
-      var i, l;
-      return [
-        (l = (i = m.value) == null ? void 0 : i.map((s) => E(s))) != null ? l : [R].filter((s) => s != null),
-        j(g(m.value ? e[1] : e[0])),
-        j(ae(m.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        g(m.value ? e[3] : e[2])
-      ];
-    },
-    ([i, l, s, v]) => {
-      if (o(), !(i != null && i.length) || !(l != null && l.length) || !(s != null && s.length))
-        return;
-      const r = me(v) ? { ...v } : v;
-      t.push(
-        ...i.flatMap(
-          (c) => l.flatMap(
-            (h) => s.map((b) => n(c, h, b, r))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), d = () => {
-    a(), o();
-  };
-  return N(o), d;
-}
-let K = !1;
-function Pe(e, t, o = {}) {
-  const { window: n = R, ignore: m = [], capture: a = !0, detectIframe: d = !1, controls: i = !1 } = o;
-  if (!n)
-    return i ? { stop: x, cancel: x, trigger: x } : x;
-  if (pe && !K) {
-    K = !0;
-    const u = { passive: !0 };
-    Array.from(n.document.body.children).forEach((f) => M(f, "click", x, u)), M(n.document.documentElement, "click", x, u);
-  }
-  let l = !0;
-  const s = (u) => g(m).some((f) => {
-    if (typeof f == "string")
-      return Array.from(n.document.querySelectorAll(f)).some((p) => p === u.target || u.composedPath().includes(p));
-    {
-      const p = E(f);
-      return p && (u.target === p || u.composedPath().includes(p));
-    }
+import { A as B, s as C, d as k, a as _, p as $, b as A, c as O, f as D } from "./index6.js";
+import { createElementBlock as w, openBlock as f, createElementVNode as r, resolveComponent as I, mergeProps as j, createBlock as h, createCommentVNode as T, renderSlot as E, resolveDynamicComponent as L, normalizeClass as M, toDisplayString as U } from "vue";
+const z = ({ emit: e, props: t, state: n, designConfig: o }) => (u) => {
+  var s, l;
+  const i = B.filterUrl(t.href), d = 1e3;
+  let a = d;
+  t.resetTime !== d ? a = t.resetTime : a = (l = (s = o == null ? void 0 : o.props) == null ? void 0 : s.resetTime) != null ? l : t.resetTime, i ? location.href = i : t.nativeType === "button" && a > 0 && (n.disabled = !0, n.timer = window.setTimeout(() => {
+    n.disabled = !1;
+  }, a)), e("click", u);
+}, F = (e) => () => clearTimeout(e.timer), N = ["state", "handleClick"], G = (e, { computed: t, onBeforeUnmount: n, reactive: o, watch: u, inject: s }, { emit: l, parent: i, designConfig: d }) => {
+  i.tinyForm = i.tinyForm || s("form", null);
+  const a = o({
+    timer: 0,
+    disabled: e.disabled,
+    plain: t(() => e.plain || (i.buttonGroup || {}).plain),
+    round: t(() => {
+      var c, y, g;
+      return (g = (y = e.round) != null ? y : (c = d == null ? void 0 : d.props) == null ? void 0 : c.round) != null ? g : !1;
+    }),
+    formDisabled: t(() => (i.tinyForm || {}).disabled),
+    buttonDisabled: t(
+      () => e.disabled || a.disabled || (i.buttonGroup || {}).disabled || a.formDisabled
+    )
   });
-  function v(u) {
-    const f = g(u);
-    return f && f.$.subTree.shapeFlag === 16;
-  }
-  function r(u, f) {
-    const p = g(u), _ = p.$.subTree && p.$.subTree.children;
-    return _ == null || !Array.isArray(_) ? !1 : _.some((D) => D.el === f.target || f.composedPath().includes(D.el));
-  }
-  const c = (u) => {
-    const f = E(e);
-    if (u.target != null && !(!(f instanceof Element) && v(e) && r(e, u)) && !(!f || f === u.target || u.composedPath().includes(f))) {
-      if ("detail" in u && u.detail === 0 && (l = !s(u)), !l) {
-        l = !0;
-        return;
-      }
-      t(u);
-    }
-  };
-  let h = !1;
-  const b = [
-    M(n, "click", (u) => {
-      h || (h = !0, setTimeout(() => {
-        h = !1;
-      }, 0), c(u));
-    }, { passive: !0, capture: a }),
-    M(n, "pointerdown", (u) => {
-      const f = E(e);
-      l = !s(u) && !!(f && !u.composedPath().includes(f));
-    }, { passive: !0 }),
-    d && M(n, "blur", (u) => {
-      setTimeout(() => {
-        var f;
-        const p = E(e);
-        ((f = n.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(p != null && p.contains(n.document.activeElement)) && t(u);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), y = () => b.forEach((u) => u());
-  return i ? {
-    stop: y,
-    cancel: () => {
-      l = !1;
-    },
-    trigger: (u) => {
-      l = !0, c(u), l = !1;
-    }
-  } : y;
-}
-function xe() {
-  const e = S(!1), t = B();
-  return t && ee(() => {
-    e.value = !0;
-  }, t), e;
-}
-function $(e) {
-  const t = xe();
-  return I(() => (t.value, !!e()));
-}
-function Me(e, t, o = {}) {
-  const { window: n = R, ...m } = o;
-  let a;
-  const d = $(() => n && "MutationObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, l = I(() => {
-    const c = g(e), h = j(c).map(E).filter(ve);
-    return new Set(h);
-  }), s = C(
-    () => l.value,
+  u(
+    () => e.disabled,
     (c) => {
-      i(), d.value && c.size && (a = new MutationObserver(t), c.forEach((h) => a.observe(h, m)));
+      a.disabled = c;
     },
-    { immediate: !0, flush: "post" }
-  ), v = () => a == null ? void 0 : a.takeRecords(), r = () => {
-    s(), i();
-  };
-  return N(r), {
-    isSupported: d,
-    stop: r,
-    takeRecords: v
+    { immediate: !0 }
+  );
+  const b = {
+    state: a,
+    clearTimer: F(a),
+    handleClick: z({ emit: l, props: e, state: a, designConfig: d })
   };
+  return n(b.clearTimer), b;
+};
+var H = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32"
+}, V = /* @__PURE__ */ r(
+  "defs",
+  {
+    fill: "none"
+  },
+  [/* @__PURE__ */ r("linearGradient", {
+    id: "loading-shadow_svg__a",
+    x1: "-1285.88",
+    y1: "25.63",
+    x2: "-1286.89",
+    y2: "25.13",
+    gradientTransform: "matrix(29.6 0 0 29.6 38096.4 -732.8)",
+    gradientUnits: "userSpaceOnUse"
+  }, [/* @__PURE__ */ r("stop", {
+    offset: "0",
+    "stop-color": "#191919",
+    "stop-opacity": "0"
+  }), /* @__PURE__ */ r("stop", {
+    offset: "1",
+    "stop-color": "#191919"
+  })])],
+  -1
+  /* HOISTED */
+), P = /* @__PURE__ */ r(
+  "mask",
+  {
+    fill: "none",
+    id: "loading-shadow_svg__b",
+    "mask-type": "alpha",
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0"
+  },
+  [/* @__PURE__ */ r("path", {
+    fill: "url(#loading-shadow_svg__a)",
+    d: "M16 1.2c1 0 1.8.8 1.8 1.8S17 4.8 16 4.8C9.8 4.8 4.8 9.8 4.8 16s5 11.2 11.2 11.2 11.2-5 11.2-11.2c0-1 .8-1.8 1.8-1.8s1.8.8 1.8 1.8c0 8.2-6.6 14.8-14.8 14.8S1.2 24.2 1.2 16 7.8 1.2 16 1.2Z"
+  }, [/* @__PURE__ */ r("animateTransform", {
+    attributeName: "transform",
+    attributeType: "XML",
+    type: "rotate",
+    from: "0 16 16",
+    to: "360 16 16",
+    dur: "1s",
+    repeatCount: "indefinite"
+  })])],
+  -1
+  /* HOISTED */
+), Z = /* @__PURE__ */ r(
+  "g",
+  {
+    mask: "url(#loading-shadow_svg__b)"
+  },
+  [/* @__PURE__ */ r("path", {
+    d: "M-.1 32H32V-.11H-.1V32Z",
+    "fill-rule": "evenodd"
+  })],
+  -1
+  /* HOISTED */
+), R = [V, P, Z];
+function X(e, t) {
+  return f(), w("svg", H, [].concat(R));
 }
-const We = Symbol("vueuse-ssr-width");
-function Oe() {
-  const e = te() ? fe(We, null) : null;
-  return typeof e == "number" ? e : void 0;
+var Y = {
+  render: X
+}, q = function() {
+  return C({
+    name: "IconLoadingShadow",
+    component: Y
+  })();
+};
+function J(e, t) {
+  var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n) return (n = n.call(e)).next.bind(n);
+  if (Array.isArray(e) || (n = K(e)) || t) {
+    n && (e = n);
+    var o = 0;
+    return function() {
+      return o >= e.length ? { done: !0 } : { done: !1, value: e[o++] };
+    };
+  }
+  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Ie(e, t = {}) {
-  const { window: o = R, ssrWidth: n = Oe() } = t, m = $(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), a = S(typeof n == "number"), d = S(), i = S(!1), l = (s) => {
-    i.value = s.matches;
-  };
-  return de(() => {
-    if (a.value) {
-      a.value = !m.value;
-      const s = g(e).split(",");
-      i.value = s.some((v) => {
-        const r = v.includes("not all"), c = v.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), h = v.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let b = !!(c || h);
-        return c && b && (b = n >= J(c[1])), h && b && (b = n <= J(h[1])), r ? !b : b;
-      });
-      return;
-    }
-    m.value && (d.value = o.matchMedia(g(e)), i.value = d.value.matches);
-  }), M(d, "change", l, { passive: !0 }), I(() => i.value);
+function K(e, t) {
+  if (e) {
+    if (typeof e == "string") return S(e, t);
+    var n = {}.toString.call(e).slice(8, -1);
+    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? S(e, t) : void 0;
+  }
 }
-function ie(e, t, o = {}) {
-  const { window: n = R, ...m } = o;
-  let a;
-  const d = $(() => n && "ResizeObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, l = I(() => {
-    const r = g(e);
-    return Array.isArray(r) ? r.map((c) => E(c)) : [E(r)];
-  }), s = C(
-    l,
-    (r) => {
-      if (i(), d.value && n) {
-        a = new ResizeObserver(t);
-        for (const c of r)
-          c && a.observe(c, m);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), v = () => {
-    i(), s();
-  };
-  return N(v), {
-    isSupported: d,
-    stop: v
-  };
+function S(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var n = 0, o = Array(t); n < t; n++) o[n] = e[n];
+  return o;
 }
-function Ae(e, t = {}) {
-  const {
-    reset: o = !0,
-    windowResize: n = !0,
-    windowScroll: m = !0,
-    immediate: a = !0,
-    updateTiming: d = "sync"
-  } = t, i = S(0), l = S(0), s = S(0), v = S(0), r = S(0), c = S(0), h = S(0), b = S(0);
-  function y() {
-    const f = E(e);
-    if (!f) {
-      o && (i.value = 0, l.value = 0, s.value = 0, v.value = 0, r.value = 0, c.value = 0, h.value = 0, b.value = 0);
-      return;
-    }
-    const p = f.getBoundingClientRect();
-    i.value = p.height, l.value = p.bottom, s.value = p.left, v.value = p.right, r.value = p.top, c.value = p.width, h.value = p.x, b.value = p.y;
+var Q = function(t, n) {
+  for (var o = t.__vccOpts || t, u = J(n), s; !(s = u()).done; ) {
+    var l = s.value, i = l[0], d = l[1];
+    o[i] = d;
   }
-  function u() {
-    d === "sync" ? y() : d === "next-frame" && requestAnimationFrame(() => y());
+  return o;
+}, W = k({
+  emits: ["click"],
+  props: [].concat($, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
+  components: {
+    IconLoading: q()
+  },
+  setup: function(t, n) {
+    return _({
+      props: t,
+      context: n,
+      renderless: G,
+      api: N
+    });
   }
-  return ie(e, u), C(() => E(e), (f) => !f && u()), Me(e, u, {
-    attributeFilter: ["style", "class"]
-  }), m && M("scroll", u, { capture: !0, passive: !0 }), n && M("resize", u, { passive: !0 }), V(() => {
-    a && u();
-  }), {
-    height: i,
-    bottom: l,
-    left: s,
-    right: v,
-    top: r,
-    width: c,
-    x: h,
-    y: b,
-    update: u
-  };
+}), x = ["disabled", "autofocus", "type", "tabindex"];
+function ee(e, t, n, o, u, s) {
+  var l = I("icon-loading");
+  return f(), w("button", j({
+    class: ["tiny-button", [e.type ? "tiny-button--" + e.type : "", e.size ? "tiny-button--" + e.size : "", {
+      "is-disabled": e.state.buttonDisabled,
+      "is-loading": e.loading,
+      "is-plain": e.state.plain,
+      "is-ghost": e.ghost,
+      "is-round": e.state.round,
+      "is-circle": e.circle,
+      "is-icon": e.icon && !e.loading && (e.text || e.slots.default),
+      "is-only-icon": e.icon && !e.loading && !(e.text || e.slots.default)
+    }]],
+    onClick: t[0] || (t[0] = function() {
+      return e.handleClick && e.handleClick.apply(e, arguments);
+    }),
+    disabled: e.state.buttonDisabled || e.loading,
+    autofocus: e.autofocus,
+    type: e.nativeType,
+    tabindex: e.tabindex
+  }, e.a(e.$attrs, ["class", "style", "title", "id"], !0)), [e.loading ? (f(), h(l, {
+    key: 0,
+    class: "tiny-icon-loading tiny-svg-size"
+  })) : T("v-if", !0), e.icon && !e.loading ? (f(), h(L(e.icon), {
+    key: 1,
+    class: M({
+      "is-text": e.text || e.slots.default
+    })
+  }, null, 8, ["class"])) : T("v-if", !0), E(e.$slots, "default", {}, function() {
+    return [r(
+      "span",
+      null,
+      U(e.text),
+      1
+      /* TEXT */
+    )];
+  })], 16, x);
 }
-function _e(e, t = { width: 0, height: 0 }, o = {}) {
-  const { window: n = R, box: m = "content-box" } = o, a = I(() => {
-    var r, c;
-    return (c = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : c.includes("svg");
-  }), d = S(t.width), i = S(t.height), { stop: l } = ie(
-    e,
-    ([r]) => {
-      const c = m === "border-box" ? r.borderBoxSize : m === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
-      if (n && a.value) {
-        const h = E(e);
-        if (h) {
-          const b = h.getBoundingClientRect();
-          d.value = b.width, i.value = b.height;
-        }
-      } else if (c) {
-        const h = j(c);
-        d.value = h.reduce((b, { inlineSize: y }) => b + y, 0), i.value = h.reduce((b, { blockSize: y }) => b + y, 0);
-      } else
-        d.value = r.contentRect.width, i.value = r.contentRect.height;
-    },
-    o
-  );
-  V(() => {
-    const r = E(e);
-    r && (d.value = "offsetWidth" in r ? r.offsetWidth : t.width, i.value = "offsetHeight" in r ? r.offsetHeight : t.height);
-  });
-  const s = C(
-    () => E(e),
-    (r) => {
-      d.value = r ? t.width : 0, i.value = r ? t.height : 0;
+var m = /* @__PURE__ */ Q(W, [["render", ee]]);
+function v() {
+  return v = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
     }
-  );
-  function v() {
-    l(), s();
-  }
-  return {
-    width: d,
-    height: i,
-    stop: v
-  };
+    return e;
+  }, v.apply(null, arguments);
 }
-const Z = 1;
-function Ce(e, t = {}) {
-  const {
-    throttle: o = 0,
-    idle: n = 200,
-    onStop: m = x,
-    onScroll: a = x,
-    offset: d = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: i = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: l = "auto",
-    window: s = R,
-    onError: v = (w) => {
-      console.error(w);
+var te = function(t) {
+  var n, o = typeof process == "object" ? (n = process.env) == null ? void 0 : n.TINY_MODE : null;
+  return m;
+}, ne = v({}, D, {
+  /** 展示按钮不同的状态，设置为text则展示为文本按钮。可取值为：'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'  */
+  type: {
+    type: String,
+    default: "default"
+  },
+  /** 设置原生的tabindex属性 */
+  tabindex: {
+    type: String,
+    default: "0"
+  },
+  /** 按钮左侧展示的图标，接收为Icon组件  */
+  icon: {
+    type: [Object, String],
+    default: ""
+  },
+  /** 按钮显示的文本 */
+  text: {
+    type: String,
+    default: ""
+  },
+  /** 设置按钮禁用时间，防止重复提交，单位毫秒 */
+  resetTime: {
+    type: Number,
+    default: 1e3
+  },
+  /** 对应按钮原生 type 属性  */
+  nativeType: {
+    type: String,
+    default: "button"
+  },
+  /** 当配置href后，点击按钮则更新 location.href 进行页面跳转  */
+  href: {
+    type: String,
+    default: ""
+  },
+  /** 定义按钮尺寸 */
+  size: {
+    type: String,
+    default: "",
+    validator: function(t) {
+      return ["large", "medium", "small", "mini", ""].includes(t);
     }
-  } = t, r = S(0), c = S(0), h = I({
-    get() {
-      return r.value;
-    },
-    set(w) {
-      y(w, void 0);
-    }
-  }), b = I({
-    get() {
-      return c.value;
-    },
-    set(w) {
-      y(void 0, w);
-    }
-  });
-  function y(w, P) {
-    var T, k, L, F;
-    if (!s)
-      return;
-    const W = g(e);
-    if (!W)
-      return;
-    (L = W instanceof Document ? s.document.body : W) == null || L.scrollTo({
-      top: (T = g(P)) != null ? T : b.value,
-      left: (k = g(w)) != null ? k : h.value,
-      behavior: g(l)
-    });
-    const O = ((F = W == null ? void 0 : W.document) == null ? void 0 : F.documentElement) || (W == null ? void 0 : W.documentElement) || W;
-    h != null && (r.value = O.scrollLeft), b != null && (c.value = O.scrollTop);
+  },
+  /** 是否圆角按钮 */
+  round: {
+    type: Boolean,
+    default: void 0
+  },
+  /** 是否朴素按钮  */
+  plain: Boolean,
+  /** 是否圆形按钮  */
+  circle: Boolean,
+  /** 是否加载中状态 */
+  loading: Boolean,
+  /** 是否被禁用按钮 */
+  disabled: Boolean,
+  /** 是否默认聚焦 */
+  autofocus: Boolean,
+  /** 自定义类名， 仅 mobile-first 模板时有效 */
+  customClass: {
+    type: String,
+    default: ""
+  },
+  /** 设置通栏按钮,宽度充满水平方向， 仅 mobile-first 模板时有效  */
+  banner: {
+    type: Boolean,
+    default: !1
+  },
+  /** 是否幽灵按钮 */
+  ghost: Boolean,
+  /** 点击事件 */
+  onClick: {
+    type: Function
   }
-  const u = S(!1), f = q({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), p = q({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), _ = (w) => {
-    u.value && (u.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, m(w));
-  }, D = ye(_, o + n), z = (w) => {
-    var P;
-    if (!s)
-      return;
-    const T = ((P = w == null ? void 0 : w.document) == null ? void 0 : P.documentElement) || (w == null ? void 0 : w.documentElement) || E(w), { display: k, flexDirection: L, direction: F } = getComputedStyle(T), W = F === "rtl" ? -1 : 1, O = T.scrollLeft;
-    p.left = O < r.value, p.right = O > r.value;
-    const Y = Math.abs(O * W) <= (d.left || 0), Q = Math.abs(O * W) + T.clientWidth >= T.scrollWidth - (d.right || 0) - Z;
-    k === "flex" && L === "row-reverse" ? (f.left = Q, f.right = Y) : (f.left = Y, f.right = Q), r.value = O;
-    let A = T.scrollTop;
-    w === s.document && !A && (A = s.document.body.scrollTop), p.top = A < c.value, p.bottom = A > c.value;
-    const X = Math.abs(A) <= (d.top || 0), U = Math.abs(A) + T.clientHeight >= T.scrollHeight - (d.bottom || 0) - Z;
-    k === "flex" && L === "column-reverse" ? (f.top = U, f.bottom = X) : (f.top = X, f.bottom = U), c.value = A;
-  }, G = (w) => {
-    var P;
-    if (!s)
-      return;
-    const T = (P = w.target.documentElement) != null ? P : w.target;
-    z(T), u.value = !0, D(w), a(w);
-  };
-  return M(
-    e,
-    "scroll",
-    o ? Ee(G, o, !0, !1) : G,
-    i
-  ), V(() => {
-    try {
-      const w = g(e);
-      if (!w)
-        return;
-      z(w);
-    } catch (w) {
-      v(w);
-    }
-  }), M(
-    e,
-    "scrollend",
-    _,
-    i
-  ), {
-    x: h,
-    y: b,
-    isScrolling: u,
-    arrivedState: f,
-    directions: p,
-    measure() {
-      const w = g(e);
-      s && w && z(w);
+}), p = k({
+  name: O + "Button",
+  inject: {
+    buttonGroup: {
+      default: ""
     }
-  };
-}
-function ke(e = {}) {
-  const {
-    window: t = R,
-    initialWidth: o = Number.POSITIVE_INFINITY,
-    initialHeight: n = Number.POSITIVE_INFINITY,
-    listenOrientation: m = !0,
-    includeScrollbar: a = !0,
-    type: d = "inner"
-  } = e, i = S(o), l = S(n), s = () => {
-    if (t)
-      if (d === "outer")
-        i.value = t.outerWidth, l.value = t.outerHeight;
-      else if (d === "visual" && t.visualViewport) {
-        const { width: r, height: c, scale: h } = t.visualViewport;
-        i.value = Math.round(r * h), l.value = Math.round(c * h);
-      } else a ? (i.value = t.innerWidth, l.value = t.innerHeight) : (i.value = t.document.documentElement.clientWidth, l.value = t.document.documentElement.clientHeight);
-  };
-  s(), V(s);
-  const v = { passive: !0 };
-  if (M("resize", s, v), t && d === "visual" && t.visualViewport && M(t.visualViewport, "resize", s, v), m) {
-    const r = Ie("(orientation: portrait)");
-    C(r, () => s());
+  },
+  props: ne,
+  slots: Object,
+  setup: function(t, n) {
+    return A({
+      props: t,
+      context: n,
+      template: te
+    });
   }
-  return { width: i, height: l };
-}
+}), oe = "3.undefined";
+p.install = function(e) {
+  e.component(p.name, p);
+};
+p.version = oe;
 export {
-  _e as a,
-  ke as b,
-  Ie as c,
-  Ce as d,
-  Pe as o,
-  Ae as u
+  p as B
 };