go-captcha-vue 2.0.1 → 2.0.3

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 re, 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 de, renderList as he, onMounted as ne, nextTick as ce, toRefs as ve, createBlock as q, createCommentVNode as ge } from "vue";
-const le = () => ({
+import { defineComponent as U, openBlock as z, createElementBlock as Y, mergeProps as oe, createElementVNode as o, reactive as B, toRaw as I, watch as F, computed as x, withDirectives as K, normalizeClass as se, normalizeStyle as D, toDisplayString as ie, vShow as Q, createVNode as A, unref as v, Fragment as De, renderList as $e, ref as ee, onMounted as pe, nextTick as _e, toRefs as ze, createBlock as ae, createCommentVNode as Ce } from "vue";
+const we = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -8,32 +8,34 @@ const le = () => ({
   horizontalPadding: 12,
   showTheme: !0,
   title: "请在下图依次点击",
-  buttonText: "确认"
-}), fe = /* @__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
+  buttonText: "确认",
+  iconSize: 22,
+  dotSize: 24
+}), Se = /* @__PURE__ */ o("path", { d: `M100.1,189.9C100.1,189.9,100,189.9,100.1,189.9c-49.7,0-90-40.4-90-89.9c0-49.6,40.4-89.9,89.9-89.9
 		c49.6,0,89.9,40.4,89.9,89.9c0,18.2-5.4,35.7-15.6,50.7c-1.5,2.1-3.6,3.4-6.1,3.9c-2.5,0.4-5-0.1-7-1.6c-4.2-3-5.3-8.6-2.4-12.9
 		c8.1-11.9,12.4-25.7,12.4-40.1c0-39.2-31.9-71.1-71.1-71.1c-39.2,0-71.1,31.9-71.1,71.1c0,39.2,31.9,71.1,71.1,71.1
 		c7.7,0,15.3-1.2,22.6-3.6c2.4-0.8,4.9-0.6,7.2,0.5c2.2,1.1,3.9,3.1,4.7,5.5c1.6,4.9-1,10.2-5.9,11.9
 		C119.3,188.4,109.8,189.9,100.1,189.9z M73,136.4C73,136.4,73,136.4,73,136.4c-2.5,0-4.9-1-6.7-2.8c-3.7-3.7-3.7-9.6,0-13.3
 		L86.7,100L66.4,79.7c-3.7-3.7-3.7-9.6,0-13.3c3.7-3.7,9.6-3.7,13.3,0L100,86.7l20.3-20.3c1.8-1.8,4.1-2.8,6.7-2.8c0,0,0,0,0,0
 		c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.1,2.8,6.7c0,2.5-1,4.9-2.8,6.7L113.3,100l20.3,20.3c3.7,3.7,3.7,9.6,0,13.3
-		c-3.7,3.7-9.6,3.7-13.3,0L100,113.3l-20.3,20.3C77.9,135.4,75.5,136.4,73,136.4z` }, null, -1), pe = [
-  fe
-], 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), Be = [
+  Se
+], ge = /* @__PURE__ */ U({
   __name: "close-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), pe, 16));
+    }, i.$attrs, { onClick: r }), Be, 16));
   }
-}), me = /* @__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
+}), Te = /* @__PURE__ */ o("path", { d: `M135,149.9c-10.7,7.6-23.2,11.4-36,11.2c-1.7,0-3.4-0.1-5-0.3c-0.7-0.1-1.4-0.2-2-0.3c-1.3-0.2-2.6-0.4-3.9-0.6
 	c-0.8-0.2-1.6-0.4-2.3-0.5c-1.2-0.3-2.5-0.6-3.7-1c-0.6-0.2-1.2-0.4-1.7-0.6c-1.4-0.5-2.8-1-4.2-1.5c-0.3-0.1-0.6-0.3-0.9-0.4
 	c-1.6-0.7-3.2-1.4-4.7-2.3c-0.1,0-0.1-0.1-0.2-0.1c-5.1-2.9-9.8-6.4-14-10.6c-0.1-0.1-0.1-0.1-0.2-0.2c-1.3-1.3-2.5-2.7-3.7-4.1
 	c-0.2-0.3-0.5-0.6-0.7-0.9c-8.4-10.6-13.5-24.1-13.5-38.8h14.3c0.4,0,0.7-0.2,0.9-0.5c0.2-0.3,0.2-0.8,0-1.1L29.5,60.9
@@ -50,29 +52,29 @@ const le = () => ({
 	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), _e = [
-  me
-], R = /* @__PURE__ */ M({
+	L180.6,98.9z` }, null, -1), Pe = [
+  Te
+], fe = /* @__PURE__ */ U({
   __name: "refresh-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), _e, 16));
+    }, i.$attrs, { onClick: r }), Pe, 16));
   }
-}), we = /* @__PURE__ */ c("circle", {
+}), Xe = /* @__PURE__ */ o("circle", {
   cx: "50",
   cy: "36.8101",
   r: "10"
 }, [
-  /* @__PURE__ */ c("animate", {
+  /* @__PURE__ */ o("animate", {
     attributeName: "cy",
     dur: "1s",
     repeatCount: "indefinite",
@@ -81,164 +83,190 @@ const le = () => ({
     keyTimes: "0;0.5;1",
     values: "23;77;23"
   })
-], -1), be = [
-  we
-], ee = /* @__PURE__ */ M({
+], -1), We = [
+  Xe
+], ve = /* @__PURE__ */ U({
   __name: "loading-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid",
       width: "84",
       height: "84"
-    }, e.$attrs, { onClick: s }), be, 16));
+    }, i.$attrs, { onClick: r }), We, 16));
   }
 });
