go-captcha-vue 2.0.4 → 2.0.6

package/dist/go-captcha-vue.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as te, openBlock as z, createElementBlock as U, mergeProps as Se, createElementVNode as f, reactive as M, toRaw as Q, watch as H, computed as L, withDirectives as oe, normalizeClass as _e, normalizeStyle as C, toDisplayString as Le, vShow as re, createVNode as G, unref as x, Fragment as Qn, renderList as Zn, ref as ie, onMounted as Rt, nextTick as Vt, onUnmounted as es, toRefs as ts, createBlock as Je, createCommentVNode as ns } from "vue";
-const Qt = () => ({
+import { defineComponent as q, openBlock as z, createElementBlock as H, mergeProps as oe, createElementVNode as o, reactive as T, toRaw as V, watch as F, computed as L, withDirectives as K, normalizeClass as se, normalizeStyle as D, toDisplayString as ie, vShow as Q, createVNode as I, unref as v, Fragment as Ce, renderList as Be, ref as ee, onMounted as _e, nextTick as be, onUnmounted as we, toRefs as Te, createBlock as le, createCommentVNode as Pe } from "vue";
+const Ee = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -11,31 +11,31 @@ const Qt = () => ({
   buttonText: "确认",
   iconSize: 22,
   dotSize: 24
-}), ss = /* @__PURE__ */ f("path", { d: `M100.1,189.9C100.1,189.9,100,189.9,100.1,189.9c-49.7,0-90-40.4-90-89.9c0-49.6,40.4-89.9,89.9-89.9
+}), Xe = /* @__PURE__ */ o("path", { d: `M100.1,189.9C100.1,189.9,100,189.9,100.1,189.9c-49.7,0-90-40.4-90-89.9c0-49.6,40.4-89.9,89.9-89.9
 		c49.6,0,89.9,40.4,89.9,89.9c0,18.2-5.4,35.7-15.6,50.7c-1.5,2.1-3.6,3.4-6.1,3.9c-2.5,0.4-5-0.1-7-1.6c-4.2-3-5.3-8.6-2.4-12.9
 		c8.1-11.9,12.4-25.7,12.4-40.1c0-39.2-31.9-71.1-71.1-71.1c-39.2,0-71.1,31.9-71.1,71.1c0,39.2,31.9,71.1,71.1,71.1
 		c7.7,0,15.3-1.2,22.6-3.6c2.4-0.8,4.9-0.6,7.2,0.5c2.2,1.1,3.9,3.1,4.7,5.5c1.6,4.9-1,10.2-5.9,11.9
 		C119.3,188.4,109.8,189.9,100.1,189.9z M73,136.4C73,136.4,73,136.4,73,136.4c-2.5,0-4.9-1-6.7-2.8c-3.7-3.7-3.7-9.6,0-13.3
 		L86.7,100L66.4,79.7c-3.7-3.7-3.7-9.6,0-13.3c3.7-3.7,9.6-3.7,13.3,0L100,86.7l20.3-20.3c1.8-1.8,4.1-2.8,6.7-2.8c0,0,0,0,0,0
 		c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.1,2.8,6.7c0,2.5-1,4.9-2.8,6.7L113.3,100l20.3,20.3c3.7,3.7,3.7,9.6,0,13.3
-		c-3.7,3.7-9.6,3.7-13.3,0L100,113.3l-20.3,20.3C77.9,135.4,75.5,136.4,73,136.4z` }, null, -1), os = [
-  ss
-], mt = /* @__PURE__ */ te({
+		c-3.7,3.7-9.6,3.7-13.3,0L100,113.3l-20.3,20.3C77.9,135.4,75.5,136.4,73,136.4z` }, null, -1), We = [
+  Xe
+], fe = /* @__PURE__ */ q({
   __name: "close-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), os, 16));
+    }, i.$attrs, { onClick: r }), We, 16));
   }
-}), rs = /* @__PURE__ */ f("path", { d: `M135,149.9c-10.7,7.6-23.2,11.4-36,11.2c-1.7,0-3.4-0.1-5-0.3c-0.7-0.1-1.4-0.2-2-0.3c-1.3-0.2-2.6-0.4-3.9-0.6
+}), Me = /* @__PURE__ */ o("path", { d: `M135,149.9c-10.7,7.6-23.2,11.4-36,11.2c-1.7,0-3.4-0.1-5-0.3c-0.7-0.1-1.4-0.2-2-0.3c-1.3-0.2-2.6-0.4-3.9-0.6
 	c-0.8-0.2-1.6-0.4-2.3-0.5c-1.2-0.3-2.5-0.6-3.7-1c-0.6-0.2-1.2-0.4-1.7-0.6c-1.4-0.5-2.8-1-4.2-1.5c-0.3-0.1-0.6-0.3-0.9-0.4
 	c-1.6-0.7-3.2-1.4-4.7-2.3c-0.1,0-0.1-0.1-0.2-0.1c-5.1-2.9-9.8-6.4-14-10.6c-0.1-0.1-0.1-0.1-0.2-0.2c-1.3-1.3-2.5-2.7-3.7-4.1
 	c-0.2-0.3-0.5-0.6-0.7-0.9c-8.4-10.6-13.5-24.1-13.5-38.8h14.3c0.4,0,0.7-0.2,0.9-0.5c0.2-0.3,0.2-0.8,0-1.1L29.5,60.9
@@ -52,29 +52,29 @@ const Qt = () => ({
 	c0.6,0.1,1.3,0.3,1.9,0.4c1.4,0.3,2.8,0.7,4.2,1.1c0.4,0.1,0.9,0.3,1.3,0.4c1.6,0.5,3.1,1.1,4.6,1.7c0.2,0.1,0.3,0.1,0.5,0.2
 	c9,3.9,17,10,23.2,17.6c0,0,0.1,0.1,0.1,0.2c8.7,10.7,14,24.5,14,39.4H147c-0.4,0-0.7,0.2-0.9,0.5c-0.2,0.3-0.2,0.8,0,1.1l24,36.4
 	c0.2,0.3,0.5,0.5,0.9,0.5c0.4,0,0.7-0.2,0.9-0.5l23.9-36.4c0.2-0.3,0.2-0.7,0-1.1c-0.2-0.3-0.5-0.5-0.9-0.5L180.6,98.9L180.6,98.9
-	L180.6,98.9z` }, null, -1), cs = [
-  rs
-], _t = /* @__PURE__ */ te({
+	L180.6,98.9z` }, null, -1), Fe = [
+  Me
+], ve = /* @__PURE__ */ q({
   __name: "refresh-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), cs, 16));
+    }, i.$attrs, { onClick: r }), Fe, 16));
   }
-}), is = /* @__PURE__ */ f("circle", {
+}), Ye = /* @__PURE__ */ o("circle", {
   cx: "50",
   cy: "36.8101",
   r: "10"
 }, [
-  /* @__PURE__ */ f("animate", {
+  /* @__PURE__ */ o("animate", {
     attributeName: "cy",
     dur: "1s",
     repeatCount: "indefinite",
@@ -83,190 +83,190 @@ const Qt = () => ({
     keyTimes: "0;0.5;1",
     values: "23;77;23"
   })
-], -1), ls = [
-  is
-], vt = /* @__PURE__ */ te({
+], -1), Re = [
+  Ye
+], me = /* @__PURE__ */ q({
   __name: "loading-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       width: "84",
       height: "84"
-    }, s.$attrs, { onClick: o }), ls, 16));
+    }, i.$attrs, { onClick: r }), Re, 16));
   }
 });
