go-captcha-vue 2.0.5 → 2.0.7

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

@@ -1,5 +1,5 @@
-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 $e, renderList as ze, ref as ee, onMounted as _e, nextTick as be, onUnmounted as we, toRefs as Ce, createBlock as le, createCommentVNode as Se } from "vue";
-const Ee = () => ({
+import { defineComponent as U, openBlock as E, createElementBlock as D, mergeProps as ce, createElementVNode as l, reactive as T, toRaw as I, watch as Y, computed as z, withDirectives as ge, normalizeClass as te, normalizeStyle as C, toDisplayString as oe, createCommentVNode as ne, createVNode as A, unref as v, Fragment as Te, renderList as Pe, vShow as fe, ref as Q, onMounted as be, nextTick as we, onUnmounted as Ee, withModifiers as xe, toRefs as Xe, createBlock as le } from "vue";
+const Le = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -11,31 +11,31 @@ const Ee = () => ({
   buttonText: "确认",
   iconSize: 22,
   dotSize: 24
-}), Be = /* @__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
+}), We = /* @__PURE__ */ l("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), Te = [
-  Be
-], fe = /* @__PURE__ */ q({
+		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), Me = [
+  We
+], ve = /* @__PURE__ */ U({
   __name: "close-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), Te, 16));
+    }, o.$attrs, { onClick: r }), Me, 16));
   }