-function xe(l) {
-  let t = 0, n = 0;
-  if (l.getBoundingClientRect) {
-    const s = l.getBoundingClientRect(), e = document.documentElement;
-    t = s.left + Math.max(e.scrollLeft, document.body.scrollLeft) - e.clientLeft, n = s.top + Math.max(e.scrollTop, document.body.scrollTop) - e.clientTop;
+function Me(n) {
+  let t = 0, a = 0;
+  if (n.getBoundingClientRect) {
+    const r = n.getBoundingClientRect(), i = document.documentElement;
+    t = r.left + Math.max(i.scrollLeft, document.body.scrollLeft) - i.clientLeft, a = r.top + Math.max(i.scrollTop, document.body.scrollTop) - i.clientTop;
   } else
-    for (; l !== document.body; )
-      t += l.offsetLeft, n += l.offsetTop, l = l.offsetParent;
+    for (; n !== document.body; )
+      t += n.offsetLeft, a += n.offsetTop, n = n.offsetParent;
   return {
     domX: t,
-    domY: n
+    domY: a
   };
 }
-function se(l, t) {
-  let n = t.relatedTarget;
+function be(n, t) {
+  let a = t.relatedTarget;
   try {
-    for (; n && n !== l; )
-      n = n.parentNode;
-  } catch (s) {
-    console.warn(s);
+    for (; a && a !== n; )
+      a = a.parentNode;
+  } catch (r) {
+    console.warn(r);
   }
-  return n !== l;
+  return a !== n;
 }
-function Ee(l, t) {
-  const n = U({ list: [] });
+function Fe(n, t, a) {
+  const r = B({ list: [] }), i = (s) => {
+    const p = s.currentTarget, b = Me(p), l = s.pageX || s.clientX, _ = s.pageY || s.clientY, g = b.domX, S = b.domY, L = l - g, h = _ - S, f = parseInt(L.toString()), w = parseInt(h.toString()), T = /* @__PURE__ */ new Date(), q = r.list.length;
+    return r.list.push({ key: T.getTime(), index: q + 1, x: f, y: w }), t.click && t.click(f, w), s.cancelBubble = !0, s.preventDefault(), !1;
+  }, m = (s) => (t.confirm && t.confirm(I(r.list), () => {
+    y();
+  }), s.cancelBubble = !0, s.preventDefault(), !1), c = (s) => (e(), s.cancelBubble = !0, s.preventDefault(), !1), u = (s) => (d(), s.cancelBubble = !0, s.preventDefault(), !1), e = () => {
+    t.close && t.close(), y();
+  }, d = () => {
+    t.refresh && t.refresh(), y();
+  }, y = () => {
+    r.list = [];
+  };
   return {
-    dots: n,
-    clickEvent: (o) => {
-      const E = o.currentTarget, u = xe(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 = n.list.length, y = n.list;
-      return y.push({ key: $.getTime(), index: S + 1, x: f, y: k }), n.list = y, t.click && t.click(f, k), o.cancelBubble = !0, o.preventDefault(), !1;
+    dots: r,
+    clickEvent: i,
+    confirmEvent: m,
+    closeEvent: c,
+    refreshEvent: u,
+    resetData: y,
+    clearData: () => {
+      y(), a && a();
     },
-    confirmEvent: (o) => (t.confirm && t.confirm(re(n.list), () => {
-      n.list = [];
-    }), o.cancelBubble = !0, o.preventDefault(), !1),
-    closeEvent: (o) => (t.close && t.close(), n.list = [], o.cancelBubble = !0, o.preventDefault(), !1),
-    refreshEvent: (o) => (t.refresh && t.refresh(), n.list = [], o.cancelBubble = !0, o.preventDefault(), !1)
+    refresh: d,
+    close: e
   };
 }
-const ke = { class: "gc-header" }, ye = ["src"], Le = { class: "gc-loading" }, $e = ["src"], Ce = { class: "gc-dots" }, Te = { class: "gc-footer" }, Pe = { class: "gc-icon-block gc-icon-block2" }, ze = { class: "gc-button-block" }, G = /* @__PURE__ */ M({
+const Re = { class: "gc-header" }, Ye = ["src"], He = { class: "gc-loading" }, Oe = ["src"], je = { class: "gc-dots" }, Ae = { class: "gc-footer" }, Ie = { class: "gc-icon-block gc-icon-block2" }, Ve = { class: "gc-button-block" }, le = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: le },
+    config: { default: we },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(l) {
-    const t = l, { data: n, events: s } = t, e = D({
-      ...le(),
-      ...t.config
-    });
-    j(() => t.config, () => {
-      e.value = {
-        ...e.value,
-        ...t.config
+  setup(n, { expose: t }) {
+    const a = n, { data: r, events: i, config: m } = a, c = B({ ...I(r) }), u = B({ ...I(i) }), e = B({ ...we(), ...I(m) });
+    F(() => a.data, (l, _) => {
+      Object.assign(c, l);
+    }, { deep: !0 }), F(() => a.events, (l, _) => {
+      Object.assign(u, l);
+    }, { deep: !0 }), F(() => a.config, (l, _) => {
+      Object.assign(e, l);
+    }, { deep: !0 });
+    const d = Fe(c, u, () => {
+      c.thumb = "", c.image = "";
+    }), y = x(() => {
+      const l = 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: _ + "px",
+        paddingBottom: _ + "px"
       };
-    });
-    const a = Ee(n, s), d = e.value.horizontalPadding || 0, o = e.value.verticalPadding || 0, E = (e.value.width || 0) + d * 2 + (e.value.showTheme ? 2 : 0), u = a.dots, g = z(() => ({
-      width: E + "px",
-      paddingLeft: d + "px",
-      paddingRight: d + "px",
-      paddingTop: o + "px",
-      paddingBottom: o + "px"
-    })), r = z(() => ({
-      width: e.value.thumbWidth + "px",
-      height: e.value.thumbHeight + "px"
-    })), h = z(() => ({
-      width: e.value.width + "px",
-      height: e.value.height + "px"
-    }));
-    return (_, w) => (b(), C("div", {
-      class: I(`go-captcha gc-wrapper ${e.value.showTheme ? "gc-theme" : ""}`),
-      style: m(g.value)
+    }), E = x(() => ({
+      width: e.thumbWidth + "px",
+      height: e.thumbHeight + "px"
+    })), s = x(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), p = x(() => c.image != "" || c.thumb != ""), b = x(() => (e.width || 0) > 0 || (e.height || 0) > 0);
+    return t({
+      reset: d.resetData,
+      clear: d.clearData,
+      refresh: d.refresh,
+      close: d.close
+    }), (l, _) => K((z(), Y("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(y.value)
     }, [
-      c("div", ke, [
-        c("span", null, V(e.value.title), 1),
-        H(c("img", {
-          style: m(r.value),
-          src: i(n).thumb,
-          alt: "..."
-        }, null, 12, ye), [
-          [F, i(n).thumb !== ""]
+      o("div", Re, [
+        o("span", null, ie(e.title), 1),
+        K(o("img", {
+          style: D(E.value),
+          src: c.thumb,
+          alt: ""
+        }, null, 12, Ye), [
+          [Q, p.value]
         ])
       ]),
-      c("div", {
+      o("div", {
         class: "gc-body",
-        style: m(h.value)
+        style: D(s.value)
       }, [
-        c("div", Le, [
-          P(ee)
+        o("div", He, [
+          A(ve)
         ]),
-        H(c("img", {
-          style: m(h.value),
+        K(o("img", {
+          style: D(s.value),
           class: "gc-picture",
-          src: i(n).image,
-          alt: "...",
-          onClick: w[0] || (w[0] = //@ts-ignore
-          (...v) => i(a).clickEvent && i(a).clickEvent(...v))
-        }, null, 12, $e), [
-          [F, i(n).image !== ""]
+          src: c.image,
+          onClick: _[0] || (_[0] = //@ts-ignore
+          (...g) => v(d).clickEvent && v(d).clickEvent(...g)),
+          alt: ""
+        }, null, 12, Oe), [
+          [Q, p.value]
         ]),
-        c("div", Ce, [
-          (b(!0), C(de, null, he(i(u).list, (v) => (b(), C("div", {
+        o("div", je, [
+          (z(!0), Y(De, null, $e(v(d).dots.list, (g) => (z(), Y("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: D({
+              width: e.dotSize + "px",
+              height: e.dotSize + "px",
+              borderRadius: e.dotSize + "px",
+              top: g.y - (e.dotSize || 1) / 2 - 1 + "px",
+              left: g.x - (e.dotSize || 1) / 2 - 1 + "px"
             })
-          }, V(v.index), 5))), 128))
+          }, ie(g.index), 5))), 128))
         ])
       ], 4),
-      c("div", Te, [
-        c("div", Pe, [
-          P(Z, {
-            width: 22,
-            height: 22,
-            onClick: i(a).closeEvent
-          }, null, 8, ["onClick"]),
-          P(R, {
-            width: 22,
-            height: 22,
-            onClick: i(a).refreshEvent
-          }, null, 8, ["onClick"])
+      o("div", Ae, [
+        o("div", Ie, [
+          A(ge, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(d).closeEvent
+          }, null, 8, ["width", "height", "onClick"]),
+          A(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(d).refreshEvent
+          }, null, 8, ["width", "height", "onClick"])
         ]),
-        c("div", ze, [
-          c("button", {
-            onClick: w[1] || (w[1] = //@ts-ignore
-            (...v) => i(a).confirmEvent && i(a).confirmEvent(...v))
-          }, V(e.value.buttonText), 1)
+        o("div", Ve, [
+          o("button", {
+            class: se(!p.value && "disabled"),
+            onClick: _[1] || (_[1] = //@ts-ignore
+            (...g) => v(d).confirmEvent && v(d).confirmEvent(...g))
+          }, ie(e.buttonText), 3)
         ])
       ])
-    ], 6));
+    ], 6)), [
+      [Q, b.value]
+    ]);
   }
 });
-G.name = "gocaptcha-click";
-G.install = function(l) {
-  l.component("gocaptcha-click", G);
+le.name = "gocaptcha-click";
+le.install = function(n) {
+  n.component("gocaptcha-click", le);
 };
-const oe = () => ({
+const xe = () => ({
   width: 300,
   height: 220,
   thumbWidth: 150,
@@ -246,632 +274,792 @@ const oe = () => ({
   verticalPadding: 16,
   horizontalPadding: 12,
   showTheme: !0,
-  title: "请拖动滑块完成拼图"
-}), Xe = /* @__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
+  title: "请拖动滑块完成拼图",
+  iconSize: 22,
+  scope: !0
+}), Ne = /* @__PURE__ */ o("path", { d: `M131.6,116.3c0,0-75.6,0-109.7,0c-9.1,0-16.2-7.4-16.2-16.2c0-9.1,7.4-16.2,16.2-16.2c28.7,0,109.7,0,109.7,0
 	s-5.4-5.4-30.4-30.7c-6.4-6.4-6.4-16.7,0-23.1s16.7-6.4,23.1,0l58.4,58.4c6.4,6.4,6.4,16.7,0,23.1c0,0-32.9,32.9-57.9,57.9
-	c-6.4,6.4-16.7,6.4-23.1,0c-6.4-6.4-6.4-16.7,0-23.1C121.8,126.2,131.6,116.3,131.6,116.3z` }, null, -1), De = [
-  Xe
-], ue = /* @__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), Ue = [
+  Ne
+], ye = /* @__PURE__ */ U({
   __name: "arrows-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), De, 16));
+    }, i.$attrs, { onClick: r }), Ue, 16));
   }
+}), qe = () => ({
+  thumbX: 0,
+  thumbY: 0,
+  thumbWidth: 0,
+  thumbHeight: 0,
+  image: "",
+  thumb: ""
 });
-function Me(l, t, n, s, e, a) {
-  const d = U({ dragLeft: 0, thumbLeft: l.thumbX || 0 }), o = () => {
-    d.dragLeft = 0, d.thumbLeft = 0;
+function Ge(n, t, a, r, i, m, c, u, e) {
+  const d = B({ dragLeft: 0, thumbLeft: n.thumbX || 0, isFreeze: !1 });
+  F(() => n, (g, S) => {
+    d.isFreeze || (d.thumbLeft = g.thumbX || 0);
+  }, { deep: !0 });
+  const y = (g) => {
+    const S = g.touches && g.touches[0], L = c.value.offsetLeft, h = i.value.offsetWidth, f = c.value.offsetWidth, w = h - f, T = m.value.offsetWidth, q = m.value.offsetLeft, te = h - T, G = (h - (T + q)) / w;
+    let V = !1, P = null, Z = 0, H = 0;
+    S ? Z = S.pageX - L : Z = g.clientX - L;
+    const R = (W) => {
+      V = !0;
+      const J = W.touches && W.touches[0];
+      let M = 0;
+      J ? M = J.pageX - Z : M = W.clientX - Z;
+      let ke = q + M * G;
+      if (M >= w) {
+        d.dragLeft = w, d.thumbLeft = H = te;
+        return;
+      }
+      if (M <= 0) {
+        d.dragLeft = 0, d.thumbLeft = H = q;
+        return;
+      }
+      d.dragLeft = M, d.thumbLeft = H = ke, t.move && t.move(H, n.thumbY || 0), W.cancelBubble = !0, W.preventDefault();
+    }, N = (W) => {
+      be(u.value, W) && V && (X(), !(H < 0) && (V = !1, t.confirm && t.confirm({ x: parseInt(H.toString()), y: n.thumbY || 0 }, () => {
+        l();
+      }), W.cancelBubble = !0, W.preventDefault()));
+    }, O = (W) => {
+      P = W;
+    }, j = () => {
+      P = null;
+    }, ce = (W) => {
+      P && (N(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", N, !1), $.removeEventListener("mouseenter", j, !1), $.removeEventListener("mouseleave", O, !1), $.removeEventListener("touchend", N, !1), C.removeEventListener("mouseleave", N, !1), C.removeEventListener("mouseup", ce, !1), d.isFreeze = !1;
+    };
+    d.isFreeze = !0, C.addEventListener("mousemove", R, !1), C.addEventListener("touchmove", R, { passive: !1 }), $.addEventListener("mouseup", N, !1), $.addEventListener("mouseenter", j, !1), $.addEventListener("mouseleave", O, !1), $.addEventListener("touchend", N, !1), C.addEventListener("mouseleave", N, !1), C.addEventListener("mouseup", ce, !1);
+  }, E = (g) => (p(), g.cancelBubble = !0, g.preventDefault(), !1), s = (g) => (b(), g.cancelBubble = !0, g.preventDefault(), !1), p = () => {
+    t && t.close && t.close(), l();
+  }, b = () => {
+    t && t.refresh && t.refresh(), l();
+  }, l = () => {
+    d.dragLeft = 0, d.thumbLeft = n.thumbX || 0;
   };
   return {
     state: d,
-    dragEvent: (r) => {
-      const h = r.touches && r.touches[0], _ = e.value.offsetLeft, w = n.value.offsetWidth, v = e.value.offsetWidth, f = w - v, k = l.thumbX || 0, $ = s.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;
-          return;
-        }
-        if (L <= 0) {
-          d.dragLeft = 0;
-          return;
-        }
-        d.dragLeft = L, T = k + L * y, d.thumbLeft = T, t.move && t.move(T, l.thumbY || 0), p.cancelBubble = !0, p.preventDefault();
-      }, X = (p) => {
-        se(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, t.confirm && t.confirm({ x: parseInt(T.toString()), y: l.thumbY || 0 }, () => {
-          o();
-        }), p.cancelBubble = !0, p.preventDefault());
-      };
-      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);
+    dragEvent: y,
+    closeEvent: E,
+    refreshEvent: s,
+    resetData: l,
+    clearData: () => {
+      e && e(), l();
     },
-    closeEvent: (r) => (t && t.close && t.close(), o(), r.cancelBubble = !0, r.preventDefault(), !1),
-    refreshEvent: (r) => (t && t.refresh && t.refresh(), o(), r.cancelBubble = !0, r.preventDefault(), !1)
+    refresh: b,
+    close: p
   };
 }
-const Se = { class: "gc-header" }, Be = { class: "gc-icon-block" }, We = { class: "gc-loading" }, Ye = ["src"], He = ["src"], Fe = { class: "gc-footer" }, Ae = /* @__PURE__ */ c("div", { class: "gc-drag-line" }, null, -1), J = /* @__PURE__ */ M({
+const Je = { class: "gc-header" }, Ke = { class: "gc-icon-block" }, Qe = { class: "gc-loading" }, Ze = ["src"], et = ["src"], tt = { class: "gc-footer" }, nt = /* @__PURE__ */ o("div", { class: "gc-drag-line" }, null, -1), re = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: oe },
+    config: { default: xe },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(l) {
-    const t = l, { data: n, events: s } = t, e = D({
-      ...oe(),
-      ...t.config
-    });
-    j(() => t.config, () => {
-      e.value = {
-        ...e.value,
-        ...t.config
+  setup(n, { expose: t }) {
+    const a = n, { data: r, events: i, config: m } = a, c = B({ ...qe(), ...I(r) }), u = B({ ...I(i) }), e = B({ ...xe(), ...I(m) });
+    F(() => a.data, (f, w) => {
+      Object.assign(c, f);
+    }, { deep: !0 }), F(() => a.events, (f, w) => {
+      Object.assign(u, f);
+    }, { deep: !0 }), F(() => a.config, (f, w) => {
+      Object.assign(e, f);
+    }, { deep: !0 });
+    const d = ee(null), y = ee(null), E = ee(null), s = ee(null), p = ee(null), b = Ge(
+      c,
+      u,
+      e,
+      d,
+      E,
+      p,
+      s,
+      y,
+      () => {
+        c.thumb = "", c.image = "", c.thumbX = 0, c.thumbY = 0, c.thumbWidth = 0, c.thumbHeight = 0;
+      }
+    ), l = x(() => {
+      const f = e.horizontalPadding || 0, w = e.verticalPadding || 0;
+      return {
+        width: (e.width || 0) + f * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: f + "px",
+        paddingRight: f + "px",
+        paddingTop: w + "px",
+        paddingBottom: w + "px"
       };
-    });
-    const a = D(null), d = D(null), o = D(null), E = D(null), u = Me(n, s, d, E, o, a), g = e.value.horizontalPadding || 0, r = e.value.verticalPadding || 0, h = (e.value.width || 0) + g * 2 + (e.value.showTheme ? 2 : 0), _ = z(() => ({
-      width: h + "px",
-      paddingLeft: g + "px",
-      paddingRight: g + "px",
-      paddingTop: r + "px",
-      paddingBottom: r + "px"
-    })), w = z(() => ({
-      width: n.thumbWidth + "px",
-      height: n.thumbHeight + "px",
-      top: n.thumbY + "px",
-      left: u.state.thumbLeft + "px"
-    })), v = z(() => ({
-      width: e.value.width + "px",
-      height: e.value.height + "px"
-    }));
-    return ne(async () => {
-      await ce(), o.value && o.value.addEventListener("dragstart", (f) => f.preventDefault());
-    }), (f, k) => (b(), C("div", {
-      class: I(`go-captcha gc-wrapper ${e.value.showTheme ? "gc-theme" : ""}`),
-      style: m(_.value)
+    }), _ = x(() => ({
+      width: c.thumbWidth + "px",
+      height: c.thumbHeight + "px",
+      top: c.thumbY + "px",
+      left: b.state.thumbLeft + "px"
+    })), g = x(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), S = x(() => c.image != ""), L = x(() => c.thumb != ""), h = x(() => (e.width || 0) > 0 || (e.height || 0) > 0);
+    return pe(async () => {
+      await _e(), s.value && s.value.addEventListener("dragstart", (f) => f.preventDefault());
+    }), t({
+      reset: b.resetData,
+      clear: b.clearData,
+      refresh: b.refresh,
+      close: b.close
+    }), (f, w) => K((z(), Y("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(l.value),
+      ref_key: "rootRef",
+      ref: d
     }, [
-      c("div", Se, [
-        c("span", null, V(e.value.title), 1),
-        c("div", Be, [
-          P(Z, {
-            width: 22,
-            height: 22,
-            onClick: i(u).closeEvent
-          }, null, 8, ["onClick"]),
-          P(R, {
-            width: 22,
-            height: 22,
-            onClick: i(u).refreshEvent
-          }, null, 8, ["onClick"])
+      o("div", Je, [
+        o("span", null, ie(e.title), 1),
+        o("div", Ke, [
+          A(ge, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(b).closeEvent
+          }, null, 8, ["width", "height", "onClick"]),
+          A(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(b).refreshEvent
+          }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      c("div", {
+      o("div", {
         class: "gc-body",
         ref_key: "containerRef",
-        ref: d,
-        style: m(v.value)
+        ref: E,
+        style: D(g.value)
       }, [
-        c("div", We, [
-          P(ee)
+        o("div", Qe, [
+          A(ve)
         ]),
-        H(c("img", {
+        K(o("img", {
           class: "gc-picture",
-          style: m(v.value),
-          src: i(n).image,
-          alt: "..."
-        }, null, 12, Ye), [
-          [F, i(n).image !== ""]
+          style: D(g.value),
+          src: c.image,
+          alt: ""
+        }, null, 12, Ze), [
+          [Q, S.value]
         ]),
-        c("div", {
+        o("div", {
           class: "gc-tile",
           ref_key: "tileRef",
-          ref: E,
-          style: m(w.value)
+          ref: p,
+          style: D(_.value)
         }, [
-          H(c("img", {
-            src: i(n).thumb,
-            alt: "..."
-          }, null, 8, He), [
-            [F, i(n).thumb !== ""]
+          K(o("img", {
+            src: c.thumb,
+            alt: ""
+          }, null, 8, et), [
+            [Q, L.value]
           ])
         ], 4)
       ], 4),
-      c("div", Fe, [
-        c("div", {
+      o("div", tt, [
+        o("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: y
         }, [
-          Ae,
-          c("div", {
-            class: "gc-drag-block",
+          nt,
+          o("div", {
+            class: se(["gc-drag-block", !S.value && "disabled"]),
             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" })
+            ref: s,
+            onMousedown: w[1] || (w[1] = //@ts-ignore
+            (...T) => v(b).dragEvent && v(b).dragEvent(...T)),
+            style: D({ left: v(b).state.dragLeft + "px" })
           }, [
-            P(ue)
-          ], 36)
-        ], 544)
+            o("div", {
+              class: "gc-drag-block-inline",
+              onTouchstart: w[0] || (w[0] = //@ts-ignore
+              (...T) => v(b).dragEvent && v(b).dragEvent(...T))
+            }, [
+              A(ye)
+            ], 32)
+          ], 38)
+        ], 512)
       ])
-    ], 6));
+    ], 6)), [
+      [Q, h.value]
+    ]);
   }
 });
-J.name = "gocaptcha-slide";
-J.install = function(l) {
-  l.component("gocaptcha-slide", J);
+re.name = "gocaptcha-slide";
+re.install = function(n) {
+  n.component("gocaptcha-slide", re);
 };
-const ie = () => ({
+const Ee = () => ({
   width: 300,
   height: 220,
   verticalPadding: 16,
   horizontalPadding: 12,
   showTheme: !0,
-  title: "请拖拽贴图完成拼图"
+  title: "请拖拽贴图完成拼图",
+  iconSize: 22,
+  scope: !0
+}), st = () => ({
+  thumbX: 0,
+  thumbY: 0,
+  thumbWidth: 0,
+  thumbHeight: 0,
+  image: "",
+  thumb: ""
 });
-function Ve(l, t, n, s) {
-  const e = U({ x: l.thumbX || 0, y: l.thumbY || 0 }), a = () => {
-    e.x = l.thumbX || 0, e.y = l.thumbY || 0;
+function ct(n, t, a, r, i, m, c) {
+  const u = B({ x: n.thumbX || 0, y: n.thumbY || 0, isFreeze: !1 });
+  F(() => n, (l, _) => {
+    u.isFreeze || (u.x = l.thumbX || 0, u.y = l.thumbY || 0);
+  }, { deep: !0 });
+  const e = (l) => {
+    const _ = l.touches && l.touches[0], g = m.value.offsetLeft, S = m.value.offsetTop, L = i.value.offsetWidth, h = i.value.offsetHeight, f = m.value.offsetWidth, w = m.value.offsetHeight, T = L - f, q = h - w;
+    let te = !1, ne = null, G = 0, V = 0, P = 0, Z = 0;
+    _ ? (G = _.pageX - g, V = _.pageY - S) : (G = l.clientX - g, V = l.clientY - S);
+    const H = (X) => {
+      te = !0;
+      const W = X.touches && X.touches[0];
+      let J = 0, M = 0;
+      W ? (J = W.pageX - G, M = W.pageY - V) : (J = X.clientX - G, M = X.clientY - V), J <= 0 && (J = 0), M <= 0 && (M = 0), J >= T && (J = T), M >= q && (M = q), u.x = J, u.y = M, P = J, Z = M, t.move && t.move(J, M), X.cancelBubble = !0, X.preventDefault();
+    }, R = (X) => {
+      be(i.value, X) && te && (te = !1, C(), !(P < 0 || Z < 0) && (t.confirm && t.confirm({ x: P, y: Z }, () => {
+        p();
+      }), X.cancelBubble = !0, X.preventDefault()));
+    }, N = (X) => {
+      ne = X;
+    }, O = () => {
+      ne = null;
+    }, j = (X) => {
+      ne && (R(ne), C());
+    }, ce = a.scope, k = ce ? r.value : i.value, $ = ce ? r.value : document.body, C = () => {
+      $.removeEventListener("mousemove", H, !1), $.removeEventListener("touchmove", H, { passive: !1 }), k.removeEventListener("mouseup", R, !1), k.removeEventListener("mouseenter", O, !1), k.removeEventListener("mouseleave", N, !1), k.removeEventListener("touchend", R, !1), $.removeEventListener("mouseleave", R, !1), $.removeEventListener("mouseup", j, !1), u.isFreeze = !1;
+    };
+    u.isFreeze = !0, $.addEventListener("mousemove", H, !1), $.addEventListener("touchmove", H, { passive: !1 }), k.addEventListener("mouseup", R, !1), k.addEventListener("mouseenter", O, !1), k.addEventListener("mouseleave", N, !1), k.addEventListener("touchend", R, !1), $.addEventListener("mouseleave", R, !1), $.addEventListener("mouseup", j, !1);
+  }, d = (l) => (E(), l.cancelBubble = !0, l.preventDefault(), !1), y = (l) => (s(), l.cancelBubble = !0, l.preventDefault(), !1), E = () => {
+    t && t.close && t.close(), p();
+  }, s = () => {
+    t && t.refresh && t.refresh(), p();
+  }, p = () => {
+    u.x = n.thumbX || 0, u.y = n.thumbY || 0;
   };
   return {
-    state: e,
-    dragEvent: (u) => {
-      const g = u.touches && u.touches[0], r = s.value.offsetLeft, h = s.value.offsetTop, _ = n.value.offsetWidth, w = n.value.offsetHeight, v = s.value.offsetWidth, f = s.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 = $), e.x = L, e.y = Y, B = L, T = Y, t.move && t.move(L, Y), p.cancelBubble = !0, p.preventDefault();
-      }, X = (p) => {
-        se(n.value, p) && S && (S = !1, n.value.removeEventListener("mousemove", W, !1), n.value.removeEventListener("touchmove", W, { passive: !1 }), n.value.removeEventListener("mouseup", X, !1), n.value.removeEventListener("mouseout", X, !1), n.value.removeEventListener("touchend", X, !1), t.confirm && t.confirm({ x: B, y: T }, () => {
-          a();
-        }), p.cancelBubble = !0, p.preventDefault());
-      };
-      n.value.addEventListener("mousemove", W, !1), n.value.addEventListener("touchmove", W, { passive: !1 }), n.value.addEventListener("mouseup", X, !1), n.value.addEventListener("mouseout", X, !1), n.value.addEventListener("touchend", X, !1);
+    state: u,
+    dragEvent: e,
+    closeEvent: d,
+    refreshEvent: y,
+    resetData: p,
+    clearData: () => {
+      c && c(), p();
     },
-    closeEvent: (u) => (t && t.close && t.close(), a(), u.cancelBubble = !0, u.preventDefault(), !1),
-    refreshEvent: (u) => (t && t.refresh && t.refresh(), a(), u.cancelBubble = !0, u.preventDefault(), !1)
+    refresh: s,
+    close: E
   };
 }
-const Ne = { class: "gc-header gc-header2" }, Ie = { class: "gc-loading" }, je = ["src"], qe = ["src"], Ge = { class: "gc-footer" }, Je = { class: "gc-icon-block" }, K = /* @__PURE__ */ M({
+const ot = { class: "gc-header gc-header2" }, it = { class: "gc-loading" }, at = ["src"], lt = ["src"], rt = { class: "gc-footer" }, ut = { class: "gc-icon-block" }, ue = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: ie },
+    config: { default: Ee },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(l) {
-    const t = l, { data: n, events: s } = t, e = D({
-      ...ie(),
-      ...t.config
-    });
-    j(() => t.config, () => {
-      e.value = {
-        ...e.value,
-        ...t.config
+  setup(n, { expose: t }) {
+    const a = n, { data: r, events: i, config: m } = a, c = B({ ...st(), ...I(r) }), u = B({ ...I(i) }), e = B({ ...Ee(), ...I(m) });
+    F(() => a.data, (L, h) => {
+      Object.assign(c, L);
+    }, { deep: !0 }), F(() => a.events, (L, h) => {
+      Object.assign(u, L);
+    }, { deep: !0 }), F(() => a.config, (L, h) => {
+      Object.assign(e, L);
+    }, { deep: !0 });
+    const d = ee(null), y = ee(null), E = ee(null), s = ct(
+      c,
+      u,
+      e,
+      d,
+      y,
+      E,
+      () => {
+        c.thumb = "", c.image = "", c.thumbX = 0, c.thumbY = 0, c.thumbWidth = 0, c.thumbHeight = 0;
+      }
+    ), p = x(() => {
+      const L = e.horizontalPadding || 0, h = e.verticalPadding || 0;
+      return {
+        width: (e.width || 0) + L * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: L + "px",
+        paddingRight: L + "px",
+        paddingTop: h + "px",
+        paddingBottom: h + "px"
       };
-    });
-    const a = D(null), d = D(null), o = Ve(n, s, a, d), E = e.value.horizontalPadding || 0, u = e.value.verticalPadding || 0;
-    let g = (e.value.width || 0) + E * 2 + (e.value.showTheme ? 2 : 0);
-    const r = z(() => ({
-      width: g + "px",
-      paddingLeft: E + "px",
-      paddingRight: E + "px",
-      paddingTop: u + "px",
-      paddingBottom: u + "px"
-    })), h = z(() => ({
-      width: n.thumbWidth + "px",
-      height: n.thumbHeight + "px",
-      top: o.state.y + "px",
-      left: o.state.x + "px"
-    })), _ = z(() => ({
-      width: e.value.width + "px",
-      height: e.value.height + "px"
-    }));
-    return ne(async () => {
-      await ce(), d.value && d.value.addEventListener("dragstart", (w) => w.preventDefault());
-    }), (w, v) => (b(), C("div", {
-      class: I(`go-captcha gc-wrapper ${e.value.showTheme ? "gc-theme" : ""}`),
-      style: m(r.value)
+    }), b = x(() => ({
+      width: c.thumbWidth + "px",
+      height: c.thumbHeight + "px",
+      top: s.state.y + "px",
+      left: s.state.x + "px"
+    })), l = x(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), _ = x(() => c.image != ""), g = x(() => c.thumb != ""), S = x(() => (e.width || 0) > 0 || (e.height || 0) > 0);
+    return pe(async () => {
+      await _e(), E.value && E.value.addEventListener("dragstart", (L) => L.preventDefault());
+    }), t({
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (L, h) => K((z(), Y("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(p.value),
+      ref_key: "rootRef",
+      ref: d
     }, [
-      c("div", Ne, [
-        c("span", null, V(e.value.title), 1)
+      o("div", ot, [
+        o("span", null, ie(e.title), 1)
       ]),
-      c("div", {
+      o("div", {
         class: "gc-body",
         ref_key: "containerRef",
-        ref: a,
-        style: m(_.value)
+        ref: y,
+        style: D(l.value)
       }, [
-        c("div", Ie, [
-          P(ee)
+        o("div", it, [
+          A(ve)
         ]),
-        H(c("img", {
+        K(o("img", {
           class: "gc-picture",
-          style: m(_.value),
-          src: i(n).image,
-          alt: "..."
-        }, null, 12, je), [
-          [F, i(n).image !== ""]
+          style: D(l.value),
+          src: c.image,
+          alt: ""
+        }, null, 12, at), [
+          [Q, _.value]
         ]),
-        c("div", {
+        o("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))
+          ref: E,
+          style: D(b.value),
+          onMousedown: h[0] || (h[0] = //@ts-ignore
+          (...f) => v(s).dragEvent && v(s).dragEvent(...f)),
+          onTouchstart: h[1] || (h[1] = //@ts-ignore
+          (...f) => v(s).dragEvent && v(s).dragEvent(...f))
         }, [
-          H(c("img", {
-            src: i(n).thumb,
-            alt: "..."
-          }, null, 8, qe), [
-            [F, i(n).thumb !== ""]
+          K(o("img", {
+            src: c.thumb,
+            alt: ""
+          }, null, 8, lt), [
+            [Q, g.value]
           ])
         ], 36)
       ], 4),
-      c("div", Ge, [
-        c("div", Je, [
-          P(Z, {
-            width: 22,
-            height: 22,
-            onClick: i(o).closeEvent
-          }, null, 8, ["onClick"]),
-          P(R, {
-            width: 22,
-            height: 22,
-            onClick: i(o).refreshEvent
-          }, null, 8, ["onClick"])
+      o("div", rt, [
+        o("div", ut, [
+          A(ge, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).closeEvent
+          }, null, 8, ["width", "height", "onClick"]),
+          A(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).refreshEvent
+          }, null, 8, ["width", "height", "onClick"])
         ])
       ])
-    ], 6));
+    ], 6)), [
+      [Q, S.value]
+    ]);
   }
 });
-K.name = "gocaptcha-slide-region";
-K.install = function(l) {
-  l.component("gocaptcha-slide-region", K);
+ue.name = "gocaptcha-slide-region";
+ue.install = function(n) {
+  n.component("gocaptcha-slide-region", ue);
 };
-const te = () => ({
+const me = () => ({
   width: 300,
   height: 220,
   size: 220,
   verticalPadding: 16,
   horizontalPadding: 12,
   showTheme: !0,
-  title: "请拖动滑块完成拼图"
+  title: "请拖动滑块完成拼图",
+  iconSize: 22,
+  scope: !0
+}), dt = () => ({
+  angle: 0,
+  image: "",
+  thumb: ""
 });
-function Ke(l, t, n, s) {
-  const e = U({ dragLeft: 0, thumbAngle: l.angle || 0 }), a = () => {
-    e.dragLeft = 0, e.thumbAngle = 0;
+function ht(n, t, a, r, i, m, c) {
+  const u = B({ dragLeft: 0, thumbAngle: n.angle || 0, isFreeze: !1 });
+  F(() => n, (l, _) => {
+    u.isFreeze || (u.thumbAngle = l.angle || 0);
+  }, { deep: !0 });
+  const e = (l) => {
+    const _ = l.touches && l.touches[0], g = i.value.offsetLeft, S = m.value.offsetWidth, L = i.value.offsetWidth, h = S - L, f = 360, w = (f - n.angle) / h;
+    let T = 0, q = !1, te = null, ne = 0, G = 0;
+    _ ? ne = _.pageX - g : ne = l.clientX - g;
+    const V = (k) => {
+      q = !0;
+      const $ = k.touches && k.touches[0];
+      let C = 0;
+      if ($ ? C = $.pageX - ne : C = k.clientX - ne, T = n.angle + C * w, C >= h) {
+        u.dragLeft = h, u.thumbAngle = G = f;
+        return;
+      }
+      if (C <= 0) {
+        u.dragLeft = 0, u.thumbAngle = G = n.angle;
+        return;
+      }
+      u.dragLeft = C, u.thumbAngle = G = T, t.rotate && t.rotate(T), k.cancelBubble = !0, k.preventDefault();
+    }, P = (k) => {
+      be(m.value, k) && q && (ce(), !(G < 0) && (q = !1, t.confirm && t.confirm(parseInt(G.toString()), () => {
+        p();
+      }), k.cancelBubble = !0, k.preventDefault()));
+    }, Z = (k) => {
+      te = k;
+    }, H = () => {
+      te = null;
+    }, R = (k) => {
+      te && (P(te), ce());
+    }, N = a.scope, O = N ? r.value : m.value, j = N ? r.value : document.body, ce = () => {
+      j.removeEventListener("mousemove", V, !1), j.removeEventListener("touchmove", V, { passive: !1 }), O.removeEventListener("mouseup", P, !1), O.removeEventListener("mouseenter", H, !1), O.removeEventListener("mouseleave", Z, !1), O.removeEventListener("touchend", P, !1), j.removeEventListener("mouseleave", P, !1), j.removeEventListener("mouseup", R, !1), u.isFreeze = !1;
+    };
+    u.isFreeze = !0, j.addEventListener("mousemove", V, !1), j.addEventListener("touchmove", V, { passive: !1 }), O.addEventListener("mouseup", P, !1), O.addEventListener("mouseenter", H, !1), O.addEventListener("mouseleave", Z, !1), O.addEventListener("touchend", P, !1), j.addEventListener("mouseleave", P, !1), j.addEventListener("mouseup", R, !1);
+  }, d = (l) => (E(), l.cancelBubble = !0, l.preventDefault(), !1), y = (l) => (s(), l.cancelBubble = !0, l.preventDefault(), !1), E = () => {
+    t && t.close && t.close(), p();
+  }, s = () => {
+    t && t.refresh && t.refresh(), p();
+  }, p = () => {
+    u.dragLeft = 0, u.thumbAngle = n.angle;
   };
   return {
-    state: e,
-    dragEvent: (u) => {
-      const g = u.touches && u.touches[0], r = n.value.offsetLeft, h = s.value.offsetWidth, _ = n.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) {
-          e.dragLeft = w;
-          return;
-        }
-        if (T <= 0) {
-          e.dragLeft = 0;
-          return;
-        }
-        e.dragLeft = T, f = T * v, e.thumbAngle = f, t.rotate && t.rotate(f), x.cancelBubble = !0, x.preventDefault();
-      }, y = (x) => {
-        se(s.value, x) && k && (s.value.removeEventListener("mousemove", S, !1), s.value.removeEventListener("touchmove", S, { passive: !1 }), s.value.removeEventListener("mouseup", y, !1), s.value.removeEventListener("mouseout", y, !1), s.value.removeEventListener("touchend", y, !1), k = !1, t.confirm && t.confirm(parseInt(f.toString()), () => {
-          a();
-        }), x.cancelBubble = !0, x.preventDefault());
-      };
-      s.value.addEventListener("mousemove", S, !1), s.value.addEventListener("touchmove", S, { passive: !1 }), s.value.addEventListener("mouseup", y, !1), s.value.addEventListener("mouseout", y, !1), s.value.addEventListener("touchend", y, !1);
+    state: u,
+    dragEvent: e,
+    closeEvent: d,
+    refreshEvent: y,
+    resetData: p,
+    clearData: () => {
+      c && c(), p();
     },
-    closeEvent: (u) => (t && t.close && t.close(), a(), u.cancelBubble = !0, u.preventDefault(), !1),
-    refreshEvent: (u) => (t && t.refresh && t.refresh(), a(), u.cancelBubble = !0, u.preventDefault(), !1)
+    refresh: s,
+    close: E
   };
 }
-const Oe = { class: "gc-header" }, Qe = { class: "gc-icon-block" }, Ue = { class: "gc-loading" }, Ze = ["src"], Re = /* @__PURE__ */ c("div", { class: "gc-round" }, null, -1), et = { class: "gc-thumb gc-rotate-thumb" }, tt = ["src"], nt = { class: "gc-footer" }, ct = /* @__PURE__ */ c("div", { class: "gc-drag-line" }, null, -1), O = /* @__PURE__ */ M({
+const gt = { class: "gc-header" }, ft = { class: "gc-icon-block" }, vt = { class: "gc-loading" }, mt = ["src"], pt = /* @__PURE__ */ o("div", { class: "gc-round" }, null, -1), _t = { class: "gc-thumb gc-rotate-thumb" }, bt = ["src"], wt = { class: "gc-footer" }, xt = /* @__PURE__ */ o("div", { class: "gc-drag-line" }, null, -1), de = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: te },
+    config: { default: me },
     events: { default: () => ({}) },
     data: { default: () => ({}) }
   },
-  setup(l) {
-    const t = l, { data: n, events: s } = t, e = D({
-      ...te(),
-      ...t.config
-    });
-    j(() => t.config, () => {
-      e.value = {
-        ...e.value,
-        ...t.config
-      };
-    });
-    const a = D(null), d = D(null), o = Ke(n, s, d, a), E = z(() => {
-      const r = e.value.horizontalPadding || 0, h = e.value.verticalPadding || 0;
+  setup(n, { expose: t }) {
+    const a = n, { data: r, events: i, config: m } = a, c = B({ ...dt(), ...I(r) }), u = B({ ...I(i) }), e = B({ ...me(), ...I(m) });
+    F(() => a.data, (h, f) => {
+      Object.assign(c, h);
+    }, { deep: !0 }), F(() => a.events, (h, f) => {
+      Object.assign(u, h);
+    }, { deep: !0 }), F(() => a.config, (h, f) => {
+      Object.assign(e, h);
+    }, { deep: !0 });
+    const d = ee(null), y = ee(null), E = ee(null), s = ht(
+      c,
+      u,
+      e,
+      d,
+      E,
+      y,
+      () => {
+        c.thumb = "", c.image = "", c.angle = 0;
+      }
+    ), p = x(() => {
+      const h = e.horizontalPadding || 0, f = e.verticalPadding || 0;
       return {
-        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"
+        width: (e.width || 0) + h * 2 + (e.showTheme ? 2 : 0) + "px",
+        paddingLeft: h + "px",
+        paddingRight: h + "px",
+        paddingTop: f + "px",
+        paddingBottom: f + "px"
       };
-    }), u = z(() => ({
-      transform: `rotate(${o.state.thumbAngle}deg)`
-    })), g = z(() => {
-      var h;
-      const r = (((h = e.value) == null ? void 0 : h.size) || 0) > 0 ? e.value.size : te().size;
+    }), b = x(() => ({
+      transform: `rotate(${s.state.thumbAngle}deg)`
+    })), l = x(() => ({
+      width: e.width + "px",
+      height: e.height + "px"
+    })), _ = x(() => {
+      const h = (e.size || 0) > 0 ? e.size : me().size;
       return {
-        width: r + "px",
-        height: r + "px"
+        width: h + "px",
+        height: h + "px"
       };
-    });
-    return ne(async () => {
-      await ce(), d.value && d.value.addEventListener("dragstart", (r) => r.preventDefault());
-    }), (r, h) => (b(), C("div", {
-      class: I(`go-captcha gc-wrapper ${e.value.showTheme ? "gc-theme" : ""}`),
-      style: m(E.value)
+    }), g = x(() => c.image != ""), S = x(() => c.thumb != ""), L = x(() => (e.width || 0) > 0 || (e.height || 0) > 0);
+    return pe(async () => {
+      await _e(), E.value && E.value.addEventListener("dragstart", (h) => h.preventDefault());
+    }), t({
+      reset: s.resetData,
+      clear: s.clearData,
+      refresh: s.refresh,
+      close: s.close
+    }), (h, f) => K((z(), Y("div", {
+      class: se(`go-captcha gc-wrapper ${e.showTheme && "gc-theme"}`),
+      style: D(p.value),
+      ref_key: "rootRef",
+      ref: d
     }, [
-      c("div", Oe, [
-        c("span", null, V(e.value.title), 1),
-        c("div", Qe, [
-          P(Z, {
-            width: 22,
-            height: 22,
-            onClick: i(o).closeEvent
-          }, null, 8, ["onClick"]),
-          P(R, {
-            width: 22,
-            height: 22,
-            onClick: i(o).refreshEvent
-          }, null, 8, ["onClick"])
+      o("div", gt, [
+        o("span", null, ie(e.title), 1),
+        o("div", ft, [
+          A(ge, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).closeEvent
+          }, null, 8, ["width", "height", "onClick"]),
+          A(fe, {
+            width: e.iconSize,
+            height: e.iconSize,
+            onClick: v(s).refreshEvent
+          }, null, 8, ["width", "height", "onClick"])
         ])
       ]),
-      c("div", {
+      o("div", {
         class: "gc-body gc-rotate-body",
         ref: "containerRef",
-        style: m(g.value)
+        style: D(l.value)
       }, [
-        c("div", Ue, [
-          P(ee)
-        ]),
-        c("div", {
-          class: "gc-picture gc-rotate-picture",
-          style: m(g.value)
+        o("div", {
+          class: "gc-body-inner",
+          style: D(_.value)
         }, [
-          H(c("img", {
-            src: i(n).image,
-            alt: "..."
-          }, null, 8, Ze), [
-            [F, i(n).image !== ""]
+          o("div", vt, [
+            A(ve)
           ]),
-          Re
-        ], 4),
-        c("div", et, [
-          c("div", {
-            class: "gc-rotate-thumb-block",
-            style: m(u.value)
+          o("div", {
+            class: "gc-picture gc-rotate-picture",
+            style: D(_.value)
           }, [
-            H(c("img", {
-              src: i(n).thumb,
-              alt: "..."
-            }, null, 8, tt), [
-              [F, i(n).thumb !== ""]
-            ])
-          ], 4)
-        ])
+            K(o("img", {
+              src: c.image,
+              alt: ""
+            }, null, 8, mt), [
+              [Q, g.value]
+            ]),
+            pt
+          ], 4),
+          o("div", _t, [
+            o("div", {
+              class: "gc-rotate-thumb-block",
+              style: D(b.value)
+            }, [
+              K(o("img", {
+                src: c.thumb,
+                alt: ""
+              }, null, 8, bt), [
+                [Q, S.value]
+              ])
+            ], 4)
+          ])
+        ], 4)
       ], 4),
-      c("div", nt, [
-        c("div", {
+      o("div", wt, [
+        o("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: y
         }, [
-          ct,
-          c("div", {
-            class: "gc-drag-block",
+          xt,
+          o("div", {
+            class: se(["gc-drag-block", !g.value && "disabled"]),
             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" })
+            ref: E,
+            onMousedown: f[1] || (f[1] = //@ts-ignore
+            (...w) => v(s).dragEvent && v(s).dragEvent(...w)),
+            style: D({ left: v(s).state.dragLeft + "px" })
           }, [
-            P(ue)
-          ], 36)
-        ], 544)
+            o("div", {
+              class: "gc-drag-block-inline",
+              onTouchstart: f[0] || (f[0] = //@ts-ignore
+              (...w) => v(s).dragEvent && v(s).dragEvent(...w))
+            }, [
+              A(ye)
+            ], 32)
+          ], 38)
+        ], 512)
       ])
-    ], 6));
+    ], 6)), [
+      [Q, L.value]
+    ]);
   }
 });
-O.name = "gocaptcha-rotate";
-O.install = function(l) {
-  l.component("gocaptcha-rotate", O);
+de.name = "gocaptcha-rotate";
+de.install = function(n) {
+  n.component("gocaptcha-rotate", de);
 };
-const st = /* @__PURE__ */ c("circle", {
+const Et = /* @__PURE__ */ o("circle", {
   fill: "#3E7CFF",
   cx: "100",
   cy: "100",
   r: "96.3"
-}, null, -1), lt = /* @__PURE__ */ c("path", {
+}, null, -1), Lt = /* @__PURE__ */ o("path", {
   fill: "#FFFFFF",
   d: `M140.8,64.4l-39.6-11.9h-2.4L59.2,64.4c-1.6,0.8-2.8,2.4-2.8,4v24.1c0,25.3,15.8,45.9,42.3,54.6
 	c0.4,0,0.8,0.4,1.2,0.4c0.4,0,0.8,0,1.2-0.4c26.5-8.7,42.3-28.9,42.3-54.6V68.3C143.5,66.8,142.3,65.2,140.8,64.4z`
-}, null, -1), ot = [
-  st,
-  lt
-], it = /* @__PURE__ */ M({
+}, null, -1), yt = [
+  Et,
+  Lt
+], kt = /* @__PURE__ */ U({
   __name: "btn-default-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), ot, 16));
+    }, i.$attrs, { onClick: r }), yt, 16));
   }
-}), at = /* @__PURE__ */ c("path", {
+}), Dt = /* @__PURE__ */ o("path", {
   fill: "#FFA000",
   d: `M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
 	c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M107.3,109.1
 	c-0.5,5.4-3.9,7.9-7.3,7.9c-2.5,0,0,0,0,0c-3.2-0.6-5.7-2-6.8-7.4l-4.4-50.9c0-5.1,6.2-9.7,11.5-9.7c5.3,0,11,4.7,11,9.9
 	L107.3,109.1z M109.3,133.3c0,5.1-4.2,9.3-9.3,9.3c-5.1,0-9.3-4.2-9.3-9.3c0-5.1,4.2-9.3,9.3-9.3C105.1,124,109.3,128.1,109.3,133.3
 	z`
-}, null, -1), ut = [
-  at
-], rt = /* @__PURE__ */ M({
+}, null, -1), $t = [
+  Dt
+], zt = /* @__PURE__ */ U({
   __name: "btn-warn-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), ut, 16));
+    }, i.$attrs, { onClick: r }), $t, 16));
   }
-}), dt = /* @__PURE__ */ c("path", {
+}), Ct = /* @__PURE__ */ o("path", {
   fill: "#ED4630",
   d: `M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
 	c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M134.5,123.1
 	c3.1,3.1,3.1,8.2,0,11.3c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3L100,111.3l-23.1,23.1c-1.6,1.6-3.6,2.3-5.7,2.3
 	c-2,0-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L88.7,100L65.5,76.9c-3.1-3.1-3.1-8.2,0-11.3c3.1-3.1,8.2-3.1,11.3,0L100,88.7
 	l23.1-23.1c3.1-3.1,8.2-3.1,11.3,0c3.1,3.1,3.1,8.2,0,11.3L111.3,100L134.5,123.1z`
-}, null, -1), ht = [
-  dt
-], vt = /* @__PURE__ */ M({
+}, null, -1), St = [
+  Ct
+], Bt = /* @__PURE__ */ U({
   __name: "btn-error-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), ht, 16));
+    }, i.$attrs, { onClick: r }), St, 16));
   }
-}), gt = /* @__PURE__ */ c("path", {
+}), Tt = /* @__PURE__ */ o("path", {
   fill: "#5EAA2F",
   d: `M183.3,27.2L102.4,2.9h-4.9L16.7,27.2C13.4,28.8,11,32,11,35.3v49.4c0,51.8,32.4,93.9,86.6,111.7
 	c0.8,0,1.6,0.8,2.4,0.8c0.8,0,1.6,0,2.4-0.8c54.2-17.8,86.6-59.1,86.6-111.7V35.3C189,32,186.6,28.8,183.3,27.2z M146.1,81.4
 	l-48.5,48.5c-1.6,1.6-3.2,2.4-5.7,2.4c-2.4,0-4-0.8-5.7-2.4L62,105.7c-3.2-3.2-3.2-8.1,0-11.3c3.2-3.2,8.1-3.2,11.3,0l18.6,18.6
 	l42.9-42.9c3.2-3.2,8.1-3.2,11.3,0C149.4,73.3,149.4,78.2,146.1,81.4L146.1,81.4z`
-}, null, -1), ft = [
-  gt
-], pt = /* @__PURE__ */ M({
+}, null, -1), Pt = [
+  Tt
+], Xt = /* @__PURE__ */ U({
   __name: "btn-success-icon",
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const n = t;
-    function s(e) {
-      n("click", e);
+  setup(n, { emit: t }) {
+    const a = t;
+    function r(i) {
+      a("click", i);
     }
-    return (e, a) => (b(), C("svg", A({
+    return (i, m) => (z(), Y("svg", oe({
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 200 200",
       width: "20",
       height: "20"
-    }, e.$attrs, { onClick: s }), ft, 16));
+    }, i.$attrs, { onClick: r }), Pt, 16));
   }
-}), ae = () => ({
+}), Le = () => ({
   width: 330,
   height: 44,
   verticalPadding: 12,
   horizontalPadding: 16
-}), Q = /* @__PURE__ */ M({
+}), he = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    config: { default: ae },
+    config: { default: Le },
     clickEvent: {},
     disabled: { type: Boolean, default: !1 },
     type: { default: "default" },
     title: { default: "点击按键进行验证" }
   },
   emits: ["click-event"],
-  setup(l, { emit: t }) {
-    const n = l, { type: s, title: e, disabled: a } = ve(n), d = D({
-      ...ae(),
-      ...n.config
-    });
-    j(() => n.config, () => {
-      d.value = {
-        ...d.value,
-        ...n.config
-      };
-    });
-    const o = z(() => ["go-captcha", "gc-btn-block", `gc-${s.value}`, a.value ? "gc-disabled" : ""]), E = z(() => ({
-      width: d.value.width + "px",
-      height: d.value.height + "px",
-      paddingLeft: d.value.horizontalPadding + "px",
-      paddingRight: d.value.horizontalPadding + "px",
-      paddingTop: d.value.verticalPadding + "px",
-      paddingBottom: d.value.verticalPadding + "px"
-    })), u = t;
-    function g(r) {
-      u("click-event", r);
+  setup(n, { emit: t }) {
+    const a = n, { type: r, title: i, disabled: m, config: c } = ze(a), u = B({ ...Le(), ...I(c) });
+    F(() => a.config, (s, p) => {
+      Object.assign(u, s);
+    }, { deep: !0 });
+    const e = x(() => ["go-captcha", "gc-btn-block", `gc-${r.value}`, m.value ? "gc-disabled" : ""]), d = x(() => ({
+      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 E(s) {
+      y("click-event", s);
     }
-    return (r, h) => (b(), C("div", {
-      class: I(o.value),
-      style: m(E.value),
-      onClick: g
+    return (s, p) => (z(), Y("div", {
+      class: se(e.value),
+      style: D(d.value),
+      onClick: E
     }, [
-      c("div", {
-        class: I(i(s) === "default" ? "gc-ripple" : "")
+      o("div", {
+        class: se(v(r) === "default" ? "gc-ripple" : "")
       }, [
-        i(s) === "default" ? (b(), q(it, { key: 0 })) : i(s) === "warn" ? (b(), q(rt, { key: 1 })) : i(s) === "error" ? (b(), q(vt, { key: 2 })) : i(s) === "success" ? (b(), q(pt, { key: 3 })) : ge("", !0)
+        v(r) === "default" ? (z(), ae(kt, { key: 0 })) : v(r) === "warn" ? (z(), ae(zt, { key: 1 })) : v(r) === "error" ? (z(), ae(Bt, { key: 2 })) : v(r) === "success" ? (z(), ae(Xt, { key: 3 })) : Ce("", !0)
       ], 2),
-      c("span", null, V(i(e)), 1)
+      o("span", null, ie(v(i)), 1)
     ], 6));
   }
 });
-Q.name = "gocaptcha-button";
-Q.install = function(l) {
-  l.component("gocaptcha-button", Q);
+he.name = "gocaptcha-button";
+he.install = function(n) {
+  n.component("gocaptcha-button", he);
 };
-const _t = (l) => {
-  l.installed || (l.installed = !0, [G, J, K, O, Q].map((t) => l.use(t)));
+const Mt = {
+  install(n) {
+    le.install(n), re.install(n), ue.install(n), de.install(n), he.install(n);
+  }
 };
 export {
-  Q as Button,
-  G as Click,
-  O as Rotate,
-  J as Slide,
-  K as SlideRegion,
-  _t as default
+  he as Button,
+  le as Click,
+  de as Rotate,
+  re as Slide,
+  ue as SlideRegion,
+  Mt as default
 };