@xysfe/actui2 0.0.1

package/lib/Jigsaw/index.mjs

@@ -0,0 +1,469 @@
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _parseFloat from "@babel/runtime-corejs3/core-js/parse-float";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import { c as create } from "../utils/create/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { t as throttle, r as randomString } from "../utils/helpers/index.mjs";
+import { C as CryptoJS, e as encrypt, d as decrypt } from "../utils/encrypt/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var AES_KEY = CryptoJS.enc.Utf8.parse("8cde79aa8651f8e4");
+var AES_IV = null;
+var _sfc_main = {
+  name: "ActJigsaw",
+  mixins: [visibleMixin],
+  data: function data() {
+    return {
+      status: "loading",
+      // loading/picture/error
+      pieceX: "",
+      // 初始化拼块位置x
+      pieceY: 0,
+      // 初始化拼块位置y
+      trackX: 0,
+      // 初始化滑块位置x
+      pieceWidth: 0,
+      // 拼块缩放后尺寸
+      frontImgUrl: "",
+      bgImgUrl: "",
+      shake: false,
+      smooth: false,
+      randomClientId: randomString(32)
+    };
+  },
+  props: {
+    brandColor: {
+      type: String,
+      default: ""
+    },
+    initUrl: {
+      type: String,
+      default: "/user/unionVerifyInit"
+    },
+    verifyUrl: {
+      type: String,
+      default: "/user/unionVerifyCheck"
+    },
+    keyword: {
+      type: String,
+      default: ""
+    },
+    platform: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    clientId: function clientId() {
+      return this.keyword || this.randomClientId;
+    }
+  },
+  methods: {
+    clear: function clear() {
+      this.pieceX = 0;
+      this.trackX = 0;
+      this.status = "loading";
+      this.allowTouch = false;
+      this.scaleRate = 0;
+      this.count = 0;
+      this.straceArr = [];
+      this.startX = 0;
+    },
+    _initJigsaw: function _initJigsaw() {
+      var jigsawImg = this.$refs.jigsawImg;
+      this.picWidth = jigsawImg.clientWidth;
+      this.picHeight = jigsawImg.clientHeight;
+      this.trackWidth = this.$refs.trackWrap.clientWidth;
+      this.clear();
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.getJigsaw();
+    },
+    getJigsaw: function getJigsaw() {
+      var _this = this;
+      fetch(this.initUrl, {
+        clienttype: 2,
+        clientid: this.clientId,
+        ua: navigator.userAgent,
+        iscps: this.platform,
+        picWidth: this.picWidth,
+        picHeight: this.picHeight
+      }).then(function(_ref) {
+        var _ref$data = _ref.data, data2 = _ref$data === void 0 ? {} : _ref$data;
+        if (data2.ret === 0) {
+          AES_IV = data2.data.iv;
+          var decryptData = JSON.parse(decrypt(data2.data.d, CryptoJS.enc.Utf8.parse(AES_IV), AES_KEY));
+          var jigsawData = decryptData.holeCheck;
+          var scaleRate = _this.picWidth / jigsawData.width;
+          var originPieceWidth = jigsawData.length;
+          var pieceWidth = originPieceWidth * scaleRate;
+          var bgPromise = new _Promise(function(resolve, reject) {
+            var bgImg = new Image();
+            bgImg.onload = resolve;
+            bgImg.onerror = reject;
+            bgImg.src = jigsawData.back;
+          });
+          var frontPromise = new _Promise(function(resolve, reject) {
+            var frontImg = new Image();
+            frontImg.onload = resolve;
+            frontImg.onerror = reject;
+            frontImg.src = jigsawData.front;
+          });
+          _Promise.all([bgPromise, frontPromise]).then(function() {
+            _this.token = decryptData.token;
+            _this.scaleRate = scaleRate;
+            _this.originPieceWidth = originPieceWidth;
+            _this.initPieceX = _parseFloat((jigsawData.initx - originPieceWidth / 2) * scaleRate);
+            _this.pieceY = _parseFloat((-jigsawData.inity - originPieceWidth / 2) * scaleRate);
+            _this.initTrackX = _parseFloat((pieceWidth - _this.trackWidth) / 2 + _this.pieceX);
+            _this.pieceX = _this.initPieceX;
+            _this.trackX = _this.initTrackX;
+            _this.pieceWidth = pieceWidth;
+            _this.bgImgUrl = jigsawData.back;
+            _this.frontImgUrl = jigsawData.front;
+            _this.status = "picture";
+            _this.allowTouch = true;
+          }).catch(function() {
+            _this.status = "error";
+          });
+        } else {
+          _this.$emit("error", {
+            ret: 1004,
+            errmsg: data2.errmsg
+          });
+        }
+      }).catch(function(e) {
+        _this.$emit("error", {
+          ret: 1004,
+          errmsg: "系统繁忙，请刷新页面重试"
+        });
+      });
+    },
+    reset: function reset(ifRequest, ifShake) {
+      var _this2 = this;
+      if (!ifShake) {
+        this.status = "loading";
+        this.getJigsaw();
+        return;
+      }
+      this.shake = true;
+      var timer1 = setTimeout(function() {
+        _this2.pieceX = _this2.initPieceX;
+        _this2.trackX = _this2.initTrackX;
+        _this2.shake = false;
+        _this2.smooth = true;
+        clearTimeout(timer1);
+        var timer2 = setTimeout(function() {
+          _this2.smooth = false;
+          clearTimeout(timer2);
+          if (!ifRequest) {
+            _this2.allowTouch = true;
+          }
+        }, 300);
+        if (ifRequest) {
+          _this2.status = "loading";
+          _this2.getJigsaw();
+        }
+      }, 150);
+    },
+    touchstart: function touchstart(e) {
+      e.preventDefault();
+      if (!this.allowTouch) return;
+      var jigsawImg = this.$refs.jigsawImg;
+      this.offsetX = jigsawImg.getBoundingClientRect().left;
+      this.offsetY = jigsawImg.getBoundingClientRect().top;
+      var cX = e.clientX || e.touches[0].clientX;
+      this.startX = cX;
+      this.straceArr = [];
+      this.pushPoint(e);
+      if (location.protocol === "https:" && window.DeviceOrientationEvent) {
+        window.addEventListener("deviceorientation", function(e2) {
+          if (e2 && e2.alpha !== null && e2.alpha !== void 0) {
+            this.alpha = _parseFloat(e2.alpha.toFixed(4));
+            this.beta = _parseFloat(e2.beta.toFixed(4));
+            this.gamma = _parseFloat(e2.gamma.toFixed(4));
+          }
+        }, false);
+      }
+    },
+    touchmove: function touchmove(e) {
+      e.preventDefault();
+      if (!this.allowTouch) return;
+      var cX = e.clientX || e.touches[0].clientX;
+      var disX = cX - this.startX;
+      this.pushPoint(e);
+      if (disX < 0) {
+        disX = 0;
+      } else if (disX > this.picWidth - this.pieceWidth) {
+        disX = this.picWidth - this.pieceWidth;
+      }
+      this.pieceX = _parseFloat(this.initPieceX + disX);
+      this.trackX = _parseFloat(this.initTrackX + disX);
+    },
+    touchend: function touchend(e, moveType) {
+      e.preventDefault();
+      if (!this.allowTouch) return;
+      this.allowTouch = false;
+      this.pushPoint(e);
+      this.verify(moveType);
+    },
+    mousedown: function mousedown(e, currentType) {
+      var _this3 = this;
+      this.touchstart(e);
+      e.preventDefault();
+      var onmouseover = throttle(this.touchmove, 10);
+      var _onmouseup = function onmouseup(e2) {
+        _this3.touchend(e2, currentType);
+        document.removeEventListener("mouseup", _onmouseup);
+        document.removeEventListener("mousemove", onmouseover);
+        e2.preventDefault();
+      };
+      document.addEventListener && document.addEventListener("mousemove", onmouseover, false);
+      document.addEventListener && document.addEventListener("mouseup", _onmouseup, false);
+    },
+    pushPoint: function pushPoint(e) {
+      var now = +/* @__PURE__ */ new Date();
+      if (e.touches) {
+        var point = e.touches[0] || e.changedTouches[0];
+        var disX = point.clientX - this.offsetX;
+        var disY = point.clientY - this.offsetY;
+        var press = point.force === void 0 ? 0 : point.force;
+        this.straceArr.push({
+          x: _parseFloat(disX.toFixed(2)),
+          y: _parseFloat(-disY.toFixed(2)),
+          alpha: this.alpha,
+          beta: this.beta,
+          gamma: this.gamma,
+          press: _parseFloat(press.toFixed(4)),
+          t: now
+        });
+      } else {
+        var _disX = e.clientX - this.offsetX;
+        var _disY = e.clientY - this.offsetY;
+        this.straceArr.push({
+          x: _parseFloat(_disX.toFixed(2)),
+          y: _parseFloat(-_disY.toFixed(2)),
+          t: now
+        });
+      }
+    },
+    verify: function verify(moveType) {
+      var _this4 = this;
+      fetch(this.verifyUrl, {
+        r: encrypt(_JSON$stringify({
+          "checktype": 1,
+          "clienttype": 2,
+          "ua": navigator.userAgent,
+          "token": this.token,
+          "holeCheck": {
+            "strace": this.straceArr,
+            "moveType": moveType,
+            "screenWidth": _parseFloat(this.picWidth.toFixed(2)),
+            "screenHeight": _parseFloat(this.picHeight.toFixed(2))
+          }
+        }), CryptoJS.enc.Utf8.parse(AES_IV), AES_KEY),
+        iv: AES_IV
+      }).then(function(_ref2) {
+        var _ref2$data = _ref2.data, data2 = _ref2$data === void 0 ? {} : _ref2$data;
+        if (data2.ret === 0) {
+          _this4.$emit("success", {
+            keyword: _this4.clientId,
+            token: _this4.token
+          });
+          _this4.status = "loading";
+          window._xystj && window._xystj.trackEvent("jigsaw_success");
+        } else if (data2.ret === 1001) {
+          _this4.$emit("error", {
+            ret: 1001,
+            //
+            errmsg: "验证失败，请重新滑动",
+            data: {
+              count: ++_this4.count
+            }
+          });
+          _this4.reset(false, true);
+          window._xystj && window._xystj.trackEvent("jigsaw_fail");
+        } else if (data2.ret === 1002 || data2.ret === 1003) {
+          _this4.$emit("error", {
+            ret: 1002,
+            //
+            errmsg: "验证失败，刷新拼图",
+            data: {
+              count: ++_this4.count
+            }
+          });
+          _this4.reset(true, true);
+          window._xystj && window._xystj.trackEvent("jigsaw_fail");
+        } else {
+          _this4.$emit("error", {
+            ret: 1003,
+            errmsg: data2.errmsg,
+            data: {
+              count: ++_this4.count
+            }
+          });
+          _this4.reset(true, true);
+          window._xystj && window._xystj.trackEvent("jigsaw_error");
+        }
+      }).catch(function(e) {
+        _this4.$emit("error", {
+          ret: 1004,
+          errmsg: "系统繁忙，请稍后重试",
+          data: {
+            count: ++_this4.count
+          }
+        });
+        window._xystj && window._xystj.trackEvent("jigsaw_error");
+      });
+    }
+  },
+  mounted: function mounted() {
+    var _this5 = this;
+    if (this.isVisible) {
+      this.$nextTick(function() {
+        _this5._initJigsaw();
+      });
+    }
+  },
+  watch: {
+    isVisible: function isVisible(newVal) {
+      var _this6 = this;
+      if (newVal) {
+        this.$nextTick(function() {
+          _this6._initJigsaw();
+        });
+      }
+    }
+  },
+  components: {
+    ActLoading: Loading
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    staticClass: "act-jigsaw"
+  }, [_c("div", {
+    ref: "jigsawImg",
+    staticClass: "act-jigsaw-img"
+  }, [_c("div", {
+    staticClass: "img-bg"
+  }, [_vm.status === "picture" ? _c("img", {
+    staticClass: "slider-img",
+    attrs: {
+      "src": _vm.bgImgUrl
+    }
+  }) : _vm._e(), _vm.status === "picture" ? _c("div", {
+    staticClass: "slider-piece",
+    class: {
+      "smooth": _vm.smooth
+    },
+    style: {
+      width: _vm.pieceWidth + "px",
+      top: _vm.pieceY + "px",
+      transform: "translateX(".concat(_vm.pieceX, "px)")
+    }
+  }, [_c("img", {
+    class: {
+      "shake": _vm.shake
+    },
+    attrs: {
+      "src": _vm.frontImgUrl
+    },
+    on: {
+      "mousedown": function mousedown2($event) {
+        return _vm.mousedown($event, 1);
+      },
+      "touchstart": _vm.touchstart,
+      "touchmove": _vm.touchmove,
+      "touchend": function touchend2($event) {
+        return _vm.touchend($event, 1);
+      }
+    }
+  })]) : _vm._e(), _vm.status === "loading" ? _c("div", {
+    staticClass: "img-loading"
+  }, [_c("act-loading", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: true,
+      expression: "true"
+    }],
+    attrs: {
+      "type": "cir3",
+      "color": "#999"
+    }
+  })], 1) : _vm._e(), _vm.status === "error" ? _c("div", {
+    staticClass: "img-error",
+    on: {
+      "click": function click($event) {
+        return _vm.reset(true);
+      }
+    }
+  }, [_c("p", [_vm._v("图片加载失败，请点击刷新")]), _c("img", {
+    staticClass: "icon-refresh",
+    attrs: {
+      "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAflBMVEUAAACzs7Ozs7Ozs7O0tLSzs7O0tLS0tLSzs7Ozs7O0tLSzs7Ozs7Ozs7Ozs7Ozs7O0tLSzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tLS1tbWvr6+0tLSzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tLS0tLSzs7O0tLS0tLSysrKysrKzs7OviM2hAAAAKXRSTlMA7fqzBvMjA8+poGGTT+fAZeHKmoRxa1Y9GhMM2NPEjVxDM3geHKR8RX/2SbEAAAFsSURBVDjLjZTpcoIwEIATIOUIILccgojnvv8Ldneg1GKY7vdDQ+Zzr3ERf3Drp91LJdNDrhuxy1co4Y2DdozaPYAtqXbXIKuXKCCkXVRjcs2zJeoiPO1Fcx50bQX1GqJNPLpSEZWewyJ2B7oMNvVHJ/qxFp2Noed4AyWNxBbnTGZJZQyCoDa8mzAwWjCT0ZMmrxVGjovZ47nB6cV3YSZSs3jCc47flx2v+kmd4ijxHOx42Mwq0oNlTuz4sCKFG+8GvASZ+hUn/KzFLrdXmR8kJhVXtF3xD22dCKzDFhx6gIIlYv6EJeIUjyxRochNrVmix2yGP54SB+5wxGn+kzFIAXyWWABYXxyxsbghQ6wy4ohtjI2zkh9pyxpu8pMxZuT53fsW2TuvFIqQiK0J/ibopYePhXJDurMer3V9unGgKzV+dCSBUPa50roMBwsIbzJMKbRggywd8w4X8bvmVZ3Yw52uvhcrGWdBtensGxQBNRSqRdcZAAAAAElFTkSuQmCC",
+      "alt": ""
+    }
+  })]) : _vm._e()])]), _c("div", {
+    staticClass: "act-jigsaw-track"
+  }, [_c("div", {
+    staticClass: "bar"
+  }), _c("div", {
+    ref: "trackWrap",
+    staticClass: "track-wrap",
+    class: {
+      "smooth": _vm.smooth
+    },
+    style: {
+      transform: "translateX(".concat(_vm.trackX, "px)")
+    }
+  }, [_c("div", {
+    staticClass: "slider-track",
+    class: {
+      "shake": _vm.shake
+    },
+    style: {
+      backgroundColor: _vm.brandColor
+    },
+    on: {
+      "mousedown": function mousedown2($event) {
+        return _vm.mousedown($event, 2);
+      },
+      "touchstart": _vm.touchstart,
+      "touchmove": _vm.touchmove,
+      "touchend": function touchend2($event) {
+        return _vm.touchend($event, 2);
+      }
+    }
+  }, [_vm._m(0)])])])]);
+};
+var _sfc_staticRenderFns = [function() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "track"
+  }, [_c("i", {
+    staticClass: "line"
+  }), _c("i", {
+    staticClass: "line"
+  }), _c("i", {
+    staticClass: "line"
+  })]);
+}];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "6ac4cf4e");
+var Jigsaw = __component__.exports;
+Jigsaw.install = function(Vue) {
+  Vue.component(Jigsaw.name, Jigsaw);
+  Vue.prototype["$createJigsaw"] = create(Jigsaw, Vue);
+};
+export {
+  Jigsaw as J
+};