-function as(e) {
-  let t = 0, n = 0;
-  if (e.getBoundingClientRect) {
-    const o = e.getBoundingClientRect(), s = document.documentElement;
-    t = o.left + Math.max(s.scrollLeft, document.body.scrollLeft) - s.clientLeft, n = o.top + Math.max(s.scrollTop, document.body.scrollTop) - s.clientTop;
+function He(c) {
+  let t = 0, a = 0;
+  if (c.getBoundingClientRect) {
+    const r = c.getBoundingClientRect(), i = document.documentElement;
+    t = r.left + Math.max(i.scrollLeft, document.body.scrollLeft) - i.clientLeft, a = r.top + Math.max(i.scrollTop, document.body.scrollTop) - i.clientTop;
   } else
-    for (; e !== document.body; )
-      t += e.offsetLeft, n += e.offsetTop, e = e.offsetParent;
+    for (; c !== document.body; )
+      t += c.offsetLeft, a += c.offsetTop, c = c.offsetParent;
   return {
     domX: t,
-    domY: n
+    domY: a
   };
 }
-function zt(e, t) {
-  let n = t.relatedTarget;
+function ae(c, t) {
+  let a = t.relatedTarget;
   try {
-    for (; n && n !== e; )
-      n = n.parentNode;
-  } catch (o) {
-    console.warn(o);
+    for (; a && a !== c; )
+      a = a.parentNode;
+  } catch (r) {
+    console.warn(r);
   }
-  return n !== e;
-}
-function us(e, t, n) {
-  const o = M({ list: [] }), s = (a) => {
-    const E = a.currentTarget, b = as(E), h = a.pageX || a.clientX, w = a.pageY || a.clientY, m = b.domX, N = b.domY, P = h - m, _ = w - N, v = parseInt(P.toString()), d = parseInt(_.toString()), y = /* @__PURE__ */ new Date(), V = o.list.length;
-    return o.list.push({ key: y.getTime(), index: V + 1, x: v, y: d }), t.click && t.click(v, d), a.cancelBubble = !0, a.preventDefault(), !1;
-  }, r = (a) => (t.confirm && t.confirm(Q(o.list), () => {
-    g();
-  }), a.cancelBubble = !0, a.preventDefault(), !1), c = (a) => (i(), a.cancelBubble = !0, a.preventDefault(), !1), l = (a) => (u(), a.cancelBubble = !0, a.preventDefault(), !1), i = () => {
-    t.close && t.close(), g();
-  }, u = () => {
-    t.refresh && t.refresh(), g();
-  }, g = () => {
-    o.list = [];
+  return a !== c;
+}
+function Oe(c, t, a) {
+  const r = T({ list: [] }), i = (s) => {
+    const _ = s.currentTarget, x = He(_), l = s.pageX || s.clientX, b = s.pageY || s.clientY, h = x.domX, C = x.domY, Y = l - h, w = b - C, g = parseInt(Y.toString()), f = parseInt(w.toString()), E = /* @__PURE__ */ new Date(), B = r.list.length;
+    return r.list.push({ key: E.getTime(), index: B + 1, x: g, y: f }), t.click && t.click(g, f), s.cancelBubble = !0, s.preventDefault(), !1;
+  }, m = (s) => (t.confirm && t.confirm(V(r.list), () => {
+    y();
+  }), s.cancelBubble = !0, s.preventDefault(), !1), n = (s) => (e(), s.cancelBubble = !0, s.preventDefault(), !1), u = (s) => (d(), s.cancelBubble = !0, s.preventDefault(), !1), e = () => {
+    t.close && t.close(), y();
+  }, d = () => {
+    t.refresh && t.refresh(), y();
+  }, y = () => {
+    r.list = [];
   };
   return {
-    dots: o,
-    clickEvent: s,
-    confirmEvent: r,
-    closeEvent: c,
-    refreshEvent: l,
-    resetData: g,
+    dots: r,
+    clickEvent: i,
+    confirmEvent: m,
+    closeEvent: n,
+    refreshEvent: u,
+    resetData: y,
     clearData: () => {
-      g(), n && n();
+      y(), a && a();
     },
-    refresh: u,
-    close: i
+    refresh: d,
+    close: e
   };
 }
-const ds = { class: "gc-header" }, fs = ["src"], hs = { class: "gc-loading" }, ps = ["src"], gs = { class: "gc-dots" }, ms = { class: "gc-footer" }, _s = { class: "gc-icon-block gc-icon-block2" }, vs = { class: "gc-button-block" }, ct = /* @__PURE__ */ te({
+const je = { class: "gc-header" }, Ae = ["src"], Ie = { class: "gc-loading" }, Ve = ["src"], Ne = { class: "gc-dots" }, Ue = { class: "gc-footer" }, qe = { class: "gc-icon-block gc-icon-block2" }, Ge = { class: "gc-button-block" }, re = /* @__PURE__ */ q({
   __name: "index",
   props: {
-    config: { default: Qt },
+    config: { default: Ee },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(e, { expose: t }) {
-    const n = e, { data: o, events: s, config: r } = n, c = M({ ...Q(o) }), l = M({ ...Q(s) }), i = M({ ...Qt(), ...Q(r) });
-    H(() => n.data, (h, w) => {
-      Object.assign(c, h);
-    }, { deep: !0 }), H(() => n.events, (h, w) => {
-      Object.assign(l, h);
-    }, { deep: !0 }), H(() => n.config, (h, w) => {
-      Object.assign(i, h);
+  setup(c, { expose: t }) {
+    const a = c, { data: r, events: i, config: m } = a, n = T({ ...V(r) }), u = T({ ...V(i) }), e = T({ ...Ee(), ...V(m) });
+    F(() => a.data, (l, b) => {
+      Object.assign(n, l);
+    }, { deep: !0 }), F(() => a.events, (l, b) => {
+      Object.assign(u, l);
+    }, { deep: !0 }), F(() => a.config, (l, b) => {
+      Object.assign(e, l);
     }, { deep: !0 });
-    const u = us(c, l, () => {
-      c.thumb = "", c.image = "";
-    }), g = L(() => {
-      const h = i.horizontalPadding || 0, w = i.verticalPadding || 0;
+    const d = Oe(n, u, () => {
+      n.thumb = "", n.image = "";
+    }), y = L(() => {
+      const l = e.horizontalPadding || 0, b = e.verticalPadding || 0;
       return {
-        width: (i.width || 0) + h * 2 + (i.showTheme ? 2 : 0) + "px",
-        paddingLeft: h + "px",
-        paddingRight: h + "px",
-        paddingTop: w + "px",
-        paddingBottom: w + "px"
+        width: (e.width || 0) + l * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: l + "px",
+        paddingRight: l + "px",
+        paddingTop: b + "px",
+        paddingBottom: b + "px"
       };
     }), p = L(() => ({
-      width: i.thumbWidth + "px",
-      height: i.thumbHeight + "px"
-    })), a = L(() => ({
-      width: i.width + "px",
-      height: i.height + "px"
-    })), E = L(() => c.image != "" || c.thumb != ""), b = L(() => (i.width || 0) > 0 || (i.height || 0) > 0);
+      width: e.thumbWidth + "px",
+      height: e.thumbHeight + "px"
+    })), s = L(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), _ = L(() => n.image && n.image.length > 0 || n.thumb && n.thumb.length > 0), x = L(() => (e.width || 0) > 0 || (e.height || 0) > 0);
     return t({
-      reset: u.resetData,
-      clear: u.clearData,
-      refresh: u.refresh,
-      close: u.close
-    }), (h, w) => oe((z(), U("div", {
-      class: _e(`go-captcha gc-wrapper ${i.showTheme && "gc-theme"}`),
-      style: C(g.value)
+      reset: d.resetData,
+      clear: d.clearData,
+      refresh: d.refresh,
+      close: d.close
+    }), (l, b) => K((z(), H("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(y.value)
     }, [
-      f("div", ds, [
-        f("span", null, Le(i.title), 1),
-        oe(f("img", {
-          style: C(p.value),
-          src: c.thumb,
+      o("div", je, [
+        o("span", null, ie(e.title), 1),
+        K(o("img", {
+          style: D(p.value),
+          src: n.thumb,
           alt: ""
-        }, null, 12, fs), [
-          [re, E.value]
+        }, null, 12, Ae), [
+          [Q, _.value]
         ])
       ]),
-      f("div", {
+      o("div", {
         class: "gc-body",
-        style: C(a.value)
+        style: D(s.value)
       }, [
-        f("div", hs, [
-          G(vt)
+        o("div", Ie, [
+          I(me)
         ]),
-        oe(f("img", {
-          style: C(a.value),
+        K(o("img", {
+          style: D(s.value),
           class: "gc-picture",
-          src: c.image,
-          onClick: w[0] || (w[0] = //@ts-ignore
-          (...m) => x(u).clickEvent && x(u).clickEvent(...m)),
+          src: n.image,
+          onClick: b[0] || (b[0] = //@ts-ignore
+          (...h) => v(d).clickEvent && v(d).clickEvent(...h)),
           alt: ""
-        }, null, 12, ps), [
-          [re, E.value]
+        }, null, 12, Ve), [
+          [Q, _.value]
         ]),
-        f("div", gs, [
-          (z(!0), U(Qn, null, Zn(x(u).dots.list, (m) => (z(), U("div", {
+        o("div", Ne, [
+          (z(!0), H(Ce, null, Be(v(d).dots.list, (h) => (z(), H("div", {
             class: "gc-dot",
-            key: `${m.key + "-" + m.index}`,
-            style: C({
-              width: i.dotSize + "px",
-              height: i.dotSize + "px",
-              borderRadius: i.dotSize + "px",
-              top: m.y - (i.dotSize || 1) / 2 - 1 + "px",
-              left: m.x - (i.dotSize || 1) / 2 - 1 + "px"
+            key: `${h.key + "-" + h.index}`,
+            style: D({
+              width: e.dotSize + "px",
+              height: e.dotSize + "px",
+              borderRadius: e.dotSize + "px",
+              top: h.y - (e.dotSize || 1) / 2 - 1 + "px",
+              left: h.x - (e.dotSize || 1) / 2 - 1 + "px"
             })
-          }, Le(m.index), 5))), 128))
+          }, ie(h.index), 5))), 128))
         ])
       ], 4),
-      f("div", ms, [
-        f("div", _s, [
-          G(mt, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(u).closeEvent
+      o("div", Ue, [
+        o("div", qe, [
+          I(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(d).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          G(_t, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(u).refreshEvent
+          I(ve, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(d).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ]),
-        f("div", vs, [
-          f("button", {
-            class: _e(!E.value && "disabled"),
-            onClick: w[1] || (w[1] = //@ts-ignore
-            (...m) => x(u).confirmEvent && x(u).confirmEvent(...m))
-          }, Le(i.buttonText), 3)
+        o("div", Ge, [
+          o("button", {
+            class: se(!_.value && "disabled"),
+            onClick: b[1] || (b[1] = //@ts-ignore
+            (...h) => v(d).confirmEvent && v(d).confirmEvent(...h))
+          }, ie(e.buttonText), 3)
         ])
       ])
     ], 6)), [
-      [re, b.value]
+      [Q, x.value]
     ]);
   }
 });
-ct.name = "gocaptcha-click";
-ct.install = function(e) {
-  e.component("gocaptcha-click", ct);
+re.name = "gocaptcha-click";
+re.install = function(c) {
+  c.component("gocaptcha-click", re);
 };
-const Zt = () => ({
+const xe = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -277,26 +277,26 @@ const Zt = () => ({
   title: "请拖动滑块完成拼图",
   iconSize: 22,
   scope: !0
-}), Es = /* @__PURE__ */ f("path", { d: `M131.6,116.3c0,0-75.6,0-109.7,0c-9.1,0-16.2-7.4-16.2-16.2c0-9.1,7.4-16.2,16.2-16.2c28.7,0,109.7,0,109.7,0
+}), Je = /* @__PURE__ */ o("path", { d: `M131.6,116.3c0,0-75.6,0-109.7,0c-9.1,0-16.2-7.4-16.2-16.2c0-9.1,7.4-16.2,16.2-16.2c28.7,0,109.7,0,109.7,0
 	s-5.4-5.4-30.4-30.7c-6.4-6.4-6.4-16.7,0-23.1s16.7-6.4,23.1,0l58.4,58.4c6.4,6.4,6.4,16.7,0,23.1c0,0-32.9,32.9-57.9,57.9
-	c-6.4,6.4-16.7,6.4-23.1,0c-6.4-6.4-6.4-16.7,0-23.1C121.8,126.2,131.6,116.3,131.6,116.3z` }, null, -1), bs = [
-  Es
-], vn = /* @__PURE__ */ te({
+	c-6.4,6.4-16.7,6.4-23.1,0c-6.4-6.4-6.4-16.7,0-23.1C121.8,126.2,131.6,116.3,131.6,116.3z` }, null, -1), Ke = [
+  Je
+], ze = /* @__PURE__ */ q({
   __name: "arrows-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), bs, 16));
+    }, i.$attrs, { onClick: r }), Ke, 16));
   }
-}), ws = () => ({
+}), Le = () => ({
   thumbX: 0,
   thumbY: 0,
   thumbWidth: 0,
@@ -304,1776 +304,208 @@ const Zt = () => ({
   image: "",
   thumb: ""
 });
-function xs(e, t, n, o, s, r, c, l, i) {
-  const u = M({ dragLeft: 0, thumbLeft: e.thumbX || 0, isFreeze: !1 });
-  H(() => e, (m, N) => {
-    u.isFreeze || (u.thumbLeft = m.thumbX || 0);
+function Qe(c, t, a, r, i, m, n, u, e) {
+  const d = T({ dragLeft: 0, thumbLeft: c.thumbX || 0, isFreeze: !1 });
+  F(() => c, (h, C) => {
+    d.isFreeze || (d.thumbLeft = h.thumbX || 0);
   }, { deep: !0 });
-  const g = (m) => {
-    const N = m.touches && m.touches[0], P = c.value.offsetLeft, _ = s.value.offsetWidth, v = c.value.offsetWidth, d = _ - v, y = r.value.offsetWidth, V = r.value.offsetLeft, fe = _ - y, ne = (_ - (y + V)) / d;
-    let Z = !1, k = null, ce = 0, K = 0;
-    N ? ce = N.pageX - P : ce = m.clientX - P;
-    const X = (j) => {
-      Z = !0;
-      const se = j.touches && j.touches[0];
-      let A = 0;
-      se ? A = se.pageX - ce : A = j.clientX - ce;
-      let Gn = V + A * ne;
-      if (A >= d) {
-        u.dragLeft = d, u.thumbLeft = K = fe;
+  const y = (h) => {
+    if (!ae(u.value, h))
+      return;
+    const C = h.touches && h.touches[0], Y = n.value.offsetLeft, w = i.value.offsetWidth, g = n.value.offsetWidth, f = w - g, E = m.value.offsetWidth, B = m.value.offsetLeft, te = w - E, G = (w - (E + B)) / f;
+    let N = !1, P = null, Z = 0, O = 0;
+    C ? Z = C.pageX - Y : Z = h.clientX - Y;
+    const R = (W) => {
+      N = !0;
+      const J = W.touches && W.touches[0];
+      let M = 0;
+      J ? M = J.pageX - Z : M = W.clientX - Z;
+      let Se = B + M * G;
+      if (M >= f) {
+        d.dragLeft = f, d.thumbLeft = O = te;
         return;
       }
-      if (A <= 0) {
-        u.dragLeft = 0, u.thumbLeft = K = V;
+      if (M <= 0) {
+        d.dragLeft = 0, d.thumbLeft = O = B;
         return;
       }
-      u.dragLeft = A, u.thumbLeft = K = Gn, t.move && t.move(K, e.thumbY || 0), j.cancelBubble = !0, j.preventDefault();
-    }, ee = (j) => {
-      zt(l.value, j) && Z && (F(), !(K < 0) && (Z = !1, t.confirm && t.confirm({ x: parseInt(K.toString()), y: e.thumbY || 0 }, () => {
-        h();
-      }), j.cancelBubble = !0, j.preventDefault()));
-    }, q = (j) => {
-      k = j;
-    }, J = () => {
-      k = null;
-    }, ve = (j) => {
-      k && (ee(k), F());
-    }, O = n.scope, T = O ? o.value : l.value, I = O ? o.value : document.body, F = () => {
-      I.removeEventListener("mousemove", X, !1), I.removeEventListener("touchmove", X, { passive: !1 }), T.removeEventListener("mouseup", ee, !1), T.removeEventListener("mouseenter", J, !1), T.removeEventListener("mouseleave", q, !1), T.removeEventListener("touchend", ee, !1), I.removeEventListener("mouseleave", ee, !1), I.removeEventListener("mouseup", ve, !1), u.isFreeze = !1;
+      d.dragLeft = M, d.thumbLeft = O = Se, t.move && t.move(O, c.thumbY || 0), W.cancelBubble = !0, W.preventDefault();
+    }, U = (W) => {
+      ae(u.value, W) && (X(), N && (N = !1, !(O < 0) && (t.confirm && t.confirm({ x: parseInt(O.toString()), y: c.thumbY || 0 }, () => {
+        l();
+      }), W.cancelBubble = !0, W.preventDefault())));
+    }, j = (W) => {
+      P = W;
+    }, A = () => {
+      P = null;
+    }, ce = (W) => {
+      P && (U(P), X());
+    }, k = a.scope, $ = k ? r.value : u.value, S = k ? r.value : document.body, X = () => {
+      S.removeEventListener("mousemove", R, !1), S.removeEventListener("touchmove", R, { passive: !1 }), $.removeEventListener("mouseup", U, !1), $.removeEventListener("mouseenter", A, !1), $.removeEventListener("mouseleave", j, !1), $.removeEventListener("touchend", U, !1), S.removeEventListener("mouseleave", U, !1), S.removeEventListener("mouseup", ce, !1), d.isFreeze = !1;
     };
-    u.isFreeze = !0, I.addEventListener("mousemove", X, !1), I.addEventListener("touchmove", X, { passive: !1 }), T.addEventListener("mouseup", ee, !1), T.addEventListener("mouseenter", J, !1), T.addEventListener("mouseleave", q, !1), T.addEventListener("touchend", ee, !1), I.addEventListener("mouseleave", ee, !1), I.addEventListener("mouseup", ve, !1);
-  }, p = (m) => (E(), m.cancelBubble = !0, m.preventDefault(), !1), a = (m) => (b(), m.cancelBubble = !0, m.preventDefault(), !1), E = () => {
-    t && t.close && t.close(), h();
-  }, b = () => {
-    t && t.refresh && t.refresh(), h();
-  }, h = () => {
-    u.dragLeft = 0, u.thumbLeft = e.thumbX || 0;
+    d.isFreeze = !0, S.addEventListener("mousemove", R, !1), S.addEventListener("touchmove", R, { passive: !1 }), $.addEventListener("mouseup", U, !1), $.addEventListener("mouseenter", A, !1), $.addEventListener("mouseleave", j, !1), $.addEventListener("touchend", U, !1), S.addEventListener("mouseleave", U, !1), S.addEventListener("mouseup", ce, !1);
+  }, p = (h) => (_(), h.cancelBubble = !0, h.preventDefault(), !1), s = (h) => (x(), h.cancelBubble = !0, h.preventDefault(), !1), _ = () => {
+    t && t.close && t.close(), l();
+  }, x = () => {
+    t && t.refresh && t.refresh(), l();
+  }, l = () => {
+    d.dragLeft = 0, d.thumbLeft = c.thumbX || 0;
   };
   return {
-    state: u,
-    dragEvent: g,
+    state: d,
+    dragEvent: y,
     closeEvent: p,
-    refreshEvent: a,
-    resetData: h,
+    refreshEvent: s,
+    resetData: l,
     clearData: () => {
-      i && i(), h();
+      e && e(), l();
     },
-    refresh: b,
-    close: E
+    refresh: x,
+    close: _
   };
 }
-/**
-* @vue/shared v3.4.27
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-/*! #__NO_SIDE_EFFECTS__ */
-// @__NO_SIDE_EFFECTS__
-function ys(e, t) {
-  const n = new Set(e.split(","));
-  return t ? (o) => n.has(o.toLowerCase()) : (o) => n.has(o);
-}
-const be = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Pe = () => {
-}, Ss = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
-(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), pe = Object.assign, Ls = Object.prototype.hasOwnProperty, R = (e, t) => Ls.call(e, t), $ = Array.isArray, Ve = (e) => Et(e) === "[object Map]", Ns = (e) => Et(e) === "[object Set]", B = (e) => typeof e == "function", ae = (e) => typeof e == "string", Ue = (e) => typeof e == "symbol", ue = (e) => e !== null && typeof e == "object", Os = (e) => (ue(e) || B(e)) && B(e.then) && B(e.catch), Ds = Object.prototype.toString, Et = (e) => Ds.call(e), En = (e) => Et(e).slice(8, -1), $s = (e) => Et(e) === "[object Object]", It = (e) => ae(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, bn = (e) => {
-  const t = /* @__PURE__ */ Object.create(null);
-  return (n) => t[n] || (t[n] = e(n));
-}, wn = bn((e) => e.charAt(0).toUpperCase() + e.slice(1)), Cs = bn((e) => e ? `on${wn(e)}` : ""), Ie = (e, t) => !Object.is(e, t), Ps = (e, t, n, o = !1) => {
-  Object.defineProperty(e, t, {
-    configurable: !0,
-    enumerable: !1,
-    writable: o,
-    value: n
-  });
-};
-let en;
-const xn = () => en || (en = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function Mt(e) {
-  if ($(e)) {
-    const t = {};
-    for (let n = 0; n < e.length; n++) {
-      const o = e[n], s = ae(o) ? zs(o) : Mt(o);
-      if (s)
-        for (const r in s)
-          t[r] = s[r];
-    }
-    return t;
-  } else if (ae(e) || ue(e))
-    return e;
-}
-const Ts = /;(?![^(]*\))/g, Rs = /:([^]+)/, Vs = /\/\*[^]*?\*\//g;
-function zs(e) {
-  const t = {};
-  return e.replace(Vs, "").split(Ts).forEach((n) => {
-    if (n) {
-      const o = n.split(Rs);
-      o.length > 1 && (t[o[0].trim()] = o[1].trim());
-    }
-  }), t;
-}
-function kt(e) {
-  let t = "";
-  if (ae(e))
-    t = e;
-  else if ($(e))
-    for (let n = 0; n < e.length; n++) {
-      const o = kt(e[n]);
-      o && (t += o + " ");
-    }
-  else if (ue(e))
-    for (const n in e)
-      e[n] && (t += n + " ");
-  return t.trim();
-}
-/**
-* @vue/reactivity v3.4.27
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-function Xe(e, ...t) {
-  console.warn(`[Vue warn] ${e}`, ...t);
-}
-let Is;
-function Ms(e, t = Is) {
-  t && t.active && t.effects.push(e);
-}
-let je;
-class ks {
-  constructor(t, n, o, s) {
-    this.fn = t, this.trigger = n, this.scheduler = o, this.active = !0, this.deps = [], this._dirtyLevel = 4, this._trackId = 0, this._runnings = 0, this._shouldSchedule = !1, this._depsLength = 0, Ms(this, s);
-  }
-  get dirty() {
-    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
-      this._dirtyLevel = 1, Ke();
-      for (let t = 0; t < this._depsLength; t++) {
-        const n = this.deps[t];
-        if (n.computed && (Fs(n.computed), this._dirtyLevel >= 4))
-          break;
-      }
-      this._dirtyLevel === 1 && (this._dirtyLevel = 0), qe();
-    }
-    return this._dirtyLevel >= 4;
-  }
-  set dirty(t) {
-    this._dirtyLevel = t ? 4 : 0;
-  }
-  run() {
-    if (this._dirtyLevel = 0, !this.active)
-      return this.fn();
-    let t = Ne, n = je;
-    try {
-      return Ne = !0, je = this, this._runnings++, tn(this), this.fn();
-    } finally {
-      nn(this), this._runnings--, je = n, Ne = t;
-    }
-  }
-  stop() {
-    this.active && (tn(this), nn(this), this.onStop && this.onStop(), this.active = !1);
-  }
-}
-function Fs(e) {
-  return e.value;
-}
-function tn(e) {
-  e._trackId++, e._depsLength = 0;
-}
-function nn(e) {
-  if (e.deps.length > e._depsLength) {
-    for (let t = e._depsLength; t < e.deps.length; t++)
-      yn(e.deps[t], e);
-    e.deps.length = e._depsLength;
-  }
-}
-function yn(e, t) {
-  const n = e.get(t);
-  n !== void 0 && t._trackId !== n && (e.delete(t), e.size === 0 && e.cleanup());
-}
-let Ne = !0, St = 0;
-const Sn = [];
-function Ke() {
-  Sn.push(Ne), Ne = !1;
-}
-function qe() {
-  const e = Sn.pop();
-  Ne = e === void 0 ? !0 : e;
-}
-function Ft() {
-  St++;
-}
-function jt() {
-  for (St--; !St && Lt.length; )
-    Lt.shift()();
-}
-function js(e, t, n) {
-  var o;
-  if (t.get(e) !== e._trackId) {
-    t.set(e, e._trackId);
-    const s = e.deps[e._depsLength];
-    s !== t ? (s && yn(s, e), e.deps[e._depsLength++] = t) : e._depsLength++, process.env.NODE_ENV !== "production" && ((o = e.onTrack) == null || o.call(e, pe({ effect: e }, n)));
-  }
-}
-const Lt = [];
-function As(e, t, n) {
-  var o;
-  Ft();
-  for (const s of e.keys()) {
-    let r;
-    s._dirtyLevel < t && (r ?? (r = e.get(s) === s._trackId)) && (s._shouldSchedule || (s._shouldSchedule = s._dirtyLevel === 0), s._dirtyLevel = t), s._shouldSchedule && (r ?? (r = e.get(s) === s._trackId)) && (process.env.NODE_ENV !== "production" && ((o = s.onTrigger) == null || o.call(s, pe({ effect: s }, n))), s.trigger(), (!s._runnings || s.allowRecurse) && s._dirtyLevel !== 2 && (s._shouldSchedule = !1, s.scheduler && Lt.push(s.scheduler)));
-  }
-  jt();
-}
-const Hs = (e, t) => {
-  const n = /* @__PURE__ */ new Map();
-  return n.cleanup = e, n.computed = t, n;
-}, Nt = /* @__PURE__ */ new WeakMap(), Oe = Symbol(process.env.NODE_ENV !== "production" ? "iterate" : ""), Ot = Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
-function W(e, t, n) {
-  if (Ne && je) {
-    let o = Nt.get(e);
-    o || Nt.set(e, o = /* @__PURE__ */ new Map());
-    let s = o.get(n);
-    s || o.set(n, s = Hs(() => o.delete(n))), js(
-      je,
-      s,
-      process.env.NODE_ENV !== "production" ? {
-        target: e,
-        type: t,
-        key: n
-      } : void 0
-    );
-  }
-}
-function ye(e, t, n, o, s, r) {
-  const c = Nt.get(e);
-  if (!c)
-    return;
-  let l = [];
-  if (t === "clear")
-    l = [...c.values()];
-  else if (n === "length" && $(e)) {
-    const i = Number(o);
-    c.forEach((u, g) => {
-      (g === "length" || !Ue(g) && g >= i) && l.push(u);
-    });
-  } else
-    switch (n !== void 0 && l.push(c.get(n)), t) {
-      case "add":
-        $(e) ? It(n) && l.push(c.get("length")) : (l.push(c.get(Oe)), Ve(e) && l.push(c.get(Ot)));
-        break;
-      case "delete":
-        $(e) || (l.push(c.get(Oe)), Ve(e) && l.push(c.get(Ot)));
-        break;
-      case "set":
-        Ve(e) && l.push(c.get(Oe));
-        break;
-    }
-  Ft();
-  for (const i of l)
-    i && As(
-      i,
-      4,
-      process.env.NODE_ENV !== "production" ? {
-        target: e,
-        type: t,
-        key: n,
-        newValue: o,
-        oldValue: s,
-        oldTarget: r
-      } : void 0
-    );
-  jt();
-}
-const Bs = /* @__PURE__ */ ys("__proto__,__v_isRef,__isVue"), Ln = new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(Ue)
-), sn = /* @__PURE__ */ Ws();
-function Ws() {
-  const e = {};
-  return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
-    e[t] = function(...n) {
-      const o = S(this);
-      for (let r = 0, c = this.length; r < c; r++)
-        W(o, "get", r + "");
-      const s = o[t](...n);
-      return s === -1 || s === !1 ? o[t](...n.map(S)) : s;
-    };
-  }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
-    e[t] = function(...n) {
-      Ke(), Ft();
-      const o = S(this)[t].apply(this, n);
-      return jt(), qe(), o;
-    };
-  }), e;
-}
-function Xs(e) {
-  Ue(e) || (e = String(e));
-  const t = S(this);
-  return W(t, "has", e), t.hasOwnProperty(e);
-}
-class Nn {
-  constructor(t = !1, n = !1) {
-    this._isReadonly = t, this._isShallow = n;
-  }
-  get(t, n, o) {
-    const s = this._isReadonly, r = this._isShallow;
-    if (n === "__v_isReactive")
-      return !s;
-    if (n === "__v_isReadonly")
-      return s;
-    if (n === "__v_isShallow")
-      return r;
-    if (n === "__v_raw")
-      return o === (s ? r ? Pn : Cn : r ? oo : $n).get(t) || // receiver is not the reactive proxy, but has the same prototype
-      // this means the reciever is a user proxy of the reactive proxy
-      Object.getPrototypeOf(t) === Object.getPrototypeOf(o) ? t : void 0;
-    const c = $(t);
-    if (!s) {
-      if (c && R(sn, n))
-        return Reflect.get(sn, n, o);
-      if (n === "hasOwnProperty")
-        return Xs;
-    }
-    const l = Reflect.get(t, n, o);
-    return (Ue(n) ? Ln.has(n) : Bs(n)) || (s || W(t, "get", n), r) ? l : de(l) ? c && It(n) ? l : l.value : ue(l) ? s ? Rn(l) : Tn(l) : l;
-  }
-}
-class Ys extends Nn {
-  constructor(t = !1) {
-    super(!1, t);
-  }
-  set(t, n, o, s) {
-    let r = t[n];
-    if (!this._isShallow) {
-      const i = it(r);
-      if (!Dt(o) && !it(o) && (r = S(r), o = S(o)), !$(t) && de(r) && !de(o))
-        return i ? !1 : (r.value = o, !0);
-    }
-    const c = $(t) && It(n) ? Number(n) < t.length : R(t, n), l = Reflect.set(t, n, o, s);
-    return t === S(s) && (c ? Ie(o, r) && ye(t, "set", n, o, r) : ye(t, "add", n, o)), l;
-  }
-  deleteProperty(t, n) {
-    const o = R(t, n), s = t[n], r = Reflect.deleteProperty(t, n);
-    return r && o && ye(t, "delete", n, void 0, s), r;
-  }
-  has(t, n) {
-    const o = Reflect.has(t, n);
-    return (!Ue(n) || !Ln.has(n)) && W(t, "has", n), o;
-  }
-  ownKeys(t) {
-    return W(
-      t,
-      "iterate",
-      $(t) ? "length" : Oe
-    ), Reflect.ownKeys(t);
-  }
-}
-class On extends Nn {
-  constructor(t = !1) {
-    super(!0, t);
-  }
-  set(t, n) {
-    return process.env.NODE_ENV !== "production" && Xe(
-      `Set operation on key "${String(n)}" failed: target is readonly.`,
-      t
-    ), !0;
-  }
-  deleteProperty(t, n) {
-    return process.env.NODE_ENV !== "production" && Xe(
-      `Delete operation on key "${String(n)}" failed: target is readonly.`,
-      t
-    ), !0;
-  }
-}
-const Us = /* @__PURE__ */ new Ys(), Ks = /* @__PURE__ */ new On(), qs = /* @__PURE__ */ new On(!0), At = (e) => e, bt = (e) => Reflect.getPrototypeOf(e);
-function Ge(e, t, n = !1, o = !1) {
-  e = e.__v_raw;
-  const s = S(e), r = S(t);
-  n || (Ie(t, r) && W(s, "get", t), W(s, "get", r));
-  const { has: c } = bt(s), l = o ? At : n ? Xt : Wt;
-  if (c.call(s, t))
-    return l(e.get(t));
-  if (c.call(s, r))
-    return l(e.get(r));
-  e !== s && e.get(t);
-}
-function Qe(e, t = !1) {
-  const n = this.__v_raw, o = S(n), s = S(e);
-  return t || (Ie(e, s) && W(o, "has", e), W(o, "has", s)), e === s ? n.has(e) : n.has(e) || n.has(s);
-}
-function Ze(e, t = !1) {
-  return e = e.__v_raw, !t && W(S(e), "iterate", Oe), Reflect.get(e, "size", e);
-}
-function on(e) {
-  e = S(e);
-  const t = S(this);
-  return bt(t).has.call(t, e) || (t.add(e), ye(t, "add", e, e)), this;
-}
-function rn(e, t) {
-  t = S(t);
-  const n = S(this), { has: o, get: s } = bt(n);
-  let r = o.call(n, e);
-  r ? process.env.NODE_ENV !== "production" && Dn(n, o, e) : (e = S(e), r = o.call(n, e));
-  const c = s.call(n, e);
-  return n.set(e, t), r ? Ie(t, c) && ye(n, "set", e, t, c) : ye(n, "add", e, t), this;
-}
-function cn(e) {
-  const t = S(this), { has: n, get: o } = bt(t);
-  let s = n.call(t, e);
-  s ? process.env.NODE_ENV !== "production" && Dn(t, n, e) : (e = S(e), s = n.call(t, e));
-  const r = o ? o.call(t, e) : void 0, c = t.delete(e);
-  return s && ye(t, "delete", e, void 0, r), c;
-}
-function ln() {
-  const e = S(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? Ve(e) ? new Map(e) : new Set(e) : void 0, o = e.clear();
-  return t && ye(e, "clear", void 0, void 0, n), o;
-}
-function et(e, t) {
-  return function(o, s) {
-    const r = this, c = r.__v_raw, l = S(c), i = t ? At : e ? Xt : Wt;
-    return !e && W(l, "iterate", Oe), c.forEach((u, g) => o.call(s, i(u), i(g), r));
-  };
-}
-function tt(e, t, n) {
-  return function(...o) {
-    const s = this.__v_raw, r = S(s), c = Ve(r), l = e === "entries" || e === Symbol.iterator && c, i = e === "keys" && c, u = s[e](...o), g = n ? At : t ? Xt : Wt;
-    return !t && W(
-      r,
-      "iterate",
-      i ? Ot : Oe
-    ), {
-      // iterator protocol
-      next() {
-        const { value: p, done: a } = u.next();
-        return a ? { value: p, done: a } : {
-          value: l ? [g(p[0]), g(p[1])] : g(p),
-          done: a
-        };
-      },
-      // iterable protocol
-      [Symbol.iterator]() {
-        return this;
-      }
-    };
-  };
-}
-function Ee(e) {
-  return function(...t) {
-    if (process.env.NODE_ENV !== "production") {
-      const n = t[0] ? `on key "${t[0]}" ` : "";
-      Xe(
-        `${wn(e)} operation ${n}failed: target is readonly.`,
-        S(this)
-      );
-    }
-    return e === "delete" ? !1 : e === "clear" ? void 0 : this;
-  };
-}
-function Js() {
-  const e = {
-    get(r) {
-      return Ge(this, r);
-    },
-    get size() {
-      return Ze(this);
-    },
-    has: Qe,
-    add: on,
-    set: rn,
-    delete: cn,
-    clear: ln,
-    forEach: et(!1, !1)
-  }, t = {
-    get(r) {
-      return Ge(this, r, !1, !0);
-    },
-    get size() {
-      return Ze(this);
-    },
-    has: Qe,
-    add: on,
-    set: rn,
-    delete: cn,
-    clear: ln,
-    forEach: et(!1, !0)
-  }, n = {
-    get(r) {
-      return Ge(this, r, !0);
-    },
-    get size() {
-      return Ze(this, !0);
-    },
-    has(r) {
-      return Qe.call(this, r, !0);
-    },
-    add: Ee("add"),
-    set: Ee("set"),
-    delete: Ee("delete"),
-    clear: Ee("clear"),
-    forEach: et(!0, !1)
-  }, o = {
-    get(r) {
-      return Ge(this, r, !0, !0);
-    },
-    get size() {
-      return Ze(this, !0);
-    },
-    has(r) {
-      return Qe.call(this, r, !0);
-    },
-    add: Ee("add"),
-    set: Ee("set"),
-    delete: Ee("delete"),
-    clear: Ee("clear"),
-    forEach: et(!0, !0)
-  };
-  return [
-    "keys",
-    "values",
-    "entries",
-    Symbol.iterator
-  ].forEach((r) => {
-    e[r] = tt(r, !1, !1), n[r] = tt(r, !0, !1), t[r] = tt(r, !1, !0), o[r] = tt(
-      r,
-      !0,
-      !0
-    );
-  }), [
-    e,
-    n,
-    t,
-    o
-  ];
-}
-const [
-  Gs,
-  Qs,
-  Zs,
-  eo
-] = /* @__PURE__ */ Js();
-function Ht(e, t) {
-  const n = t ? e ? eo : Zs : e ? Qs : Gs;
-  return (o, s, r) => s === "__v_isReactive" ? !e : s === "__v_isReadonly" ? e : s === "__v_raw" ? o : Reflect.get(
-    R(n, s) && s in o ? n : o,
-    s,
-    r
-  );
-}
-const to = {
-  get: /* @__PURE__ */ Ht(!1, !1)
-}, no = {
-  get: /* @__PURE__ */ Ht(!0, !1)
-}, so = {
-  get: /* @__PURE__ */ Ht(!0, !0)
-};
-function Dn(e, t, n) {
-  const o = S(n);
-  if (o !== n && t.call(e, o)) {
-    const s = En(e);
-    Xe(
-      `Reactive ${s} contains both the raw and reactive versions of the same object${s === "Map" ? " as keys" : ""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`
-    );
-  }
-}
-const $n = /* @__PURE__ */ new WeakMap(), oo = /* @__PURE__ */ new WeakMap(), Cn = /* @__PURE__ */ new WeakMap(), Pn = /* @__PURE__ */ new WeakMap();
-function ro(e) {
-  switch (e) {
-    case "Object":
-    case "Array":
-      return 1;
-    case "Map":
-    case "Set":
-    case "WeakMap":
-    case "WeakSet":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function co(e) {
-  return e.__v_skip || !Object.isExtensible(e) ? 0 : ro(En(e));
-}
-function Tn(e) {
-  return it(e) ? e : Bt(
-    e,
-    !1,
-    Us,
-    to,
-    $n
-  );
-}
-function Rn(e) {
-  return Bt(
-    e,
-    !0,
-    Ks,
-    no,
-    Cn
-  );
-}
-function nt(e) {
-  return Bt(
-    e,
-    !0,
-    qs,
-    so,
-    Pn
-  );
-}
-function Bt(e, t, n, o, s) {
-  if (!ue(e))
-    return process.env.NODE_ENV !== "production" && Xe(`value cannot be made reactive: ${String(e)}`), e;
-  if (e.__v_raw && !(t && e.__v_isReactive))
-    return e;
-  const r = s.get(e);
-  if (r)
-    return r;
-  const c = co(e);
-  if (c === 0)
-    return e;
-  const l = new Proxy(
-    e,
-    c === 2 ? o : n
-  );
-  return s.set(e, l), l;
-}
-function Ae(e) {
-  return it(e) ? Ae(e.__v_raw) : !!(e && e.__v_isReactive);
-}
-function it(e) {
-  return !!(e && e.__v_isReadonly);
-}
-function Dt(e) {
-  return !!(e && e.__v_isShallow);
-}
-function $t(e) {
-  return e ? !!e.__v_raw : !1;
-}
-function S(e) {
-  const t = e && e.__v_raw;
-  return t ? S(t) : e;
-}
-function io(e) {
-  return Object.isExtensible(e) && Ps(e, "__v_skip", !0), e;
-}
-const Wt = (e) => ue(e) ? Tn(e) : e, Xt = (e) => ue(e) ? Rn(e) : e;
-function de(e) {
-  return !!(e && e.__v_isRef === !0);
-}
-function lo(e) {
-  return de(e) ? e.value : e;
-}
-const ao = {
-  get: (e, t, n) => lo(Reflect.get(e, t, n)),
-  set: (e, t, n, o) => {
-    const s = e[t];
-    return de(s) && !de(n) ? (s.value = n, !0) : Reflect.set(e, t, n, o);
-  }
-};
-function uo(e) {
-  return Ae(e) ? e : new Proxy(e, ao);
-}
-/**
-* @vue/runtime-core v3.4.27
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-const De = [];
-function fo(e) {
-  De.push(e);
-}
-function ho() {
-  De.pop();
-}
-function D(e, ...t) {
-  Ke();
-  const n = De.length ? De[De.length - 1].component : null, o = n && n.appContext.config.warnHandler, s = po();
-  if (o)
-    $e(
-      o,
-      n,
-      11,
-      [
-        e + t.map((r) => {
-          var c, l;
-          return (l = (c = r.toString) == null ? void 0 : c.call(r)) != null ? l : JSON.stringify(r);
-        }).join(""),
-        n && n.proxy,
-        s.map(
-          ({ vnode: r }) => `at <${qn(n, r.type)}>`
-        ).join(`
-`),
-        s
-      ]
-    );
-  else {
-    const r = [`[Vue warn]: ${e}`, ...t];
-    s.length && r.push(`
-`, ...go(s)), console.warn(...r);
-  }
-  qe();
-}
-function po() {
-  let e = De[De.length - 1];
-  if (!e)
-    return [];
-  const t = [];
-  for (; e; ) {
-    const n = t[0];
-    n && n.vnode === e ? n.recurseCount++ : t.push({
-      vnode: e,
-      recurseCount: 0
-    });
-    const o = e.component && e.component.parent;
-    e = o && o.vnode;
-  }
-  return t;
-}
-function go(e) {
-  const t = [];
-  return e.forEach((n, o) => {
-    t.push(...o === 0 ? [] : [`
-`], ...mo(n));
-  }), t;
-}
-function mo({ vnode: e, recurseCount: t }) {
-  const n = t > 0 ? `... (${t} recursive calls)` : "", o = e.component ? e.component.parent == null : !1, s = ` at <${qn(
-    e.component,
-    e.type,
-    o
-  )}`, r = ">" + n;
-  return e.props ? [s, ..._o(e.props), r] : [s + r];
-}
-function _o(e) {
-  const t = [], n = Object.keys(e);
-  return n.slice(0, 3).forEach((o) => {
-    t.push(...Vn(o, e[o]));
-  }), n.length > 3 && t.push(" ..."), t;
-}
-function Vn(e, t, n) {
-  return ae(t) ? (t = JSON.stringify(t), n ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? n ? t : [`${e}=${t}`] : de(t) ? (t = Vn(e, S(t.value), !0), n ? t : [`${e}=Ref<`, t, ">"]) : B(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = S(t), n ? t : [`${e}=`, t]);
-}
-const Yt = {
-  sp: "serverPrefetch hook",
-  bc: "beforeCreate hook",
-  c: "created hook",
-  bm: "beforeMount hook",
-  m: "mounted hook",
-  bu: "beforeUpdate hook",
-  u: "updated",
-  bum: "beforeUnmount hook",
-  um: "unmounted hook",
-  a: "activated hook",
-  da: "deactivated hook",
-  ec: "errorCaptured hook",
-  rtc: "renderTracked hook",
-  rtg: "renderTriggered hook",
-  0: "setup function",
-  1: "render function",
-  2: "watcher getter",
-  3: "watcher callback",
-  4: "watcher cleanup function",
-  5: "native event handler",
-  6: "component event handler",
-  7: "vnode hook",
-  8: "directive hook",
-  9: "transition hook",
-  10: "app errorHandler",
-  11: "app warnHandler",
-  12: "ref function",
-  13: "async component loader",
-  14: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
-};
-function $e(e, t, n, o) {
-  try {
-    return o ? e(...o) : e();
-  } catch (s) {
-    Ut(s, t, n);
-  }
-}
-function He(e, t, n, o) {
-  if (B(e)) {
-    const s = $e(e, t, n, o);
-    return s && Os(s) && s.catch((r) => {
-      Ut(r, t, n);
-    }), s;
-  }
-  if ($(e)) {
-    const s = [];
-    for (let r = 0; r < e.length; r++)
-      s.push(He(e[r], t, n, o));
-    return s;
-  } else
-    process.env.NODE_ENV !== "production" && D(
-      `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`
-    );
-}
-function Ut(e, t, n, o = !0) {
-  const s = t ? t.vnode : null;
-  if (t) {
-    let r = t.parent;
-    const c = t.proxy, l = process.env.NODE_ENV !== "production" ? Yt[n] : `https://vuejs.org/error-reference/#runtime-${n}`;
-    for (; r; ) {
-      const u = r.ec;
-      if (u) {
-        for (let g = 0; g < u.length; g++)
-          if (u[g](e, c, l) === !1)
-            return;
-      }
-      r = r.parent;
-    }
-    const i = t.appContext.config.errorHandler;
-    if (i) {
-      Ke(), $e(
-        i,
-        null,
-        10,
-        [e, c, l]
-      ), qe();
-      return;
-    }
-  }
-  vo(e, n, s, o);
-}
-function vo(e, t, n, o = !0) {
-  if (process.env.NODE_ENV !== "production") {
-    const s = Yt[t];
-    if (n && fo(n), D(`Unhandled error${s ? ` during execution of ${s}` : ""}`), n && ho(), o)
-      throw e;
-    console.error(e);
-  } else
-    console.error(e);
-}
-let lt = !1, Ct = !1;
-const le = [];
-let xe = 0;
-const ze = [];
-let ge = null, we = 0;
-const zn = /* @__PURE__ */ Promise.resolve();
-let Kt = null;
-const Eo = 100;
-function bo(e) {
-  const t = Kt || zn;
-  return e ? t.then(this ? e.bind(this) : e) : t;
-}
-function wo(e) {
-  let t = xe + 1, n = le.length;
-  for (; t < n; ) {
-    const o = t + n >>> 1, s = le[o], r = Ye(s);
-    r < e || r === e && s.pre ? t = o + 1 : n = o;
-  }
-  return t;
-}
-function qt(e) {
-  (!le.length || !le.includes(
-    e,
-    lt && e.allowRecurse ? xe + 1 : xe
-  )) && (e.id == null ? le.push(e) : le.splice(wo(e.id), 0, e), In());
-}
-function In() {
-  !lt && !Ct && (Ct = !0, Kt = zn.then(kn));
-}
-function Mn(e) {
-  $(e) ? ze.push(...e) : (!ge || !ge.includes(
-    e,
-    e.allowRecurse ? we + 1 : we
-  )) && ze.push(e), In();
-}
-function xo(e) {
-  if (ze.length) {
-    const t = [...new Set(ze)].sort(
-      (n, o) => Ye(n) - Ye(o)
-    );
-    if (ze.length = 0, ge) {
-      ge.push(...t);
-      return;
-    }
-    for (ge = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), we = 0; we < ge.length; we++)
-      process.env.NODE_ENV !== "production" && Fn(e, ge[we]) || ge[we]();
-    ge = null, we = 0;
-  }
-}
-const Ye = (e) => e.id == null ? 1 / 0 : e.id, yo = (e, t) => {
-  const n = Ye(e) - Ye(t);
-  if (n === 0) {
-    if (e.pre && !t.pre)
-      return -1;
-    if (t.pre && !e.pre)
-      return 1;
-  }
-  return n;
-};
-function kn(e) {
-  Ct = !1, lt = !0, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), le.sort(yo);
-  const t = process.env.NODE_ENV !== "production" ? (n) => Fn(e, n) : Pe;
-  try {
-    for (xe = 0; xe < le.length; xe++) {
-      const n = le[xe];
-      if (n && n.active !== !1) {
-        if (process.env.NODE_ENV !== "production" && t(n))
-          continue;
-        $e(n, null, 14);
-      }
-    }
-  } finally {
-    xe = 0, le.length = 0, xo(e), lt = !1, Kt = null, (le.length || ze.length) && kn(e);
-  }
-}
-function Fn(e, t) {
-  if (!e.has(t))
-    e.set(t, 1);
-  else {
-    const n = e.get(t);
-    if (n > Eo) {
-      const o = t.ownerInstance, s = o && Kn(o.type);
-      return Ut(
-        `Maximum recursive updates exceeded${s ? ` in component <${s}>` : ""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
-        null,
-        10
-      ), !0;
-    } else
-      e.set(t, n + 1);
-  }
-}
-const ke = /* @__PURE__ */ new Set();
-process.env.NODE_ENV !== "production" && (xn().__VUE_HMR_RUNTIME__ = {
-  createRecord: wt(So),
-  rerender: wt(Lo),
-  reload: wt(No)
-});
-const at = /* @__PURE__ */ new Map();
-function So(e, t) {
-  return at.has(e) ? !1 : (at.set(e, {
-    initialDef: Be(t),
-    instances: /* @__PURE__ */ new Set()
-  }), !0);
-}
-function Be(e) {
-  return Jn(e) ? e.__vccOpts : e;
-}
-function Lo(e, t) {
-  const n = at.get(e);
-  n && (n.initialDef.render = t, [...n.instances].forEach((o) => {
-    t && (o.render = t, Be(o.type).render = t), o.renderCache = [], o.effect.dirty = !0, o.update();
-  }));
-}
-function No(e, t) {
-  const n = at.get(e);
-  if (!n)
-    return;
-  t = Be(t), an(n.initialDef, t);
-  const o = [...n.instances];
-  for (const s of o) {
-    const r = Be(s.type);
-    ke.has(r) || (r !== n.initialDef && an(r, t), ke.add(r)), s.appContext.propsCache.delete(s.type), s.appContext.emitsCache.delete(s.type), s.appContext.optionsCache.delete(s.type), s.ceReload ? (ke.add(r), s.ceReload(t.styles), ke.delete(r)) : s.parent ? (s.parent.effect.dirty = !0, qt(s.parent.update)) : s.appContext.reload ? s.appContext.reload() : typeof window < "u" ? window.location.reload() : console.warn(
-      "[HMR] Root or manually mounted instance modified. Full reload required."
-    );
-  }
-  Mn(() => {
-    for (const s of o)
-      ke.delete(
-        Be(s.type)
-      );
-  });
-}
-function an(e, t) {
-  pe(e, t);
-  for (const n in e)
-    n !== "__file" && !(n in t) && delete e[n];
-}
-function wt(e) {
-  return (t, n) => {
-    try {
-      return e(t, n);
-    } catch (o) {
-      console.error(o), console.warn(
-        "[HMR] Something went wrong during Vue component hot-reload. Full reload required."
-      );
-    }
-  };
-}
-let Ce, st = [];
-function jn(e, t) {
-  var n, o;
-  Ce = e, Ce ? (Ce.enabled = !0, st.forEach(({ event: s, args: r }) => Ce.emit(s, ...r)), st = []) : /* handle late devtools injection - only do this if we are in an actual */ /* browser environment to avoid the timer handle stalling test runner exit */ /* (#4815) */ typeof window < "u" && // some envs mock window but not fully
-  window.HTMLElement && // also exclude jsdom
-  !((o = (n = window.navigator) == null ? void 0 : n.userAgent) != null && o.includes("jsdom")) ? ((t.__VUE_DEVTOOLS_HOOK_REPLAY__ = t.__VUE_DEVTOOLS_HOOK_REPLAY__ || []).push((r) => {
-    jn(r, t);
-  }), setTimeout(() => {
-    Ce || (t.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, st = []);
-  }, 3e3)) : st = [];
-}
-let me = null, Oo = null;
-const Do = Symbol.for("v-ndc"), $o = (e) => e.__isSuspense;
-function Co(e, t) {
-  t && t.pendingBranch ? $(e) ? t.effects.push(...e) : t.effects.push(e) : Mn(e);
-}
-const Po = Symbol.for("v-scx"), To = () => {
-  {
-    const e = Wo(Po);
-    return e || process.env.NODE_ENV !== "production" && D(
-      "Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build."
-    ), e;
-  }
-}, ot = {};
-function Ro(e, t, {
-  immediate: n,
-  deep: o,
-  flush: s,
-  once: r,
-  onTrack: c,
-  onTrigger: l
-} = be) {
-  if (t && r) {
-    const d = t;
-    t = (...y) => {
-      d(...y), v();
-    };
-  }
-  process.env.NODE_ENV !== "production" && o !== void 0 && typeof o == "number" && D(
-    'watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.'
-  ), process.env.NODE_ENV !== "production" && !t && (n !== void 0 && D(
-    'watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'
-  ), o !== void 0 && D(
-    'watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'
-  ), r !== void 0 && D(
-    'watch() "once" option is only respected when using the watch(source, callback, options?) signature.'
-  ));
-  const i = (d) => {
-    D(
-      "Invalid watch source: ",
-      d,
-      "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types."
-    );
-  }, u = Me, g = (d) => o === !0 ? d : (
-    // for deep: false, only traverse root-level properties
-    Te(d, o === !1 ? 1 : void 0)
-  );
-  let p, a = !1, E = !1;
-  if (de(e) ? (p = () => e.value, a = Dt(e)) : Ae(e) ? (p = () => g(e), a = !0) : $(e) ? (E = !0, a = e.some((d) => Ae(d) || Dt(d)), p = () => e.map((d) => {
-    if (de(d))
-      return d.value;
-    if (Ae(d))
-      return g(d);
-    if (B(d))
-      return $e(d, u, 2);
-    process.env.NODE_ENV !== "production" && i(d);
-  })) : B(e) ? t ? p = () => $e(e, u, 2) : p = () => (b && b(), He(
-    e,
-    u,
-    3,
-    [h]
-  )) : (p = Pe, process.env.NODE_ENV !== "production" && i(e)), t && o) {
-    const d = p;
-    p = () => Te(d());
-  }
-  let b, h = (d) => {
-    b = _.onStop = () => {
-      $e(d, u, 4), b = _.onStop = void 0;
-    };
-  }, w;
-  if (Gt)
-    if (h = Pe, t ? n && He(t, u, 3, [
-      p(),
-      E ? [] : void 0,
-      h
-    ]) : p(), s === "sync") {
-      const d = To();
-      w = d.__watcherHandles || (d.__watcherHandles = []);
-    } else
-      return Pe;
-  let m = E ? new Array(e.length).fill(ot) : ot;
-  const N = () => {
-    if (!(!_.active || !_.dirty))
-      if (t) {
-        const d = _.run();
-        (o || a || (E ? d.some((y, V) => Ie(y, m[V])) : Ie(d, m))) && (b && b(), He(t, u, 3, [
-          d,
-          // pass undefined as the old value when it's changed for the first time
-          m === ot ? void 0 : E && m[0] === ot ? [] : m,
-          h
-        ]), m = d);
-      } else
-        _.run();
-  };
-  N.allowRecurse = !!t;
-  let P;
-  s === "sync" ? P = N : s === "post" ? P = () => gn(N, u && u.suspense) : (N.pre = !0, u && (N.id = u.uid), P = () => qt(N));
-  const _ = new ks(p, Pe, P), v = () => {
-    _.stop();
-  };
-  return process.env.NODE_ENV !== "production" && (_.onTrack = c, _.onTrigger = l), t ? n ? N() : m = _.run() : s === "post" ? gn(
-    _.run.bind(_),
-    u && u.suspense
-  ) : _.run(), w && w.push(v), v;
-}
-function Vo(e, t, n) {
-  const o = this.proxy, s = ae(e) ? e.includes(".") ? zo(o, e) : () => o[e] : e.bind(o, o);
-  let r;
-  B(t) ? r = t : (r = t.handler, n = t);
-  const c = Un(this), l = Ro(s, r.bind(o), n);
-  return c(), l;
-}
-function zo(e, t) {
-  const n = t.split(".");
-  return () => {
-    let o = e;
-    for (let s = 0; s < n.length && o; s++)
-      o = o[n[s]];
-    return o;
-  };
-}
-function Te(e, t = 1 / 0, n) {
-  if (t <= 0 || !ue(e) || e.__v_skip || (n = n || /* @__PURE__ */ new Set(), n.has(e)))
-    return e;
-  if (n.add(e), t--, de(e))
-    Te(e.value, t, n);
-  else if ($(e))
-    for (let o = 0; o < e.length; o++)
-      Te(e[o], t, n);
-  else if (Ns(e) || Ve(e))
-    e.forEach((o) => {
-      Te(o, t, n);
-    });
-  else if ($s(e))
-    for (const o in e)
-      Te(e[o], t, n);
-  return e;
-}
-function Io(e, t, n = Me, o = !1) {
-  if (n) {
-    const s = n[e] || (n[e] = []), r = t.__weh || (t.__weh = (...c) => {
-      if (n.isUnmounted)
-        return;
-      Ke();
-      const l = Un(n), i = He(t, n, e, c);
-      return l(), qe(), i;
-    });
-    return o ? s.unshift(r) : s.push(r), r;
-  } else if (process.env.NODE_ENV !== "production") {
-    const s = Cs(Yt[e].replace(/ hook$/, ""));
-    D(
-      `${s} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`
-    );
-  }
-}
-const Mo = (e) => (t, n = Me) => (
-  // post-create lifecycle registrations are noops during SSR (except for serverPrefetch)
-  (!Gt || e === "sp") && Io(e, (...o) => t(...o), n)
-), An = Mo("um"), Pt = (e) => e ? nr(e) ? sr(e) || e.proxy : Pt(e.parent) : null, We = (
-  // Move PURE marker to new line to workaround compiler discarding it
-  // due to type annotation
-  /* @__PURE__ */ pe(/* @__PURE__ */ Object.create(null), {
-    $: (e) => e,
-    $el: (e) => e.vnode.el,
-    $data: (e) => e.data,
-    $props: (e) => process.env.NODE_ENV !== "production" ? nt(e.props) : e.props,
-    $attrs: (e) => process.env.NODE_ENV !== "production" ? nt(e.attrs) : e.attrs,
-    $slots: (e) => process.env.NODE_ENV !== "production" ? nt(e.slots) : e.slots,
-    $refs: (e) => process.env.NODE_ENV !== "production" ? nt(e.refs) : e.refs,
-    $parent: (e) => Pt(e.parent),
-    $root: (e) => Pt(e.root),
-    $emit: (e) => e.emit,
-    $options: (e) => jo(e),
-    $forceUpdate: (e) => e.f || (e.f = () => {
-      e.effect.dirty = !0, qt(e.update);
-    }),
-    $nextTick: (e) => e.n || (e.n = bo.bind(e.proxy)),
-    $watch: (e) => Vo.bind(e)
-  })
-), ko = (e) => e === "_" || e === "$", xt = (e, t) => e !== be && !e.__isScriptSetup && R(e, t), Fo = {
-  get({ _: e }, t) {
-    if (t === "__v_skip")
-      return !0;
-    const { ctx: n, setupState: o, data: s, props: r, accessCache: c, type: l, appContext: i } = e;
-    if (process.env.NODE_ENV !== "production" && t === "__isVue")
-      return !0;
-    let u;
-    if (t[0] !== "$") {
-      const E = c[t];
-      if (E !== void 0)
-        switch (E) {
-          case 1:
-            return o[t];
-          case 2:
-            return s[t];
-          case 4:
-            return n[t];
-          case 3:
-            return r[t];
-        }
-      else {
-        if (xt(o, t))
-          return c[t] = 1, o[t];
-        if (s !== be && R(s, t))
-          return c[t] = 2, s[t];
-        if (
-          // only cache other properties when instance has declared (thus stable)
-          // props
-          (u = e.propsOptions[0]) && R(u, t)
-        )
-          return c[t] = 3, r[t];
-        if (n !== be && R(n, t))
-          return c[t] = 4, n[t];
-        c[t] = 0;
-      }
-    }
-    const g = We[t];
-    let p, a;
-    if (g)
-      return t === "$attrs" ? (W(e.attrs, "get", ""), process.env.NODE_ENV !== "production" && void 0) : process.env.NODE_ENV !== "production" && t === "$slots" && W(e, "get", t), g(e);
-    if (
-      // css module (injected by vue-loader)
-      (p = l.__cssModules) && (p = p[t])
-    )
-      return p;
-    if (n !== be && R(n, t))
-      return c[t] = 4, n[t];
-    if (
-      // global properties
-      a = i.config.globalProperties, R(a, t)
-    )
-      return a[t];
-    process.env.NODE_ENV !== "production" && me && (!ae(t) || // #1091 avoid internal isRef/isVNode checks on component instance leading
-    // to infinite warning loop
-    t.indexOf("__v") !== 0) && (s !== be && ko(t[0]) && R(s, t) ? D(
-      `Property ${JSON.stringify(
-        t
-      )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`
-    ) : e === me && D(
-      `Property ${JSON.stringify(t)} was accessed during render but is not defined on instance.`
-    ));
-  },
-  set({ _: e }, t, n) {
-    const { data: o, setupState: s, ctx: r } = e;
-    return xt(s, t) ? (s[t] = n, !0) : process.env.NODE_ENV !== "production" && s.__isScriptSetup && R(s, t) ? (D(`Cannot mutate <script setup> binding "${t}" from Options API.`), !1) : o !== be && R(o, t) ? (o[t] = n, !0) : R(e.props, t) ? (process.env.NODE_ENV !== "production" && D(`Attempting to mutate prop "${t}". Props are readonly.`), !1) : t[0] === "$" && t.slice(1) in e ? (process.env.NODE_ENV !== "production" && D(
-      `Attempting to mutate public property "${t}". Properties starting with $ are reserved and readonly.`
-    ), !1) : (process.env.NODE_ENV !== "production" && t in e.appContext.config.globalProperties ? Object.defineProperty(r, t, {
-      enumerable: !0,
-      configurable: !0,
-      value: n
-    }) : r[t] = n, !0);
-  },
-  has({
-    _: { data: e, setupState: t, accessCache: n, ctx: o, appContext: s, propsOptions: r }
-  }, c) {
-    let l;
-    return !!n[c] || e !== be && R(e, c) || xt(t, c) || (l = r[0]) && R(l, c) || R(o, c) || R(We, c) || R(s.config.globalProperties, c);
-  },
-  defineProperty(e, t, n) {
-    return n.get != null ? e._.accessCache[t] = 0 : R(n, "value") && this.set(e, t, n.value, null), Reflect.defineProperty(e, t, n);
-  }
-};
-process.env.NODE_ENV !== "production" && (Fo.ownKeys = (e) => (D(
-  "Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."
-), Reflect.ownKeys(e)));
-function un(e) {
-  return $(e) ? e.reduce(
-    (t, n) => (t[n] = null, t),
-    {}
-  ) : e;
-}
-function jo(e) {
-  const t = e.type, { mixins: n, extends: o } = t, {
-    mixins: s,
-    optionsCache: r,
-    config: { optionMergeStrategies: c }
-  } = e.appContext, l = r.get(t);
-  let i;
-  return l ? i = l : !s.length && !n && !o ? i = t : (i = {}, s.length && s.forEach(
-    (u) => ut(i, u, c, !0)
-  ), ut(i, t, c)), ue(t) && r.set(t, i), i;
-}
-function ut(e, t, n, o = !1) {
-  const { mixins: s, extends: r } = t;
-  r && ut(e, r, n, !0), s && s.forEach(
-    (c) => ut(e, c, n, !0)
-  );
-  for (const c in t)
-    if (o && c === "expose")
-      process.env.NODE_ENV !== "production" && D(
-        '"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.'
-      );
-    else {
-      const l = Ao[c] || n && n[c];
-      e[c] = l ? l(e[c], t[c]) : t[c];
-    }
-  return e;
-}
-const Ao = {
-  data: dn,
-  props: hn,
-  emits: hn,
-  // objects
-  methods: Fe,
-  computed: Fe,
-  // lifecycle
-  beforeCreate: Y,
-  created: Y,
-  beforeMount: Y,
-  mounted: Y,
-  beforeUpdate: Y,
-  updated: Y,
-  beforeDestroy: Y,
-  beforeUnmount: Y,
-  destroyed: Y,
-  unmounted: Y,
-  activated: Y,
-  deactivated: Y,
-  errorCaptured: Y,
-  serverPrefetch: Y,
-  // assets
-  components: Fe,
-  directives: Fe,
-  // watch
-  watch: Bo,
-  // provide / inject
-  provide: dn,
-  inject: Ho
-};
-function dn(e, t) {
-  return t ? e ? function() {
-    return pe(
-      B(e) ? e.call(this, this) : e,
-      B(t) ? t.call(this, this) : t
-    );
-  } : t : e;
-}
-function Ho(e, t) {
-  return Fe(fn(e), fn(t));
-}
-function fn(e) {
-  if ($(e)) {
-    const t = {};
-    for (let n = 0; n < e.length; n++)
-      t[e[n]] = e[n];
-    return t;
-  }
-  return e;
-}
-function Y(e, t) {
-  return e ? [...new Set([].concat(e, t))] : t;
-}
-function Fe(e, t) {
-  return e ? pe(/* @__PURE__ */ Object.create(null), e, t) : t;
-}
-function hn(e, t) {
-  return e ? $(e) && $(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : pe(
-    /* @__PURE__ */ Object.create(null),
-    un(e),
-    un(t ?? {})
-  ) : t;
-}
-function Bo(e, t) {
-  if (!e)
-    return t;
-  if (!t)
-    return e;
-  const n = pe(/* @__PURE__ */ Object.create(null), e);
-  for (const o in t)
-    n[o] = Y(e[o], t[o]);
-  return n;
-}
-let pn = null;
-function Wo(e, t, n = !1) {
-  const o = Me || me;
-  if (o || pn) {
-    const s = o ? o.parent == null ? o.vnode.appContext && o.vnode.appContext.provides : o.parent.provides : pn._context.provides;
-    if (s && e in s)
-      return s[e];
-    if (arguments.length > 1)
-      return n && B(t) ? t.call(o && o.proxy) : t;
-    process.env.NODE_ENV !== "production" && D(`injection "${String(e)}" not found.`);
-  } else
-    process.env.NODE_ENV !== "production" && D("inject() can only be used inside setup() or functional components.");
-}
-const Xo = {}, Hn = (e) => Object.getPrototypeOf(e) === Xo, gn = Co, Yo = (e) => e.__isTeleport, Bn = Symbol.for("v-fgt"), Uo = Symbol.for("v-txt"), Ko = Symbol.for("v-cmt");
-let Re = null;
-function qo(e) {
-  return e ? e.__v_isVNode === !0 : !1;
-}
-const Jo = (...e) => Xn(
-  ...e
-), Wn = ({ key: e }) => e ?? null, rt = ({
-  ref: e,
-  ref_key: t,
-  ref_for: n
-}) => (typeof e == "number" && (e = "" + e), e != null ? ae(e) || de(e) || B(e) ? { i: me, r: e, k: t, f: !!n } : e : null);
-function Go(e, t = null, n = null, o = 0, s = null, r = e === Bn ? 0 : 1, c = !1, l = !1) {
-  const i = {
-    __v_isVNode: !0,
-    __v_skip: !0,
-    type: e,
-    props: t,
-    key: t && Wn(t),
-    ref: t && rt(t),
-    scopeId: Oo,
-    slotScopeIds: null,
-    children: n,
-    component: null,
-    suspense: null,
-    ssContent: null,
-    ssFallback: null,
-    dirs: null,
-    transition: null,
-    el: null,
-    anchor: null,
-    target: null,
-    targetAnchor: null,
-    staticCount: 0,
-    shapeFlag: r,
-    patchFlag: o,
-    dynamicProps: s,
-    dynamicChildren: null,
-    appContext: null,
-    ctx: me
-  };
-  return l ? (Jt(i, n), r & 128 && e.normalize(i)) : n && (i.shapeFlag |= ae(n) ? 8 : 16), process.env.NODE_ENV !== "production" && i.key !== i.key && D("VNode created with invalid key (NaN). VNode type:", i.type), // avoid a block node from tracking itself
-  !c && // has current parent block
-  Re && // presence of a patch flag indicates this node needs patching on updates.
-  // component nodes also should always be patched, because even if the
-  // component doesn't need to update, it needs to persist the instance on to
-  // the next vnode so that it can be properly unmounted later.
-  (i.patchFlag > 0 || r & 6) && // the EVENTS flag is only for hydration and if it is the only flag, the
-  // vnode should not be considered dynamic due to handler caching.
-  i.patchFlag !== 32 && Re.push(i), i;
-}
-const Qo = process.env.NODE_ENV !== "production" ? Jo : Xn;
-function Xn(e, t = null, n = null, o = 0, s = null, r = !1) {
-  if ((!e || e === Do) && (process.env.NODE_ENV !== "production" && !e && D(`Invalid vnode type when creating vnode: ${e}.`), e = Ko), qo(e)) {
-    const l = dt(
-      e,
-      t,
-      !0
-      /* mergeRef: true */
-    );
-    return n && Jt(l, n), !r && Re && (l.shapeFlag & 6 ? Re[Re.indexOf(e)] = l : Re.push(l)), l.patchFlag |= -2, l;
-  }
-  if (Jn(e) && (e = e.__vccOpts), t) {
-    t = Zo(t);
-    let { class: l, style: i } = t;
-    l && !ae(l) && (t.class = kt(l)), ue(i) && ($t(i) && !$(i) && (i = pe({}, i)), t.style = Mt(i));
-  }
-  const c = ae(e) ? 1 : $o(e) ? 128 : Yo(e) ? 64 : ue(e) ? 4 : B(e) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && c & 4 && $t(e) && (e = S(e), D(
-    "Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
-    `
-Component that was made reactive: `,
-    e
-  )), Go(
-    e,
-    t,
-    n,
-    o,
-    s,
-    c,
-    r,
-    !0
-  );
-}
-function Zo(e) {
-  return e ? $t(e) || Hn(e) ? pe({}, e) : e : null;
-}
-function dt(e, t, n = !1, o = !1) {
-  const { props: s, ref: r, patchFlag: c, children: l, transition: i } = e, u = t ? tr(s || {}, t) : s, g = {
-    __v_isVNode: !0,
-    __v_skip: !0,
-    type: e.type,
-    props: u,
-    key: u && Wn(u),
-    ref: t && t.ref ? (
-      // #2078 in the case of <component :is="vnode" ref="extra"/>
-      // if the vnode itself already has a ref, cloneVNode will need to merge
-      // the refs so the single vnode can be set on multiple refs
-      n && r ? $(r) ? r.concat(rt(t)) : [r, rt(t)] : rt(t)
-    ) : r,
-    scopeId: e.scopeId,
-    slotScopeIds: e.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && c === -1 && $(l) ? l.map(Yn) : l,
-    target: e.target,
-    targetAnchor: e.targetAnchor,
-    staticCount: e.staticCount,
-    shapeFlag: e.shapeFlag,
-    // if the vnode is cloned with extra props, we can no longer assume its
-    // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-    // note: preserve flag for fragments since they use the flag for children
-    // fast paths only.
-    patchFlag: t && e.type !== Bn ? c === -1 ? 16 : c | 16 : c,
-    dynamicProps: e.dynamicProps,
-    dynamicChildren: e.dynamicChildren,
-    appContext: e.appContext,
-    dirs: e.dirs,
-    transition: i,
-    // These should technically only be non-null on mounted VNodes. However,
-    // they *should* be copied for kept-alive vnodes. So we just always copy
-    // them since them being non-null during a mount doesn't affect the logic as
-    // they will simply be overwritten.
-    component: e.component,
-    suspense: e.suspense,
-    ssContent: e.ssContent && dt(e.ssContent),
-    ssFallback: e.ssFallback && dt(e.ssFallback),
-    el: e.el,
-    anchor: e.anchor,
-    ctx: e.ctx,
-    ce: e.ce
-  };
-  return i && o && (g.transition = i.clone(g)), g;
-}
-function Yn(e) {
-  const t = dt(e);
-  return $(e.children) && (t.children = e.children.map(Yn)), t;
-}
-function er(e = " ", t = 0) {
-  return Qo(Uo, null, e, t);
-}
-function Jt(e, t) {
-  let n = 0;
-  const { shapeFlag: o } = e;
-  if (t == null)
-    t = null;
-  else if ($(t))
-    n = 16;
-  else if (typeof t == "object")
-    if (o & 65) {
-      const s = t.default;
-      s && (s._c && (s._d = !1), Jt(e, s()), s._c && (s._d = !0));
-      return;
-    } else {
-      n = 32;
-      const s = t._;
-      !s && !Hn(t) ? t._ctx = me : s === 3 && me && (me.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
-    }
-  else
-    B(t) ? (t = { default: t, _ctx: me }, n = 32) : (t = String(t), o & 64 ? (n = 16, t = [er(t)]) : n = 8);
-  e.children = t, e.shapeFlag |= n;
-}
-function tr(...e) {
-  const t = {};
-  for (let n = 0; n < e.length; n++) {
-    const o = e[n];
-    for (const s in o)
-      if (s === "class")
-        t.class !== o.class && (t.class = kt([t.class, o.class]));
-      else if (s === "style")
-        t.style = Mt([t.style, o.style]);
-      else if (Ss(s)) {
-        const r = t[s], c = o[s];
-        c && r !== c && !($(r) && r.includes(c)) && (t[s] = r ? [].concat(r, c) : c);
-      } else
-        s !== "" && (t[s] = o[s]);
-  }
-  return t;
-}
-let Me = null, Tt;
-{
-  const e = xn(), t = (n, o) => {
-    let s;
-    return (s = e[n]) || (s = e[n] = []), s.push(o), (r) => {
-      s.length > 1 ? s.forEach((c) => c(r)) : s[0](r);
-    };
-  };
-  Tt = t(
-    "__VUE_INSTANCE_SETTERS__",
-    (n) => Me = n
-  ), t(
-    "__VUE_SSR_SETTERS__",
-    (n) => Gt = n
-  );
-}
-const Un = (e) => {
-  const t = Me;
-  return Tt(e), e.scope.on(), () => {
-    e.scope.off(), Tt(t);
-  };
-};
-function nr(e) {
-  return e.vnode.shapeFlag & 4;
-}
-let Gt = !1;
-process.env.NODE_ENV;
-function sr(e) {
-  if (e.exposed)
-    return e.exposeProxy || (e.exposeProxy = new Proxy(uo(io(e.exposed)), {
-      get(t, n) {
-        if (n in t)
-          return t[n];
-        if (n in We)
-          return We[n](e);
-      },
-      has(t, n) {
-        return n in t || n in We;
-      }
-    }));
-}
-const or = /(?:^|[-_])(\w)/g, rr = (e) => e.replace(or, (t) => t.toUpperCase()).replace(/[-_]/g, "");
-function Kn(e, t = !0) {
-  return B(e) ? e.displayName || e.name : e.name || t && e.__name;
-}
-function qn(e, t, n = !1) {
-  let o = Kn(t);
-  if (!o && t.__file) {
-    const s = t.__file.match(/([^/\\]+)\.\w+$/);
-    s && (o = s[1]);
-  }
-  if (!o && e && e.parent) {
-    const s = (r) => {
-      for (const c in r)
-        if (r[c] === t)
-          return c;
-    };
-    o = s(
-      e.components || e.parent.type.components
-    ) || s(e.appContext.components);
-  }
-  return o ? rr(o) : n ? "App" : "Anonymous";
-}
-function Jn(e) {
-  return B(e) && "__vccOpts" in e;
-}
-process.env.NODE_ENV;
-process.env.NODE_ENV;
-process.env.NODE_ENV;
-const cr = { class: "gc-header" }, ir = { class: "gc-icon-block" }, lr = { class: "gc-loading" }, ar = ["src"], ur = ["src"], dr = { class: "gc-footer" }, fr = /* @__PURE__ */ f("div", { class: "gc-drag-line" }, null, -1), ft = /* @__PURE__ */ te({
+const Ze = { class: "gc-header" }, et = { class: "gc-icon-block" }, tt = { class: "gc-loading" }, nt = ["src"], st = ["src"], ct = { class: "gc-footer" }, ot = /* @__PURE__ */ o("div", { class: "gc-drag-line" }, null, -1), ue = /* @__PURE__ */ q({
   __name: "index",
   props: {
-    config: { default: Zt },
+    config: { default: xe },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: Le }
   },
-  setup(e, { expose: t }) {
-    const n = e, { data: o, events: s, config: r } = n, c = M({ ...ws(), ...Q(o) }), l = M({ ...Q(s) }), i = M({ ...Zt(), ...Q(r) });
-    H(() => n.data, (d, y) => {
-      Object.assign(c, d);
-    }, { deep: !0 }), H(() => n.events, (d, y) => {
-      Object.assign(l, d);
-    }, { deep: !0 }), H(() => n.config, (d, y) => {
-      Object.assign(i, d);
+  setup(c, { expose: t }) {
+    const a = c, { data: r, events: i, config: m } = a, n = T({ ...Le(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...xe(), ...V(m) });
+    F(() => a.data, (f, E) => {
+      Object.assign(n, f);
+    }, { deep: !0 }), F(() => a.events, (f, E) => {
+      Object.assign(u, f);
+    }, { deep: !0 }), F(() => a.config, (f, E) => {
+      Object.assign(e, f);
     }, { deep: !0 });
-    const u = ie(null), g = ie(null), p = ie(null), a = ie(null), E = ie(null), b = xs(
-      c,
-      l,
-      i,
+    const d = ee(null), y = ee(null), p = ee(null), s = ee(null), _ = ee(null), x = Qe(
+      n,
       u,
+      e,
+      d,
       p,
-      E,
-      a,
-      g,
+      _,
+      s,
+      y,
       () => {
-        c.thumb = "", c.image = "", c.thumbX = 0, c.thumbY = 0, c.thumbWidth = 0, c.thumbHeight = 0;
+        n.thumb = "", n.image = "", n.thumbX = 0, n.thumbY = 0, n.thumbWidth = 0, n.thumbHeight = 0;
       }
-    ), h = L(() => {
-      const d = i.horizontalPadding || 0, y = i.verticalPadding || 0;
+    ), l = L(() => {
+      const f = e.horizontalPadding || 0, E = e.verticalPadding || 0;
       return {
-        width: (i.width || 0) + d * 2 + (i.showTheme ? 2 : 0) + "px",
-        paddingLeft: d + "px",
-        paddingRight: d + "px",
-        paddingTop: y + "px",
-        paddingBottom: y + "px"
+        width: (e.width || 0) + f * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: f + "px",
+        paddingRight: f + "px",
+        paddingTop: E + "px",
+        paddingBottom: E + "px"
       };
-    }), w = L(() => ({
-      width: c.thumbWidth + "px",
-      height: c.thumbHeight + "px",
-      top: c.thumbY + "px",
-      left: b.state.thumbLeft + "px"
-    })), m = L(() => ({
-      width: i.width + "px",
-      height: i.height + "px"
-    })), N = L(() => c.image != ""), P = L(() => c.thumb != ""), _ = L(() => (i.width || 0) > 0 || (i.height || 0) > 0), v = (d) => d.preventDefault();
-    return Rt(async () => {
-      await Vt(), a.value && a.value.addEventListener("dragstart", v);
-    }), An(() => {
-      a.value && a.value.removeEventListener("dragstart", v);
+    }), b = L(() => ({
+      width: n.thumbWidth + "px",
+      height: n.thumbHeight + "px",
+      top: n.thumbY + "px",
+      left: x.state.thumbLeft + "px"
+    })), h = L(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), C = L(() => n.image && n.image.length > 0), Y = L(() => n.thumb && n.thumb.length > 0), w = L(() => (e.width || 0) > 0 || (e.height || 0) > 0), g = (f) => f.preventDefault();
+    return _e(async () => {
+      await be(), s.value && s.value.addEventListener("dragstart", g);
+    }), we(() => {
+      s.value && s.value.removeEventListener("dragstart", g);
     }), t({
-      reset: b.resetData,
-      clear: b.clearData,
-      refresh: b.refresh,
-      close: b.close
-    }), (d, y) => oe((z(), U("div", {
-      class: _e(`go-captcha gc-wrapper ${i.showTheme && "gc-theme"}`),
-      style: C(h.value),
+      reset: x.resetData,
+      clear: x.clearData,
+      refresh: x.refresh,
+      close: x.close
+    }), (f, E) => K((z(), H("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(l.value),
       ref_key: "rootRef",
-      ref: u
+      ref: d
     }, [
-      f("div", cr, [
-        f("span", null, Le(i.title), 1),
-        f("div", ir, [
-          G(mt, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(b).closeEvent
+      o("div", Ze, [
+        o("span", null, ie(e.title), 1),
+        o("div", et, [
+          I(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(x).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          G(_t, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(b).refreshEvent
+          I(ve, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(x).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      f("div", {
+      o("div", {
         class: "gc-body",
         ref_key: "containerRef",
         ref: p,
-        style: C(m.value)
+        style: D(h.value)
       }, [
-        f("div", lr, [
-          G(vt)
+        o("div", tt, [
+          I(me)
         ]),
-        oe(f("img", {
+        K(o("img", {
           class: "gc-picture",
-          style: C(m.value),
-          src: c.image,
+          style: D(h.value),
+          src: n.image,
           alt: ""
-        }, null, 12, ar), [
-          [re, N.value]
+        }, null, 12, nt), [
+          [Q, C.value]
         ]),
-        f("div", {
+        o("div", {
           class: "gc-tile",
           ref_key: "tileRef",
-          ref: E,
-          style: C(w.value)
+          ref: _,
+          style: D(b.value)
         }, [
-          oe(f("img", {
-            src: c.thumb,
+          K(o("img", {
+            src: n.thumb,
             alt: ""
-          }, null, 8, ur), [
-            [re, P.value]
+          }, null, 8, st), [
+            [Q, Y.value]
           ])
         ], 4)
       ], 4),
-      f("div", dr, [
-        f("div", {
+      o("div", ct, [
+        o("div", {
           class: "gc-drag-slide-bar",
           ref_key: "dragBarRef",
-          ref: g
+          ref: y
         }, [
-          fr,
-          f("div", {
-            class: _e(["gc-drag-block", !N.value && "disabled"]),
+          ot,
+          o("div", {
+            class: se(["gc-drag-block", !C.value && "disabled"]),
             ref_key: "dragBlockRef",
-            ref: a,
-            onMousedown: y[1] || (y[1] = //@ts-ignore
-            (...V) => x(b).dragEvent && x(b).dragEvent(...V)),
-            style: C({ left: x(b).state.dragLeft + "px" })
+            ref: s,
+            onMousedown: E[1] || (E[1] = //@ts-ignore
+            (...B) => v(x).dragEvent && v(x).dragEvent(...B)),
+            style: D({ left: v(x).state.dragLeft + "px" })
           }, [
-            f("div", {
+            o("div", {
               class: "gc-drag-block-inline",
-              onTouchstart: y[0] || (y[0] = //@ts-ignore
-              (...V) => x(b).dragEvent && x(b).dragEvent(...V))
+              onTouchstart: E[0] || (E[0] = //@ts-ignore
+              (...B) => v(x).dragEvent && v(x).dragEvent(...B))
             }, [
-              G(vn)
+              I(ze)
             ], 32)
           ], 38)
         ], 512)
       ])
     ], 6)), [
-      [re, _.value]
+      [Q, w.value]
     ]);
   }
 });
-ft.name = "gocaptcha-slide";
-ft.install = function(e) {
-  e.component("gocaptcha-slide", ft);
+ue.name = "gocaptcha-slide";
+ue.install = function(c) {
+  c.component("gocaptcha-slide", ue);
 };
-const mn = () => ({
+const ye = () => ({
   width: 300,
   height: 220,
   verticalPadding: 16,
@@ -2082,7 +514,7 @@ const mn = () => ({
   title: "请拖拽贴图完成拼图",
   iconSize: 22,
   scope: !0
-}), hr = () => ({
+}), ke = () => ({
   thumbX: 0,
   thumbY: 0,
   thumbWidth: 0,
@@ -2090,175 +522,177 @@ const mn = () => ({
   image: "",
   thumb: ""
 });
-function pr(e, t, n, o, s, r, c) {
-  const l = M({ x: e.thumbX || 0, y: e.thumbY || 0, isFreeze: !1 });
-  H(() => e, (h, w) => {
-    l.isFreeze || (l.x = h.thumbX || 0, l.y = h.thumbY || 0);
+function it(c, t, a, r, i, m, n) {
+  const u = T({ x: c.thumbX || 0, y: c.thumbY || 0, isFreeze: !1 });
+  F(() => c, (l, b) => {
+    u.isFreeze || (u.x = l.thumbX || 0, u.y = l.thumbY || 0);
   }, { deep: !0 });
-  const i = (h) => {
-    const w = h.touches && h.touches[0], m = r.value.offsetLeft, N = r.value.offsetTop, P = s.value.offsetWidth, _ = s.value.offsetHeight, v = r.value.offsetWidth, d = r.value.offsetHeight, y = P - v, V = _ - d;
-    let fe = !1, he = null, ne = 0, Z = 0, k = 0, ce = 0;
-    w ? (ne = w.pageX - m, Z = w.pageY - N) : (ne = h.clientX - m, Z = h.clientY - N);
-    const K = (F) => {
-      fe = !0;
-      const j = F.touches && F.touches[0];
-      let se = 0, A = 0;
-      j ? (se = j.pageX - ne, A = j.pageY - Z) : (se = F.clientX - ne, A = F.clientY - Z), se <= 0 && (se = 0), A <= 0 && (A = 0), se >= y && (se = y), A >= V && (A = V), l.x = se, l.y = A, k = se, ce = A, t.move && t.move(se, A), F.cancelBubble = !0, F.preventDefault();
-    }, X = (F) => {
-      zt(s.value, F) && fe && (fe = !1, I(), !(k < 0 || ce < 0) && (t.confirm && t.confirm({ x: k, y: ce }, () => {
-        E();
-      }), F.cancelBubble = !0, F.preventDefault()));
-    }, ee = (F) => {
-      he = F;
-    }, q = () => {
-      he = null;
-    }, J = (F) => {
-      he && (X(he), I());
-    }, ve = n.scope, O = ve ? o.value : s.value, T = ve ? o.value : document.body, I = () => {
-      T.removeEventListener("mousemove", K, !1), T.removeEventListener("touchmove", K, { passive: !1 }), O.removeEventListener("mouseup", X, !1), O.removeEventListener("mouseenter", q, !1), O.removeEventListener("mouseleave", ee, !1), O.removeEventListener("touchend", X, !1), T.removeEventListener("mouseleave", X, !1), T.removeEventListener("mouseup", J, !1), l.isFreeze = !1;
+  const e = (l) => {
+    if (!ae(i.value, l))
+      return;
+    const b = l.touches && l.touches[0], h = m.value.offsetLeft, C = m.value.offsetTop, Y = i.value.offsetWidth, w = i.value.offsetHeight, g = m.value.offsetWidth, f = m.value.offsetHeight, E = Y - g, B = w - f;
+    let te = !1, ne = null, G = 0, N = 0, P = 0, Z = 0;
+    b ? (G = b.pageX - h, N = b.pageY - C) : (G = l.clientX - h, N = l.clientY - C);
+    const O = (X) => {
+      te = !0;
+      const W = X.touches && X.touches[0];
+      let J = 0, M = 0;
+      W ? (J = W.pageX - G, M = W.pageY - N) : (J = X.clientX - G, M = X.clientY - N), J <= 0 && (J = 0), M <= 0 && (M = 0), J >= E && (J = E), M >= B && (M = B), u.x = J, u.y = M, P = J, Z = M, t.move && t.move(J, M), X.cancelBubble = !0, X.preventDefault();
+    }, R = (X) => {
+      ae(i.value, X) && (S(), te && (te = !1, !(P < 0 || Z < 0) && (t.confirm && t.confirm({ x: P, y: Z }, () => {
+        _();
+      }), X.cancelBubble = !0, X.preventDefault())));
+    }, U = (X) => {
+      ne = X;
+    }, j = () => {
+      ne = null;
+    }, A = (X) => {
+      ne && (R(ne), S());
+    }, ce = a.scope, k = ce ? r.value : i.value, $ = ce ? r.value : document.body, S = () => {
+      $.removeEventListener("mousemove", O, !1), $.removeEventListener("touchmove", O, { passive: !1 }), k.removeEventListener("mouseup", R, !1), k.removeEventListener("mouseenter", j, !1), k.removeEventListener("mouseleave", U, !1), k.removeEventListener("touchend", R, !1), $.removeEventListener("mouseleave", R, !1), $.removeEventListener("mouseup", A, !1), u.isFreeze = !1;
     };
-    l.isFreeze = !0, T.addEventListener("mousemove", K, !1), T.addEventListener("touchmove", K, { passive: !1 }), O.addEventListener("mouseup", X, !1), O.addEventListener("mouseenter", q, !1), O.addEventListener("mouseleave", ee, !1), O.addEventListener("touchend", X, !1), T.addEventListener("mouseleave", X, !1), T.addEventListener("mouseup", J, !1);
-  }, u = (h) => (p(), h.cancelBubble = !0, h.preventDefault(), !1), g = (h) => (a(), h.cancelBubble = !0, h.preventDefault(), !1), p = () => {
-    t && t.close && t.close(), E();
-  }, a = () => {
-    t && t.refresh && t.refresh(), E();
-  }, E = () => {
-    l.x = e.thumbX || 0, l.y = e.thumbY || 0;
+    u.isFreeze = !0, $.addEventListener("mousemove", O, !1), $.addEventListener("touchmove", O, { passive: !1 }), k.addEventListener("mouseup", R, !1), k.addEventListener("mouseenter", j, !1), k.addEventListener("mouseleave", U, !1), k.addEventListener("touchend", R, !1), $.addEventListener("mouseleave", R, !1), $.addEventListener("mouseup", A, !1);
+  }, d = (l) => (p(), l.cancelBubble = !0, l.preventDefault(), !1), y = (l) => (s(), l.cancelBubble = !0, l.preventDefault(), !1), p = () => {
+    t && t.close && t.close(), _();
+  }, s = () => {
+    t && t.refresh && t.refresh(), _();
+  }, _ = () => {
+    u.x = c.thumbX || 0, u.y = c.thumbY || 0;
   };
   return {
-    state: l,
-    dragEvent: i,
-    closeEvent: u,
-    refreshEvent: g,
-    resetData: E,
+    state: u,
+    dragEvent: e,
+    closeEvent: d,
+    refreshEvent: y,
+    resetData: _,
     clearData: () => {
-      c && c(), E();
+      n && n(), _();
     },
-    refresh: a,
+    refresh: s,
     close: p
   };
 }
-const gr = { class: "gc-header gc-header2" }, mr = { class: "gc-loading" }, _r = ["src"], vr = ["src"], Er = { class: "gc-footer" }, br = { class: "gc-icon-block" }, ht = /* @__PURE__ */ te({
+const at = { class: "gc-header gc-header2" }, lt = { class: "gc-loading" }, rt = ["src"], ut = ["src"], dt = { class: "gc-footer" }, ht = { class: "gc-icon-block" }, de = /* @__PURE__ */ q({
   __name: "index",
   props: {
-    config: { default: mn },
+    config: { default: ye },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: ke }
   },
-  setup(e, { expose: t }) {
-    const n = e, { data: o, events: s, config: r } = n, c = M({ ...hr(), ...Q(o) }), l = M({ ...Q(s) }), i = M({ ...mn(), ...Q(r) });
-    H(() => n.data, (_, v) => {
-      Object.assign(c, _);
-    }, { deep: !0 }), H(() => n.events, (_, v) => {
-      Object.assign(l, _);
-    }, { deep: !0 }), H(() => n.config, (_, v) => {
-      Object.assign(i, _);
+  setup(c, { expose: t }) {
+    const a = c, { data: r, events: i, config: m } = a, n = T({ ...ke(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...ye(), ...V(m) });
+    F(() => a.data, (w, g) => {
+      Object.assign(n, w);
+    }, { deep: !0 }), F(() => a.events, (w, g) => {
+      Object.assign(u, w);
+    }, { deep: !0 }), F(() => a.config, (w, g) => {
+      Object.assign(e, w);
     }, { deep: !0 });
-    const u = ie(null), g = ie(null), p = ie(null), a = pr(
-      c,
-      l,
-      i,
+    const d = ee(null), y = ee(null), p = ee(null), s = it(
+      n,
       u,
-      g,
+      e,
+      d,
+      y,
       p,
       () => {
-        c.thumb = "", c.image = "", c.thumbX = 0, c.thumbY = 0, c.thumbWidth = 0, c.thumbHeight = 0;
+        n.thumb = "", n.image = "", n.thumbX = 0, n.thumbY = 0, n.thumbWidth = 0, n.thumbHeight = 0;
       }
-    ), E = L(() => {
-      const _ = i.horizontalPadding || 0, v = i.verticalPadding || 0;
+    ), _ = L(() => {
+      const w = e.horizontalPadding || 0, g = e.verticalPadding || 0;
       return {
-        width: (i.width || 0) + _ * 2 + (i.showTheme ? 2 : 0) + "px",
-        paddingLeft: _ + "px",
-        paddingRight: _ + "px",
-        paddingTop: v + "px",
-        paddingBottom: v + "px"
+        width: (e.width || 0) + w * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: w + "px",
+        paddingRight: w + "px",
+        paddingTop: g + "px",
+        paddingBottom: g + "px"
       };
-    }), b = L(() => ({
-      width: c.thumbWidth + "px",
-      height: c.thumbHeight + "px",
-      top: a.state.y + "px",
-      left: a.state.x + "px"
-    })), h = L(() => ({
-      width: i.width + "px",
-      height: i.height + "px"
-    })), w = L(() => c.image != ""), m = L(() => c.thumb != ""), N = L(() => (i.width || 0) > 0 || (i.height || 0) > 0), P = (_) => _.preventDefault();
-    return Rt(async () => {
-      await Vt(), p.value && p.value.addEventListener("dragstart", P);
-    }), An(() => {
-      p.value && p.value.removeEventListener("dragstart", P);
+    }), x = L(() => ({
+      width: n.thumbWidth + "px",
+      height: n.thumbHeight + "px",
+      top: s.state.y + "px",
+      left: s.state.x + "px"
+    })), l = L(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), b = L(() => n.image && n.image.length > 0), h = L(() => n.thumb && n.thumb.length > 0), C = L(() => (e.width || 0) > 0 || (e.height || 0) > 0), Y = (w) => w.preventDefault();
+    return _e(async () => {
+      await be(), p.value && p.value.addEventListener("dragstart", Y);
+    }), we(() => {
+      p.value && p.value.removeEventListener("dragstart", Y);
     }), t({
-      reset: a.resetData,
-      clear: a.clearData,
-      refresh: a.refresh,
-      close: a.close
-    }), (_, v) => oe((z(), U("div", {
-      class: _e(`go-captcha gc-wrapper ${i.showTheme && "gc-theme"}`),
-      style: C(E.value),
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (w, g) => K((z(), H("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(_.value),
       ref_key: "rootRef",
-      ref: u
+      ref: d
     }, [
-      f("div", gr, [
-        f("span", null, Le(i.title), 1)
+      o("div", at, [
+        o("span", null, ie(e.title), 1)
       ]),
-      f("div", {
+      o("div", {
         class: "gc-body",
         ref_key: "containerRef",
-        ref: g,
-        style: C(h.value)
+        ref: y,
+        style: D(l.value)
       }, [
-        f("div", mr, [
-          G(vt)
+        o("div", lt, [
+          I(me)
         ]),
-        oe(f("img", {
+        K(o("img", {
           class: "gc-picture",
-          style: C(h.value),
-          src: c.image,
+          style: D(l.value),
+          src: n.image,
           alt: ""
-        }, null, 12, _r), [
-          [re, w.value]
+        }, null, 12, rt), [
+          [Q, b.value]
         ]),
-        f("div", {
+        o("div", {
           class: "gc-tile",
           ref_key: "tileRef",
           ref: p,
-          style: C(b.value),
-          onMousedown: v[0] || (v[0] = //@ts-ignore
-          (...d) => x(a).dragEvent && x(a).dragEvent(...d)),
-          onTouchstart: v[1] || (v[1] = //@ts-ignore
-          (...d) => x(a).dragEvent && x(a).dragEvent(...d))
+          style: D(x.value),
+          onMousedown: g[0] || (g[0] = //@ts-ignore
+          (...f) => v(s).dragEvent && v(s).dragEvent(...f)),
+          onTouchstart: g[1] || (g[1] = //@ts-ignore
+          (...f) => v(s).dragEvent && v(s).dragEvent(...f))
         }, [
-          oe(f("img", {
-            src: c.thumb,
+          K(o("img", {
+            src: n.thumb,
             alt: ""
-          }, null, 8, vr), [
-            [re, m.value]
+          }, null, 8, ut), [
+            [Q, h.value]
           ])
         ], 36)
       ], 4),
-      f("div", Er, [
-        f("div", br, [
-          G(mt, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(a).closeEvent
+      o("div", dt, [
+        o("div", ht, [
+          I(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          G(_t, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(a).refreshEvent
+          I(ve, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ])
     ], 6)), [
-      [re, N.value]
+      [Q, C.value]
     ]);
   }
 });
-ht.name = "gocaptcha-slide-region";
-ht.install = function(e) {
-  e.component("gocaptcha-slide-region", ht);
+de.name = "gocaptcha-slide-region";
+de.install = function(c) {
+  c.component("gocaptcha-slide-region", de);
 };
-const yt = () => ({
+const pe = () => ({
   width: 300,
   height: 220,
   size: 220,
@@ -2268,374 +702,381 @@ const yt = () => ({
   title: "请拖动滑块完成拼图",
   iconSize: 22,
   scope: !0
-}), wr = () => ({
+}), De = () => ({
   angle: 0,
   image: "",
-  thumb: ""
+  thumb: "",
+  thumbSize: 0
 });
-function xr(e, t, n, o, s, r, c) {
-  const l = M({ dragLeft: 0, thumbAngle: e.angle || 0, isFreeze: !1 });
-  H(() => e, (h, w) => {
-    l.isFreeze || (l.thumbAngle = h.angle || 0);
+function gt(c, t, a, r, i, m, n) {
+  const u = T({ dragLeft: 0, thumbAngle: c.angle || 0, isFreeze: !1 });
+  F(() => c, (l, b) => {
+    u.isFreeze || (u.thumbAngle = l.angle || 0);
   }, { deep: !0 });
-  const i = (h) => {
-    const w = h.touches && h.touches[0], m = s.value.offsetLeft, N = r.value.offsetWidth, P = s.value.offsetWidth, _ = N - P, v = 360, d = (v - e.angle) / _;
-    let y = 0, V = !1, fe = null, he = 0, ne = 0;
-    w ? he = w.pageX - m : he = h.clientX - m;
-    const Z = (O) => {
-      V = !0;
-      const T = O.touches && O.touches[0];
-      let I = 0;
-      if (T ? I = T.pageX - he : I = O.clientX - he, y = e.angle + I * d, I >= _) {
-        l.dragLeft = _, l.thumbAngle = ne = v;
+  const e = (l) => {
+    if (!ae(m.value, l))
+      return;
+    const b = l.touches && l.touches[0], h = i.value.offsetLeft, C = m.value.offsetWidth, Y = i.value.offsetWidth, w = C - Y, g = 360, f = (g - c.angle) / w;
+    let E = 0, B = !1, te = null, ne = 0, G = 0;
+    b ? ne = b.pageX - h : ne = l.clientX - h;
+    const N = (k) => {
+      B = !0;
+      const $ = k.touches && k.touches[0];
+      let S = 0;
+      if ($ ? S = $.pageX - ne : S = k.clientX - ne, E = c.angle + S * f, S >= w) {
+        u.dragLeft = w, u.thumbAngle = G = g;
         return;
       }
-      if (I <= 0) {
-        l.dragLeft = 0, l.thumbAngle = ne = e.angle;
+      if (S <= 0) {
+        u.dragLeft = 0, u.thumbAngle = G = c.angle;
         return;
       }
-      l.dragLeft = I, l.thumbAngle = ne = y, t.rotate && t.rotate(y), O.cancelBubble = !0, O.preventDefault();
-    }, k = (O) => {
-      zt(r.value, O) && V && (ve(), !(ne < 0) && (V = !1, t.confirm && t.confirm(parseInt(ne.toString()), () => {
-        E();
-      }), O.cancelBubble = !0, O.preventDefault()));
-    }, ce = (O) => {
-      fe = O;
-    }, K = () => {
-      fe = null;
-    }, X = (O) => {
-      fe && (k(fe), ve());
-    }, ee = n.scope, q = ee ? o.value : r.value, J = ee ? o.value : document.body, ve = () => {
-      J.removeEventListener("mousemove", Z, !1), J.removeEventListener("touchmove", Z, { passive: !1 }), q.removeEventListener("mouseup", k, !1), q.removeEventListener("mouseenter", K, !1), q.removeEventListener("mouseleave", ce, !1), q.removeEventListener("touchend", k, !1), J.removeEventListener("mouseleave", k, !1), J.removeEventListener("mouseup", X, !1), l.isFreeze = !1;
+      u.dragLeft = S, u.thumbAngle = G = E, t.rotate && t.rotate(E), k.cancelBubble = !0, k.preventDefault();
+    }, P = (k) => {
+      ae(m.value, k) && (ce(), B && (B = !1, !(G < 0) && (t.confirm && t.confirm(parseInt(G.toString()), () => {
+        _();
+      }), k.cancelBubble = !0, k.preventDefault())));
+    }, Z = (k) => {
+      te = k;
+    }, O = () => {
+      te = null;
+    }, R = (k) => {
+      te && (P(te), ce());
+    }, U = a.scope, j = U ? r.value : m.value, A = U ? r.value : document.body, ce = () => {
+      A.removeEventListener("mousemove", N, !1), A.removeEventListener("touchmove", N, { passive: !1 }), j.removeEventListener("mouseup", P, !1), j.removeEventListener("mouseenter", O, !1), j.removeEventListener("mouseleave", Z, !1), j.removeEventListener("touchend", P, !1), A.removeEventListener("mouseleave", P, !1), A.removeEventListener("mouseup", R, !1), u.isFreeze = !1;
     };
-    l.isFreeze = !0, J.addEventListener("mousemove", Z, !1), J.addEventListener("touchmove", Z, { passive: !1 }), q.addEventListener("mouseup", k, !1), q.addEventListener("mouseenter", K, !1), q.addEventListener("mouseleave", ce, !1), q.addEventListener("touchend", k, !1), J.addEventListener("mouseleave", k, !1), J.addEventListener("mouseup", X, !1);
-  }, u = (h) => (p(), h.cancelBubble = !0, h.preventDefault(), !1), g = (h) => (a(), h.cancelBubble = !0, h.preventDefault(), !1), p = () => {
-    t && t.close && t.close(), E();
-  }, a = () => {
-    t && t.refresh && t.refresh(), E();
-  }, E = () => {
-    l.dragLeft = 0, l.thumbAngle = e.angle;
+    u.isFreeze = !0, A.addEventListener("mousemove", N, !1), A.addEventListener("touchmove", N, { passive: !1 }), j.addEventListener("mouseup", P, !1), j.addEventListener("mouseenter", O, !1), j.addEventListener("mouseleave", Z, !1), j.addEventListener("touchend", P, !1), A.addEventListener("mouseleave", P, !1), A.addEventListener("mouseup", R, !1);
+  }, d = (l) => (p(), l.cancelBubble = !0, l.preventDefault(), !1), y = (l) => (s(), l.cancelBubble = !0, l.preventDefault(), !1), p = () => {
+    t && t.close && t.close(), _();
+  }, s = () => {
+    t && t.refresh && t.refresh(), _();
+  }, _ = () => {
+    u.dragLeft = 0, u.thumbAngle = c.angle;
   };
   return {
-    state: l,
-    dragEvent: i,
-    closeEvent: u,
-    refreshEvent: g,
-    resetData: E,
+    state: u,
+    dragEvent: e,
+    closeEvent: d,
+    refreshEvent: y,
+    resetData: _,
     clearData: () => {
-      c && c(), E();
+      n && n(), _();
     },
-    refresh: a,
+    refresh: s,
     close: p
   };
 }
-const yr = { class: "gc-header" }, Sr = { class: "gc-icon-block" }, Lr = { class: "gc-loading" }, Nr = ["src"], Or = /* @__PURE__ */ f("div", { class: "gc-round" }, null, -1), Dr = { class: "gc-thumb gc-rotate-thumb" }, $r = ["src"], Cr = { class: "gc-footer" }, Pr = /* @__PURE__ */ f("div", { class: "gc-drag-line" }, null, -1), pt = /* @__PURE__ */ te({
+const ft = { class: "gc-header" }, vt = { class: "gc-icon-block" }, mt = { class: "gc-loading" }, pt = ["src"], _t = /* @__PURE__ */ o("div", { class: "gc-round" }, null, -1), bt = { class: "gc-thumb gc-rotate-thumb" }, wt = ["src"], Et = { class: "gc-footer" }, xt = /* @__PURE__ */ o("div", { class: "gc-drag-line" }, null, -1), he = /* @__PURE__ */ q({
   __name: "index",
   props: {
-    config: { default: yt },
+    config: { default: pe },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: De }
   },
-  setup(e, { expose: t }) {
-    const n = e, { data: o, events: s, config: r } = n, c = M({ ...wr(), ...Q(o) }), l = M({ ...Q(s) }), i = M({ ...yt(), ...Q(r) });
-    H(() => n.data, (v, d) => {
-      Object.assign(c, v);
-    }, { deep: !0 }), H(() => n.events, (v, d) => {
-      Object.assign(l, v);
-    }, { deep: !0 }), H(() => n.config, (v, d) => {
-      Object.assign(i, v);
+  setup(c, { expose: t }) {
+    const a = c, { data: r, events: i, config: m } = a, n = T({ ...De(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...pe(), ...V(m) });
+    F(() => a.data, (g, f) => {
+      Object.assign(n, g);
+    }, { deep: !0 }), F(() => a.events, (g, f) => {
+      Object.assign(u, g);
+    }, { deep: !0 }), F(() => a.config, (g, f) => {
+      Object.assign(e, g);
     }, { deep: !0 });
-    const u = ie(null), g = ie(null), p = ie(null), a = xr(
-      c,
-      l,
-      i,
+    const d = ee(null), y = ee(null), p = ee(null), s = gt(
+      n,
       u,
+      e,
+      d,
       p,
-      g,
+      y,
       () => {
-        c.thumb = "", c.image = "", c.angle = 0;
+        n.thumb = "", n.image = "", n.angle = 0;
       }
-    ), E = L(() => {
-      const v = i.horizontalPadding || 0, d = i.verticalPadding || 0;
+    ), _ = L(() => {
+      const g = e.horizontalPadding || 0, f = e.verticalPadding || 0;
       return {
-        width: (i.width || 0) + v * 2 + (i.showTheme ? 2 : 0) + "px",
-        paddingLeft: v + "px",
-        paddingRight: v + "px",
-        paddingTop: d + "px",
-        paddingBottom: d + "px"
+        width: (e.width || 0) + g * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: g + "px",
+        paddingRight: g + "px",
+        paddingTop: f + "px",
+        paddingBottom: f + "px"
       };
-    }), b = L(() => ({
-      transform: `rotate(${a.state.thumbAngle}deg)`
-    })), h = L(() => ({
-      width: i.width + "px",
-      height: i.height + "px"
-    })), w = L(() => {
-      const v = (i.size || 0) > 0 ? i.size : yt().size;
+    }), x = L(() => ({
+      transform: `rotate(${s.state.thumbAngle}deg)`,
+      ...n.thumbSize > 0 ? {
+        width: n.thumbSize + "px",
+        height: n.thumbSize + "px"
+      } : {}
+    })), l = L(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), b = L(() => {
+      const g = (e.size || 0) > 0 ? e.size : pe().size;
       return {
-        width: v + "px",
-        height: v + "px"
+        width: g + "px",
+        height: g + "px"
       };
-    }), m = L(() => c.image != ""), N = L(() => c.thumb != ""), P = L(() => (i.width || 0) > 0 || (i.height || 0) > 0), _ = (v) => v.preventDefault();
-    return Rt(async () => {
-      await Vt(), p.value && p.value.addEventListener("dragstart", _);
-    }), es(() => {
-      p.value && p.value.removeEventListener("dragstart", _);
+    }), h = L(() => n.image && n.image.length > 0), C = L(() => n.thumb && n.thumb.length > 0), Y = L(() => (e.width || 0) > 0 || (e.height || 0) > 0), w = (g) => g.preventDefault();
+    return _e(async () => {
+      await be(), p.value && p.value.addEventListener("dragstart", w);
+    }), we(() => {
+      p.value && p.value.removeEventListener("dragstart", w);
     }), t({
-      reset: a.resetData,
-      clear: a.clearData,
-      refresh: a.refresh,
-      close: a.close
-    }), (v, d) => oe((z(), U("div", {
-      class: _e(`go-captcha gc-wrapper ${i.showTheme && "gc-theme"}`),
-      style: C(E.value),
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (g, f) => K((z(), H("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(_.value),
       ref_key: "rootRef",
-      ref: u
+      ref: d
     }, [
-      f("div", yr, [
-        f("span", null, Le(i.title), 1),
-        f("div", Sr, [
-          G(mt, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(a).closeEvent
+      o("div", ft, [
+        o("span", null, ie(e.title), 1),
+        o("div", vt, [
+          I(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          G(_t, {
-            width: i.iconSize,
-            height: i.iconSize,
-            onClick: x(a).refreshEvent
+          I(ve, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      f("div", {
+      o("div", {
         class: "gc-body gc-rotate-body",
         ref: "containerRef",
-        style: C(h.value)
+        style: D(l.value)
       }, [
-        f("div", {
+        o("div", {
           class: "gc-body-inner",
-          style: C(w.value)
+          style: D(b.value)
         }, [
-          f("div", Lr, [
-            G(vt)
+          o("div", mt, [
+            I(me)
           ]),
-          f("div", {
+          o("div", {
             class: "gc-picture gc-rotate-picture",
-            style: C(w.value)
+            style: D(b.value)
           }, [
-            oe(f("img", {
-              src: c.image,
+            K(o("img", {
+              src: n.image,
               alt: ""
-            }, null, 8, Nr), [
-              [re, m.value]
+            }, null, 8, pt), [
+              [Q, h.value]
             ]),
-            Or
+            _t
           ], 4),
-          f("div", Dr, [
-            f("div", {
+          o("div", bt, [
+            o("div", {
               class: "gc-rotate-thumb-block",
-              style: C(b.value)
+              style: D(x.value)
             }, [
-              oe(f("img", {
-                src: c.thumb,
+              K(o("img", {
+                src: n.thumb,
                 alt: ""
-              }, null, 8, $r), [
-                [re, N.value]
+              }, null, 8, wt), [
+                [Q, C.value]
               ])
             ], 4)
           ])
         ], 4)
       ], 4),
-      f("div", Cr, [
-        f("div", {
+      o("div", Et, [
+        o("div", {
           class: "gc-drag-slide-bar",
           ref_key: "dragBarRef",
-          ref: g
+          ref: y
         }, [
-          Pr,
-          f("div", {
-            class: _e(["gc-drag-block", !m.value && "disabled"]),
+          xt,
+          o("div", {
+            class: se(["gc-drag-block", !h.value && "disabled"]),
             ref_key: "dragBlockRef",
             ref: p,
-            onMousedown: d[1] || (d[1] = //@ts-ignore
-            (...y) => x(a).dragEvent && x(a).dragEvent(...y)),
-            style: C({ left: x(a).state.dragLeft + "px" })
+            onMousedown: f[1] || (f[1] = //@ts-ignore
+            (...E) => v(s).dragEvent && v(s).dragEvent(...E)),
+            style: D({ left: v(s).state.dragLeft + "px" })
           }, [
-            f("div", {
+            o("div", {
               class: "gc-drag-block-inline",
-              onTouchstart: d[0] || (d[0] = //@ts-ignore
-              (...y) => x(a).dragEvent && x(a).dragEvent(...y))
+              onTouchstart: f[0] || (f[0] = //@ts-ignore
+              (...E) => v(s).dragEvent && v(s).dragEvent(...E))
             }, [
-              G(vn)
+              I(ze)
             ], 32)
           ], 38)
         ], 512)
       ])
     ], 6)), [
-      [re, P.value]
+      [Q, Y.value]
     ]);
   }
 });
-pt.name = "gocaptcha-rotate";
-pt.install = function(e) {
-  e.component("gocaptcha-rotate", pt);
+he.name = "gocaptcha-rotate";
+he.install = function(c) {
+  c.component("gocaptcha-rotate", he);
 };
-const Tr = /* @__PURE__ */ f("circle", {
+const Lt = /* @__PURE__ */ o("circle", {
   fill: "#3E7CFF",
   cx: "100",
   cy: "100",
   r: "96.3"
-}, null, -1), Rr = /* @__PURE__ */ f("path", {
+}, null, -1), yt = /* @__PURE__ */ o("path", {
   fill: "#FFFFFF",
   d: `M140.8,64.4l-39.6-11.9h-2.4L59.2,64.4c-1.6,0.8-2.8,2.4-2.8,4v24.1c0,25.3,15.8,45.9,42.3,54.6
 	c0.4,0,0.8,0.4,1.2,0.4c0.4,0,0.8,0,1.2-0.4c26.5-8.7,42.3-28.9,42.3-54.6V68.3C143.5,66.8,142.3,65.2,140.8,64.4z`
-}, null, -1), Vr = [
-  Tr,
-  Rr
-], zr = /* @__PURE__ */ te({
+}, null, -1), kt = [
+  Lt,
+  yt
+], Dt = /* @__PURE__ */ q({
   __name: "btn-default-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), Vr, 16));
+    }, i.$attrs, { onClick: r }), kt, 16));
   }
-}), Ir = /* @__PURE__ */ f("path", {
+}), $t = /* @__PURE__ */ o("path", {
   fill: "#FFA000",
   d: `M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
 	c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M107.3,109.1
 	c-0.5,5.4-3.9,7.9-7.3,7.9c-2.5,0,0,0,0,0c-3.2-0.6-5.7-2-6.8-7.4l-4.4-50.9c0-5.1,6.2-9.7,11.5-9.7c5.3,0,11,4.7,11,9.9
 	L107.3,109.1z M109.3,133.3c0,5.1-4.2,9.3-9.3,9.3c-5.1,0-9.3-4.2-9.3-9.3c0-5.1,4.2-9.3,9.3-9.3C105.1,124,109.3,128.1,109.3,133.3
 	z`
-}, null, -1), Mr = [
-  Ir
-], kr = /* @__PURE__ */ te({
+}, null, -1), zt = [
+  $t
+], St = /* @__PURE__ */ q({
   __name: "btn-warn-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), Mr, 16));
+    }, i.$attrs, { onClick: r }), zt, 16));
   }
-}), Fr = /* @__PURE__ */ f("path", {
+}), Ct = /* @__PURE__ */ o("path", {
   fill: "#ED4630",
   d: `M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
 	c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M134.5,123.1
 	c3.1,3.1,3.1,8.2,0,11.3c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3L100,111.3l-23.1,23.1c-1.6,1.6-3.6,2.3-5.7,2.3
 	c-2,0-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L88.7,100L65.5,76.9c-3.1-3.1-3.1-8.2,0-11.3c3.1-3.1,8.2-3.1,11.3,0L100,88.7
 	l23.1-23.1c3.1-3.1,8.2-3.1,11.3,0c3.1,3.1,3.1,8.2,0,11.3L111.3,100L134.5,123.1z`
-}, null, -1), jr = [
-  Fr
-], Ar = /* @__PURE__ */ te({
+}, null, -1), Bt = [
+  Ct
+], Tt = /* @__PURE__ */ q({
   __name: "btn-error-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), jr, 16));
+    }, i.$attrs, { onClick: r }), Bt, 16));
   }
-}), Hr = /* @__PURE__ */ f("path", {
+}), Pt = /* @__PURE__ */ o("path", {
   fill: "#5EAA2F",
   d: `M183.3,27.2L102.4,2.9h-4.9L16.7,27.2C13.4,28.8,11,32,11,35.3v49.4c0,51.8,32.4,93.9,86.6,111.7
 	c0.8,0,1.6,0.8,2.4,0.8c0.8,0,1.6,0,2.4-0.8c54.2-17.8,86.6-59.1,86.6-111.7V35.3C189,32,186.6,28.8,183.3,27.2z M146.1,81.4
 	l-48.5,48.5c-1.6,1.6-3.2,2.4-5.7,2.4c-2.4,0-4-0.8-5.7-2.4L62,105.7c-3.2-3.2-3.2-8.1,0-11.3c3.2-3.2,8.1-3.2,11.3,0l18.6,18.6
 	l42.9-42.9c3.2-3.2,8.1-3.2,11.3,0C149.4,73.3,149.4,78.2,146.1,81.4L146.1,81.4z`
-}, null, -1), Br = [
-  Hr
-], Wr = /* @__PURE__ */ te({
+}, null, -1), Xt = [
+  Pt
+], Wt = /* @__PURE__ */ q({
   __name: "btn-success-icon",
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = t;
-    function o(s) {
-      n("click", s);
+  setup(c, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (s, r) => (z(), U("svg", Se({
+    return (i, m) => (z(), H("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, s.$attrs, { onClick: o }), Br, 16));
+    }, i.$attrs, { onClick: r }), Xt, 16));
   }
-}), _n = () => ({
+}), $e = () => ({
   width: 330,
   height: 44,
   verticalPadding: 12,
   horizontalPadding: 16
-}), gt = /* @__PURE__ */ te({
+}), ge = /* @__PURE__ */ q({
   __name: "index",
   props: {
-    config: { default: _n },
+    config: { default: $e },
     clickEvent: {},
     disabled: { type: Boolean, default: !1 },
     type: { default: "default" },
     title: { default: "点击按键进行验证" }
   },
   emits: ["click-event"],
-  setup(e, { emit: t }) {
-    const n = e, { type: o, title: s, disabled: r, config: c } = ts(n), l = M({ ..._n(), ...Q(c) });
-    H(() => n.config, (a, E) => {
-      Object.assign(l, a);
+  setup(c, { emit: t }) {
+    const a = c, { type: r, title: i, disabled: m, config: n } = Te(a), u = T({ ...$e(), ...V(n) });
+    F(() => a.config, (s, _) => {
+      Object.assign(u, s);
     }, { deep: !0 });
-    const i = L(() => ["go-captcha", "gc-btn-block", `gc-${o.value}`, r.value ? "gc-disabled" : ""]), u = L(() => ({
-      width: l.width + "px",
-      height: l.height + "px",
-      paddingLeft: l.horizontalPadding + "px",
-      paddingRight: l.horizontalPadding + "px",
-      paddingTop: l.verticalPadding + "px",
-      paddingBottom: l.verticalPadding + "px"
-    })), g = t;
-    function p(a) {
-      g("click-event", a);
+    const e = L(() => ["go-captcha", "gc-btn-block", `gc-${r.value}`, m.value ? "gc-disabled" : ""]), d = L(() => ({
+      width: u.width + "px",
+      height: u.height + "px",
+      paddingLeft: u.horizontalPadding + "px",
+      paddingRight: u.horizontalPadding + "px",
+      paddingTop: u.verticalPadding + "px",
+      paddingBottom: u.verticalPadding + "px"
+    })), y = t;
+    function p(s) {
+      y("click-event", s);
     }
-    return (a, E) => (z(), U("div", {
-      class: _e(i.value),
-      style: C(u.value),
+    return (s, _) => (z(), H("div", {
+      class: se(e.value),
+      style: D(d.value),
       onClick: p
     }, [
-      f("div", {
-        class: _e(x(o) === "default" ? "gc-ripple" : "")
+      o("div", {
+        class: se(v(r) === "default" ? "gc-ripple" : "")
       }, [
-        x(o) === "default" ? (z(), Je(zr, { key: 0 })) : x(o) === "warn" ? (z(), Je(kr, { key: 1 })) : x(o) === "error" ? (z(), Je(Ar, { key: 2 })) : x(o) === "success" ? (z(), Je(Wr, { key: 3 })) : ns("", !0)
+        v(r) === "default" ? (z(), le(Dt, { key: 0 })) : v(r) === "warn" ? (z(), le(St, { key: 1 })) : v(r) === "error" ? (z(), le(Tt, { key: 2 })) : v(r) === "success" ? (z(), le(Wt, { key: 3 })) : Pe("", !0)
       ], 2),
-      f("span", null, Le(x(s)), 1)
+      o("span", null, ie(v(i)), 1)
     ], 6));
   }
 });
-gt.name = "gocaptcha-button";
-gt.install = function(e) {
-  e.component("gocaptcha-button", gt);
+ge.name = "gocaptcha-button";
+ge.install = function(c) {
+  c.component("gocaptcha-button", ge);
 };
-const Yr = {
-  install(e) {
-    ct.install(e), ft.install(e), ht.install(e), pt.install(e), gt.install(e);
+const Ft = {
+  install(c) {
+    re.install(c), ue.install(c), de.install(c), he.install(c), ge.install(c);
   }
 };
 export {
-  gt as Button,
-  ct as Click,
-  pt as Rotate,
-  ft as Slide,
-  ht as SlideRegion,
-  Yr as default
+  ge as Button,
+  re as Click,
+  he as Rotate,
+  ue as Slide,
+  de as SlideRegion,
+  Ft as default
 };