go-captcha-vue 1.0.6-beta → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -3
- package/dist/components/rotate/meta/data.d.ts +1 -1
- package/dist/go-captcha-vue.es.js +20 -24
- package/dist/go-captcha-vue.umd.js +8 -8
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
<div align="center">
|
|
2
|
-
<img width="120" style="padding-top: 50px; margin: 0;" src="
|
|
2
|
+
<img width="120" style="padding-top: 50px; margin: 0;" src="https://github.com/wenlng/git-assets/blob/master/go-captcha/gocaptcha_logo.svg?raw=true"/>
|
|
3
3
|
<h1 style="margin: 0; padding: 0">Go Captcha</h1>
|
|
4
|
-
<p>
|
|
4
|
+
<p>Behavior Captcha Of Vue</p>
|
|
5
|
+
|
|
6
|
+
<a href="https://github.com/wenlng/go-captcha-vue/releases"><img src="https://img.shields.io/github/v/release/wenlng/go-captcha-vue.svg"/></a>
|
|
7
|
+
<a href="https://www.npmjs.com/package/go-captcha-vue"><img src="https://img.shields.io/npm/v/go-captcha-vue"/></a>
|
|
8
|
+
<a href="https://github.com/wenlng/go-captcha-vue/blob/LICENSE"><img src="https://img.shields.io/badge/License-MIT-green.svg"/></a>
|
|
9
|
+
<a href="https://github.com/wenlng/go-captcha-vue"><img src="https://img.shields.io/github/stars/wenlng/go-captcha-vue.svg"/></a>
|
|
10
|
+
<a href="https://github.com/wenlng/go-captcha-vue"><img src="https://img.shields.io/github/last-commit/wenlng/go-captcha-vue.svg"/></a>
|
|
5
11
|
|
|
6
12
|
</div>
|
|
7
13
|
|
|
@@ -269,7 +275,6 @@ interface Config {
|
|
|
269
275
|
|
|
270
276
|
// data = {}
|
|
271
277
|
interface Data {
|
|
272
|
-
angle: number;
|
|
273
278
|
image: string;
|
|
274
279
|
thumb: string;
|
|
275
280
|
thumbSize: number;
|
|
@@ -389,7 +389,7 @@ var render$9 = function() {
|
|
|
389
389
|
var _vm = this;
|
|
390
390
|
var _h = _vm.$createElement;
|
|
391
391
|
var _c = _vm._self._c || _h;
|
|
392
|
-
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _c("img", {
|
|
392
|
+
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _vm.localData.thumb ? _c("img", { style: _vm.thumbStyles, attrs: { "src": _vm.localData.thumb, "alt": "" } }) : _vm._e()]), _c("div", { staticClass: "gc-body", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _vm.localData.image ? _c("img", { staticClass: "gc-picture", style: _vm.imageStyles, attrs: { "src": _vm.localData.image, "alt": "" }, on: { "click": _vm.handler.clickEvent } }) : _vm._e(), _c("div", { staticClass: "gc-dots" }, _vm._l(_vm.handler.dots.list, function(dot) {
|
|
393
393
|
return _c("div", { key: dot.key + "-" + dot.index, staticClass: "gc-dot", style: {
|
|
394
394
|
width: _vm.localConfig.dotSize + "px",
|
|
395
395
|
height: _vm.localConfig.dotSize + "px",
|
|
@@ -727,9 +727,6 @@ __sfc_main$7.setup = (__props, __ctx) => {
|
|
|
727
727
|
const hasDisplayImageState = computed(() => {
|
|
728
728
|
return localData.image && localData.image.length > 0;
|
|
729
729
|
});
|
|
730
|
-
const hasDisplayThumbImageState = computed(() => {
|
|
731
|
-
return localData.thumb && localData.thumb.length > 0;
|
|
732
|
-
});
|
|
733
730
|
const hasDisplayWrapperState = computed(() => {
|
|
734
731
|
return (localConfig.width || 0) > 0 || (localConfig.height || 0) > 0;
|
|
735
732
|
});
|
|
@@ -754,7 +751,6 @@ __sfc_main$7.setup = (__props, __ctx) => {
|
|
|
754
751
|
thumbStyles,
|
|
755
752
|
imageStyles,
|
|
756
753
|
hasDisplayImageState,
|
|
757
|
-
hasDisplayThumbImageState,
|
|
758
754
|
hasDisplayWrapperState
|
|
759
755
|
}, {
|
|
760
756
|
reset: handler.resetData,
|
|
@@ -773,7 +769,10 @@ var render$7 = function() {
|
|
|
773
769
|
var _vm = this;
|
|
774
770
|
var _h = _vm.$createElement;
|
|
775
771
|
var _c = _vm._self._c || _h;
|
|
776
|
-
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _c("div", { staticClass: "gc-icon-block" }, [_c("close-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.closeEvent } }), _c("refresh-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.refreshEvent } })], 1)]), _c("div", { ref: "containerRef", staticClass: "gc-body", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _c("img", {
|
|
772
|
+
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _c("div", { staticClass: "gc-icon-block" }, [_c("close-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.closeEvent } }), _c("refresh-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.refreshEvent } })], 1)]), _c("div", { ref: "containerRef", staticClass: "gc-body", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _vm.localData.image ? _c("img", { staticClass: "gc-picture", style: _vm.imageStyles, attrs: { "src": _vm.localData.image, "alt": "" } }) : _vm._e(), _c("div", { ref: "tileRef", staticClass: "gc-tile", style: _vm.thumbStyles }, [_vm.localData.thumb ? _c("img", { attrs: { "src": _vm.localData.thumb, "alt": "" } }) : _vm._e()])]), _c("div", { staticClass: "gc-footer" }, [_c("div", { ref: "dragBarRef", staticClass: "gc-drag-slide-bar" }, [_c("div", { staticClass: "gc-drag-line" }), _c("div", { ref: "dragBlockRef", staticClass: "gc-drag-block", class: !_vm.hasDisplayImageState && "disabled", style: { left: _vm.handler.state.dragLeft + "px" }, on: { "mousedown": _vm.handler.dragEvent } }, [_c("div", { staticClass: "gc-drag-block-inline", on: { "touchstart": function($event) {
|
|
773
|
+
$event.preventDefault();
|
|
774
|
+
return _vm.handler.dragEvent.apply(null, arguments);
|
|
775
|
+
} } }, [_c("arrows-icon")], 1)])])])]);
|
|
777
776
|
};
|
|
778
777
|
var staticRenderFns$7 = [];
|
|
779
778
|
var index_vue_vue_type_style_index_0_lang$3 = "";
|
|
@@ -1069,12 +1068,6 @@ __sfc_main$6.setup = (__props, __ctx) => {
|
|
|
1069
1068
|
height: localConfig.height + "px"
|
|
1070
1069
|
};
|
|
1071
1070
|
});
|
|
1072
|
-
const hasDisplayImageState = computed(() => {
|
|
1073
|
-
return localData.image && localData.image.length > 0;
|
|
1074
|
-
});
|
|
1075
|
-
const hasDisplayThumbImageState = computed(() => {
|
|
1076
|
-
return localData.thumb && localData.thumb.length > 0;
|
|
1077
|
-
});
|
|
1078
1071
|
const hasDisplayWrapperState = computed(() => {
|
|
1079
1072
|
return (localConfig.width || 0) > 0 || (localConfig.height || 0) > 0;
|
|
1080
1073
|
});
|
|
@@ -1096,8 +1089,6 @@ __sfc_main$6.setup = (__props, __ctx) => {
|
|
|
1096
1089
|
wrapperStyles,
|
|
1097
1090
|
thumbStyles,
|
|
1098
1091
|
imageStyles,
|
|
1099
|
-
hasDisplayImageState,
|
|
1100
|
-
hasDisplayThumbImageState,
|
|
1101
1092
|
hasDisplayWrapperState
|
|
1102
1093
|
}, {
|
|
1103
1094
|
reset: handler.resetData,
|
|
@@ -1115,7 +1106,10 @@ var render$6 = function() {
|
|
|
1115
1106
|
var _vm = this;
|
|
1116
1107
|
var _h = _vm.$createElement;
|
|
1117
1108
|
var _c = _vm._self._c || _h;
|
|
1118
|
-
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header gc-header2" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))])]), _c("div", { ref: "containerRef", staticClass: "gc-body", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _c("img", {
|
|
1109
|
+
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header gc-header2" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))])]), _c("div", { ref: "containerRef", staticClass: "gc-body", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _vm.localData.image ? _c("img", { staticClass: "gc-picture", style: _vm.imageStyles, attrs: { "src": _vm.localData.image, "alt": "" } }) : _vm._e(), _c("div", { ref: "tileRef", staticClass: "gc-tile", style: _vm.thumbStyles, on: { "mousedown": _vm.handler.dragEvent, "touchstart": function($event) {
|
|
1110
|
+
$event.preventDefault();
|
|
1111
|
+
return _vm.handler.dragEvent.apply(null, arguments);
|
|
1112
|
+
} } }, [_vm.localData.thumb ? _c("img", { attrs: { "src": _vm.localData.thumb, "alt": "" } }) : _vm._e()])]), _c("div", { staticClass: "gc-footer" }, [_c("div", { staticClass: "gc-icon-block" }, [_c("close-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.closeEvent } }), _c("refresh-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.refreshEvent } })], 1)])]);
|
|
1119
1113
|
};
|
|
1120
1114
|
var staticRenderFns$6 = [];
|
|
1121
1115
|
var index_vue_vue_type_style_index_0_lang$2 = "";
|
|
@@ -1167,6 +1161,7 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1167
1161
|
}
|
|
1168
1162
|
}, { deep: true });
|
|
1169
1163
|
const dragEvent = (e) => {
|
|
1164
|
+
var _a;
|
|
1170
1165
|
if (!checkTargetFather(dragBarRef.value, e)) {
|
|
1171
1166
|
return;
|
|
1172
1167
|
}
|
|
@@ -1176,7 +1171,7 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1176
1171
|
const blockWidth = dragBlockRef.value.offsetWidth;
|
|
1177
1172
|
const maxWidth = width - blockWidth;
|
|
1178
1173
|
const maxAngle = 360;
|
|
1179
|
-
const p = (maxAngle - data.angle) / maxWidth;
|
|
1174
|
+
const p = (maxAngle - ((_a = data.angle) != null ? _a : 0)) / maxWidth;
|
|
1180
1175
|
let angle = 0;
|
|
1181
1176
|
let isMoving = false;
|
|
1182
1177
|
let tmpLeaveDragEvent = null;
|
|
@@ -1188,6 +1183,7 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1188
1183
|
startX = e.clientX - offsetLeft;
|
|
1189
1184
|
}
|
|
1190
1185
|
const moveEvent = (e2) => {
|
|
1186
|
+
var _a2;
|
|
1191
1187
|
isMoving = true;
|
|
1192
1188
|
const mTouche = e2.touches && e2.touches[0];
|
|
1193
1189
|
let left = 0;
|
|
@@ -1196,7 +1192,7 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1196
1192
|
} else {
|
|
1197
1193
|
left = e2.clientX - startX;
|
|
1198
1194
|
}
|
|
1199
|
-
angle = data.angle + left * p;
|
|
1195
|
+
angle = (data.angle || 0) + left * p;
|
|
1200
1196
|
if (left >= maxWidth) {
|
|
1201
1197
|
state.dragLeft = maxWidth;
|
|
1202
1198
|
state.thumbAngle = currentAngle = maxAngle;
|
|
@@ -1204,7 +1200,7 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1204
1200
|
}
|
|
1205
1201
|
if (left <= 0) {
|
|
1206
1202
|
state.dragLeft = 0;
|
|
1207
|
-
state.thumbAngle = currentAngle = data.angle;
|
|
1203
|
+
state.thumbAngle = currentAngle = (_a2 = data.angle) != null ? _a2 : 0;
|
|
1208
1204
|
return;
|
|
1209
1205
|
}
|
|
1210
1206
|
state.dragLeft = left;
|
|
@@ -1289,8 +1285,9 @@ function useHandler(data, event, config, rootRef, dragBlockRef, dragBarRef, clea
|
|
|
1289
1285
|
resetData();
|
|
1290
1286
|
};
|
|
1291
1287
|
const resetData = () => {
|
|
1288
|
+
var _a;
|
|
1292
1289
|
state.dragLeft = 0;
|
|
1293
|
-
state.thumbAngle = data.angle;
|
|
1290
|
+
state.thumbAngle = (_a = data.angle) != null ? _a : 0;
|
|
1294
1291
|
};
|
|
1295
1292
|
const clearData = () => {
|
|
1296
1293
|
clearCbs && clearCbs();
|
|
@@ -1406,9 +1403,6 @@ __sfc_main$5.setup = (__props, __ctx) => {
|
|
|
1406
1403
|
const hasDisplayImageState = computed(() => {
|
|
1407
1404
|
return localData.image && localData.image.length > 0;
|
|
1408
1405
|
});
|
|
1409
|
-
const hasDisplayThumbImageState = computed(() => {
|
|
1410
|
-
return localData.thumb && localData.thumb.length > 0;
|
|
1411
|
-
});
|
|
1412
1406
|
const hasDisplayWrapperState = computed(() => {
|
|
1413
1407
|
return (localConfig.width || 0) > 0 || (localConfig.height || 0) > 0;
|
|
1414
1408
|
});
|
|
@@ -1432,7 +1426,6 @@ __sfc_main$5.setup = (__props, __ctx) => {
|
|
|
1432
1426
|
imageBlockStyles,
|
|
1433
1427
|
imageStyles,
|
|
1434
1428
|
hasDisplayImageState,
|
|
1435
|
-
hasDisplayThumbImageState,
|
|
1436
1429
|
hasDisplayWrapperState
|
|
1437
1430
|
}, {
|
|
1438
1431
|
reset: handler.resetData,
|
|
@@ -1451,7 +1444,10 @@ var render$5 = function() {
|
|
|
1451
1444
|
var _vm = this;
|
|
1452
1445
|
var _h = _vm.$createElement;
|
|
1453
1446
|
var _c = _vm._self._c || _h;
|
|
1454
|
-
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _c("div", { staticClass: "gc-icon-block" }, [_c("close-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.closeEvent } }), _c("refresh-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.refreshEvent } })], 1)]), _c("div", { ref: "containerRef", staticClass: "gc-body gc-rotate-body", style: _vm.imageBlockStyles }, [_c("div", { staticClass: "gc-body-inner", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _c("div", { staticClass: "gc-picture gc-rotate-picture", style: _vm.imageStyles }, [_c("img", {
|
|
1447
|
+
return _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.hasDisplayWrapperState, expression: "hasDisplayWrapperState" }], ref: "rootRef", class: "go-captcha gc-wrapper " + (_vm.localConfig.showTheme && "gc-theme"), style: _vm.wrapperStyles }, [_c("div", { staticClass: "gc-header" }, [_c("span", [_vm._v(_vm._s(_vm.localConfig.title))]), _c("div", { staticClass: "gc-icon-block" }, [_c("close-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.closeEvent } }), _c("refresh-icon", { attrs: { "width": _vm.localConfig.iconSize, "height": _vm.localConfig.iconSize }, on: { "click": _vm.handler.refreshEvent } })], 1)]), _c("div", { ref: "containerRef", staticClass: "gc-body gc-rotate-body", style: _vm.imageBlockStyles }, [_c("div", { staticClass: "gc-body-inner", style: _vm.imageStyles }, [_c("div", { staticClass: "gc-loading" }, [_c("loading-icon")], 1), _c("div", { staticClass: "gc-picture gc-rotate-picture", style: _vm.imageStyles }, [_vm.localData.image ? _c("img", { attrs: { "src": _vm.localData.image, "alt": "" } }) : _vm._e(), _c("div", { staticClass: "gc-round" })]), _c("div", { staticClass: "gc-thumb gc-rotate-thumb" }, [_c("div", { staticClass: "gc-rotate-thumb-block", style: _vm.thumbStyles }, [_vm.localData.thumb ? _c("img", { attrs: { "src": _vm.localData.thumb, "alt": "" } }) : _vm._e()])])])]), _c("div", { staticClass: "gc-footer" }, [_c("div", { ref: "dragBarRef", staticClass: "gc-drag-slide-bar" }, [_c("div", { staticClass: "gc-drag-line" }), _c("div", { ref: "dragBlockRef", staticClass: "gc-drag-block", class: !_vm.hasDisplayImageState && "disabled", style: { left: _vm.handler.state.dragLeft + "px" }, on: { "mousedown": _vm.handler.dragEvent } }, [_c("div", { staticClass: "gc-drag-block-inline", on: { "touchstart": function($event) {
|
|
1448
|
+
$event.preventDefault();
|
|
1449
|
+
return _vm.handler.dragEvent.apply(null, arguments);
|
|
1450
|
+
} } }, [_c("arrows-icon")], 1)])])])]);
|
|
1455
1451
|
};
|
|
1456
1452
|
var staticRenderFns$5 = [];
|
|
1457
1453
|
var index_vue_vue_type_style_index_0_lang$1 = "";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(j,s){typeof exports=="object"&&typeof module!="undefined"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(j=typeof globalThis!="undefined"?globalThis:j||self,s(j["go-captcha-vue"]={},j.Vue))})(this,function(j,s){"use strict";var Nt="";const le=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u5728\u4E0B\u56FE\u4F9D\u6B21\u70B9\u51FB",buttonText:"\u786E\u8BA4",iconSize:22,dotSize:24}),re={};re.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var Xe=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
2
2
|
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
|
|
3
3
|
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
|
|
4
4
|
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
|
|
5
5
|
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
|
|
6
6
|
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
|
|
7
7
|
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
|
|
8
|
-
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`}})])},
|
|
8
|
+
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`}})])},je=[],Ut="";function M(e,n,t,i,u,m,c,r){var a=typeof e=="function"?e.options:e;n&&(a.render=n,a.staticRenderFns=t,a._compiled=!0),i&&(a.functional=!0),m&&(a._scopeId="data-v-"+m);var d;if(c?(d=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(o=__VUE_SSR_CONTEXT__),u&&u.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(c)},a._ssrRegister=d):u&&(d=r?function(){u.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:u),d)if(a.functional){a._injectStyles=d;var b=a.render;a.render=function(g,w){return d.call(w),b(g,w)}}else{var f=a.beforeCreate;a.beforeCreate=f?[].concat(f,d):[d]}return{exports:e,options:a}}const ue={};var Pe=M(re,Xe,je,!1,Ie,"3972774c",null,null);function Ie(e){for(let n in ue)this[n]=ue[n]}var ae=function(){return Pe.exports}();const de={};de.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var Oe=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
9
9
|
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
|
|
10
10
|
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
|
|
11
11
|
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
|
|
@@ -22,18 +22,18 @@
|
|
|
22
22
|
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
|
|
23
23
|
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
|
|
24
24
|
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
|
|
25
|
-
L180.6,98.9z`}})])},Ye=[],Vt="";const
|
|
25
|
+
L180.6,98.9z`}})])},Ye=[],Vt="";const fe={};var qe=M(de,Oe,Ye,!1,Ae,"1120f0d2",null,null);function Ae(e){for(let n in fe)this[n]=fe[n]}var ce=function(){return qe.exports}();const he={};he.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var He=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"84",height:"84"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("circle",{attrs:{cx:"50",cy:"36.8101",r:"10"}},[t("animate",{attrs:{attributeName:"cy",dur:"1s",repeatCount:"indefinite",calcMode:"spline",keySplines:"0.45 0 0.9 0.55;0 0.45 0.55 0.9",keyTimes:"0;0.5;1",values:"23;77;23"}})])])},Ne=[],Gt="";const pe={};var Ue=M(he,He,Ne,!1,Ve,"c6fd8106",null,null);function Ve(e){for(let n in pe)this[n]=pe[n]}var oe=function(){return Ue.exports}();function Ge(e){let n=0,t=0;if(e.getBoundingClientRect){const i=e.getBoundingClientRect(),u=document.documentElement;n=i.left+Math.max(u.scrollLeft,document.body.scrollLeft)-u.clientLeft,t=i.top+Math.max(u.scrollTop,document.body.scrollTop)-u.clientTop}else for(;e!==document.body;)n+=e.offsetLeft,t+=e.offsetTop,e=e.offsetParent;return{domX:n,domY:t}}function U(e,n){let t=n.relatedTarget;try{for(;t&&t!==e;)t=t.parentNode}catch(i){console.warn(i)}return t!==e}function Je(e,n,t){const i=s.reactive({list:[]}),u=o=>{const g=o.currentTarget,w=Ge(g),l=o.pageX||o.clientX,E=o.pageY||o.clientY,v=w.domX,y=w.domY,C=l-v,h=E-y,_=parseInt(C.toString()),$=parseInt(h.toString()),P=new Date,I=i.list.length;return i.list.push({key:P.getTime(),index:I+1,x:_,y:$}),n.click&&n.click(_,$),o.cancelBubble=!0,o.preventDefault(),!1},m=o=>(n.confirm&&n.confirm(s.toRaw(i.list),()=>{b()}),o.cancelBubble=!0,o.preventDefault(),!1),c=o=>(a(),o.cancelBubble=!0,o.preventDefault(),!1),r=o=>(d(),o.cancelBubble=!0,o.preventDefault(),!1),a=()=>{n.close&&n.close(),b()},d=()=>{n.refresh&&n.refresh(),b()},b=()=>{i.list=[]};return{dots:i,clickEvent:u,confirmEvent:m,closeEvent:c,refreshEvent:r,resetData:b,clearData:()=>{b(),t&&t()},refresh:d,close:a}}const V={};V.props={config:{key:"config",required:!1,type:null,default:le},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:()=>({})}},V.setup=(e,n)=>{const t=e,{data:i,events:u,config:m}=t,c=s.reactive({...s.toRaw(i)}),r=s.reactive({...s.toRaw(u)}),a=s.reactive({...le(),...s.toRaw(m)});s.watch(()=>t.data,(l,E)=>{Object.assign(c,l)},{deep:!0}),s.watch(()=>t.events,(l,E)=>{Object.assign(r,l)},{deep:!0}),s.watch(()=>t.config,(l,E)=>{Object.assign(a,l)},{deep:!0});const d=Je(c,r,()=>{c.thumb="",c.image=""}),b=s.computed(()=>{const l=a.horizontalPadding||0,E=a.verticalPadding||0;return{width:(a.width||0)+l*2+(a.showTheme?2:0)+"px",paddingLeft:l+"px",paddingRight:l+"px",paddingTop:E+"px",paddingBottom:E+"px"}}),f=s.computed(()=>({width:a.thumbWidth+"px",height:a.thumbHeight+"px"})),o=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),g=s.computed(()=>c.image&&c.image.length>0||c.thumb&&c.thumb.length>0),w=s.computed(()=>(a.width||0)>0||(a.height||0)>0);return Object.assign({localData:c,localConfig:a,handler:d,wrapperStyles:b,thumbStyles:f,imageStyles:o,hasDisplayImageState:g,hasDisplayWrapperState:w},{reset:d.resetData,clear:d.clearData,refresh:d.refresh,close:d.close})},V.components=Object.assign({LoadingIcon:oe,CloseIcon:ae,RefreshIcon:ce},V.components);var Ke=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header"},[t("span",[e._v(e._s(e.localConfig.title))]),e.localData.thumb?t("img",{style:e.thumbStyles,attrs:{src:e.localData.thumb,alt:""}}):e._e()]),t("div",{staticClass:"gc-body",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),e.localData.image?t("img",{staticClass:"gc-picture",style:e.imageStyles,attrs:{src:e.localData.image,alt:""},on:{click:e.handler.clickEvent}}):e._e(),t("div",{staticClass:"gc-dots"},e._l(e.handler.dots.list,function(i){return t("div",{key:i.key+"-"+i.index,staticClass:"gc-dot",style:{width:e.localConfig.dotSize+"px",height:e.localConfig.dotSize+"px",borderRadius:e.localConfig.dotSize+"px",top:i.y-(e.localConfig.dotSize||1)/2-1+"px",left:i.x-(e.localConfig.dotSize||1)/2-1+"px"}},[e._v(e._s(i.index))])}),0)]),t("div",{staticClass:"gc-footer"},[t("div",{staticClass:"gc-icon-block gc-icon-block2"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1),t("div",{staticClass:"gc-button-block"},[t("button",{class:!e.hasDisplayImageState&&"disabled",on:{click:e.handler.confirmEvent}},[e._v(e._s(e.localConfig.buttonText))])])])])},Qe=[],Jt="";const ge={};var Ze=M(V,Ke,Qe,!1,et,null,null,null);function et(e){for(let n in ge)this[n]=ge[n]}var G=function(){return Ze.exports}();G.name="gocaptcha-click",G.install=function(e){e.component("gocaptcha-click",G)};const ve=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u62D6\u52A8\u6ED1\u5757\u5B8C\u6210\u62FC\u56FE",iconSize:22,scope:!0}),me={};me.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var tt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
26
26
|
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
|
|
27
|
-
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`}})])},nt=[],Kt="";const _e={};var st=M(ve,tt,nt,!1,at,"30853052",null,null);function at(e){for(let n in _e)this[n]=_e[n]}var be=function(){return st.exports}();const ye=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function ct(e,n,t,i,u,v,c,l,a){const d=s.reactive({dragLeft:0,thumbLeft:e.thumbX||0,isFreeze:!1});s.watch(()=>e,(_,D)=>{d.isFreeze||(d.thumbLeft=_.thumbX||0)},{deep:!0});const b=_=>{if(!U(l.value,_))return;const D=_.touches&&_.touches[0],B=c.value.offsetLeft,m=u.value.offsetWidth,h=c.value.offsetWidth,p=m-h,C=v.value.offsetWidth,W=v.value.offsetLeft,A=m-C,O=(m-(C+W))/p;let X=!1,L=null,q=0,T=0;D?q=D.pageX-B:q=_.clientX-B;const F=k=>{X=!0;const Y=k.touches&&k.touches[0];let z=0;Y?z=Y.pageX-q:z=k.clientX-q;let Ht=W+z*O;if(z>=p){d.dragLeft=p,d.thumbLeft=T=A;return}if(z<=0){d.dragLeft=0,d.thumbLeft=T=W;return}d.dragLeft=z,d.thumbLeft=T=Ht,n.move&&n.move(T,e.thumbY||0),k.cancelBubble=!0,k.preventDefault()},j=k=>{!U(l.value,k)||($(),X&&(X=!1,!(T<0)&&(n.confirm&&n.confirm({x:parseInt(T.toString()),y:e.thumbY||0},()=>{r()}),k.cancelBubble=!0,k.preventDefault())))},R=k=>{L=k},I=()=>{L=null},N=k=>{!L||(j(L),$())},y=t.scope,x=y?i.value:l.value,S=y?i.value:document.body,$=()=>{S.removeEventListener("mousemove",F,!1),S.removeEventListener("touchmove",F,{passive:!1}),x.removeEventListener("mouseup",j,!1),x.removeEventListener("mouseenter",I,!1),x.removeEventListener("mouseleave",R,!1),x.removeEventListener("touchend",j,!1),S.removeEventListener("mouseleave",j,!1),S.removeEventListener("mouseup",N,!1),d.isFreeze=!1};d.isFreeze=!0,S.addEventListener("mousemove",F,!1),S.addEventListener("touchmove",F,{passive:!1}),x.addEventListener("mouseup",j,!1),x.addEventListener("mouseenter",I,!1),x.addEventListener("mouseleave",R,!1),x.addEventListener("touchend",j,!1),S.addEventListener("mouseleave",j,!1),S.addEventListener("mouseup",N,!1)},f=_=>(g(),_.cancelBubble=!0,_.preventDefault(),!1),o=_=>(w(),_.cancelBubble=!0,_.preventDefault(),!1),g=()=>{n&&n.close&&n.close(),r()},w=()=>{n&&n.refresh&&n.refresh(),r()},r=()=>{d.dragLeft=0,d.thumbLeft=e.thumbX||0};return{state:d,dragEvent:b,closeEvent:f,refreshEvent:o,resetData:r,clearData:()=>{a&&a(),r()},refresh:w,close:g}}const J={};J.props={config:{key:"config",required:!1,type:null,default:me},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:ye}},J.setup=(e,n)=>{const t=e,{data:i,events:u,config:v}=t,c=s.reactive({...ye(),...s.toRaw(i)}),l=s.reactive({...s.toRaw(u)}),a=s.reactive({...me(),...s.toRaw(v)});s.watch(()=>t.data,(p,C)=>{Object.assign(c,p)},{deep:!0}),s.watch(()=>t.events,(p,C)=>{Object.assign(l,p)},{deep:!0}),s.watch(()=>t.config,(p,C)=>{Object.assign(a,p)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=s.ref(null),g=s.ref(null),w=ct(c,l,a,d,f,g,o,b,()=>{c.thumb="",c.image="",c.thumbX=0,c.thumbY=0,c.thumbWidth=0,c.thumbHeight=0}),r=s.computed(()=>{const p=a.horizontalPadding||0,C=a.verticalPadding||0;return{width:(a.width||0)+p*2+(a.showTheme?2:0)+"px",paddingLeft:p+"px",paddingRight:p+"px",paddingTop:C+"px",paddingBottom:C+"px"}}),E=s.computed(()=>({width:c.thumbWidth+"px",height:c.thumbHeight+"px",top:c.thumbY+"px",left:w.state.thumbLeft+"px"})),_=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),D=s.computed(()=>c.image&&c.image.length>0),B=s.computed(()=>c.thumb&&c.thumb.length>0),m=s.computed(()=>(a.width||0)>0||(a.height||0)>0),h=p=>p.preventDefault();return s.onMounted(async()=>{await s.nextTick(),o.value&&o.value.addEventListener("dragstart",h)}),s.onUnmounted(()=>{o.value&&o.value.removeEventListener("dragstart",h)}),Object.assign({localData:c,localConfig:a,rootRef:d,dragBarRef:b,containerRef:f,dragBlockRef:o,tileRef:g,handler:w,wrapperStyles:r,thumbStyles:E,imageStyles:_,hasDisplayImageState:D,hasDisplayThumbImageState:B,hasDisplayWrapperState:m},{reset:w.resetData,clear:w.clearData,refresh:w.refresh,close:w.close})},J.components=Object.assign({CloseIcon:ae,RefreshIcon:ce,LoadingIcon:oe,ArrowsIcon:be},J.components);var ot=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header"},[t("span",[e._v(e._s(e.localConfig.title))]),t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)]),t("div",{ref:"containerRef",staticClass:"gc-body",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayImageState,expression:"hasDisplayImageState"}],staticClass:"gc-picture",style:e.imageStyles,attrs:{src:e.localData.image,alt:""}}),t("div",{ref:"tileRef",staticClass:"gc-tile",style:e.thumbStyles},[t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayThumbImageState,expression:"hasDisplayThumbImageState"}],attrs:{src:e.localData.thumb,alt:""}})])]),t("div",{staticClass:"gc-footer"},[t("div",{ref:"dragBarRef",staticClass:"gc-drag-slide-bar"},[t("div",{staticClass:"gc-drag-line"}),t("div",{ref:"dragBlockRef",staticClass:"gc-drag-block",class:!e.hasDisplayImageState&&"disabled",style:{left:e.handler.state.dragLeft+"px"},on:{mousedown:e.handler.dragEvent}},[t("div",{staticClass:"gc-drag-block-inline",on:{touchstart:e.handler.dragEvent}},[t("arrows-icon")],1)])])])])},it=[],Qt="";const we={};var lt=M(J,ot,it,!1,rt,null,null,null);function rt(e){for(let n in we)this[n]=we[n]}var K=function(){return lt.exports}();K.name="gocaptcha-slide",K.install=function(e){e.component("gocaptcha-slide",K)};const Ee=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u62D6\u62FD\u8D34\u56FE\u5B8C\u6210\u62FC\u56FE",iconSize:22,scope:!0}),xe=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function ut(e,n,t,i,u,v,c){const l=s.reactive({x:e.thumbX||0,y:e.thumbY||0,isFreeze:!1});s.watch(()=>e,(r,E)=>{l.isFreeze||(l.x=r.thumbX||0,l.y=r.thumbY||0)},{deep:!0});const a=r=>{if(!U(u.value,r))return;const E=r.touches&&r.touches[0],_=v.value.offsetLeft,D=v.value.offsetTop,B=u.value.offsetWidth,m=u.value.offsetHeight,h=v.value.offsetWidth,p=v.value.offsetHeight,C=B-h,W=m-p;let A=!1,H=null,O=0,X=0,L=0,q=0;E?(O=E.pageX-_,X=E.pageY-D):(O=r.clientX-_,X=r.clientY-D);const T=$=>{A=!0;const k=$.touches&&$.touches[0];let Y=0,z=0;k?(Y=k.pageX-O,z=k.pageY-X):(Y=$.clientX-O,z=$.clientY-X),Y<=0&&(Y=0),z<=0&&(z=0),Y>=C&&(Y=C),z>=W&&(z=W),l.x=Y,l.y=z,L=Y,q=z,n.move&&n.move(Y,z),$.cancelBubble=!0,$.preventDefault()},F=$=>{!U(u.value,$)||(S(),A&&(A=!1,!(L<0||q<0)&&(n.confirm&&n.confirm({x:L,y:q},()=>{g()}),$.cancelBubble=!0,$.preventDefault())))},j=$=>{H=$},R=()=>{H=null},I=$=>{!H||(F(H),S())},N=t.scope,y=N?i.value:u.value,x=N?i.value:document.body,S=()=>{x.removeEventListener("mousemove",T,!1),x.removeEventListener("touchmove",T,{passive:!1}),y.removeEventListener("mouseup",F,!1),y.removeEventListener("mouseenter",R,!1),y.removeEventListener("mouseleave",j,!1),y.removeEventListener("touchend",F,!1),x.removeEventListener("mouseleave",F,!1),x.removeEventListener("mouseup",I,!1),l.isFreeze=!1};l.isFreeze=!0,x.addEventListener("mousemove",T,!1),x.addEventListener("touchmove",T,{passive:!1}),y.addEventListener("mouseup",F,!1),y.addEventListener("mouseenter",R,!1),y.addEventListener("mouseleave",j,!1),y.addEventListener("touchend",F,!1),x.addEventListener("mouseleave",F,!1),x.addEventListener("mouseup",I,!1)},d=r=>(f(),r.cancelBubble=!0,r.preventDefault(),!1),b=r=>(o(),r.cancelBubble=!0,r.preventDefault(),!1),f=()=>{n&&n.close&&n.close(),g()},o=()=>{n&&n.refresh&&n.refresh(),g()},g=()=>{l.x=e.thumbX||0,l.y=e.thumbY||0};return{state:l,dragEvent:a,closeEvent:d,refreshEvent:b,resetData:g,clearData:()=>{c&&c(),g()},refresh:o,close:f}}const Q={};Q.props={config:{key:"config",required:!1,type:null,default:Ee},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:xe}},Q.setup=(e,n)=>{const t=e,{data:i,events:u,config:v}=t,c=s.reactive({...xe(),...s.toRaw(i)}),l=s.reactive({...s.toRaw(u)}),a=s.reactive({...Ee(),...s.toRaw(v)});s.watch(()=>t.data,(m,h)=>{Object.assign(c,m)},{deep:!0}),s.watch(()=>t.events,(m,h)=>{Object.assign(l,m)},{deep:!0}),s.watch(()=>t.config,(m,h)=>{Object.assign(a,m)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=ut(c,l,a,d,b,f,()=>{c.thumb="",c.image="",c.thumbX=0,c.thumbY=0,c.thumbWidth=0,c.thumbHeight=0}),g=s.computed(()=>{const m=a.horizontalPadding||0,h=a.verticalPadding||0;return{width:(a.width||0)+m*2+(a.showTheme?2:0)+"px",paddingLeft:m+"px",paddingRight:m+"px",paddingTop:h+"px",paddingBottom:h+"px"}}),w=s.computed(()=>({width:c.thumbWidth+"px",height:c.thumbHeight+"px",top:o.state.y+"px",left:o.state.x+"px"})),r=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),E=s.computed(()=>c.image&&c.image.length>0),_=s.computed(()=>c.thumb&&c.thumb.length>0),D=s.computed(()=>(a.width||0)>0||(a.height||0)>0),B=m=>m.preventDefault();return s.onMounted(async()=>{await s.nextTick(),f.value&&f.value.addEventListener("dragstart",B)}),s.onUnmounted(()=>{f.value&&f.value.removeEventListener("dragstart",B)}),Object.assign({localData:c,localConfig:a,rootRef:d,containerRef:b,tileRef:f,handler:o,wrapperStyles:g,thumbStyles:w,imageStyles:r,hasDisplayImageState:E,hasDisplayThumbImageState:_,hasDisplayWrapperState:D},{reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close})},Q.components=Object.assign({LoadingIcon:oe,CloseIcon:ae,RefreshIcon:ce},Q.components);var dt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header gc-header2"},[t("span",[e._v(e._s(e.localConfig.title))])]),t("div",{ref:"containerRef",staticClass:"gc-body",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayImageState,expression:"hasDisplayImageState"}],staticClass:"gc-picture",style:e.imageStyles,attrs:{src:e.localData.image,alt:""}}),t("div",{ref:"tileRef",staticClass:"gc-tile",style:e.thumbStyles,on:{mousedown:e.handler.dragEvent,touchstart:e.handler.dragEvent}},[t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayThumbImageState,expression:"hasDisplayThumbImageState"}],attrs:{src:e.localData.thumb,alt:""}})])]),t("div",{staticClass:"gc-footer"},[t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)])])},ht=[],Zt="";const Ce={};var ft=M(Q,dt,ht,!1,pt,null,null,null);function pt(e){for(let n in Ce)this[n]=Ce[n]}var Z=function(){return ft.exports}();Z.name="gocaptcha-slide-region",Z.install=function(e){e.component("gocaptcha-slide-region",Z)};const ie=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u62D6\u52A8\u6ED1\u5757\u5B8C\u6210\u62FC\u56FE",iconSize:22,scope:!0}),Se=()=>({angle:0,image:"",thumb:"",thumbSize:0});function gt(e,n,t,i,u,v,c){const l=s.reactive({dragLeft:0,thumbAngle:e.angle||0,isFreeze:!1});s.watch(()=>e,(r,E)=>{l.isFreeze||(l.thumbAngle=r.angle||0)},{deep:!0});const a=r=>{if(!U(v.value,r))return;const E=r.touches&&r.touches[0],_=u.value.offsetLeft,D=v.value.offsetWidth,B=u.value.offsetWidth,m=D-B,h=360,p=(h-e.angle)/m;let C=0,W=!1,A=null,H=0,O=0;E?H=E.pageX-_:H=r.clientX-_;const X=y=>{W=!0;const x=y.touches&&y.touches[0];let S=0;if(x?S=x.pageX-H:S=y.clientX-H,C=e.angle+S*p,S>=m){l.dragLeft=m,l.thumbAngle=O=h;return}if(S<=0){l.dragLeft=0,l.thumbAngle=O=e.angle;return}l.dragLeft=S,l.thumbAngle=O=C,n.rotate&&n.rotate(C),y.cancelBubble=!0,y.preventDefault()},L=y=>{!U(v.value,y)||(N(),W&&(W=!1,!(O<0)&&(n.confirm&&n.confirm(parseInt(O.toString()),()=>{g()}),y.cancelBubble=!0,y.preventDefault())))},q=y=>{A=y},T=()=>{A=null},F=y=>{!A||(L(A),N())},j=t.scope,R=j?i.value:v.value,I=j?i.value:document.body,N=()=>{I.removeEventListener("mousemove",X,!1),I.removeEventListener("touchmove",X,{passive:!1}),R.removeEventListener("mouseup",L,!1),R.removeEventListener("mouseenter",T,!1),R.removeEventListener("mouseleave",q,!1),R.removeEventListener("touchend",L,!1),I.removeEventListener("mouseleave",L,!1),I.removeEventListener("mouseup",F,!1),l.isFreeze=!1};l.isFreeze=!0,I.addEventListener("mousemove",X,!1),I.addEventListener("touchmove",X,{passive:!1}),R.addEventListener("mouseup",L,!1),R.addEventListener("mouseenter",T,!1),R.addEventListener("mouseleave",q,!1),R.addEventListener("touchend",L,!1),I.addEventListener("mouseleave",L,!1),I.addEventListener("mouseup",F,!1)},d=r=>(f(),r.cancelBubble=!0,r.preventDefault(),!1),b=r=>(o(),r.cancelBubble=!0,r.preventDefault(),!1),f=()=>{n&&n.close&&n.close(),g()},o=()=>{n&&n.refresh&&n.refresh(),g()},g=()=>{l.dragLeft=0,l.thumbAngle=e.angle};return{state:l,dragEvent:a,closeEvent:d,refreshEvent:b,resetData:g,clearData:()=>{c&&c(),g()},refresh:o,close:f}}const ee={};ee.props={config:{key:"config",required:!1,type:null,default:ie},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:Se}},ee.setup=(e,n)=>{const t=e,{data:i,events:u,config:v}=t,c=s.reactive({...Se(),...s.toRaw(i)}),l=s.reactive({...s.toRaw(u)}),a=s.reactive({...ie(),...s.toRaw(v)});s.watch(()=>t.data,(h,p)=>{Object.assign(c,h)},{deep:!0}),s.watch(()=>t.events,(h,p)=>{Object.assign(l,h)},{deep:!0}),s.watch(()=>t.config,(h,p)=>{Object.assign(a,h)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=gt(c,l,a,d,f,b,()=>{c.thumb="",c.image="",c.angle=0}),g=s.computed(()=>{const h=a.horizontalPadding||0,p=a.verticalPadding||0;return{width:(a.width||0)+h*2+(a.showTheme?2:0)+"px",paddingLeft:h+"px",paddingRight:h+"px",paddingTop:p+"px",paddingBottom:p+"px"}}),w=s.computed(()=>({transform:`rotate(${o.state.thumbAngle}deg)`,...c.thumbSize>0?{width:c.thumbSize+"px",height:c.thumbSize+"px"}:{}})),r=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),E=s.computed(()=>{const h=(a.size||0)>0?a.size:ie().size;return{width:h+"px",height:h+"px"}}),_=s.computed(()=>c.image&&c.image.length>0),D=s.computed(()=>c.thumb&&c.thumb.length>0),B=s.computed(()=>(a.width||0)>0||(a.height||0)>0),m=h=>h.preventDefault();return s.onMounted(async()=>{await s.nextTick(),f.value&&f.value.addEventListener("dragstart",m)}),s.onUnmounted(()=>{f.value&&f.value.removeEventListener("dragstart",m)}),Object.assign({localData:c,localConfig:a,rootRef:d,dragBarRef:b,dragBlockRef:f,handler:o,wrapperStyles:g,thumbStyles:w,imageBlockStyles:r,imageStyles:E,hasDisplayImageState:_,hasDisplayThumbImageState:D,hasDisplayWrapperState:B},{reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close})},ee.components=Object.assign({CloseIcon:ae,RefreshIcon:ce,LoadingIcon:oe,ArrowsIcon:be},ee.components);var mt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header"},[t("span",[e._v(e._s(e.localConfig.title))]),t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)]),t("div",{ref:"containerRef",staticClass:"gc-body gc-rotate-body",style:e.imageBlockStyles},[t("div",{staticClass:"gc-body-inner",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),t("div",{staticClass:"gc-picture gc-rotate-picture",style:e.imageStyles},[t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayImageState,expression:"hasDisplayImageState"}],attrs:{src:e.localData.image,alt:""}}),t("div",{staticClass:"gc-round"})]),t("div",{staticClass:"gc-thumb gc-rotate-thumb"},[t("div",{staticClass:"gc-rotate-thumb-block",style:e.thumbStyles},[t("img",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayThumbImageState,expression:"hasDisplayThumbImageState"}],attrs:{src:e.localData.thumb,alt:""}})])])])]),t("div",{staticClass:"gc-footer"},[t("div",{ref:"dragBarRef",staticClass:"gc-drag-slide-bar"},[t("div",{staticClass:"gc-drag-line"}),t("div",{ref:"dragBlockRef",staticClass:"gc-drag-block",class:!e.hasDisplayImageState&&"disabled",style:{left:e.handler.state.dragLeft+"px"},on:{mousedown:e.handler.dragEvent}},[t("div",{staticClass:"gc-drag-block-inline",on:{touchstart:e.handler.dragEvent}},[t("arrows-icon")],1)])])])])},vt=[],en="";const De={};var _t=M(ee,mt,vt,!1,bt,null,null,null);function bt(e){for(let n in De)this[n]=De[n]}var te=function(){return _t.exports}();te.name="gocaptcha-rotate",te.install=function(e){e.component("gocaptcha-rotate",te)};const Le={};Le.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var yt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("circle",{attrs:{fill:"#3E7CFF",cx:"100",cy:"100",r:"96.3"}}),t("path",{attrs:{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
|
|
28
|
-
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`}})])},wt=[],tn="";const
|
|
27
|
+
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`}})])},nt=[],Kt="";const _e={};var st=M(me,tt,nt,!1,at,"30853052",null,null);function at(e){for(let n in _e)this[n]=_e[n]}var be=function(){return st.exports}();const ye=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function ct(e,n,t,i,u,m,c,r,a){const d=s.reactive({dragLeft:0,thumbLeft:e.thumbX||0,isFreeze:!1});s.watch(()=>e,(v,y)=>{d.isFreeze||(d.thumbLeft=v.thumbX||0)},{deep:!0});const b=v=>{if(!U(r.value,v))return;const y=v.touches&&v.touches[0],C=c.value.offsetLeft,h=u.value.offsetWidth,_=c.value.offsetWidth,$=h-_,P=m.value.offsetWidth,I=m.value.offsetLeft,A=h-P,O=(h-(P+I))/$;let W=!1,D=null,q=0,z=0;y?q=y.pageX-C:q=v.clientX-C;const k=L=>{W=!0;const Y=L.touches&&L.touches[0];let S=0;Y?S=Y.pageX-q:S=L.clientX-q;let Ht=I+S*O;if(S>=$){d.dragLeft=$,d.thumbLeft=z=A;return}if(S<=0){d.dragLeft=0,d.thumbLeft=z=I;return}d.dragLeft=S,d.thumbLeft=z=Ht,n.move&&n.move(z,e.thumbY||0),L.cancelBubble=!0,L.preventDefault()},X=L=>{!U(r.value,L)||(x(),W&&(W=!1,!(z<0)&&(n.confirm&&n.confirm({x:parseInt(z.toString()),y:e.thumbY||0},()=>{l()}),L.cancelBubble=!0,L.preventDefault())))},B=L=>{D=L},F=()=>{D=null},N=L=>{!D||(X(D),x())},R=t.scope,p=R?i.value:r.value,T=R?i.value:document.body,x=()=>{T.removeEventListener("mousemove",k,!1),T.removeEventListener("touchmove",k,{passive:!1}),p.removeEventListener("mouseup",X,!1),p.removeEventListener("mouseenter",F,!1),p.removeEventListener("mouseleave",B,!1),p.removeEventListener("touchend",X,!1),T.removeEventListener("mouseleave",X,!1),T.removeEventListener("mouseup",N,!1),d.isFreeze=!1};d.isFreeze=!0,T.addEventListener("mousemove",k,!1),T.addEventListener("touchmove",k,{passive:!1}),p.addEventListener("mouseup",X,!1),p.addEventListener("mouseenter",F,!1),p.addEventListener("mouseleave",B,!1),p.addEventListener("touchend",X,!1),T.addEventListener("mouseleave",X,!1),T.addEventListener("mouseup",N,!1)},f=v=>(g(),v.cancelBubble=!0,v.preventDefault(),!1),o=v=>(w(),v.cancelBubble=!0,v.preventDefault(),!1),g=()=>{n&&n.close&&n.close(),l()},w=()=>{n&&n.refresh&&n.refresh(),l()},l=()=>{d.dragLeft=0,d.thumbLeft=e.thumbX||0};return{state:d,dragEvent:b,closeEvent:f,refreshEvent:o,resetData:l,clearData:()=>{a&&a(),l()},refresh:w,close:g}}const J={};J.props={config:{key:"config",required:!1,type:null,default:ve},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:ye}},J.setup=(e,n)=>{const t=e,{data:i,events:u,config:m}=t,c=s.reactive({...ye(),...s.toRaw(i)}),r=s.reactive({...s.toRaw(u)}),a=s.reactive({...ve(),...s.toRaw(m)});s.watch(()=>t.data,(_,$)=>{Object.assign(c,_)},{deep:!0}),s.watch(()=>t.events,(_,$)=>{Object.assign(r,_)},{deep:!0}),s.watch(()=>t.config,(_,$)=>{Object.assign(a,_)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=s.ref(null),g=s.ref(null),w=ct(c,r,a,d,f,g,o,b,()=>{c.thumb="",c.image="",c.thumbX=0,c.thumbY=0,c.thumbWidth=0,c.thumbHeight=0}),l=s.computed(()=>{const _=a.horizontalPadding||0,$=a.verticalPadding||0;return{width:(a.width||0)+_*2+(a.showTheme?2:0)+"px",paddingLeft:_+"px",paddingRight:_+"px",paddingTop:$+"px",paddingBottom:$+"px"}}),E=s.computed(()=>({width:c.thumbWidth+"px",height:c.thumbHeight+"px",top:c.thumbY+"px",left:w.state.thumbLeft+"px"})),v=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),y=s.computed(()=>c.image&&c.image.length>0),C=s.computed(()=>(a.width||0)>0||(a.height||0)>0),h=_=>_.preventDefault();return s.onMounted(async()=>{await s.nextTick(),o.value&&o.value.addEventListener("dragstart",h)}),s.onUnmounted(()=>{o.value&&o.value.removeEventListener("dragstart",h)}),Object.assign({localData:c,localConfig:a,rootRef:d,dragBarRef:b,containerRef:f,dragBlockRef:o,tileRef:g,handler:w,wrapperStyles:l,thumbStyles:E,imageStyles:v,hasDisplayImageState:y,hasDisplayWrapperState:C},{reset:w.resetData,clear:w.clearData,refresh:w.refresh,close:w.close})},J.components=Object.assign({CloseIcon:ae,RefreshIcon:ce,LoadingIcon:oe,ArrowsIcon:be},J.components);var ot=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header"},[t("span",[e._v(e._s(e.localConfig.title))]),t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)]),t("div",{ref:"containerRef",staticClass:"gc-body",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),e.localData.image?t("img",{staticClass:"gc-picture",style:e.imageStyles,attrs:{src:e.localData.image,alt:""}}):e._e(),t("div",{ref:"tileRef",staticClass:"gc-tile",style:e.thumbStyles},[e.localData.thumb?t("img",{attrs:{src:e.localData.thumb,alt:""}}):e._e()])]),t("div",{staticClass:"gc-footer"},[t("div",{ref:"dragBarRef",staticClass:"gc-drag-slide-bar"},[t("div",{staticClass:"gc-drag-line"}),t("div",{ref:"dragBlockRef",staticClass:"gc-drag-block",class:!e.hasDisplayImageState&&"disabled",style:{left:e.handler.state.dragLeft+"px"},on:{mousedown:e.handler.dragEvent}},[t("div",{staticClass:"gc-drag-block-inline",on:{touchstart:function(i){return i.preventDefault(),e.handler.dragEvent.apply(null,arguments)}}},[t("arrows-icon")],1)])])])])},it=[],Qt="";const we={};var lt=M(J,ot,it,!1,rt,null,null,null);function rt(e){for(let n in we)this[n]=we[n]}var K=function(){return lt.exports}();K.name="gocaptcha-slide",K.install=function(e){e.component("gocaptcha-slide",K)};const Ee=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u62D6\u62FD\u8D34\u56FE\u5B8C\u6210\u62FC\u56FE",iconSize:22,scope:!0}),xe=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function ut(e,n,t,i,u,m,c){const r=s.reactive({x:e.thumbX||0,y:e.thumbY||0,isFreeze:!1});s.watch(()=>e,(l,E)=>{r.isFreeze||(r.x=l.thumbX||0,r.y=l.thumbY||0)},{deep:!0});const a=l=>{if(!U(u.value,l))return;const E=l.touches&&l.touches[0],v=m.value.offsetLeft,y=m.value.offsetTop,C=u.value.offsetWidth,h=u.value.offsetHeight,_=m.value.offsetWidth,$=m.value.offsetHeight,P=C-_,I=h-$;let A=!1,H=null,O=0,W=0,D=0,q=0;E?(O=E.pageX-v,W=E.pageY-y):(O=l.clientX-v,W=l.clientY-y);const z=x=>{A=!0;const L=x.touches&&x.touches[0];let Y=0,S=0;L?(Y=L.pageX-O,S=L.pageY-W):(Y=x.clientX-O,S=x.clientY-W),Y<=0&&(Y=0),S<=0&&(S=0),Y>=P&&(Y=P),S>=I&&(S=I),r.x=Y,r.y=S,D=Y,q=S,n.move&&n.move(Y,S),x.cancelBubble=!0,x.preventDefault()},k=x=>{!U(u.value,x)||(T(),A&&(A=!1,!(D<0||q<0)&&(n.confirm&&n.confirm({x:D,y:q},()=>{g()}),x.cancelBubble=!0,x.preventDefault())))},X=x=>{H=x},B=()=>{H=null},F=x=>{!H||(k(H),T())},N=t.scope,R=N?i.value:u.value,p=N?i.value:document.body,T=()=>{p.removeEventListener("mousemove",z,!1),p.removeEventListener("touchmove",z,{passive:!1}),R.removeEventListener("mouseup",k,!1),R.removeEventListener("mouseenter",B,!1),R.removeEventListener("mouseleave",X,!1),R.removeEventListener("touchend",k,!1),p.removeEventListener("mouseleave",k,!1),p.removeEventListener("mouseup",F,!1),r.isFreeze=!1};r.isFreeze=!0,p.addEventListener("mousemove",z,!1),p.addEventListener("touchmove",z,{passive:!1}),R.addEventListener("mouseup",k,!1),R.addEventListener("mouseenter",B,!1),R.addEventListener("mouseleave",X,!1),R.addEventListener("touchend",k,!1),p.addEventListener("mouseleave",k,!1),p.addEventListener("mouseup",F,!1)},d=l=>(f(),l.cancelBubble=!0,l.preventDefault(),!1),b=l=>(o(),l.cancelBubble=!0,l.preventDefault(),!1),f=()=>{n&&n.close&&n.close(),g()},o=()=>{n&&n.refresh&&n.refresh(),g()},g=()=>{r.x=e.thumbX||0,r.y=e.thumbY||0};return{state:r,dragEvent:a,closeEvent:d,refreshEvent:b,resetData:g,clearData:()=>{c&&c(),g()},refresh:o,close:f}}const Q={};Q.props={config:{key:"config",required:!1,type:null,default:Ee},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:xe}},Q.setup=(e,n)=>{const t=e,{data:i,events:u,config:m}=t,c=s.reactive({...xe(),...s.toRaw(i)}),r=s.reactive({...s.toRaw(u)}),a=s.reactive({...Ee(),...s.toRaw(m)});s.watch(()=>t.data,(y,C)=>{Object.assign(c,y)},{deep:!0}),s.watch(()=>t.events,(y,C)=>{Object.assign(r,y)},{deep:!0}),s.watch(()=>t.config,(y,C)=>{Object.assign(a,y)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=ut(c,r,a,d,b,f,()=>{c.thumb="",c.image="",c.thumbX=0,c.thumbY=0,c.thumbWidth=0,c.thumbHeight=0}),g=s.computed(()=>{const y=a.horizontalPadding||0,C=a.verticalPadding||0;return{width:(a.width||0)+y*2+(a.showTheme?2:0)+"px",paddingLeft:y+"px",paddingRight:y+"px",paddingTop:C+"px",paddingBottom:C+"px"}}),w=s.computed(()=>({width:c.thumbWidth+"px",height:c.thumbHeight+"px",top:o.state.y+"px",left:o.state.x+"px"})),l=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),E=s.computed(()=>(a.width||0)>0||(a.height||0)>0),v=y=>y.preventDefault();return s.onMounted(async()=>{await s.nextTick(),f.value&&f.value.addEventListener("dragstart",v)}),s.onUnmounted(()=>{f.value&&f.value.removeEventListener("dragstart",v)}),Object.assign({localData:c,localConfig:a,rootRef:d,containerRef:b,tileRef:f,handler:o,wrapperStyles:g,thumbStyles:w,imageStyles:l,hasDisplayWrapperState:E},{reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close})},Q.components=Object.assign({LoadingIcon:oe,CloseIcon:ae,RefreshIcon:ce},Q.components);var dt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header gc-header2"},[t("span",[e._v(e._s(e.localConfig.title))])]),t("div",{ref:"containerRef",staticClass:"gc-body",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),e.localData.image?t("img",{staticClass:"gc-picture",style:e.imageStyles,attrs:{src:e.localData.image,alt:""}}):e._e(),t("div",{ref:"tileRef",staticClass:"gc-tile",style:e.thumbStyles,on:{mousedown:e.handler.dragEvent,touchstart:function(i){return i.preventDefault(),e.handler.dragEvent.apply(null,arguments)}}},[e.localData.thumb?t("img",{attrs:{src:e.localData.thumb,alt:""}}):e._e()])]),t("div",{staticClass:"gc-footer"},[t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)])])},ft=[],Zt="";const Ce={};var ht=M(Q,dt,ft,!1,pt,null,null,null);function pt(e){for(let n in Ce)this[n]=Ce[n]}var Z=function(){return ht.exports}();Z.name="gocaptcha-slide-region",Z.install=function(e){e.component("gocaptcha-slide-region",Z)};const ie=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"\u8BF7\u62D6\u52A8\u6ED1\u5757\u5B8C\u6210\u62FC\u56FE",iconSize:22,scope:!0}),Le=()=>({angle:0,image:"",thumb:"",thumbSize:0});function gt(e,n,t,i,u,m,c){const r=s.reactive({dragLeft:0,thumbAngle:e.angle||0,isFreeze:!1});s.watch(()=>e,(l,E)=>{r.isFreeze||(r.thumbAngle=l.angle||0)},{deep:!0});const a=l=>{var R;if(!U(m.value,l))return;const E=l.touches&&l.touches[0],v=u.value.offsetLeft,y=m.value.offsetWidth,C=u.value.offsetWidth,h=y-C,_=360,$=(_-((R=e.angle)!=null?R:0))/h;let P=0,I=!1,A=null,H=0,O=0;E?H=E.pageX-v:H=l.clientX-v;const W=p=>{var L;I=!0;const T=p.touches&&p.touches[0];let x=0;if(T?x=T.pageX-H:x=p.clientX-H,P=(e.angle||0)+x*$,x>=h){r.dragLeft=h,r.thumbAngle=O=_;return}if(x<=0){r.dragLeft=0,r.thumbAngle=O=(L=e.angle)!=null?L:0;return}r.dragLeft=x,r.thumbAngle=O=P,n.rotate&&n.rotate(P),p.cancelBubble=!0,p.preventDefault()},D=p=>{!U(m.value,p)||(N(),I&&(I=!1,!(O<0)&&(n.confirm&&n.confirm(parseInt(O.toString()),()=>{g()}),p.cancelBubble=!0,p.preventDefault())))},q=p=>{A=p},z=()=>{A=null},k=p=>{!A||(D(A),N())},X=t.scope,B=X?i.value:m.value,F=X?i.value:document.body,N=()=>{F.removeEventListener("mousemove",W,!1),F.removeEventListener("touchmove",W,{passive:!1}),B.removeEventListener("mouseup",D,!1),B.removeEventListener("mouseenter",z,!1),B.removeEventListener("mouseleave",q,!1),B.removeEventListener("touchend",D,!1),F.removeEventListener("mouseleave",D,!1),F.removeEventListener("mouseup",k,!1),r.isFreeze=!1};r.isFreeze=!0,F.addEventListener("mousemove",W,!1),F.addEventListener("touchmove",W,{passive:!1}),B.addEventListener("mouseup",D,!1),B.addEventListener("mouseenter",z,!1),B.addEventListener("mouseleave",q,!1),B.addEventListener("touchend",D,!1),F.addEventListener("mouseleave",D,!1),F.addEventListener("mouseup",k,!1)},d=l=>(f(),l.cancelBubble=!0,l.preventDefault(),!1),b=l=>(o(),l.cancelBubble=!0,l.preventDefault(),!1),f=()=>{n&&n.close&&n.close(),g()},o=()=>{n&&n.refresh&&n.refresh(),g()},g=()=>{var l;r.dragLeft=0,r.thumbAngle=(l=e.angle)!=null?l:0};return{state:r,dragEvent:a,closeEvent:d,refreshEvent:b,resetData:g,clearData:()=>{c&&c(),g()},refresh:o,close:f}}const ee={};ee.props={config:{key:"config",required:!1,type:null,default:ie},events:{key:"events",required:!1,type:null,default:()=>({})},data:{key:"data",required:!1,type:null,default:Le}},ee.setup=(e,n)=>{const t=e,{data:i,events:u,config:m}=t,c=s.reactive({...Le(),...s.toRaw(i)}),r=s.reactive({...s.toRaw(u)}),a=s.reactive({...ie(),...s.toRaw(m)});s.watch(()=>t.data,(h,_)=>{Object.assign(c,h)},{deep:!0}),s.watch(()=>t.events,(h,_)=>{Object.assign(r,h)},{deep:!0}),s.watch(()=>t.config,(h,_)=>{Object.assign(a,h)},{deep:!0});const d=s.ref(null),b=s.ref(null),f=s.ref(null),o=gt(c,r,a,d,f,b,()=>{c.thumb="",c.image="",c.angle=0}),g=s.computed(()=>{const h=a.horizontalPadding||0,_=a.verticalPadding||0;return{width:(a.width||0)+h*2+(a.showTheme?2:0)+"px",paddingLeft:h+"px",paddingRight:h+"px",paddingTop:_+"px",paddingBottom:_+"px"}}),w=s.computed(()=>({transform:`rotate(${o.state.thumbAngle}deg)`,...c.thumbSize>0?{width:c.thumbSize+"px",height:c.thumbSize+"px"}:{}})),l=s.computed(()=>({width:a.width+"px",height:a.height+"px"})),E=s.computed(()=>{const h=(a.size||0)>0?a.size:ie().size;return{width:h+"px",height:h+"px"}}),v=s.computed(()=>c.image&&c.image.length>0),y=s.computed(()=>(a.width||0)>0||(a.height||0)>0),C=h=>h.preventDefault();return s.onMounted(async()=>{await s.nextTick(),f.value&&f.value.addEventListener("dragstart",C)}),s.onUnmounted(()=>{f.value&&f.value.removeEventListener("dragstart",C)}),Object.assign({localData:c,localConfig:a,rootRef:d,dragBarRef:b,dragBlockRef:f,handler:o,wrapperStyles:g,thumbStyles:w,imageBlockStyles:l,imageStyles:E,hasDisplayImageState:v,hasDisplayWrapperState:y},{reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close})},ee.components=Object.assign({CloseIcon:ae,RefreshIcon:ce,LoadingIcon:oe,ArrowsIcon:be},ee.components);var vt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasDisplayWrapperState,expression:"hasDisplayWrapperState"}],ref:"rootRef",class:"go-captcha gc-wrapper "+(e.localConfig.showTheme&&"gc-theme"),style:e.wrapperStyles},[t("div",{staticClass:"gc-header"},[t("span",[e._v(e._s(e.localConfig.title))]),t("div",{staticClass:"gc-icon-block"},[t("close-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.closeEvent}}),t("refresh-icon",{attrs:{width:e.localConfig.iconSize,height:e.localConfig.iconSize},on:{click:e.handler.refreshEvent}})],1)]),t("div",{ref:"containerRef",staticClass:"gc-body gc-rotate-body",style:e.imageBlockStyles},[t("div",{staticClass:"gc-body-inner",style:e.imageStyles},[t("div",{staticClass:"gc-loading"},[t("loading-icon")],1),t("div",{staticClass:"gc-picture gc-rotate-picture",style:e.imageStyles},[e.localData.image?t("img",{attrs:{src:e.localData.image,alt:""}}):e._e(),t("div",{staticClass:"gc-round"})]),t("div",{staticClass:"gc-thumb gc-rotate-thumb"},[t("div",{staticClass:"gc-rotate-thumb-block",style:e.thumbStyles},[e.localData.thumb?t("img",{attrs:{src:e.localData.thumb,alt:""}}):e._e()])])])]),t("div",{staticClass:"gc-footer"},[t("div",{ref:"dragBarRef",staticClass:"gc-drag-slide-bar"},[t("div",{staticClass:"gc-drag-line"}),t("div",{ref:"dragBlockRef",staticClass:"gc-drag-block",class:!e.hasDisplayImageState&&"disabled",style:{left:e.handler.state.dragLeft+"px"},on:{mousedown:e.handler.dragEvent}},[t("div",{staticClass:"gc-drag-block-inline",on:{touchstart:function(i){return i.preventDefault(),e.handler.dragEvent.apply(null,arguments)}}},[t("arrows-icon")],1)])])])])},mt=[],en="";const $e={};var _t=M(ee,vt,mt,!1,bt,null,null,null);function bt(e){for(let n in $e)this[n]=$e[n]}var te=function(){return _t.exports}();te.name="gocaptcha-rotate",te.install=function(e){e.component("gocaptcha-rotate",te)};const De={};De.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var yt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("circle",{attrs:{fill:"#3E7CFF",cx:"100",cy:"100",r:"96.3"}}),t("path",{attrs:{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
|
|
28
|
+
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`}})])},wt=[],tn="";const Se={};var Et=M(De,yt,wt,!1,xt,"5511614f",null,null);function xt(e){for(let n in Se)this[n]=Se[n]}var Ct=function(){return Et.exports}();const ke={};ke.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var Lt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
29
29
|
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
|
|
30
30
|
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
|
|
31
31
|
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
|
|
32
|
-
z`}})])}
|
|
32
|
+
z`}})])},$t=[],nn="";const ze={};var Dt=M(ke,Lt,$t,!1,St,"3fd7b394",null,null);function St(e){for(let n in ze)this[n]=ze[n]}var kt=function(){return Dt.exports}();const Be={};Be.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var zt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
33
33
|
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
|
|
34
34
|
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
|
|
35
35
|
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
|
|
36
|
-
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`}})])},Bt=[],sn="";const Fe={};var Ft=M(Be,zt,Bt,!1,
|
|
36
|
+
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`}})])},Bt=[],sn="";const Fe={};var Ft=M(Be,zt,Bt,!1,Rt,"6c20e1c2",null,null);function Rt(e){for(let n in Fe)this[n]=Fe[n]}var Tt=function(){return Ft.exports}();const Re={};Re.setup=(e,n)=>{const t=n.emit;function i(u){t("click",u)}return{emitClickEvent:i}};var Mt=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("svg",e._b({attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},on:{click:e.emitClickEvent}},"svg",e.$attrs,!1),[t("path",{attrs:{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
|
|
37
37
|
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
|
|
38
38
|
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
|
|
39
|
-
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`}})])},
|
|
39
|
+
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`}})])},Wt=[],an="";const Te={};var Xt=M(Re,Mt,Wt,!1,jt,"5a795cd4",null,null);function jt(e){for(let n in Te)this[n]=Te[n]}var Pt=function(){return Xt.exports}();const Me=()=>({width:330,height:44,verticalPadding:12,horizontalPadding:16}),ne={};ne.props={config:{key:"config",required:!1,type:null,default:Me},clickEvent:{key:"clickEvent",required:!1,type:Function},disabled:{key:"disabled",required:!1,type:Boolean,default:!1},type:{key:"type",required:!1,type:null,default:"default"},title:{key:"title",required:!1,type:String,default:"\u70B9\u51FB\u6309\u952E\u8FDB\u884C\u9A8C\u8BC1"}},ne.setup=(e,n)=>{const t=e,{type:i,title:u,disabled:m,config:c}=s.toRefs(t),r=s.reactive({...Me(),...s.toRaw(c)});s.watch(()=>t.config,(o,g)=>{Object.assign(r,o)},{deep:!0});const a=s.computed(()=>{const o=`gc-${i.value}`;return["go-captcha","gc-btn-block",o,m.value?"gc-disabled":""]}),d=s.computed(()=>({width:r.width+"px",height:r.height+"px",paddingLeft:r.horizontalPadding+"px",paddingRight:r.horizontalPadding+"px",paddingTop:r.verticalPadding+"px",paddingBottom:r.verticalPadding+"px"})),b=n.emit;function f(o){b("click-event",o)}return{type:i,title:u,btnClass:a,btnStyle:d,emitClickEvent:f}},ne.components=Object.assign({BtnDefaultIcon:Ct,BtnWarnIcon:kt,BtnErrorIcon:Tt,BtnSuccessIcon:Pt},ne.components);var It=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{class:e.btnClass,style:e.btnStyle,on:{click:e.emitClickEvent}},[t("div",{class:e.type==="default"?"gc-ripple":""},[e.type==="default"?t("btn-default-icon"):e.type==="warn"?t("btn-warn-icon"):e.type==="error"?t("btn-error-icon"):e.type==="success"?t("btn-success-icon"):e._e()],1),t("span",[e._v(e._s(e.title))])])},Ot=[],cn="";const We={};var Yt=M(ne,It,Ot,!1,qt,null,null,null);function qt(e){for(let n in We)this[n]=We[n]}var se=function(){return Yt.exports}();se.name="gocaptcha-button",se.install=function(e){e.component("gocaptcha-button",se)};const At={install(e){G.install(e),K.install(e),Z.install(e),te.install(e),se.install(e)}};j.Button=se,j.Click=G,j.Rotate=te,j.Slide=K,j.SlideRegion=Z,j.default=At,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--go-captcha-theme-text-color: #333333;--go-captcha-theme-bg-color: #ffffff;--go-captcha-theme-btn-color: #ffffff;--go-captcha-theme-btn-disabled-color: #749ff9;--go-captcha-theme-btn-bg-color: #4e87ff;--go-captcha-theme-btn-border-color: #4e87ff;--go-captcha-theme-active-color: #3e7cff;--go-captcha-theme-border-color: rgba(206, 223, 254, .5);--go-captcha-theme-icon-color: #3C3C3C;--go-captcha-theme-drag-bar-color: #e0e0e0;--go-captcha-theme-drag-bg-color: #3e7cff;--go-captcha-theme-drag-icon-color: #ffffff;--go-captcha-theme-round-color: #e0e0e0;--go-captcha-theme-loading-icon-color: #3e7cff;--go-captcha-theme-body-bg-color: #34383e;--go-captcha-theme-dot-color-color: #cedffe;--go-captcha-theme-dot-bg-color: #4e87ff;--go-captcha-theme-dot-border-color: #ffffff;--go-captcha-theme-default-color: #3e7cff;--go-captcha-theme-default-bg-color: #ecf5ff;--go-captcha-theme-default-border-color: #50a1ff;--go-captcha-theme-default-hover-color: #e0efff;--go-captcha-theme-error-color: #ed4630;--go-captcha-theme-error-bg-color: #fef0f0;--go-captcha-theme-error-border-color: #ff5a34;--go-captcha-theme-warn-color: #ffa000;--go-captcha-theme-warn-bg-color: #fdf6ec;--go-captcha-theme-warn-border-color: #ffbe09;--go-captcha-theme-success-color: #5eaa2f;--go-captcha-theme-success-bg-color: #f0f9eb;--go-captcha-theme-success-border-color: #8bc640}.go-captcha.gc-wrapper{padding:12px 16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.go-captcha.gc-theme{border:1px solid rgba(206,223,254,.5);border-color:var(--go-captcha-theme-border-color);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:0 0 20px #6464641a;-webkit-box-shadow:0 0 20px rgba(100,100,100,.1);-moz-box-shadow:0 0 20px rgba(100,100,100,.1)}.go-captcha.gc-theme.gc-wrapper{background-color:var(--go-captcha-theme-bg-color)}.go-captcha .gc-header{height:36px;width:100%;font-size:15px;color:var(--go-captcha-theme-text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-header span{flex:1;padding-right:5px}.go-captcha .gc-header em{padding:0 3px;font-weight:700;color:var(--go-captcha-theme-active-color);font-style:normal}.go-captcha .gc-body{position:relative;width:100%;margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:var(--go-captcha-theme-body-bg-color);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}.go-captcha .gc-body .gc-body-inner{position:relative;background:var(--go-captcha-theme-body-bg-color)}.go-captcha .gc-picture{position:relative;z-index:2;width:100%}.go-captcha .gc-loading{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;margin-left:-34px;margin-top:-34px;line-height:68px;text-align:center;display:flex;align-content:center;justify-content:center}.go-captcha .gc-loading svg,.go-captcha .gc-loading circle{color:var(--go-captcha-theme-loading-icon-color);fill:var(--go-captcha-theme-loading-icon-color)}.go-captcha .gc-footer{width:100%;height:50px;color:#34383e;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;padding-top:10px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-footer .icon-block{flex:1}.go-captcha .gc-icon-block{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}.go-captcha .gc-icon-block svg{color:var(--go-captcha-theme-icon-color);fill:var(--go-captcha-theme-icon-color);margin:0 5px;cursor:pointer}.go-captcha .gc-button-block{width:120px;height:40px}.go-captcha .gc-button-block button{width:100%;height:40px;text-align:center;padding:9px 15px;font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;color:var(--go-captcha-theme-btn-color);background-color:var(--go-captcha-theme-btn-bg-color);border:1px solid transparent;border-color:var(--go-captcha-theme-btn-border-color);-webkit-appearance:none;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none}.go-captcha .gc-button-block button.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.go-captcha .gc-drag-slide-bar{width:100%;height:100%;position:relative;touch-action:none}.go-captcha .gc-drag-line{position:absolute;height:14px;background-color:var(--go-captcha-theme-drag-bar-color);left:0;right:0;top:50%;margin-top:-7px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.go-captcha .gc-drag-block{position:absolute;left:0;top:50%;margin-top:-20px;width:82px;height:40px;z-index:2;background-color:var(--go-captcha-theme-drag-bg-color);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;box-shadow:0 0 20px #64646459;-webkit-box-shadow:0 0 20px rgba(100,100,100,.35);-moz-box-shadow:0 0 20px rgba(100,100,100,.35);color:var(--go-captcha-theme-drag-icon-color);fill:var(--go-captcha-theme-drag-icon-color)}.go-captcha .gc-drag-block.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.go-captcha .gc-drag-block-inline{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.go-captcha .gc-icon-block2{flex:1}.go-captcha .gc-dots{position:absolute;top:0;right:0;left:0;bottom:0}.go-captcha .gc-dots .gc-dot{position:absolute;z-index:2;width:22px;height:22px;color:var(--go-captcha-theme-dot-color-color);background:var(--go-captcha-theme-dot-bg-color);border:3px solid #f7f9fb;border-color:var(--go-captcha-theme-dot-border-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;border-radius:22px;cursor:default}.go-captcha .gc-header2{text-align:center}.go-captcha .gc-tile{position:absolute;z-index:2;cursor:pointer}.go-captcha .gc-tile img{display:block;cursor:pointer;width:100%;height:100%}.go-captcha .gc-rotate-body{background:transparent!important;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;align-items:center;margin:10px auto 0}.go-captcha .gc-rotate-body .gc-body-inner{border-radius:100%}.go-captcha .gc-rotate-picture{position:relative;max-width:100%;max-height:100%;z-index:2;border-radius:100%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha .gc-rotate-picture img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-picture .gc-round{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;z-index:2;border:6px solid #e0e0e0;border-color:var(--go-captcha-theme-round-color)}.go-captcha .gc-rotate-thumb{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha .gc-rotate-thumb img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-thumb-block{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha.gc-btn-block{position:relative;box-sizing:border-box;display:block;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;letter-spacing:1px;border-radius:5px;line-height:1;white-space:nowrap;-webkit-appearance:none;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;justify-items:center;box-shadow:0 0 20px #3e7cff1a;-webkit-box-shadow:0 0 20px rgba(62,124,255,.1);-moz-box-shadow:0 0 20px rgba(62,124,255,.1)}.go-captcha.gc-btn-block span{padding-left:8px}.go-captcha.gc-disabled{pointer-events:none}.go-captcha.gc-default{color:var(--go-captcha-theme-default-color);border:1px solid #50a1ff;border-color:var(--go-captcha-theme-default-border-color);background-color:var(--go-captcha-theme-default-bg-color);cursor:pointer}.go-captcha.gc-default:hover{background-color:var(--go-captcha-theme-default-hover-color)!important}.go-captcha.gc-error{cursor:pointer;color:var(--go-captcha-theme-error-color);background-color:var(--go-captcha-theme-error-bg-color);border:1px solid #ff5a34;border-color:var(--go-captcha-theme-error-border-color)}.go-captcha.gc-warn{cursor:pointer;color:var(--go-captcha-theme-warn-color);background-color:var(--go-captcha-theme-warn-bg-color);border:1px solid #ffbe09;border-color:var(--go-captcha-theme-warn-border-color)}.go-captcha.gc-success{color:var(--go-captcha-theme-success-color);background-color:var(--go-captcha-theme-success-bg-color);border:1px solid #8bc640;border-color:var(--go-captcha-theme-success-border-color);pointer-events:none}.go-captcha .gc-ripple{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;justify-items:center}.go-captcha .gc-ripple>*{z-index:2}.go-captcha .gc-ripple svg{position:relative;z-index:2}.go-captcha .gc-ripple:after{background-color:var(--go-captcha-theme-default-border-color);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;content:"";display:block;width:21px;height:21px;opacity:0;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;z-index:1;animation:gc-ripple 1.3s infinite;-moz-animation:gc-ripple 1.3s infinite;-webkit-animation:gc-ripple 1.3s infinite;animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s}@keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{transform:scaleX(2) scaleY(2);opacity:0}}@-webkit-keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{transform:scaleX(2) scaleY(2);opacity:0}}
|
|
1
|
+
:root{--go-captcha-theme-text-color: #333333;--go-captcha-theme-bg-color: #ffffff;--go-captcha-theme-btn-color: #ffffff;--go-captcha-theme-btn-disabled-color: #749ff9;--go-captcha-theme-btn-bg-color: #4e87ff;--go-captcha-theme-btn-border-color: #4e87ff;--go-captcha-theme-active-color: #3e7cff;--go-captcha-theme-border-color: rgba(206, 223, 254, .5);--go-captcha-theme-icon-color: #3C3C3C;--go-captcha-theme-drag-bar-color: #e0e0e0;--go-captcha-theme-drag-bg-color: #3e7cff;--go-captcha-theme-drag-icon-color: #ffffff;--go-captcha-theme-round-color: #e0e0e0;--go-captcha-theme-loading-icon-color: #3e7cff;--go-captcha-theme-body-bg-color: #34383e;--go-captcha-theme-dot-color: #cedffe;--go-captcha-theme-dot-bg-color: #4e87ff;--go-captcha-theme-dot-border-color: #ffffff;--go-captcha-theme-default-color: #3e7cff;--go-captcha-theme-default-bg-color: #ecf5ff;--go-captcha-theme-default-border-color: #50a1ff;--go-captcha-theme-default-hover-color: #e0efff;--go-captcha-theme-error-color: #ed4630;--go-captcha-theme-error-bg-color: #fef0f0;--go-captcha-theme-error-border-color: #ff5a34;--go-captcha-theme-warn-color: #ffa000;--go-captcha-theme-warn-bg-color: #fdf6ec;--go-captcha-theme-warn-border-color: #ffbe09;--go-captcha-theme-success-color: #5eaa2f;--go-captcha-theme-success-bg-color: #f0f9eb;--go-captcha-theme-success-border-color: #8bc640}.go-captcha.gc-wrapper{padding:12px 16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.go-captcha.gc-theme{border:1px solid rgba(206,223,254,.5);border-color:var(--go-captcha-theme-border-color);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:0 0 20px #6464641a;-webkit-box-shadow:0 0 20px rgba(100,100,100,.1);-moz-box-shadow:0 0 20px rgba(100,100,100,.1)}.go-captcha.gc-theme.gc-wrapper{background-color:var(--go-captcha-theme-bg-color)}.go-captcha .gc-header{height:36px;width:100%;font-size:15px;color:var(--go-captcha-theme-text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-header span{flex:1;padding-right:5px}.go-captcha .gc-header em{padding:0 3px;font-weight:700;color:var(--go-captcha-theme-active-color);font-style:normal}.go-captcha .gc-body{position:relative;width:100%;margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:var(--go-captcha-theme-body-bg-color);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}.go-captcha .gc-body .gc-body-inner{position:relative;background:var(--go-captcha-theme-body-bg-color)}.go-captcha .gc-picture{position:relative;z-index:2;width:100%}.go-captcha .gc-loading{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;margin-left:-34px;margin-top:-34px;line-height:68px;text-align:center;display:flex;align-content:center;justify-content:center}.go-captcha .gc-loading svg,.go-captcha .gc-loading circle{color:var(--go-captcha-theme-loading-icon-color);fill:var(--go-captcha-theme-loading-icon-color)}.go-captcha .gc-footer{width:100%;height:50px;color:#34383e;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;padding-top:10px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-footer .icon-block{flex:1}.go-captcha .gc-icon-block{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}.go-captcha .gc-icon-block svg{color:var(--go-captcha-theme-icon-color);fill:var(--go-captcha-theme-icon-color);margin:0 5px;cursor:pointer}.go-captcha .gc-button-block{width:120px;height:40px}.go-captcha .gc-button-block button{width:100%;height:40px;text-align:center;padding:9px 15px;font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;color:var(--go-captcha-theme-btn-color);background-color:var(--go-captcha-theme-btn-bg-color);border:1px solid transparent;border-color:var(--go-captcha-theme-btn-border-color);-webkit-appearance:none;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none}.go-captcha .gc-button-block button.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.go-captcha .gc-drag-slide-bar{width:100%;height:100%;position:relative;touch-action:none}.go-captcha .gc-drag-line{position:absolute;height:14px;background-color:var(--go-captcha-theme-drag-bar-color);left:0;right:0;top:50%;margin-top:-7px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.go-captcha .gc-drag-block{position:absolute;left:0;top:50%;margin-top:-20px;width:82px;height:40px;z-index:2;background-color:var(--go-captcha-theme-drag-bg-color);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;box-shadow:0 0 20px #64646459;-webkit-box-shadow:0 0 20px rgba(100,100,100,.35);-moz-box-shadow:0 0 20px rgba(100,100,100,.35);color:var(--go-captcha-theme-drag-icon-color);fill:var(--go-captcha-theme-drag-icon-color)}.go-captcha .gc-drag-block.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.go-captcha .gc-drag-block-inline{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.go-captcha .gc-icon-block2{flex:1}.go-captcha .gc-dots{position:absolute;top:0;right:0;left:0;bottom:0}.go-captcha .gc-dots .gc-dot{position:absolute;z-index:2;width:22px;height:22px;color:var(--go-captcha-theme-dot-color);background:var(--go-captcha-theme-dot-bg-color);border:3px solid #f7f9fb;border-color:var(--go-captcha-theme-dot-border-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;border-radius:22px;cursor:default}.go-captcha .gc-header2{text-align:center}.go-captcha .gc-tile{position:absolute;z-index:2;cursor:pointer}.go-captcha .gc-tile img{display:block;cursor:pointer;width:100%;height:100%}.go-captcha .gc-rotate-body{background:transparent!important;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;align-items:center;margin:10px auto 0}.go-captcha .gc-rotate-body .gc-body-inner{border-radius:100%}.go-captcha .gc-rotate-picture{position:relative;max-width:100%;max-height:100%;z-index:2;border-radius:100%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha .gc-rotate-picture img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-picture .gc-round{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;z-index:2;border:6px solid #e0e0e0;border-color:var(--go-captcha-theme-round-color)}.go-captcha .gc-rotate-thumb{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha .gc-rotate-thumb img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-thumb-block{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.go-captcha.gc-btn-block{position:relative;box-sizing:border-box;display:block;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;letter-spacing:1px;border-radius:5px;line-height:1;white-space:nowrap;-webkit-appearance:none;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;justify-items:center;box-shadow:0 0 20px #3e7cff1a;-webkit-box-shadow:0 0 20px rgba(62,124,255,.1);-moz-box-shadow:0 0 20px rgba(62,124,255,.1)}.go-captcha.gc-btn-block span{padding-left:8px}.go-captcha.gc-disabled{pointer-events:none}.go-captcha.gc-default{color:var(--go-captcha-theme-default-color);border:1px solid #50a1ff;border-color:var(--go-captcha-theme-default-border-color);background-color:var(--go-captcha-theme-default-bg-color);cursor:pointer}.go-captcha.gc-default:hover{background-color:var(--go-captcha-theme-default-hover-color)!important}.go-captcha.gc-error{cursor:pointer;color:var(--go-captcha-theme-error-color);background-color:var(--go-captcha-theme-error-bg-color);border:1px solid #ff5a34;border-color:var(--go-captcha-theme-error-border-color)}.go-captcha.gc-warn{cursor:pointer;color:var(--go-captcha-theme-warn-color);background-color:var(--go-captcha-theme-warn-bg-color);border:1px solid #ffbe09;border-color:var(--go-captcha-theme-warn-border-color)}.go-captcha.gc-success{color:var(--go-captcha-theme-success-color);background-color:var(--go-captcha-theme-success-bg-color);border:1px solid #8bc640;border-color:var(--go-captcha-theme-success-border-color);pointer-events:none}.go-captcha .gc-ripple{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;justify-items:center}.go-captcha .gc-ripple>*{z-index:2}.go-captcha .gc-ripple svg{position:relative;z-index:2}.go-captcha .gc-ripple:after{background-color:var(--go-captcha-theme-default-border-color);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;content:"";display:block;width:21px;height:21px;opacity:0;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;z-index:1;animation:gc-ripple 1.3s infinite;-moz-animation:gc-ripple 1.3s infinite;-webkit-animation:gc-ripple 1.3s infinite;animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s}@keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{transform:scaleX(2) scaleY(2);opacity:0}}@-webkit-keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{transform:scaleX(2) scaleY(2);opacity:0}}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "go-captcha-vue",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"email": "wengaolng@gmail.com",
|
|
8
8
|
"author": "Awen <wengaolng@gmail.com>",
|
|
9
|
-
"description": "GoCaptcha
|
|
9
|
+
"description": "GoCaptcha Of Vue, which implements click mode, slider mode, drag-drop mode and rotation mode.",
|
|
10
10
|
"keywords": [
|
|
11
11
|
"go-captcha-vue",
|
|
12
12
|
"go-captcha",
|