package/lib/Jigsaw/style.css

@@ -0,0 +1 @@
+.act-jigsaw[data-v-6ac4cf4e]{position:relative}.act-jigsaw .act-jigsaw-img[data-v-6ac4cf4e]{position:relative;width:100%;height:0;padding-bottom:57.35%;background-color:#e4e4e4}.act-jigsaw .slider-img[data-v-6ac4cf4e]{width:100%;height:100%;position:absolute;left:0;top:0}.act-jigsaw .img-loading[data-v-6ac4cf4e]{position:absolute;left:50%;top:50%;z-index:4;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-jigsaw .icon-refresh[data-v-6ac4cf4e]{width:30px;height:30px}.act-jigsaw .img-error[data-v-6ac4cf4e]{text-align:center;cursor:pointer;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-jigsaw .img-error p[data-v-6ac4cf4e]{white-space:nowrap;margin-bottom:10px}.act-jigsaw .slider-piece[data-v-6ac4cf4e]{position:absolute;left:0;top:0}.act-jigsaw .slider-piece img[data-v-6ac4cf4e]{width:100%}.act-jigsaw .act-jigsaw-track[data-v-6ac4cf4e]{position:relative;margin-top:20px;text-align:center;height:22px;padding-top:6px;box-sizing:border-box}.act-jigsaw .act-jigsaw-track .bar[data-v-6ac4cf4e]{height:10px;border-radius:10px;background-color:#f0f0f0}.act-jigsaw .act-jigsaw-track .track-wrap[data-v-6ac4cf4e]{width:45px;height:22px;position:absolute;left:0;top:0}.act-jigsaw .act-jigsaw-track .slider-track[data-v-6ac4cf4e]{width:45px;height:22px;background-color:#8c7fee;border-radius:22px;box-shadow:0 5px 10px 0 rgba(140,127,238,0.4)}.act-jigsaw .act-jigsaw-track .track[data-v-6ac4cf4e]{white-space:nowrap;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:0}.act-jigsaw .act-jigsaw-track .track .line[data-v-6ac4cf4e]{display:inline-block;width:2px;height:8px;border-radius:3px;background-color:#fff;margin:0 3px 0 2px}.act-jigsaw .shake[data-v-6ac4cf4e]{-webkit-animation:shake-6ac4cf4e 0.15s ease-in;animation:shake-6ac4cf4e 0.15s ease-in}.act-jigsaw .smooth[data-v-6ac4cf4e]{-webkit-transition:all 0.3s;transition:all 0.3s}@-webkit-keyframes shake-6ac4cf4e{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0%);transform:translateX(0%)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes shake-6ac4cf4e{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0%);transform:translateX(0%)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}

package/lib/JigsawLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_noscroll=require("../mixins/noscroll/index.js");var mixins_popup=require("../mixins/popup/index.js");var common_popup=require("../common/popup/index.js");var Jigsaw=require("../Jigsaw/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActJigsawLayer",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin,mixins_popup.popupMixin],data:function data(){return{clientId:this.keyword}},computed:{isMobile:function isMobile(){if(utils_helpers.ua.isMobile||utils_helpers.ua.isWx){return true}return false}},props:{title:{type:String,default:"滑动滑块完成验证"},desc:{type:String,default:"为了您的账号安全，本次登录需完成验证"},brandColor:{type:String,default:""},initUrl:{type:String,default:"/user/unionVerifyInit"},verifyUrl:{type:String,default:"/user/unionVerifyCheck"},keyword:{type:String,default:""},platform:{type:Number,default:0}},methods:{setData:function setData(_ref){var keyword2=_ref.keyword;this.clientId=keyword2},success:function success(_ref2){var keyword2=_ref2.keyword,token=_ref2.token;this.hide();this.$emit("success",{keyword:keyword2,token})},error:function error(_ref3){var _ref3$ret=_ref3.ret,ret=_ref3$ret===void 0?2001:_ref3$ret,errmsg=_ref3.errmsg,data2=_ref3.data;this.$emit("error",{ret,errmsg,data:data2})},cancel:function cancel(){this.hide();this.$emit("cancel")}},components:{ActPopup:common_popup.ActPopup,ActJigsaw:Jigsaw.Jigsaw},watch:{keyword:function keyword(newVal){this.clientId=newVal}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-jigsaw-box"},[_c("transition",{attrs:{"name":"act-jigsaw-fade"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"mask":true,"maskClosable":false,"zIndex":_vm.zIndex},on:{"touchmove":function touchmove($event){$event.preventDefault()}},scopedSlots:_vm._u([{key:"mask",fn:function fn(){return[_c("transition",{attrs:{"name":"act-jigsaw-move"}},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],staticClass:"act-jigsaw-content",class:{"act-pc":!_vm.isMobile},on:{"click":function click($event){$event.stopPropagation()}}},[_c("div",{staticClass:"act-jigsaw-head"},[_c("h3",{staticClass:"act-jigsaw-title"},[_vm._v(" "+_vm._s(_vm.title)+" ")]),_c("div",{staticClass:"act-jigsaw-desc"},[_vm._v(" "+_vm._s(_vm.desc)+" ")])]),_c("a",{staticClass:"act-jigsaw-close",attrs:{"href":"javascript:;"},on:{"click":function click($event){$event.stopPropagation();return _vm.cancel.apply(null,arguments)}}}),_c("act-jigsaw",{ref:"jigsaw",attrs:{"visible":_vm.isVisible,"brandColor":_vm.brandColor,"initUrl":_vm.initUrl,"verifyUrl":_vm.verifyUrl,"keyword":_vm.clientId,"platform":_vm.platform},on:{"success":_vm.success,"error":_vm.error}})],1)])]},proxy:true}])})],1)],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"e89f3620");var JigsawLayer=__component__.exports;JigsawLayer.install=function(Vue){Vue.component(JigsawLayer.name,JigsawLayer);Vue.prototype["$createJigsawLayer"]=utils_create.create(JigsawLayer,Vue)};exports.JigsawLayer=JigsawLayer;

package/lib/JigsawLayer/index.mjs

@@ -0,0 +1,185 @@
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { J as Jigsaw } from "../Jigsaw/index.mjs";
+import { u as ua } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActJigsawLayer",
+  mixins: [visibleMixin, noscrollMixin, popupMixin],
+  data: function data() {
+    return {
+      clientId: this.keyword
+    };
+  },
+  computed: {
+    isMobile: function isMobile() {
+      if (ua.isMobile || ua.isWx) {
+        return true;
+      }
+      return false;
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: "滑动滑块完成验证"
+    },
+    desc: {
+      type: String,
+      default: "为了您的账号安全，本次登录需完成验证"
+    },
+    brandColor: {
+      type: String,
+      default: ""
+    },
+    initUrl: {
+      type: String,
+      default: "/user/unionVerifyInit"
+    },
+    verifyUrl: {
+      type: String,
+      default: "/user/unionVerifyCheck"
+    },
+    keyword: {
+      type: String,
+      default: ""
+    },
+    platform: {
+      type: Number,
+      default: 0
+    }
+  },
+  methods: {
+    setData: function setData(_ref) {
+      var keyword2 = _ref.keyword;
+      this.clientId = keyword2;
+    },
+    success: function success(_ref2) {
+      var keyword2 = _ref2.keyword, token = _ref2.token;
+      this.hide();
+      this.$emit("success", {
+        keyword: keyword2,
+        token
+      });
+    },
+    error: function error(_ref3) {
+      var _ref3$ret = _ref3.ret, ret = _ref3$ret === void 0 ? 2001 : _ref3$ret, errmsg = _ref3.errmsg, data2 = _ref3.data;
+      this.$emit("error", {
+        ret,
+        errmsg,
+        data: data2
+      });
+    },
+    cancel: function cancel() {
+      this.hide();
+      this.$emit("cancel");
+    }
+  },
+  components: {
+    ActPopup,
+    ActJigsaw: Jigsaw
+  },
+  watch: {
+    keyword: function keyword(newVal) {
+      this.clientId = newVal;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "act-jigsaw-box"
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-jigsaw-fade"
+    }
+  }, [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "mask": true,
+      "maskClosable": false,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "mask",
+      fn: function fn() {
+        return [_c("transition", {
+          attrs: {
+            "name": "act-jigsaw-move"
+          }
+        }, [_c("div", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: _vm.isVisible,
+            expression: "isVisible"
+          }],
+          staticClass: "act-jigsaw-content",
+          class: {
+            "act-pc": !_vm.isMobile
+          },
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+            }
+          }
+        }, [_c("div", {
+          staticClass: "act-jigsaw-head"
+        }, [_c("h3", {
+          staticClass: "act-jigsaw-title"
+        }, [_vm._v(" " + _vm._s(_vm.title) + " ")]), _c("div", {
+          staticClass: "act-jigsaw-desc"
+        }, [_vm._v(" " + _vm._s(_vm.desc) + " ")])]), _c("a", {
+          staticClass: "act-jigsaw-close",
+          attrs: {
+            "href": "javascript:;"
+          },
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.cancel.apply(null, arguments);
+            }
+          }
+        }), _c("act-jigsaw", {
+          ref: "jigsaw",
+          attrs: {
+            "visible": _vm.isVisible,
+            "brandColor": _vm.brandColor,
+            "initUrl": _vm.initUrl,
+            "verifyUrl": _vm.verifyUrl,
+            "keyword": _vm.clientId,
+            "platform": _vm.platform
+          },
+          on: {
+            "success": _vm.success,
+            "error": _vm.error
+          }
+        })], 1)])];
+      },
+      proxy: true
+    }])
+  })], 1)], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e89f3620");
+var JigsawLayer = __component__.exports;
+JigsawLayer.install = function(Vue) {
+  Vue.component(JigsawLayer.name, JigsawLayer);
+  Vue.prototype["$createJigsawLayer"] = create(JigsawLayer, Vue);
+};
+export {
+  JigsawLayer as J
+};