-}), Pe = /* @__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
+}), Fe = /* @__PURE__ */ l("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 Ee = () => ({
 	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), Xe = [
-  Pe
-], ve = /* @__PURE__ */ q({
+	L180.6,98.9z` }, null, -1), Ye = [
+  Fe
+], me = /* @__PURE__ */ U({
   __name: "refresh-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), Xe, 16));
+    }, o.$attrs, { onClick: r }), Ye, 16));
   }
-}), We = /* @__PURE__ */ o("circle", {
+}), Re = /* @__PURE__ */ l("circle", {
   cx: "50",
   cy: "36.8101",
   r: "10"
 }, [
-  /* @__PURE__ */ o("animate", {
+  /* @__PURE__ */ l("animate", {
     attributeName: "cy",
     dur: "1s",
     repeatCount: "indefinite",
@@ -83,190 +83,188 @@ const Ee = () => ({
     keyTimes: "0;0.5;1",
     values: "23;77;23"
   })
-], -1), Me = [
-  We
-], me = /* @__PURE__ */ q({
+], -1), He = [
+  Re
+], pe = /* @__PURE__ */ U({
   __name: "loading-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       width: "84",
       height: "84"
-    }, i.$attrs, { onClick: r }), Me, 16));
+    }, o.$attrs, { onClick: r }), He, 16));
   }
 });
-function Fe(s) {
-  let t = 0, a = 0;
-  if (s.getBoundingClientRect) {
-    const r = s.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;
+function Oe(c) {
+  let t = 0, i = 0;
+  if (c.getBoundingClientRect) {
+    const r = c.getBoundingClientRect(), o = document.documentElement;
+    t = r.left + Math.max(o.scrollLeft, document.body.scrollLeft) - o.clientLeft, i = r.top + Math.max(o.scrollTop, document.body.scrollTop) - o.clientTop;
   } else
-    for (; s !== document.body; )
-      t += s.offsetLeft, a += s.offsetTop, s = s.offsetParent;
+    for (; c !== document.body; )
+      t += c.offsetLeft, i += c.offsetTop, c = c.offsetParent;
   return {
     domX: t,
-    domY: a
+    domY: i
   };
 }
-function ae(s, t) {
-  let a = t.relatedTarget;
+function ie(c, t) {
+  let i = t.relatedTarget;
   try {
-    for (; a && a !== s; )
-      a = a.parentNode;
+    for (; i && i !== c; )
+      i = i.parentNode;
   } catch (r) {
     console.warn(r);
   }
-  return a !== s;
+  return i !== c;
 }
-function Ye(s, t, a) {
-  const r = T({ list: [] }), i = (n) => {
-    const _ = n.currentTarget, x = Fe(_), l = n.pageX || n.clientX, b = n.pageY || n.clientY, h = x.domX, S = x.domY, Y = l - h, w = b - S, 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), n.cancelBubble = !0, n.preventDefault(), !1;
-  }, m = (n) => (t.confirm && t.confirm(V(r.list), () => {
-    y();
-  }), n.cancelBubble = !0, n.preventDefault(), !1), c = (n) => (e(), n.cancelBubble = !0, n.preventDefault(), !1), u = (n) => (d(), n.cancelBubble = !0, n.preventDefault(), !1), e = () => {
-    t.close && t.close(), y();
+function je(c, t, i) {
+  const r = T({ list: [] }), o = (s) => {
+    const b = s.currentTarget, x = Oe(b), a = s.pageX || s.clientX, _ = s.pageY || s.clientY, h = x.domX, w = x.domY, y = a - h, g = _ - w, f = parseInt(y.toString()), L = parseInt(g.toString()), P = /* @__PURE__ */ new Date(), q = r.list.length;
+    return r.list.push({ key: P.getTime(), index: q + 1, x: f, y: L }), t.click && t.click(f, L), s.cancelBubble = !0, s.preventDefault(), !1;
+  }, m = (s) => (t.confirm && t.confirm(I(r.list), () => {
+    k();
+  }), 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(), k();
   }, d = () => {
-    t.refresh && t.refresh(), y();
-  }, y = () => {
+    t.refresh && t.refresh(), k();
+  }, k = () => {
     r.list = [];
   };
   return {
     dots: r,
-    clickEvent: i,
+    clickEvent: o,
     confirmEvent: m,
-    closeEvent: c,
+    closeEvent: n,
     refreshEvent: u,
-    resetData: y,
+    resetData: k,
     clearData: () => {
-      y(), a && a();
+      k(), i && i();
     },
     refresh: d,
     close: e
   };
 }
-const Re = { class: "gc-header" }, He = ["src"], Oe = { class: "gc-loading" }, je = ["src"], Ae = { class: "gc-dots" }, Ie = { class: "gc-footer" }, Ve = { class: "gc-icon-block gc-icon-block2" }, Ne = { class: "gc-button-block" }, re = /* @__PURE__ */ q({
+const Ae = { class: "gc-header" }, Ie = ["src"], Ve = { class: "gc-loading" }, Ne = ["src"], Ue = { class: "gc-dots" }, qe = { class: "gc-footer" }, Ge = { class: "gc-icon-block gc-icon-block2" }, Je = { class: "gc-button-block" }, ae = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: Ee },
+    config: { default: Le },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(s, { expose: t }) {
-    const a = s, { data: r, events: i, config: m } = a, c = T({ ...V(r) }), u = T({ ...V(i) }), e = T({ ...Ee(), ...V(m) });
-    F(() => a.data, (l, b) => {
-      Object.assign(c, l);
-    }, { deep: !0 }), F(() => a.events, (l, b) => {
-      Object.assign(u, l);
-    }, { deep: !0 }), F(() => a.config, (l, b) => {
-      Object.assign(e, l);
+  setup(c, { expose: t }) {
+    const i = c, { data: r, events: o, config: m } = i, n = T({ ...I(r) }), u = T({ ...I(o) }), e = T({ ...Le(), ...I(m) });
+    Y(() => i.data, (a, _) => {
+      Object.assign(n, a);
+    }, { deep: !0 }), Y(() => i.events, (a, _) => {
+      Object.assign(u, a);
+    }, { deep: !0 }), Y(() => i.config, (a, _) => {
+      Object.assign(e, a);
     }, { deep: !0 });
-    const d = Ye(c, u, () => {
-      c.thumb = "", c.image = "";
-    }), y = L(() => {
-      const l = e.horizontalPadding || 0, b = e.verticalPadding || 0;
+    const d = je(n, u, () => {
+      n.thumb = "", n.image = "";
+    }), k = z(() => {
+      const a = e.horizontalPadding || 0, _ = e.verticalPadding || 0;
       return {
-        width: (e.width || 0) + l * 2 + (e.showTheme ? 2 : 0) + "px",
-        paddingLeft: l + "px",
-        paddingRight: l + "px",
-        paddingTop: b + "px",
-        paddingBottom: b + "px"
+        width: (e.width || 0) + a * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: a + "px",
+        paddingRight: a + "px",
+        paddingTop: _ + "px",
+        paddingBottom: _ + "px"
       };
-    }), p = L(() => ({
+    }), p = z(() => ({
       width: e.thumbWidth + "px",
       height: e.thumbHeight + "px"
-    })), n = L(() => ({
+    })), s = z(() => ({
       width: e.width + "px",
       height: e.height + "px"
-    })), _ = L(() => c.image != "" || c.thumb != ""), x = L(() => (e.width || 0) > 0 || (e.height || 0) > 0);
+    })), b = z(() => n.image && n.image.length > 0 || n.thumb && n.thumb.length > 0), x = z(() => (e.width || 0) > 0 || (e.height || 0) > 0);
     return t({
       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)
+    }), (a, _) => ge((E(), D("div", {
+      class: te(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: C(k.value)
     }, [
-      o("div", Re, [
-        o("span", null, ie(e.title), 1),
-        K(o("img", {
-          style: D(p.value),
-          src: c.thumb,
+      l("div", Ae, [
+        l("span", null, oe(e.title), 1),
+        n.thumb ? (E(), D("img", {
+          key: 0,
+          style: C(p.value),
+          src: n.thumb,
           alt: ""
-        }, null, 12, He), [
-          [Q, _.value]
-        ])
+        }, null, 12, Ie)) : ne("", !0)
       ]),
-      o("div", {
+      l("div", {
         class: "gc-body",
-        style: D(n.value)
+        style: C(s.value)
       }, [
-        o("div", Oe, [
-          I(me)
+        l("div", Ve, [
+          A(pe)
         ]),
-        K(o("img", {
-          style: D(n.value),
+        n.image ? (E(), D("img", {
+          key: 0,
+          style: C(s.value),
           class: "gc-picture",
-          src: c.image,
-          onClick: b[0] || (b[0] = //@ts-ignore
+          src: n.image,
+          onClick: _[0] || (_[0] = //@ts-ignore
           (...h) => v(d).clickEvent && v(d).clickEvent(...h)),
           alt: ""
-        }, null, 12, je), [
-          [Q, _.value]
-        ]),
-        o("div", Ae, [
-          (z(!0), H($e, null, ze(v(d).dots.list, (h) => (z(), H("div", {
+        }, null, 12, Ne)) : ne("", !0),
+        l("div", Ue, [
+          (E(!0), D(Te, null, Pe(v(d).dots.list, (h) => (E(), D("div", {
             class: "gc-dot",
             key: `${h.key + "-" + h.index}`,
-            style: D({
+            style: C({
               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"
             })
-          }, ie(h.index), 5))), 128))
+          }, oe(h.index), 5))), 128))
         ])
       ], 4),
-      o("div", Ie, [
-        o("div", Ve, [
-          I(fe, {
+      l("div", qe, [
+        l("div", Ge, [
+          A(ve, {
             width: e.iconSize,
             height: e.iconSize,
             onClick: v(d).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          I(ve, {
+          A(me, {
             width: e.iconSize,
             height: e.iconSize,
             onClick: v(d).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ]),
-        o("div", Ne, [
-          o("button", {
-            class: se(!_.value && "disabled"),
-            onClick: b[1] || (b[1] = //@ts-ignore
+        l("div", Je, [
+          l("button", {
+            class: te(!b.value && "disabled"),
+            onClick: _[1] || (_[1] = //@ts-ignore
             (...h) => v(d).confirmEvent && v(d).confirmEvent(...h))
-          }, ie(e.buttonText), 3)
+          }, oe(e.buttonText), 3)
         ])
       ])
     ], 6)), [
-      [Q, x.value]
+      [fe, x.value]
     ]);
   }
 });
-re.name = "gocaptcha-click";
-re.install = function(s) {
-  s.component("gocaptcha-click", re);
+ae.name = "gocaptcha-click";
+ae.install = function(c) {
+  c.component("gocaptcha-click", ae);
 };
-const xe = () => ({
+const ke = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -277,26 +275,26 @@ const xe = () => ({
   title: "请拖动滑块完成拼图",
   iconSize: 22,
   scope: !0
-}), Ue = /* @__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
+}), Ke = /* @__PURE__ */ l("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), qe = [
-  Ue
-], ke = /* @__PURE__ */ q({
+	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), Qe = [
+  Ke
+], Se = /* @__PURE__ */ U({
   __name: "arrows-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), qe, 16));
+    }, o.$attrs, { onClick: r }), Qe, 16));
   }
-}), Ge = () => ({
+}), ye = () => ({
   thumbX: 0,
   thumbY: 0,
   thumbWidth: 0,
@@ -304,208 +302,209 @@ const xe = () => ({
   image: "",
   thumb: ""
 });
-function Je(s, t, a, r, i, m, c, u, e) {
-  const d = T({ dragLeft: 0, thumbLeft: s.thumbX || 0, isFreeze: !1 });
-  F(() => s, (h, S) => {
+function Ze(c, t, i, r, o, m, n, u, e) {
+  const d = T({ dragLeft: 0, thumbLeft: c.thumbX || 0, isFreeze: !1 });
+  Y(() => c, (h, w) => {
     d.isFreeze || (d.thumbLeft = h.thumbX || 0);
   }, { deep: !0 });
-  const y = (h) => {
-    if (!ae(u.value, h))
+  const k = (h) => {
+    if (!ie(u.value, h))
       return;
-    const S = h.touches && h.touches[0], Y = c.value.offsetLeft, w = i.value.offsetWidth, g = c.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;
-    S ? Z = S.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 De = B + M * G;
-      if (M >= f) {
-        d.dragLeft = f, d.thumbLeft = O = te;
+    const w = h.touches && h.touches[0], y = n.value.offsetLeft, g = o.value.offsetWidth, f = n.value.offsetWidth, L = g - f, P = m.value.offsetWidth, q = m.value.offsetLeft, Z = g - P, G = (g - (P + q)) / L;
+    let V = !1, X = null, K = 0, H = 0;
+    w ? K = w.pageX - y : K = h.clientX - y;
+    const R = (M) => {
+      V = !0;
+      const J = M.touches && M.touches[0];
+      let F = 0;
+      J ? F = J.pageX - K : F = M.clientX - K;
+      let Be = q + F * G;
+      if (F >= L) {
+        d.dragLeft = L, d.thumbLeft = H = Z;
         return;
       }
-      if (M <= 0) {
-        d.dragLeft = 0, d.thumbLeft = O = B;
+      if (F <= 0) {
+        d.dragLeft = 0, d.thumbLeft = H = q;
         return;
       }
-      d.dragLeft = M, d.thumbLeft = O = De, t.move && t.move(O, s.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: s.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, C = k ? r.value : document.body, X = () => {
-      C.removeEventListener("mousemove", R, !1), C.removeEventListener("touchmove", R, { passive: !1 }), $.removeEventListener("mouseup", U, !1), $.removeEventListener("mouseenter", A, !1), $.removeEventListener("mouseleave", j, !1), $.removeEventListener("touchend", U, !1), C.removeEventListener("mouseleave", U, !1), C.removeEventListener("mouseup", ce, !1), d.isFreeze = !1;
+      d.dragLeft = F, d.thumbLeft = H = Be, t.move && t.move(H, c.thumbY || 0), M.cancelBubble = !0, M.preventDefault();
+    }, N = (M) => {
+      ie(u.value, M) && (W(), V && (V = !1, !(H < 0) && (t.confirm && t.confirm({ x: parseInt(H.toString()), y: c.thumbY || 0 }, () => {
+        a();
+      }), M.cancelBubble = !0, M.preventDefault())));
+    }, O = (M) => {
+      X = M;
+    }, j = () => {
+      X = null;
+    }, se = (M) => {
+      X && (N(X), W());
+    }, $ = i.scope, S = $ ? r.value : u.value, B = $ ? r.value : document.body, W = () => {
+      B.removeEventListener("mousemove", R, !1), B.removeEventListener("touchmove", R, { passive: !1 }), S.removeEventListener("mouseup", N, !1), S.removeEventListener("mouseenter", j, !1), S.removeEventListener("mouseleave", O, !1), S.removeEventListener("touchend", N, !1), B.removeEventListener("mouseleave", N, !1), B.removeEventListener("mouseup", se, !1), d.isFreeze = !1;
     };
-    d.isFreeze = !0, C.addEventListener("mousemove", R, !1), C.addEventListener("touchmove", R, { passive: !1 }), $.addEventListener("mouseup", U, !1), $.addEventListener("mouseenter", A, !1), $.addEventListener("mouseleave", j, !1), $.addEventListener("touchend", U, !1), C.addEventListener("mouseleave", U, !1), C.addEventListener("mouseup", ce, !1);
-  }, p = (h) => (_(), h.cancelBubble = !0, h.preventDefault(), !1), n = (h) => (x(), h.cancelBubble = !0, h.preventDefault(), !1), _ = () => {
-    t && t.close && t.close(), l();
+    d.isFreeze = !0, B.addEventListener("mousemove", R, !1), B.addEventListener("touchmove", R, { passive: !1 }), S.addEventListener("mouseup", N, !1), S.addEventListener("mouseenter", j, !1), S.addEventListener("mouseleave", O, !1), S.addEventListener("touchend", N, !1), B.addEventListener("mouseleave", N, !1), B.addEventListener("mouseup", se, !1);
+  }, p = (h) => (b(), h.cancelBubble = !0, h.preventDefault(), !1), s = (h) => (x(), h.cancelBubble = !0, h.preventDefault(), !1), b = () => {
+    t && t.close && t.close(), a();
   }, x = () => {
-    t && t.refresh && t.refresh(), l();
-  }, l = () => {
-    d.dragLeft = 0, d.thumbLeft = s.thumbX || 0;
+    t && t.refresh && t.refresh(), a();
+  }, a = () => {
+    d.dragLeft = 0, d.thumbLeft = c.thumbX || 0;
   };
   return {
     state: d,
-    dragEvent: y,
+    dragEvent: k,
     closeEvent: p,
-    refreshEvent: n,
-    resetData: l,
+    refreshEvent: s,
+    resetData: a,
     clearData: () => {
-      e && e(), l();
+      e && e(), a();
     },
     refresh: x,
-    close: _
+    close: b
   };
 }
-const Ke = { class: "gc-header" }, Qe = { class: "gc-icon-block" }, Ze = { class: "gc-loading" }, et = ["src"], tt = ["src"], nt = { class: "gc-footer" }, st = /* @__PURE__ */ o("div", { class: "gc-drag-line" }, null, -1), ue = /* @__PURE__ */ q({
+const et = { class: "gc-header" }, tt = { class: "gc-icon-block" }, nt = { class: "gc-loading" }, st = ["src"], ct = ["src"], ot = { class: "gc-footer" }, it = /* @__PURE__ */ l("div", { class: "gc-drag-line" }, null, -1), re = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: xe },
+    config: { default: ke },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: ye }
   },
-  setup(s, { expose: t }) {
-    const a = s, { data: r, events: i, config: m } = a, c = T({ ...Ge(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...xe(), ...V(m) });
-    F(() => a.data, (f, E) => {
-      Object.assign(c, f);
-    }, { deep: !0 }), F(() => a.events, (f, E) => {
+  setup(c, { expose: t }) {
+    const i = c, { data: r, events: o, config: m } = i, n = T({ ...ye(), ...I(r) }), u = T({ ...I(o) }), e = T({ ...ke(), ...I(m) });
+    Y(() => i.data, (f, L) => {
+      Object.assign(n, f);
+    }, { deep: !0 }), Y(() => i.events, (f, L) => {
       Object.assign(u, f);
-    }, { deep: !0 }), F(() => a.config, (f, E) => {
+    }, { deep: !0 }), Y(() => i.config, (f, L) => {
       Object.assign(e, f);
     }, { deep: !0 });
-    const d = ee(null), y = ee(null), p = ee(null), n = ee(null), _ = ee(null), x = Je(
-      c,
+    const d = Q(null), k = Q(null), p = Q(null), s = Q(null), b = Q(null), x = Ze(
+      n,
       u,
       e,
       d,
       p,
-      _,
-      n,
-      y,
+      b,
+      s,
+      k,
       () => {
-        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;
       }
-    ), l = L(() => {
-      const f = e.horizontalPadding || 0, E = e.verticalPadding || 0;
+    ), a = z(() => {
+      const f = e.horizontalPadding || 0, L = e.verticalPadding || 0;
       return {
         width: (e.width || 0) + f * 2 + (e.showTheme ? 2 : 0) + "px",
         paddingLeft: f + "px",
         paddingRight: f + "px",
-        paddingTop: E + "px",
-        paddingBottom: E + "px"
+        paddingTop: L + "px",
+        paddingBottom: L + "px"
       };
-    }), b = L(() => ({
-      width: c.thumbWidth + "px",
-      height: c.thumbHeight + "px",
-      top: c.thumbY + "px",
+    }), _ = z(() => ({
+      width: n.thumbWidth + "px",
+      height: n.thumbHeight + "px",
+      top: n.thumbY + "px",
       left: x.state.thumbLeft + "px"
-    })), h = L(() => ({
+    })), h = z(() => ({
       width: e.width + "px",
       height: e.height + "px"
-    })), S = L(() => c.image != ""), Y = L(() => c.thumb != ""), w = L(() => (e.width || 0) > 0 || (e.height || 0) > 0), g = (f) => f.preventDefault();
-    return _e(async () => {
-      await be(), n.value && n.value.addEventListener("dragstart", g);
-    }), we(() => {
-      n.value && n.value.removeEventListener("dragstart", g);
+    })), w = z(() => n.image && n.image.length > 0), y = z(() => (e.width || 0) > 0 || (e.height || 0) > 0), g = (f) => f.preventDefault();
+    return be(async () => {
+      await we(), s.value && s.value.addEventListener("dragstart", g);
+    }), Ee(() => {
+      s.value && s.value.removeEventListener("dragstart", g);
     }), t({
       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),
+    }), (f, L) => ge((E(), D("div", {
+      class: te(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: C(a.value),
       ref_key: "rootRef",
       ref: d
     }, [
-      o("div", Ke, [
-        o("span", null, ie(e.title), 1),
-        o("div", Qe, [
-          I(fe, {
+      l("div", et, [
+        l("span", null, oe(e.title), 1),
+        l("div", tt, [
+          A(ve, {
             width: e.iconSize,
             height: e.iconSize,
             onClick: v(x).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          I(ve, {
+          A(me, {
             width: e.iconSize,
             height: e.iconSize,
             onClick: v(x).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      o("div", {
+      l("div", {
         class: "gc-body",
         ref_key: "containerRef",
         ref: p,
-        style: D(h.value)
+        style: C(h.value)
       }, [
-        o("div", Ze, [
-          I(me)
+        l("div", nt, [
+          A(pe)
         ]),
-        K(o("img", {
+        n.image ? (E(), D("img", {
+          key: 0,
           class: "gc-picture",
-          style: D(h.value),
-          src: c.image,
+          style: C(h.value),
+          src: n.image,
           alt: ""
-        }, null, 12, et), [
-          [Q, S.value]
-        ]),
-        o("div", {
+        }, null, 12, st)) : ne("", !0),
+        l("div", {
           class: "gc-tile",
           ref_key: "tileRef",
-          ref: _,
-          style: D(b.value)
+          ref: b,
+          style: C(_.value)
         }, [
-          K(o("img", {
-            src: c.thumb,
+          n.thumb ? (E(), D("img", {
+            key: 0,
+            src: n.thumb,
             alt: ""
-          }, null, 8, tt), [
-            [Q, Y.value]
-          ])
+          }, null, 8, ct)) : ne("", !0)
         ], 4)
       ], 4),
-      o("div", nt, [
-        o("div", {
+      l("div", ot, [
+        l("div", {
           class: "gc-drag-slide-bar",
           ref_key: "dragBarRef",
-          ref: y
+          ref: k
         }, [
-          st,
-          o("div", {
-            class: se(["gc-drag-block", !S.value && "disabled"]),
+          it,
+          l("div", {
+            class: te(["gc-drag-block", !w.value && "disabled"]),
             ref_key: "dragBlockRef",
-            ref: n,
-            onMousedown: E[1] || (E[1] = //@ts-ignore
-            (...B) => v(x).dragEvent && v(x).dragEvent(...B)),
-            style: D({ left: v(x).state.dragLeft + "px" })
+            ref: s,
+            onMousedown: L[1] || (L[1] = //@ts-ignore
+            (...P) => v(x).dragEvent && v(x).dragEvent(...P)),
+            style: C({ left: v(x).state.dragLeft + "px" })
           }, [
-            o("div", {
+            l("div", {
               class: "gc-drag-block-inline",
-              onTouchstart: E[0] || (E[0] = //@ts-ignore
-              (...B) => v(x).dragEvent && v(x).dragEvent(...B))
+              onTouchstart: L[0] || (L[0] = xe(
+                //@ts-ignore
+                (...P) => v(x).dragEvent && v(x).dragEvent(...P),
+                ["prevent"]
+              ))
             }, [
-              I(ke)
+              A(Se)
             ], 32)
           ], 38)
         ], 512)
       ])
     ], 6)), [
-      [Q, w.value]
+      [fe, y.value]
     ]);
   }
 });
-ue.name = "gocaptcha-slide";
-ue.install = function(s) {
-  s.component("gocaptcha-slide", ue);
+re.name = "gocaptcha-slide";
+re.install = function(c) {
+  c.component("gocaptcha-slide", re);
 };
-const Le = () => ({
+const $e = () => ({
   width: 300,
   height: 220,
   verticalPadding: 16,
@@ -514,7 +513,7 @@ const Le = () => ({
   title: "请拖拽贴图完成拼图",
   iconSize: 22,
   scope: !0
-}), ct = () => ({
+}), De = () => ({
   thumbX: 0,
   thumbY: 0,
   thumbWidth: 0,
@@ -522,177 +521,178 @@ const Le = () => ({
   image: "",
   thumb: ""
 });
-function ot(s, t, a, r, i, m, c) {
-  const u = T({ x: s.thumbX || 0, y: s.thumbY || 0, isFreeze: !1 });
-  F(() => s, (l, b) => {
-    u.isFreeze || (u.x = l.thumbX || 0, u.y = l.thumbY || 0);
+function lt(c, t, i, r, o, m, n) {
+  const u = T({ x: c.thumbX || 0, y: c.thumbY || 0, isFreeze: !1 });
+  Y(() => c, (a, _) => {
+    u.isFreeze || (u.x = a.thumbX || 0, u.y = a.thumbY || 0);
   }, { deep: !0 });
-  const e = (l) => {
-    if (!ae(i.value, l))
+  const e = (a) => {
+    if (!ie(o.value, a))
       return;
-    const b = l.touches && l.touches[0], h = m.value.offsetLeft, S = 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 - S) : (G = l.clientX - h, N = l.clientY - S);
-    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) && (C(), 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), C());
-    }, ce = a.scope, k = ce ? r.value : i.value, $ = ce ? r.value : document.body, C = () => {
-      $.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;
+    const _ = a.touches && a.touches[0], h = m.value.offsetLeft, w = m.value.offsetTop, y = o.value.offsetWidth, g = o.value.offsetHeight, f = m.value.offsetWidth, L = m.value.offsetHeight, P = y - f, q = g - L;
+    let Z = !1, ee = null, G = 0, V = 0, X = 0, K = 0;
+    _ ? (G = _.pageX - h, V = _.pageY - w) : (G = a.clientX - h, V = a.clientY - w);
+    const H = (W) => {
+      Z = !0;
+      const M = W.touches && W.touches[0];
+      let J = 0, F = 0;
+      M ? (J = M.pageX - G, F = M.pageY - V) : (J = W.clientX - G, F = W.clientY - V), J <= 0 && (J = 0), F <= 0 && (F = 0), J >= P && (J = P), F >= q && (F = q), u.x = J, u.y = F, X = J, K = F, t.move && t.move(J, F), W.cancelBubble = !0, W.preventDefault();
+    }, R = (W) => {
+      ie(o.value, W) && (B(), Z && (Z = !1, !(X < 0 || K < 0) && (t.confirm && t.confirm({ x: X, y: K }, () => {
+        b();
+      }), W.cancelBubble = !0, W.preventDefault())));
+    }, N = (W) => {
+      ee = W;
+    }, O = () => {
+      ee = null;
+    }, j = (W) => {
+      ee && (R(ee), B());
+    }, se = i.scope, $ = se ? r.value : o.value, S = se ? r.value : document.body, B = () => {
+      S.removeEventListener("mousemove", H, !1), S.removeEventListener("touchmove", H, { passive: !1 }), $.removeEventListener("mouseup", R, !1), $.removeEventListener("mouseenter", O, !1), $.removeEventListener("mouseleave", N, !1), $.removeEventListener("touchend", R, !1), S.removeEventListener("mouseleave", R, !1), S.removeEventListener("mouseup", j, !1), u.isFreeze = !1;
     };
-    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) => (n(), l.cancelBubble = !0, l.preventDefault(), !1), p = () => {
-    t && t.close && t.close(), _();
-  }, n = () => {
-    t && t.refresh && t.refresh(), _();
-  }, _ = () => {
-    u.x = s.thumbX || 0, u.y = s.thumbY || 0;
+    u.isFreeze = !0, S.addEventListener("mousemove", H, !1), S.addEventListener("touchmove", H, { passive: !1 }), $.addEventListener("mouseup", R, !1), $.addEventListener("mouseenter", O, !1), $.addEventListener("mouseleave", N, !1), $.addEventListener("touchend", R, !1), S.addEventListener("mouseleave", R, !1), S.addEventListener("mouseup", j, !1);
+  }, d = (a) => (p(), a.cancelBubble = !0, a.preventDefault(), !1), k = (a) => (s(), a.cancelBubble = !0, a.preventDefault(), !1), p = () => {
+    t && t.close && t.close(), b();
+  }, s = () => {
+    t && t.refresh && t.refresh(), b();
+  }, b = () => {
+    u.x = c.thumbX || 0, u.y = c.thumbY || 0;
   };
   return {
     state: u,
     dragEvent: e,
     closeEvent: d,
-    refreshEvent: y,
-    resetData: _,
+    refreshEvent: k,
+    resetData: b,
     clearData: () => {
-      c && c(), _();
+      n && n(), b();
     },
-    refresh: n,
+    refresh: s,
     close: p
   };
 }
-const it = { class: "gc-header gc-header2" }, at = { class: "gc-loading" }, lt = ["src"], rt = ["src"], ut = { class: "gc-footer" }, dt = { class: "gc-icon-block" }, de = /* @__PURE__ */ q({
+const at = { class: "gc-header gc-header2" }, rt = { class: "gc-loading" }, ut = ["src"], dt = ["src"], ht = { class: "gc-footer" }, gt = { class: "gc-icon-block" }, ue = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: Le },
+    config: { default: $e },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: De }
   },
-  setup(s, { expose: t }) {
-    const a = s, { data: r, events: i, config: m } = a, c = T({ ...ct(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...Le(), ...V(m) });
-    F(() => a.data, (w, g) => {
-      Object.assign(c, w);
-    }, { deep: !0 }), F(() => a.events, (w, g) => {
+  setup(c, { expose: t }) {
+    const i = c, { data: r, events: o, config: m } = i, n = T({ ...De(), ...I(r) }), u = T({ ...I(o) }), e = T({ ...$e(), ...I(m) });
+    Y(() => i.data, (w, y) => {
+      Object.assign(n, w);
+    }, { deep: !0 }), Y(() => i.events, (w, y) => {
       Object.assign(u, w);
-    }, { deep: !0 }), F(() => a.config, (w, g) => {
+    }, { deep: !0 }), Y(() => i.config, (w, y) => {
       Object.assign(e, w);
     }, { deep: !0 });
-    const d = ee(null), y = ee(null), p = ee(null), n = ot(
-      c,
+    const d = Q(null), k = Q(null), p = Q(null), s = lt(
+      n,
       u,
       e,
       d,
-      y,
+      k,
       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;
       }
-    ), _ = L(() => {
-      const w = e.horizontalPadding || 0, g = e.verticalPadding || 0;
+    ), b = z(() => {
+      const w = e.horizontalPadding || 0, y = e.verticalPadding || 0;
       return {
         width: (e.width || 0) + w * 2 + (e.showTheme ? 2 : 0) + "px",
         paddingLeft: w + "px",
         paddingRight: w + "px",
-        paddingTop: g + "px",
-        paddingBottom: g + "px"
+        paddingTop: y + "px",
+        paddingBottom: y + "px"
       };
-    }), x = L(() => ({
-      width: c.thumbWidth + "px",
-      height: c.thumbHeight + "px",
-      top: n.state.y + "px",
-      left: n.state.x + "px"
-    })), l = L(() => ({
+    }), x = z(() => ({
+      width: n.thumbWidth + "px",
+      height: n.thumbHeight + "px",
+      top: s.state.y + "px",
+      left: s.state.x + "px"
+    })), a = z(() => ({
       width: e.width + "px",
       height: e.height + "px"
-    })), b = L(() => c.image != ""), h = L(() => c.thumb != ""), S = 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);
+    })), _ = z(() => (e.width || 0) > 0 || (e.height || 0) > 0), h = (w) => w.preventDefault();
+    return be(async () => {
+      await we(), p.value && p.value.addEventListener("dragstart", h);
+    }), Ee(() => {
+      p.value && p.value.removeEventListener("dragstart", h);
     }), t({
-      reset: n.resetData,
-      clear: n.clearData,
-      refresh: n.refresh,
-      close: n.close
-    }), (w, g) => K((z(), H("div", {
-      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
-      style: D(_.value),
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (w, y) => ge((E(), D("div", {
+      class: te(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: C(b.value),
       ref_key: "rootRef",
       ref: d
     }, [
-      o("div", it, [
-        o("span", null, ie(e.title), 1)
+      l("div", at, [
+        l("span", null, oe(e.title), 1)
       ]),
-      o("div", {
+      l("div", {
         class: "gc-body",
         ref_key: "containerRef",
-        ref: y,
-        style: D(l.value)
+        ref: k,
+        style: C(a.value)
       }, [
-        o("div", at, [
-          I(me)
+        l("div", rt, [
+          A(pe)
         ]),
-        K(o("img", {
+        n.image ? (E(), D("img", {
+          key: 0,
           class: "gc-picture",
-          style: D(l.value),
-          src: c.image,
+          style: C(a.value),
+          src: n.image,
           alt: ""
-        }, null, 12, lt), [
-          [Q, b.value]
-        ]),
-        o("div", {
+        }, null, 12, ut)) : ne("", !0),
+        l("div", {
           class: "gc-tile",
           ref_key: "tileRef",
           ref: p,
-          style: D(x.value),
-          onMousedown: g[0] || (g[0] = //@ts-ignore
-          (...f) => v(n).dragEvent && v(n).dragEvent(...f)),
-          onTouchstart: g[1] || (g[1] = //@ts-ignore
-          (...f) => v(n).dragEvent && v(n).dragEvent(...f))
+          style: C(x.value),
+          onMousedown: y[0] || (y[0] = //@ts-ignore
+          (...g) => v(s).dragEvent && v(s).dragEvent(...g)),
+          onTouchstart: y[1] || (y[1] = xe(
+            //@ts-ignore
+            (...g) => v(s).dragEvent && v(s).dragEvent(...g),
+            ["prevent"]
+          ))
         }, [
-          K(o("img", {
-            src: c.thumb,
+          n.thumb ? (E(), D("img", {
+            key: 0,
+            src: n.thumb,
             alt: ""
-          }, null, 8, rt), [
-            [Q, h.value]
-          ])
+          }, null, 8, dt)) : ne("", !0)
         ], 36)
       ], 4),
-      o("div", ut, [
-        o("div", dt, [
-          I(fe, {
+      l("div", ht, [
+        l("div", gt, [
+          A(ve, {
             width: e.iconSize,
             height: e.iconSize,
-            onClick: v(n).closeEvent
+            onClick: v(s).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          I(ve, {
+          A(me, {
             width: e.iconSize,
             height: e.iconSize,
-            onClick: v(n).refreshEvent
+            onClick: v(s).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ])
     ], 6)), [
-      [Q, S.value]
+      [fe, _.value]
     ]);
   }
 });
-de.name = "gocaptcha-slide-region";
-de.install = function(s) {
-  s.component("gocaptcha-slide-region", de);
+ue.name = "gocaptcha-slide-region";
+ue.install = function(c) {
+  c.component("gocaptcha-slide-region", ue);
 };
-const pe = () => ({
+const _e = () => ({
   width: 300,
   height: 220,
   size: 220,
@@ -702,96 +702,97 @@ const pe = () => ({
   title: "请拖动滑块完成拼图",
   iconSize: 22,
   scope: !0
-}), ht = () => ({
+}), ze = () => ({
   angle: 0,
   image: "",
-  thumb: ""
+  thumb: "",
+  thumbSize: 0
 });
-function gt(s, t, a, r, i, m, c) {
-  const u = T({ dragLeft: 0, thumbAngle: s.angle || 0, isFreeze: !1 });
-  F(() => s, (l, b) => {
-    u.isFreeze || (u.thumbAngle = l.angle || 0);
+function ft(c, t, i, r, o, m, n) {
+  const u = T({ dragLeft: 0, thumbAngle: c.angle || 0, isFreeze: !1 });
+  Y(() => c, (a, _) => {
+    u.isFreeze || (u.thumbAngle = a.angle || 0);
   }, { deep: !0 });
-  const e = (l) => {
-    if (!ae(m.value, l))
+  const e = (a) => {
+    if (!ie(m.value, a))
       return;
-    const b = l.touches && l.touches[0], h = i.value.offsetLeft, S = m.value.offsetWidth, Y = i.value.offsetWidth, w = S - Y, g = 360, f = (g - s.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 C = 0;
-      if ($ ? C = $.pageX - ne : C = k.clientX - ne, E = s.angle + C * f, C >= w) {
-        u.dragLeft = w, u.thumbAngle = G = g;
+    const _ = a.touches && a.touches[0], h = o.value.offsetLeft, w = m.value.offsetWidth, y = o.value.offsetWidth, g = w - y, f = 360, L = (f - c.angle) / g;
+    let P = 0, q = !1, Z = null, ee = 0, G = 0;
+    _ ? ee = _.pageX - h : ee = a.clientX - h;
+    const V = ($) => {
+      q = !0;
+      const S = $.touches && $.touches[0];
+      let B = 0;
+      if (S ? B = S.pageX - ee : B = $.clientX - ee, P = c.angle + B * L, B >= g) {
+        u.dragLeft = g, u.thumbAngle = G = f;
         return;
       }
-      if (C <= 0) {
-        u.dragLeft = 0, u.thumbAngle = G = s.angle;
+      if (B <= 0) {
+        u.dragLeft = 0, u.thumbAngle = G = c.angle;
         return;
       }
-      u.dragLeft = C, 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;
+      u.dragLeft = B, u.thumbAngle = G = P, t.rotate && t.rotate(P), $.cancelBubble = !0, $.preventDefault();
+    }, X = ($) => {
+      ie(m.value, $) && (se(), q && (q = !1, !(G < 0) && (t.confirm && t.confirm(parseInt(G.toString()), () => {
+        b();
+      }), $.cancelBubble = !0, $.preventDefault())));
+    }, K = ($) => {
+      Z = $;
+    }, H = () => {
+      Z = null;
+    }, R = ($) => {
+      Z && (X(Z), se());
+    }, N = i.scope, O = N ? r.value : m.value, j = N ? r.value : document.body, se = () => {
+      j.removeEventListener("mousemove", V, !1), j.removeEventListener("touchmove", V, { passive: !1 }), O.removeEventListener("mouseup", X, !1), O.removeEventListener("mouseenter", H, !1), O.removeEventListener("mouseleave", K, !1), O.removeEventListener("touchend", X, !1), j.removeEventListener("mouseleave", X, !1), j.removeEventListener("mouseup", R, !1), u.isFreeze = !1;
     };
-    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) => (n(), l.cancelBubble = !0, l.preventDefault(), !1), p = () => {
-    t && t.close && t.close(), _();
-  }, n = () => {
-    t && t.refresh && t.refresh(), _();
-  }, _ = () => {
-    u.dragLeft = 0, u.thumbAngle = s.angle;
+    u.isFreeze = !0, j.addEventListener("mousemove", V, !1), j.addEventListener("touchmove", V, { passive: !1 }), O.addEventListener("mouseup", X, !1), O.addEventListener("mouseenter", H, !1), O.addEventListener("mouseleave", K, !1), O.addEventListener("touchend", X, !1), j.addEventListener("mouseleave", X, !1), j.addEventListener("mouseup", R, !1);
+  }, d = (a) => (p(), a.cancelBubble = !0, a.preventDefault(), !1), k = (a) => (s(), a.cancelBubble = !0, a.preventDefault(), !1), p = () => {
+    t && t.close && t.close(), b();
+  }, s = () => {
+    t && t.refresh && t.refresh(), b();
+  }, b = () => {
+    u.dragLeft = 0, u.thumbAngle = c.angle;
   };
   return {
     state: u,
     dragEvent: e,
     closeEvent: d,
-    refreshEvent: y,
-    resetData: _,
+    refreshEvent: k,
+    resetData: b,
     clearData: () => {
-      c && c(), _();
+      n && n(), b();
     },
-    refresh: n,
+    refresh: s,
     close: p
   };
 }
-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({
+const vt = { class: "gc-header" }, mt = { class: "gc-icon-block" }, pt = { class: "gc-loading" }, _t = ["src"], bt = /* @__PURE__ */ l("div", { class: "gc-round" }, null, -1), wt = { class: "gc-thumb gc-rotate-thumb" }, Et = ["src"], xt = { class: "gc-footer" }, Lt = /* @__PURE__ */ l("div", { class: "gc-drag-line" }, null, -1), de = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: pe },
+    config: { default: _e },
     events: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: ze }
   },
-  setup(s, { expose: t }) {
-    const a = s, { data: r, events: i, config: m } = a, c = T({ ...ht(), ...V(r) }), u = T({ ...V(i) }), e = T({ ...pe(), ...V(m) });
-    F(() => a.data, (g, f) => {
-      Object.assign(c, g);
-    }, { deep: !0 }), F(() => a.events, (g, f) => {
+  setup(c, { expose: t }) {
+    const i = c, { data: r, events: o, config: m } = i, n = T({ ...ze(), ...I(r) }), u = T({ ...I(o) }), e = T({ ..._e(), ...I(m) });
+    Y(() => i.data, (g, f) => {
+      Object.assign(n, g);
+    }, { deep: !0 }), Y(() => i.events, (g, f) => {
       Object.assign(u, g);
-    }, { deep: !0 }), F(() => a.config, (g, f) => {
+    }, { deep: !0 }), Y(() => i.config, (g, f) => {
       Object.assign(e, g);
     }, { deep: !0 });
-    const d = ee(null), y = ee(null), p = ee(null), n = gt(
-      c,
+    const d = Q(null), k = Q(null), p = Q(null), s = ft(
+      n,
       u,
       e,
       d,
       p,
-      y,
+      k,
       () => {
-        c.thumb = "", c.image = "", c.angle = 0;
+        n.thumb = "", n.image = "", n.angle = 0;
       }
-    ), _ = L(() => {
+    ), b = z(() => {
       const g = e.horizontalPadding || 0, f = e.verticalPadding || 0;
       return {
         width: (e.width || 0) + g * 2 + (e.showTheme ? 2 : 0) + "px",
@@ -800,278 +801,283 @@ const ft = { class: "gc-header" }, vt = { class: "gc-icon-block" }, mt = { class
         paddingTop: f + "px",
         paddingBottom: f + "px"
       };
-    }), x = L(() => ({
-      transform: `rotate(${n.state.thumbAngle}deg)`
-    })), l = L(() => ({
+    }), x = z(() => ({
+      transform: `rotate(${s.state.thumbAngle}deg)`,
+      ...n.thumbSize > 0 ? {
+        width: n.thumbSize + "px",
+        height: n.thumbSize + "px"
+      } : {}
+    })), a = z(() => ({
       width: e.width + "px",
       height: e.height + "px"
-    })), b = L(() => {
-      const g = (e.size || 0) > 0 ? e.size : pe().size;
+    })), _ = z(() => {
+      const g = (e.size || 0) > 0 ? e.size : _e().size;
       return {
         width: g + "px",
         height: g + "px"
       };
-    }), h = L(() => c.image != ""), S = L(() => c.thumb != ""), 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);
+    }), h = z(() => n.image && n.image.length > 0), w = z(() => (e.width || 0) > 0 || (e.height || 0) > 0), y = (g) => g.preventDefault();
+    return be(async () => {
+      await we(), p.value && p.value.addEventListener("dragstart", y);
+    }), Ee(() => {
+      p.value && p.value.removeEventListener("dragstart", y);
     }), t({
-      reset: n.resetData,
-      clear: n.clearData,
-      refresh: n.refresh,
-      close: n.close
-    }), (g, f) => K((z(), H("div", {
-      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
-      style: D(_.value),
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (g, f) => ge((E(), D("div", {
+      class: te(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: C(b.value),
       ref_key: "rootRef",
       ref: d
     }, [
-      o("div", ft, [
-        o("span", null, ie(e.title), 1),
-        o("div", vt, [
-          I(fe, {
+      l("div", vt, [
+        l("span", null, oe(e.title), 1),
+        l("div", mt, [
+          A(ve, {
             width: e.iconSize,
             height: e.iconSize,
-            onClick: v(n).closeEvent
+            onClick: v(s).closeEvent
           }, null, 8, ["width", "height", "onClick"]),
-          I(ve, {
+          A(me, {
             width: e.iconSize,
             height: e.iconSize,
-            onClick: v(n).refreshEvent
+            onClick: v(s).refreshEvent
           }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      o("div", {
+      l("div", {
         class: "gc-body gc-rotate-body",
         ref: "containerRef",
-        style: D(l.value)
+        style: C(a.value)
       }, [
-        o("div", {
+        l("div", {
           class: "gc-body-inner",
-          style: D(b.value)
+          style: C(_.value)
         }, [
-          o("div", mt, [
-            I(me)
+          l("div", pt, [
+            A(pe)
           ]),
-          o("div", {
+          l("div", {
             class: "gc-picture gc-rotate-picture",
-            style: D(b.value)
+            style: C(_.value)
           }, [
-            K(o("img", {
-              src: c.image,
+            n.image ? (E(), D("img", {
+              key: 0,
+              src: n.image,
               alt: ""
-            }, null, 8, pt), [
-              [Q, h.value]
-            ]),
-            _t
+            }, null, 8, _t)) : ne("", !0),
+            bt
           ], 4),
-          o("div", bt, [
-            o("div", {
+          l("div", wt, [
+            l("div", {
               class: "gc-rotate-thumb-block",
-              style: D(x.value)
+              style: C(x.value)
             }, [
-              K(o("img", {
-                src: c.thumb,
+              n.thumb ? (E(), D("img", {
+                key: 0,
+                src: n.thumb,
                 alt: ""
-              }, null, 8, wt), [
-                [Q, S.value]
-              ])
+              }, null, 8, Et)) : ne("", !0)
             ], 4)
           ])
         ], 4)
       ], 4),
-      o("div", Et, [
-        o("div", {
+      l("div", xt, [
+        l("div", {
           class: "gc-drag-slide-bar",
           ref_key: "dragBarRef",
-          ref: y
+          ref: k
         }, [
-          xt,
-          o("div", {
-            class: se(["gc-drag-block", !h.value && "disabled"]),
+          Lt,
+          l("div", {
+            class: te(["gc-drag-block", !h.value && "disabled"]),
             ref_key: "dragBlockRef",
             ref: p,
             onMousedown: f[1] || (f[1] = //@ts-ignore
-            (...E) => v(n).dragEvent && v(n).dragEvent(...E)),
-            style: D({ left: v(n).state.dragLeft + "px" })
+            (...L) => v(s).dragEvent && v(s).dragEvent(...L)),
+            style: C({ left: v(s).state.dragLeft + "px" })
           }, [
-            o("div", {
+            l("div", {
               class: "gc-drag-block-inline",
-              onTouchstart: f[0] || (f[0] = //@ts-ignore
-              (...E) => v(n).dragEvent && v(n).dragEvent(...E))
+              onTouchstart: f[0] || (f[0] = xe(
+                //@ts-ignore
+                (...L) => v(s).dragEvent && v(s).dragEvent(...L),
+                ["prevent"]
+              ))
             }, [
-              I(ke)
+              A(Se)
             ], 32)
           ], 38)
         ], 512)
       ])
     ], 6)), [
-      [Q, Y.value]
+      [fe, w.value]
     ]);
   }
 });
-he.name = "gocaptcha-rotate";
-he.install = function(s) {
-  s.component("gocaptcha-rotate", he);
+de.name = "gocaptcha-rotate";
+de.install = function(c) {
+  c.component("gocaptcha-rotate", de);
 };
-const Lt = /* @__PURE__ */ o("circle", {
+const kt = /* @__PURE__ */ l("circle", {
   fill: "#3E7CFF",
   cx: "100",
   cy: "100",
   r: "96.3"
-}, null, -1), yt = /* @__PURE__ */ o("path", {
+}, null, -1), yt = /* @__PURE__ */ l("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), kt = [
-  Lt,
+}, null, -1), $t = [
+  kt,
   yt
-], Dt = /* @__PURE__ */ q({
+], Dt = /* @__PURE__ */ U({
   __name: "btn-default-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), kt, 16));
+    }, o.$attrs, { onClick: r }), $t, 16));
   }
-}), $t = /* @__PURE__ */ o("path", {
+}), zt = /* @__PURE__ */ l("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), zt = [
-  $t
-], Ct = /* @__PURE__ */ q({
+}, null, -1), Ct = [
+  zt
+], St = /* @__PURE__ */ U({
   __name: "btn-warn-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), zt, 16));
+    }, o.$attrs, { onClick: r }), Ct, 16));
   }
-}), St = /* @__PURE__ */ o("path", {
+}), Bt = /* @__PURE__ */ l("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), Bt = [
-  St
-], Tt = /* @__PURE__ */ q({
+}, null, -1), Tt = [
+  Bt
+], Pt = /* @__PURE__ */ U({
   __name: "btn-error-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), Bt, 16));
+    }, o.$attrs, { onClick: r }), Tt, 16));
   }
-}), Pt = /* @__PURE__ */ o("path", {
+}), Xt = /* @__PURE__ */ l("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), Xt = [
-  Pt
-], Wt = /* @__PURE__ */ q({
+}, null, -1), Wt = [
+  Xt
+], Mt = /* @__PURE__ */ U({
   __name: "btn-success-icon",
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const a = t;
-    function r(i) {
-      a("click", i);
+  setup(c, { emit: t }) {
+    const i = t;
+    function r(o) {
+      i("click", o);
     }
-    return (i, m) => (z(), H("svg", oe({
+    return (o, m) => (E(), D("svg", ce({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, i.$attrs, { onClick: r }), Xt, 16));
+    }, o.$attrs, { onClick: r }), Wt, 16));
   }
-}), ye = () => ({
+}), Ce = () => ({
   width: 330,
   height: 44,
   verticalPadding: 12,
   horizontalPadding: 16
-}), ge = /* @__PURE__ */ q({
+}), he = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: ye },
+    config: { default: Ce },
     clickEvent: {},
     disabled: { type: Boolean, default: !1 },
     type: { default: "default" },
     title: { default: "点击按键进行验证" }
   },
   emits: ["click-event"],
-  setup(s, { emit: t }) {
-    const a = s, { type: r, title: i, disabled: m, config: c } = Ce(a), u = T({ ...ye(), ...V(c) });
-    F(() => a.config, (n, _) => {
-      Object.assign(u, n);
+  setup(c, { emit: t }) {
+    const i = c, { type: r, title: o, disabled: m, config: n } = Xe(i), u = T({ ...Ce(), ...I(n) });
+    Y(() => i.config, (s, b) => {
+      Object.assign(u, s);
     }, { deep: !0 });
-    const e = L(() => ["go-captcha", "gc-btn-block", `gc-${r.value}`, m.value ? "gc-disabled" : ""]), d = L(() => ({
+    const e = z(() => ["go-captcha", "gc-btn-block", `gc-${r.value}`, m.value ? "gc-disabled" : ""]), d = z(() => ({
       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(n) {
-      y("click-event", n);
+    })), k = t;
+    function p(s) {
+      k("click-event", s);
     }
-    return (n, _) => (z(), H("div", {
-      class: se(e.value),
-      style: D(d.value),
+    return (s, b) => (E(), D("div", {
+      class: te(e.value),
+      style: C(d.value),
       onClick: p
     }, [
-      o("div", {
-        class: se(v(r) === "default" ? "gc-ripple" : "")
+      l("div", {
+        class: te(v(r) === "default" ? "gc-ripple" : "")
       }, [
-        v(r) === "default" ? (z(), le(Dt, { key: 0 })) : v(r) === "warn" ? (z(), le(Ct, { key: 1 })) : v(r) === "error" ? (z(), le(Tt, { key: 2 })) : v(r) === "success" ? (z(), le(Wt, { key: 3 })) : Se("", !0)
+        v(r) === "default" ? (E(), le(Dt, { key: 0 })) : v(r) === "warn" ? (E(), le(St, { key: 1 })) : v(r) === "error" ? (E(), le(Pt, { key: 2 })) : v(r) === "success" ? (E(), le(Mt, { key: 3 })) : ne("", !0)
       ], 2),
-      o("span", null, ie(v(i)), 1)
+      l("span", null, oe(v(o)), 1)
     ], 6));
   }
 });
-ge.name = "gocaptcha-button";
-ge.install = function(s) {
-  s.component("gocaptcha-button", ge);
+he.name = "gocaptcha-button";
+he.install = function(c) {
+  c.component("gocaptcha-button", he);
 };
-const Ft = {
-  install(s) {
-    re.install(s), ue.install(s), de.install(s), he.install(s), ge.install(s);
+const Yt = {
+  install(c) {
+    ae.install(c), re.install(c), ue.install(c), de.install(c), he.install(c);
   }
 };
 export {
-  ge as Button,
-  re as Click,
-  he as Rotate,
-  ue as Slide,
-  de as SlideRegion,
-  Ft as default
+  he as Button,
+  ae as Click,
+  de as Rotate,
+  re as Slide,
+  ue as SlideRegion,
+  Yt as default
 };