go-captcha-vue 2.0.0 → 2.0.2

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

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