package/lib/JigsawLayer/style.css

@@ -0,0 +1 @@
+.act-jigsaw-content[data-v-e89f3620]{background-color:#fff;padding:18px;position:absolute;width:78%;max-width:675px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:12px}.act-jigsaw-content.act-pc[data-v-e89f3620]{width:338px}.act-jigsaw-content.act-pc .act-jigsaw-title[data-v-e89f3620]{font-weight:normal;font-size:21px}.act-jigsaw-content.act-pc .act-jigsaw-desc[data-v-e89f3620]{font-size:15px;padding:5px 0 18px}.act-jigsaw-content.act-pc .jigsaw .slider-img[data-v-e89f3620]{border-radius:4px}.act-jigsaw-title[data-v-e89f3620]{text-align:center;color:#000;font-size:19px}.act-jigsaw-desc[data-v-e89f3620]{font-size:12px;color:#999;text-align:center;font-weight:normal;padding:2px 0 10px}.act-jigsaw-close[data-v-e89f3620]{width:40px;height:40px;position:absolute;right:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-jigsaw-close[data-v-e89f3620]:before,.act-jigsaw-close[data-v-e89f3620]:after{content:"";background-color:#b5b8bd;position:absolute;border-radius:2px}.act-jigsaw-close[data-v-e89f3620]:before{width:14px;height:2px;left:50%;top:50%;margin-left:-7px;margin-top:-1px}.act-jigsaw-close[data-v-e89f3620]:after{width:2px;height:14px;left:50%;top:50%;margin-left:-1px;margin-top:-7px}

package/lib/JigsawVerifyCode/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");function ownKeys(e,r){var t=_Object$keys(e);if(_Object$getOwnPropertySymbols){var o=_Object$getOwnPropertySymbols(e);r&&(o=_filterInstanceProperty(o).call(o,function(r2){return _Object$getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var _context,_context2;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context=ownKeys(Object(t),true)).call(_context,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context2=ownKeys(Object(t))).call(_context2,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_popup=require("../mixins/popup/index.js");var JigsawLayer=require("../JigsawLayer/index.js");var utils_post=require("../utils/post/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");function getParam(key){var path=location.href;var expr=new RegExp("".concat(key,"=([^&\\s]+)"));var match=path.match(expr);return match&&match[1]}var _sfc_main={name:"ActJigsawVerifyCode",mixins:[mixins_visible.visibleMixin,mixins_popup.popupMixin],data:function data(){return{verifyData:{},jigsawVerifyCodeUrl:"",jigsawMobile:"",isCodeRequesting:false}},props:{title:{type:String,default:"滑动滑块完成验证"},desc:{type:String,default:"为了您的账号安全，本次登录需完成验证"},brandColor:{type:String,default:""},initUrl:{type:String,default:"/user/unionVerifyInit"},verifyUrl:{type:String,default:"/user/unionVerifyCheck"},verifyCodeUrl:{type:String,default:"/user/queryverify"},mobile:{type:String,required:true},scene:{type:String,required:true},chn:{type:String,required:true},extParam:{type:Object,default:function _default(){return{}}},platform:{type:Number,default:0},isCheckMobile:{type:Boolean,default:true}},computed:{realTitle:function realTitle(){return this.verifyData.title||this.title},realDesc:function realDesc(){return this.verifyData.desc||this.desc},realMobile:function realMobile(){return this.verifyData.mobile||this.mobile},realInitUrl:function realInitUrl(){return this.verifyData.initUrl||this.initUrl},realVerifyUrl:function realVerifyUrl(){return this.verifyData.verifyUrl||this.verifyUrl},realVerifyCodeUrl:function realVerifyCodeUrl(){return this.verifyData.verifyCodeUrl||this.verifyCodeUrl},realExtParam:function realExtParam(){return this.verifyData.extParam||this.extParam||{}},realPlatform:function realPlatform(){if(this.platform){return this.platform}if(/\.baodan(100|360)\./.test(location.host)){return 1}if(/^cps_\d+$/.test(getParam("chn"))){return 1}return 0}},methods:{setData:function setData(){var data2=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.verifyData=data2},sendVerifyCode:function sendVerifyCode(){if(this.realVerifyCodeUrl===this.jigsawVerifyCodeUrl&&this.realMobile===this.jigsawMobile){return this.show()}this._getVerifyCode({needpigsaw:0})},jigsawSuccess:function jigsawSuccess(_ref){var keyword=_ref.keyword,token=_ref.token;this._getVerifyCode({needpigsaw:1,pigsawtoken:token})},_getVerifyCode:function _getVerifyCode(_ref2){var _this=this;var needpigsaw=_ref2.needpigsaw,pigsawtoken=_ref2.pigsawtoken;if(this.isCodeRequesting){return}if(utils_helpers.isUndefined(this.scene)||utils_helpers.isNull(this.scene)){if(this.$throw){this.$throw(new Error("严重警告：发送验证码必须包含场景值参数scene"))}return}if(utils_helpers.isUndefined(this.chn)||utils_helpers.isNull(this.chn)){if(this.$throw){this.$throw(new Error("严重警告：发送验证码必须包含渠道参数chn"))}return}if(!this.realMobile){return this.error({errmsg:"请输入手机号"})}if(!utils_helpers.isMobile(this.realMobile)&&this.isCheckMobile){return this.error({errmsg:"请输入正确的手机号"})}this.isCodeRequesting=true;this.$emit("beforeSent");utils_post.fetch(this.realVerifyCodeUrl,_objectSpread({mobile:this.realMobile,scene:this.scene,chn:this.chn,needpigsaw,pigsawtoken},this.realExtParam)).then(function(_ref3){var _ref3$data=_ref3.data,data2=_ref3$data===void 0?{}:_ref3$data;_this.isCodeRequesting=false;if(data2.ret===0){_this.hide();_this.$emit("sent",data2)}else if(data2.ret===10056||data2.ret===10065){_this.jigsawVerifyCodeUrl=_this.realVerifyCodeUrl;_this.jigsawMobile=_this.realMobile;_this.show()}else{_this.hide();_this.error({ret:data2.ret,errmsg:data2.errmsg})}}).catch(function(e){_this.isCodeRequesting=false;_this.error({ret:1004,errmsg:"系统繁忙，请稍后重试"})})},error:function error(_ref4){var _ref4$ret=_ref4.ret,ret=_ref4$ret===void 0?2001:_ref4$ret,errmsg=_ref4.errmsg,data2=_ref4.data;this.$emit("error",{ret,errmsg,data:data2})},cancel:function cancel(){this.hide();this.$emit("cancel")}},components:{ActJigsawLayer:JigsawLayer.JigsawLayer}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-jigsaw-layer",{ref:"jigsawLayer",attrs:{"visible":_vm.isVisible,"title":_vm.realTitle,"desc":_vm.realDesc,"brandColor":_vm.brandColor,"initUrl":_vm.realInitUrl,"verifyUrl":_vm.realVerifyUrl,"keyword":_vm.realMobile,"platform":_vm.realPlatform,"zIndex":_vm.zIndex,"maskClosable":_vm.maskClosable},on:{"cancel":_vm.cancel,"success":_vm.jigsawSuccess,"error":_vm.error}})};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"88d42313");var JigsawVerifyCode=__component__.exports;JigsawVerifyCode.install=function(Vue){Vue.component(JigsawVerifyCode.name,JigsawVerifyCode);Vue.prototype["$createJigsawVerifyCode"]=utils_create.create(JigsawVerifyCode,Vue)};exports.JigsawVerifyCode=JigsawVerifyCode;