@opentiny/tiny-robot 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/index3.js

@@ -1,536 +1,307 @@
-import { onMounted as te, nextTick as re, watch as _, getCurrentScope as se, onScopeDispose as ue, isRef as ce, getCurrentInstance as B, toValue as g, hasInjectionContext as ne, inject as ae, shallowRef as S, computed as I, reactive as J, unref as de, watchEffect as fe } from "vue";
-function N(e) {
-  return se() ? (ue(e), !0) : !1;
-}
-const H = /* @__PURE__ */ new WeakMap(), ve = (...e) => {
-  var t;
-  const o = e[0], n = (t = B()) == null ? void 0 : t.proxy;
-  if (n == null && !ne())
-    throw new Error("injectLocal must be called in setup");
-  return n && H.has(n) && o in H.get(n) ? H.get(n)[o] : ae(...e);
-}, oe = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const he = (e) => e != null, me = Object.prototype.toString, pe = (e) => me.call(e) === "[object Object]", x = () => {
-}, we = /* @__PURE__ */ be();
-function be() {
-  var e, t;
-  return oe && ((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 $(e, t) {
-  function o(...n) {
-    return new Promise((v, c) => {
-      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(v).catch(c);
-    });
-  }
-  return o;
-}
-const ge = (e) => e();
-function ie(e, t = {}) {
-  let o, n, v = x;
-  const c = (l) => {
-    clearTimeout(l), v(), v = x;
-  };
-  let d;
-  return (l) => {
-    const s = g(e), h = g(t.maxWait);
-    return o && c(o), s <= 0 || h !== void 0 && h <= 0 ? (n && (c(n), n = null), Promise.resolve(l())) : new Promise((r, a) => {
-      v = t.rejectOnCancel ? a : r, d = l, h && !n && (n = setTimeout(() => {
-        o && c(o), n = null, r(d());
-      }, h)), o = setTimeout(() => {
-        n && c(n), n = null, r(l());
-      }, s);
-    });
-  };
-}
-function Se(...e) {
-  let t = 0, o, n = !0, v = x, c, d, i, l, s;
-  !ce(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 h = () => {
-    o && (clearTimeout(o), o = void 0, v(), v = x);
-  };
-  return (a) => {
-    const m = g(d), b = Date.now() - t, y = () => c = a();
-    return h(), m <= 0 ? (t = Date.now(), y()) : (b > m && (l || !n) ? (t = Date.now(), y()) : i && (c = new Promise((u, f) => {
-      v = s ? f : u, o = setTimeout(() => {
-        t = Date.now(), n = !0, u(y()), h();
-      }, Math.max(0, m - b));
-    })), !l && !o && (o = setTimeout(() => n = !0, m)), n = !1, c);
-  };
-}
-function K(e) {
-  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
-}
-function D(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function ye(e) {
-  return B();
-}
-function Ee(e, t = 200, o = {}) {
-  return $(
-    ie(t, o),
-    e
-  );
-}
-function Te(e, t = 200, o = !1, n = !0, v = !1) {
-  return $(
-    Se(t, o, n, v),
-    e
-  );
-}
-function xe(e, t, o = {}) {
-  const {
-    eventFilter: n = ge,
-    ...v
-  } = o;
-  return _(
-    e,
-    $(
-      n,
-      t
-    ),
-    v
-  );
-}
-function V(e, t = !0, o) {
-  ye() ? te(e, o) : t ? e() : re(e);
-}
-function _e(e, t, o = {}) {
-  const {
-    debounce: n = 0,
-    maxWait: v = void 0,
-    ...c
-  } = o;
-  return xe(
-    e,
-    t,
-    {
-      ...c,
-      eventFilter: ie(n, { maxWait: v })
-    }
-  );
-}
-function We(e, t, o) {
-  return _(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
-}
-const R = oe ? window : void 0;
-function E(e) {
-  var t;
-  const o = g(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
-}
-function W(...e) {
-  const t = [], o = () => {
-    t.forEach((i) => i()), t.length = 0;
-  }, n = (i, l, s, h) => (i.addEventListener(l, s, h), () => i.removeEventListener(l, s, h)), v = I(() => {
-    const i = D(g(e[0])).filter((l) => l != null);
-    return i.every((l) => typeof l != "string") ? i : void 0;
-  }), c = We(
-    () => {
-      var i, l;
-      return [
-        (l = (i = v.value) == null ? void 0 : i.map((s) => E(s))) != null ? l : [R].filter((s) => s != null),
-        D(g(v.value ? e[1] : e[0])),
-        D(de(v.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        g(v.value ? e[3] : e[2])
-      ];
-    },
-    ([i, l, s, h]) => {
-      if (o(), !(i != null && i.length) || !(l != null && l.length) || !(s != null && s.length))
-        return;
-      const r = pe(h) ? { ...h } : h;
-      t.push(
-        ...i.flatMap(
-          (a) => l.flatMap(
-            (m) => s.map((b) => n(a, m, b, r))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), d = () => {
-    c(), o();
-  };
-  return N(o), d;
-}
-let Z = !1;
-function Fe(e, t, o = {}) {
-  const { window: n = R, ignore: v = [], capture: c = !0, detectIframe: d = !1, controls: i = !1 } = o;
-  if (!n)
-    return i ? { stop: x, cancel: x, trigger: x } : x;
-  if (we && !Z) {
-    Z = !0;
-    const u = { passive: !0 };
-    Array.from(n.document.body.children).forEach((f) => W(f, "click", x, u)), W(n.document.documentElement, "click", x, u);
-  }
-  let l = !0;
-  const s = (u) => g(v).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 h(u) {
-    const f = g(u);
-    return f && f.$.subTree.shapeFlag === 16;
-  }
-  function r(u, f) {
-    const p = g(u), F = p.$.subTree && p.$.subTree.children;
-    return F == null || !Array.isArray(F) ? !1 : F.some((L) => L.el === f.target || f.composedPath().includes(L.el));
-  }
-  const a = (u) => {
-    const f = E(e);
-    if (u.target != null && !(!(f instanceof Element) && h(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 m = !1;
-  const b = [
-    W(n, "click", (u) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
-      }, 0), a(u));
-    }, { passive: !0, capture: c }),
-    W(n, "pointerdown", (u) => {
-      const f = E(e);
-      l = !s(u) && !!(f && !u.composedPath().includes(f));
-    }, { passive: !0 }),
-    d && W(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;
+  u(
+    () => e.disabled,
+    (c) => {
+      a.disabled = c;
     },
-    trigger: (u) => {
-      l = !0, a(u), l = !1;
-    }
-  } : y;
-}
-function Me() {
-  const e = S(!1), t = B();
-  return t && te(() => {
-    e.value = !0;
-  }, t), e;
-}
-function G(e) {
-  const t = Me();
-  return I(() => (t.value, !!e()));
-}
-function Oe(e, t, o = {}) {
-  const { window: n = R, ...v } = o;
-  let c;
-  const d = G(() => n && "MutationObserver" in n), i = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = I(() => {
-    const a = g(e), m = D(a).map(E).filter(he);
-    return new Set(m);
-  }), s = _(
-    () => l.value,
-    (a) => {
-      i(), d.value && a.size && (c = new MutationObserver(t), a.forEach((m) => c.observe(m, v)));
-    },
-    { immediate: !0, flush: "post" }
-  ), h = () => c == null ? void 0 : c.takeRecords(), r = () => {
-    s(), i();
-  };
-  return N(r), {
-    isSupported: d,
-    stop: r,
-    takeRecords: h
+    { 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 Ie = Symbol("vueuse-ssr-width");
-function Re() {
-  const e = ne() ? ve(Ie, 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 Pe(e, t = {}) {
-  const { window: o = R, ssrWidth: n = Re() } = t, v = G(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), c = S(typeof n == "number"), d = S(), i = S(!1), l = (s) => {
-    i.value = s.matches;
-  };
-  return fe(() => {
-    if (c.value) {
-      c.value = !v.value;
-      const s = g(e).split(",");
-      i.value = s.some((h) => {
-        const r = h.includes("not all"), a = h.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = h.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let b = !!(a || m);
-        return a && b && (b = n >= K(a[1])), m && b && (b = n <= K(m[1])), r ? !b : b;
-      });
-      return;
-    }
-    v.value && (d.value = o.matchMedia(g(e)), i.value = d.value.matches);
-  }), W(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 le(e, t, o = {}) {
-  const { window: n = R, ...v } = o;
-  let c;
-  const d = G(() => n && "ResizeObserver" in n), i = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = I(() => {
-    const r = g(e);
-    return Array.isArray(r) ? r.map((a) => E(a)) : [E(r)];
-  }), s = _(
-    l,
-    (r) => {
-      if (i(), d.value && n) {
-        c = new ResizeObserver(t);
-        for (const a of r)
-          a && c.observe(a, v);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), h = () => {
-    i(), s();
-  };
-  return N(h), {
-    isSupported: d,
-    stop: h
-  };
+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 Ce(e, t = {}) {
-  const {
-    reset: o = !0,
-    windowResize: n = !0,
-    windowScroll: v = !0,
-    immediate: c = !0,
-    updateTiming: d = "sync"
-  } = t, i = S(0), l = S(0), s = S(0), h = S(0), r = S(0), a = S(0), m = S(0), b = S(0);
-  function y() {
-    const f = E(e);
-    if (!f) {
-      o && (i.value = 0, l.value = 0, s.value = 0, h.value = 0, r.value = 0, a.value = 0, m.value = 0, b.value = 0);
-      return;
-    }
-    const p = f.getBoundingClientRect();
-    i.value = p.height, l.value = p.bottom, s.value = p.left, h.value = p.right, r.value = p.top, a.value = p.width, m.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 le(e, u), _(() => E(e), (f) => !f && u()), Oe(e, u, {
-    attributeFilter: ["style", "class"]
-  }), v && W("scroll", u, { capture: !0, passive: !0 }), n && W("resize", u, { passive: !0 }), V(() => {
-    c && u();
-  }), {
-    height: i,
-    bottom: l,
-    left: s,
-    right: h,
-    top: r,
-    width: a,
-    x: m,
-    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 ke(e, t = { width: 0, height: 0 }, o = {}) {
-  const { window: n = R, box: v = "content-box" } = o, c = I(() => {
-    var r, a;
-    return (a = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : a.includes("svg");
-  }), d = S(t.width), i = S(t.height), { stop: l } = le(
-    e,
-    ([r]) => {
-      const a = v === "border-box" ? r.borderBoxSize : v === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
-      if (n && c.value) {
-        const m = E(e);
-        if (m) {
-          const b = m.getBoundingClientRect();
-          d.value = b.width, i.value = b.height;
-        }
-      } else if (a) {
-        const m = D(a);
-        d.value = m.reduce((b, { inlineSize: y }) => b + y, 0), i.value = m.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 = _(
-    () => 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 h() {
-    l(), s();
-  }
-  return {
-    width: d,
-    height: i,
-    stop: h
-  };
+    return e;
+  }, v.apply(null, arguments);
 }
-const ee = 1;
-function De(e, t = {}) {
-  const {
-    throttle: o = 0,
-    idle: n = 200,
-    onStop: v = x,
-    onScroll: c = x,
-    offset: d = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: i = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: l = "auto",
-    window: s = R,
-    onError: h = (w) => {
-      console.error(w);
-    }
-  } = t, r = S(0), a = S(0), m = I({
-    get() {
-      return r.value;
-    },
-    set(w) {
-      y(w, void 0);
-    }
-  }), b = I({
-    get() {
-      return a.value;
-    },
-    set(w) {
-      y(void 0, 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);
     }
-  });
-  function y(w, P) {
-    var T, C, k, j;
-    if (!s)
-      return;
-    const M = g(e);
-    if (!M)
-      return;
-    (k = M instanceof Document ? s.document.body : M) == null || k.scrollTo({
-      top: (T = g(P)) != null ? T : b.value,
-      left: (C = g(w)) != null ? C : m.value,
-      behavior: g(l)
-    });
-    const O = ((j = M == null ? void 0 : M.document) == null ? void 0 : j.documentElement) || (M == null ? void 0 : M.documentElement) || M;
-    m != null && (r.value = O.scrollLeft), b != null && (a.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 = J({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), p = J({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), F = (w) => {
-    u.value && (u.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, v(w));
-  }, L = Ee(F, 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: C, flexDirection: k, direction: j } = getComputedStyle(T), M = j === "rtl" ? -1 : 1, O = T.scrollLeft;
-    p.left = O < r.value, p.right = O > r.value;
-    const Q = Math.abs(O * M) <= (d.left || 0), X = Math.abs(O * M) + T.clientWidth >= T.scrollWidth - (d.right || 0) - ee;
-    C === "flex" && k === "row-reverse" ? (f.left = X, f.right = Q) : (f.left = Q, f.right = X), r.value = O;
-    let A = T.scrollTop;
-    w === s.document && !A && (A = s.document.body.scrollTop), p.top = A < a.value, p.bottom = A > a.value;
-    const U = Math.abs(A) <= (d.top || 0), q = Math.abs(A) + T.clientHeight >= T.scrollHeight - (d.bottom || 0) - ee;
-    C === "flex" && k === "column-reverse" ? (f.top = q, f.bottom = U) : (f.top = U, f.bottom = q), a.value = A;
-  }, Y = (w) => {
-    var P;
-    if (!s)
-      return;
-    const T = (P = w.target.documentElement) != null ? P : w.target;
-    z(T), u.value = !0, L(w), c(w);
-  };
-  return W(
-    e,
-    "scroll",
-    o ? Te(Y, o, !0, !1) : Y,
-    i
-  ), V(() => {
-    try {
-      const w = g(e);
-      if (!w)
-        return;
-      z(w);
-    } catch (w) {
-      h(w);
+}), p = k({
+  name: O + "Button",
+  inject: {
+    buttonGroup: {
+      default: ""
     }
-  }), W(
-    e,
-    "scrollend",
-    F,
-    i
-  ), {
-    x: m,
-    y: b,
-    isScrolling: u,
-    arrivedState: f,
-    directions: p,
-    measure() {
-      const w = g(e);
-      s && w && z(w);
-    }
-  };
-}
-function Le(e = {}) {
-  const {
-    window: t = R,
-    initialWidth: o = Number.POSITIVE_INFINITY,
-    initialHeight: n = Number.POSITIVE_INFINITY,
-    listenOrientation: v = !0,
-    includeScrollbar: c = !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: a, scale: m } = t.visualViewport;
-        i.value = Math.round(r * m), l.value = Math.round(a * m);
-      } else c ? (i.value = t.innerWidth, l.value = t.innerHeight) : (i.value = t.document.documentElement.clientWidth, l.value = t.document.documentElement.clientHeight);
-  };
-  s(), V(s);
-  const h = { passive: !0 };
-  if (W("resize", s, h), t && d === "visual" && t.visualViewport && W(t.visualViewport, "resize", s, h), v) {
-    const r = Pe("(orientation: portrait)");
-    _(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 {
-  ke as a,
-  Le as b,
-  Pe as c,
-  De as d,
-  Fe as o,
-  Ce as u,
-  _e as w
+  p as B
 };