@xysfe/actui2 0.0.1

package/lib/OcrLayer/index.mjs

@@ -0,0 +1,450 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import { c as create } from "../utils/create/index.mjs";
+import { F as FileUpload } from "../FileUpload/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';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 _context2, _context3;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), true)).call(_context2, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context = {}.toString.call(r)).call(_context, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var ID_TYPE_INFO = {
+  0: "身份证",
+  1: "出生证",
+  2: "护照",
+  3: "港澳通行证",
+  4: "台胞证",
+  5: "军官证",
+  6: "户口本",
+  7: "大陆通行证",
+  8: "回乡证",
+  9: "警官证",
+  10: "港澳台通行证",
+  11: "士兵证",
+  12: "台湾通行证",
+  13: "港澳居住证",
+  14: "社会统一信用代码",
+  15: "组织机构代码证",
+  16: "税务登记证",
+  17: "工商营业执照号",
+  18: "港澳台居住证",
+  99: "其他"
+};
+var _sfc_main = {
+  name: "ActocrLayer",
+  mixins: [visibleMixin],
+  data: function data() {
+    return {
+      elements: []
+    };
+  },
+  props: {
+    sourceType: {
+      type: Array,
+      default: function _default() {
+        return ["album", "camera"];
+      }
+    },
+    appId: {
+      type: [Number, String],
+      default: ""
+    },
+    imageList: {
+      type: Array,
+      default: function _default2() {
+        return [];
+      }
+    },
+    list: {
+      type: Array,
+      default: function _default3() {
+        return [];
+      }
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    zIndex: {
+      type: Number,
+      default: 100
+    },
+    btnColor: {
+      type: String,
+      default: "#ff5a6e"
+    }
+  },
+  computed: {
+    needDesc: function needDesc() {
+      var desc = [];
+      var _iterator = _createForOfIteratorHelper(this.list), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var item = _step.value;
+          desc.push("".concat(ID_TYPE_INFO[item.idType]));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return desc.join("、");
+    },
+    extraZindex: function extraZindex() {
+      return ~~this.zIndex + 1e3;
+    }
+  },
+  watch: {
+    isVisible: function isVisible(newValue) {
+      if (newValue) {
+        this.initPage();
+        document.body.style.overflow = "hidden";
+      } else {
+        document.body.style.overflow = "auto";
+      }
+    }
+  },
+  methods: {
+    initPage: function initPage() {
+      var elements = [];
+      var _iterator2 = _createForOfIteratorHelper(this.list), _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+          var item = _step2.value;
+          elements.push.apply(elements, _toConsumableArray(this.generateElement(item)));
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      this.elements = elements;
+    },
+    generateElement: function generateElement(item) {
+      var elements = [];
+      var baseElement = _objectSpread({
+        picBase: "",
+        picId: ""
+      }, item);
+      if (item.idType === 0) {
+        elements.push(_objectSpread(_objectSpread({}, baseElement), {}, {
+          side: 1,
+          desc: "".concat(item.name, "身份证（头像面）")
+        }));
+        elements.push(_objectSpread(_objectSpread({}, baseElement), {}, {
+          side: 2,
+          desc: "".concat(item.name, "身份证（国徽面）")
+        }));
+      } else if (item.idType === 1) {
+        elements.push(_objectSpread(_objectSpread({}, baseElement), {}, {
+          side: 1,
+          desc: "".concat(item.name, "出生证")
+        }));
+      } else if (item.idType === 2) {
+        elements.push(_objectSpread(_objectSpread({}, baseElement), {}, {
+          side: 1,
+          desc: "".concat(item.name, "护照")
+        }));
+      } else if (item.idType === 6) {
+        elements.push(_objectSpread(_objectSpread({}, baseElement), {}, {
+          side: 1,
+          desc: "".concat(item.name, "户口本（本人页）")
+        }));
+      }
+      if (this.imageList && this.imageList.length) {
+        var _iterator3 = _createForOfIteratorHelper(this.imageList), _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+            var imageItem = _step3.value;
+            if (Number(imageItem.side) === 1) {
+              elements[0].picBase = imageItem.url;
+              elements[0].picId = imageItem.picId;
+            } else if (Number(imageItem.side) === 2) {
+              elements[1].picBase = imageItem.url;
+              elements[1].picId = imageItem.picId;
+            }
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+      }
+      return elements;
+    },
+    upload: function upload(element) {
+      var _this = this;
+      var idtype = element.idType, identity = element.identity, name = element.name, side = element.side, url = element.url, ext = element.ext, _element$picType = element.picType, picType = _element$picType === void 0 ? 0 : _element$picType;
+      FileUpload.ocr({
+        sourceType: this.sourceType,
+        appId: this.appId || "",
+        url,
+        ext: _objectSpread(_objectSpread({
+          picType,
+          idtype,
+          identity,
+          name
+        }, ext), {}, {
+          side
+        }),
+        beforeUpload: function beforeUpload() {
+          _this.showToast("请稍等...", 0);
+        },
+        complete: function complete() {
+          _this.hideToast();
+        }
+      }).then(function() {
+        var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, ret = _ref.ret, data2 = _ref.data, errmsg = _ref.errmsg;
+        if (Number(ret === 0)) {
+          var _ref2 = data2 || {}, dataBase = _ref2.dataBase, localId = _ref2.localId, picId = _ref2.picId, _url = _ref2.url, picid = _ref2.pic_id, picurl = _ref2.picurl;
+          element.picUrl = _url || picurl;
+          element.picBase = _url || dataBase || localId || picurl;
+          element.picId = picId || picid;
+          _this._checkReady();
+        } else {
+          return _Promise.reject({
+            errmsg
+          });
+        }
+      }).catch(function(e) {
+        _this.hideToast();
+        _this.showDialog({
+          dialogType: 1,
+          dialogData: [e.errmsg || "系统繁忙，请稍后重试..."],
+          confirmbtnText: "返回重新上传"
+        });
+      });
+    },
+    _checkReady: function _checkReady() {
+      var elements = this.elements || [];
+      var done = true;
+      if (elements.length) {
+        var _iterator4 = _createForOfIteratorHelper(elements), _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+            var element = _step4.value;
+            if (!element.picId || !element.picBase) {
+              done = false;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+      }
+      if (done) {
+        this._getResult();
+      }
+    },
+    _getResult: function _getResult() {
+      var elements = this.elements || [];
+      var list = [];
+      if (elements.length) {
+        var _iterator5 = _createForOfIteratorHelper(elements), _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done; ) {
+            var element = _step5.value;
+            var idType = element.idType, identity = element.identity, name = element.name, side = element.side, url = element.picBase, picId = element.picId;
+            list.push({
+              idType,
+              identity,
+              name,
+              url,
+              side,
+              picId
+            });
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      }
+      this.showToast("上传完成");
+      this.$emit("ocrsuccess", list);
+      this.hide();
+    },
+    showDialog: function showDialog(_ref3) {
+      var _ref3$dialogType = _ref3.dialogType, dialogType = _ref3$dialogType === void 0 ? 1 : _ref3$dialogType, _ref3$dialogTitle = _ref3.dialogTitle, dialogTitle = _ref3$dialogTitle === void 0 ? "" : _ref3$dialogTitle, dialogData = _ref3.dialogData, _ref3$cancelbtnText = _ref3.cancelbtnText, cancelbtnText = _ref3$cancelbtnText === void 0 ? "取消" : _ref3$cancelbtnText, _ref3$confirmbtnText = _ref3.confirmbtnText, confirmbtnText = _ref3$confirmbtnText === void 0 ? "确定" : _ref3$confirmbtnText, _ref3$onConfirm = _ref3.onConfirm, _onConfirm = _ref3$onConfirm === void 0 ? function() {
+      } : _ref3$onConfirm;
+      var dialog = this.$createGoldDialog({
+        zIndex: this.extraZindex,
+        closable: false,
+        title: dialogTitle,
+        content: dialogData.join("<br/>"),
+        buttonType: "sticky",
+        showCancelButton: Number(dialogType) !== 1,
+        cancelButtonText: cancelbtnText,
+        confirmButtonText: confirmbtnText,
+        confirmButtonColor: this.brandColor,
+        onConfirm: function onConfirm() {
+          dialog && dialog.remove();
+          _onConfirm();
+        }
+      });
+      dialog.show();
+    },
+    showToast: function showToast(message) {
+      var time = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 3e3;
+      this.hideToast();
+      if (!this.toast) {
+        this.toast = this.$createToast();
+      }
+      this.toast.show(message, time);
+    },
+    hideToast: function hideToast() {
+      if (this.toast) {
+        this.toast.hide();
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("transition", {
+    attrs: {
+      "name": "slide"
+    }
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    staticClass: "ocr-layer",
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "header-text"
+  }, [_vm._v(" 尊敬的客户，按照监管要求，需要提供对应" + _vm._s(_vm.needDesc) + "。验证过程需要5-7秒，请耐心等待。 ")]), _c("div", {
+    staticClass: "tips"
+  }, [_c("div", {
+    staticClass: "sign"
+  }), _c("div", {
+    staticClass: "title"
+  }, [_c("span", [_vm._v("请确保证件")]), _c("span", [_vm._v("边框完整，字体清晰，亮度均匀")])])]), _c("div", {
+    staticClass: "pic-box"
+  }, _vm._l(_vm.elements, function(element) {
+    return _c("div", {
+      key: element.id,
+      staticClass: "item"
+    }, [element.picBase ? _c("div", {
+      staticClass: "item-img"
+    }, [_c("img", {
+      attrs: {
+        "src": element.picBase,
+        "alt": ""
+      }
+    })]) : _c("div", {
+      staticClass: "file-box",
+      on: {
+        "click": function click($event) {
+          return _vm.upload(element);
+        }
+      }
+    }, [_c("div", {
+      staticClass: "file-info"
+    }, [_c("div", {
+      staticClass: "file-icon"
+    }), _c("div", {
+      staticClass: "file-txt"
+    }, [_vm._v(" " + _vm._s(element.desc) + " ")])])])]);
+  }), 0), _c("div", {
+    staticClass: "footer-btn",
+    style: "backgroundColor:".concat(_vm.brandColor),
+    on: {
+      "click": _vm.hide
+    }
+  }, [_vm._v(" 返回修改 ")])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e1776782");
+var OcrLayer = __component__.exports;
+OcrLayer.install = function(Vue) {
+  Vue.component(OcrLayer.name, OcrLayer);
+  Vue.prototype["$createOcrLayer"] = create(OcrLayer, Vue);
+};
+export {
+  OcrLayer as O
+};

package/lib/OcrLayer/style.css

@@ -0,0 +1 @@
+.slide-enter[data-v-e1776782],.slide-leave-to[data-v-e1776782]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.slide-enter-active[data-v-e1776782],.slide-leave-active[data-v-e1776782]{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.ocr-layer[data-v-e1776782]{position:fixed;top:0;bottom:0;left:0;right:0;background:#ffffff;overflow-y:auto;z-index:120}.ocr-layer .header-text[data-v-e1776782]{padding:15px 14px;font-size:14px;color:#646464;line-height:1.4;text-align:left}.ocr-layer .tips[data-v-e1776782]{display:-webkit-box;display:-webkit-flex;display:flex;padding:17.55px 14px 11.7px 14px;text-align:left}.ocr-layer .tips .sign[data-v-e1776782]{position:relative;background:transparent;border:1px solid #f59a23;border-radius:50%;height:17.55px;width:17.55px;margin-top:2.34px}.ocr-layer .tips .sign[data-v-e1776782]::before{position:absolute;content:"!";-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%;top:55%;color:#f59a23;font-size:11.7px}.ocr-layer .tips .title[data-v-e1776782]{margin-left:5.85px;font-size:15.21px}.ocr-layer .tips .title>span[data-v-e1776782]:nth-child(2){color:#f59a23}.ocr-layer .pic-box[data-v-e1776782]{padding:10px 14px 70px}.ocr-layer .pic-box .item[data-v-e1776782]{margin-bottom:20px;width:100%;background:#b4b4b4;height:175.5px}.ocr-layer .pic-box .item .file-info[data-v-e1776782]{margin-top:37.44px}.ocr-layer .pic-box .item .file-box[data-v-e1776782]{position:relative;width:100%;text-align:center;overflow:hidden}.ocr-layer .pic-box .item .file-box .file-icon[data-v-e1776782]{width:67.86px;height:67.86px;background:url(../assets/icon_aml.91cd.png) no-repeat;background-size:67.86px;margin:0 auto}.ocr-layer .pic-box .item .file-box .file-txt[data-v-e1776782]{font-size:16.38px;color:#ffffff;margin-top:9.36px;line-height:1.5;letter-spacing:0.5px}.ocr-layer .pic-box .item .item-img[data-v-e1776782]{width:100%;height:175.5px}.ocr-layer .pic-box .item .item-img img[data-v-e1776782]{width:100%;height:100%}.ocr-layer .footer-btn[data-v-e1776782]{position:fixed;bottom:0;height:49px;text-align:center;font-size:17px;width:100%;line-height:49px;color:#ffffff}

package/lib/PageLoading/index.js

@@ -0,0 +1 @@
+"use strict";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 common_popup=require("../common/popup/index.js");var Loading=require("../Loading/index.js");var common=require("../common/index.js");var MASK_CLICK_EVENT="maskclick";var _sfc_main={name:"ActPageLoading",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin],props:{type:{type:String,default:""},size:{type:Number,default:40},color:{type:String,default:"#8c7fee"},maskOpacity:{type:Number,default:.7},zIndex:{type:[Number,String],default:1e3}},data:function data(){return{type$:"",size$:"",color$:"",maskOpacity$:"",zIndex$:""}},watch:{type:{handler:function handler(val){this.type$=val},immediate:true},size:{handler:function handler2(val){this.size$=val},immediate:true},color:{handler:function handler3(val){this.color$=val},immediate:true},maskOpacity:{handler:function handler4(val){this.maskOpacity$=val},immediate:true},zIndex:{handler:function handler5(val){this.zIndex$=val},immediate:true}},methods:{maskclick:function maskclick(e){this.$emit(MASK_CLICK_EVENT,e)},change:function change(options){for(var key in options){this["".concat(key,"$")]=options[key]}}},components:{ActPopup:common_popup.ActPopup,ActLoading:Loading.Loading}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"opacity":_vm.maskOpacity$,"zIndex":_vm.zIndex$},on:{"mask-click":_vm.maskclick}},[_c("div",{staticClass:"act-pageloading"},[_c("act-loading",{directives:[{name:"show",rawName:"v-show",value:true,expression:"true"}],ref:"loading",attrs:{"size":_vm.size$,"type":_vm.type$,"color":_vm.color$}})],1)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var PageLoading=__component__.exports;PageLoading.install=function(Vue){Vue.component(PageLoading.name,PageLoading);Vue.prototype["$createPageLoading"]=utils_create.create(PageLoading,Vue)};exports.PageLoading=PageLoading;

package/lib/PageLoading/index.mjs

@@ -0,0 +1,131 @@
+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 { A as ActPopup } from "../common/popup/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+var MASK_CLICK_EVENT = "maskclick";
+var _sfc_main = {
+  name: "ActPageLoading",
+  mixins: [visibleMixin, noscrollMixin],
+  props: {
+    type: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: Number,
+      default: 40
+    },
+    color: {
+      type: String,
+      default: "#8c7fee"
+    },
+    maskOpacity: {
+      type: Number,
+      default: 0.7
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 1e3
+    }
+  },
+  data: function data() {
+    return {
+      type$: "",
+      size$: "",
+      color$: "",
+      maskOpacity$: "",
+      zIndex$: ""
+    };
+  },
+  watch: {
+    type: {
+      handler: function handler(val) {
+        this.type$ = val;
+      },
+      immediate: true
+    },
+    size: {
+      handler: function handler2(val) {
+        this.size$ = val;
+      },
+      immediate: true
+    },
+    color: {
+      handler: function handler3(val) {
+        this.color$ = val;
+      },
+      immediate: true
+    },
+    maskOpacity: {
+      handler: function handler4(val) {
+        this.maskOpacity$ = val;
+      },
+      immediate: true
+    },
+    zIndex: {
+      handler: function handler5(val) {
+        this.zIndex$ = val;
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    maskclick: function maskclick(e) {
+      this.$emit(MASK_CLICK_EVENT, e);
+    },
+    change: function change(options) {
+      for (var key in options) {
+        this["".concat(key, "$")] = options[key];
+      }
+    }
+  },
+  components: {
+    ActPopup,
+    ActLoading: Loading
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "opacity": _vm.maskOpacity$,
+      "zIndex": _vm.zIndex$
+    },
+    on: {
+      "mask-click": _vm.maskclick
+    }
+  }, [_c("div", {
+    staticClass: "act-pageloading"
+  }, [_c("act-loading", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: true,
+      expression: "true"
+    }],
+    ref: "loading",
+    attrs: {
+      "size": _vm.size$,
+      "type": _vm.type$,
+      "color": _vm.color$
+    }
+  })], 1)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var PageLoading = __component__.exports;
+PageLoading.install = function(Vue) {
+  Vue.component(PageLoading.name, PageLoading);
+  Vue.prototype["$createPageLoading"] = create(PageLoading, Vue);
+};
+export {
+  PageLoading as P
+};

package/lib/Panel/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActPanel",mixins:[mixins_goldVisible.visibleMixin],props:{title:{type:String,default:""},borderRadius:{type:String,default:"10px"}}};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:"module"},[_vm.$slots.title?_vm._t("title"):_vm.title?_c("h3",[_vm._v(" "+_vm._s(_vm.title)+" ")]):_vm._e(),_c("article",{staticClass:"panel",style:{"border-radius":_vm.borderRadius}},[_vm.$slots.header?_vm._t("header"):_vm._e(),_vm._t("default"),_vm.$slots.footer?_vm._t("footer"):_vm._e()],2)],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"c2bee7f9");var Panel=__component__.exports;Panel.install=function(Vue){Vue.component(Panel.name,Panel);Vue.prototype["$createPanel"]=utils_create.create(Panel,Vue)};exports.Panel=Panel;

package/lib/Panel/index.mjs

@@ -0,0 +1,44 @@
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActPanel",
+  mixins: [visibleMixin],
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    borderRadius: {
+      type: String,
+      default: "10px"
+    }
+  }
+};
+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: "module"
+  }, [_vm.$slots.title ? _vm._t("title") : _vm.title ? _c("h3", [_vm._v(" " + _vm._s(_vm.title) + " ")]) : _vm._e(), _c("article", {
+    staticClass: "panel",
+    style: {
+      "border-radius": _vm.borderRadius
+    }
+  }, [_vm.$slots.header ? _vm._t("header") : _vm._e(), _vm._t("default"), _vm.$slots.footer ? _vm._t("footer") : _vm._e()], 2)], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "c2bee7f9");
+var Panel = __component__.exports;
+Panel.install = function(Vue) {
+  Vue.component(Panel.name, Panel);
+  Vue.prototype["$createPanel"] = create(Panel, Vue);
+};
+export {
+  Panel as P
+};

package/lib/Panel/style.css

@@ -0,0 +1 @@
+.module[data-v-c2bee7f9]{position:relative;margin:25px 14px 0 14px}.module>h3[data-v-c2bee7f9]{font-size:18px;color:#333;padding-bottom:12px;font-weight:normal;line-height:1}.module>h4[data-v-c2bee7f9]{font-size:14px;color:#999;padding-bottom:15px;font-weight:normal;line-height:1}.panel[data-v-c2bee7f9]{background:#fff;box-shadow:0px 3px 10px 0px rgba(179,179,179,0.1)}

package/lib/Pdfjs/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _regeneratorRuntime=require("@babel/runtime-corejs3/regenerator");var _asyncToGenerator=require("@babel/runtime-corejs3/helpers/asyncToGenerator");var _classCallCheck=require("@babel/runtime-corejs3/helpers/classCallCheck");var _createClass=require("@babel/runtime-corejs3/helpers/createClass");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _Symbol$toStringTag=require("@babel/runtime-corejs3/core-js/symbol/to-string-tag");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _Object$freeze=require("@babel/runtime-corejs3/core-js/object/freeze");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _Promise=require("@babel/runtime-corejs3/core-js/promise");var _startsWithInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/starts-with");var _URL=require("@babel/runtime-corejs3/core-js/url");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _spliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/splice");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var pdfjs=require("pdfjs-dist/es5/build/pdf.js");function _interopNamespaceDefault(e){var n=Object.create(null,_defineProperty({},_Symbol$toStringTag,{value:"Module"}));if(e){var _loop=function _loop2(k2){if(k2!=="default"){var d=_Object$getOwnPropertyDescriptor(e,k2);_Object$defineProperty(n,k2,d.get?d:{enumerable:true,get:function get(){return e[k2]}})}};for(var k in e){_loop(k)}}n.default=e;return _Object$freeze(n)}var pdfjs__namespace=_interopNamespaceDefault(pdfjs);pdfjs__namespace.GlobalWorkerOptions.workerSrc=window.__global_cdn__+"/js/pdf/pdf.worker.es5.js";var STATE={INITED:1,DRAWING:2,RENDERING:3,RENDERED:4,DESTROYED:5};var PdfPage=function(){function PdfPage2(){var option=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};_classCallCheck(this,PdfPage2);this.scale=option.scale;this.viewport=option.viewport;this.container=option.container;this.brandColor=option.brandColor;this.pdfPage=null;this.state=STATE.INITED;this.canvas=null;this.canvasWrapper=null;this.index=option.index;this.pdfDoc=option.pdfDoc;var div=document.createElement("div");div.className="pdf-act-page";this.pageWidth=Math.floor(this.viewport.width/this.scale);this.pageHeight=Math.floor(this.viewport.height/this.scale);this.div=div;this.container.appendChild(div)}return _createClass(PdfPage2,[{key:"setLoading",value:function setLoading(){var pdfActLoading=document.createElement("span");pdfActLoading.className="pdf-act-loading";this.div.appendChild(pdfActLoading)}},{key:"hideLoading",value:function hideLoading(){var child=this.div.firstElementChild;if(child){child.style.visibility="hidden"}}},{key:"draw",value:function draw(){var _context;if(!_includesInstanceProperty(_context=[STATE.INITED]).call(_context,this.state)){return}this.state=STATE.DRAWING;if(!this.canvasWrapper){var _context2;var canvasWrapper=document.createElement("div");this.canvasWrapper=canvasWrapper;canvasWrapper.style.cssText=_concatInstanceProperty(_context2="width:".concat(this.pageWidth,";height:")).call(_context2,this.pageHeight);canvasWrapper.className="pdf-act-page-wrapper"}if(!this.canvas){var _context3;var canvas=document.createElement("canvas");this.canvas=canvas;var ctx=canvas.getContext("2d",{alpha:false});var dpr=Math.min(window.devicePixelRatio||2,3);var scaledWidth=this.pageWidth*dpr;var scaledHeight=this.pageHeight*dpr;if(scaledWidth>2048||scaledHeight>2048){var maxSize=2048;var ratio=Math.min(maxSize/scaledWidth,maxSize/scaledHeight);canvas.width=scaledWidth*ratio;canvas.height=scaledHeight*ratio}else{canvas.width=scaledWidth;canvas.height=scaledHeight}canvas.style.cssText=_concatInstanceProperty(_context3="height:".concat(this.pageHeight,"px;width:")).call(_context3,this.pageWidth,"px");this.renderContext={canvasContext:ctx,viewport:this.viewport,transform:[dpr/this.scale,0,0,dpr/this.scale,0,0],enableWebGL:true,renderInteractiveForms:false}}}},{key:"render",value:function render(){var _this=this;var retryCount=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;if(this.state!==STATE.DRAWING){return _Promise.resolve()}this.state=STATE.RENDERING;var renderPromise=this.pdfPage.render(this.renderContext).promise;var timeoutPromise=new _Promise(function(resolve,reject){setTimeout(function(){return reject(new Error("渲染超时"))},6e3)});this.renderTask={promise:_Promise.race([renderPromise,timeoutPromise]),cancel:function cancel(){if(_this.renderTask&&_this.renderTask._internalRenderTask){_this.renderTask._internalRenderTask.cancel()}}};return this.renderTask.promise.then(function(){if(_this.state===STATE.DESTROYED){return _Promise.reject("Page destroyed")}_this.state=STATE.RENDERED;_this.renderTask=null;return _this.createImageFromCanvas()}).catch(function(error){if(retryCount<2){return new _Promise(function(resolve){setTimeout(function(){resolve(_this.render(retryCount+1))},500*(retryCount+1))})}else{_this.cleanupCanvas();return _Promise.reject(new Error("页面 ".concat(_this.index+1," 渲染失败，已达到最大重试次数")))}})}},{key:"createImageFromCanvas",value:function(){var _createImageFromCanvas=_asyncToGenerator(_regeneratorRuntime.mark(function _callee(){var _context4,_this2=this;var img;return _regeneratorRuntime.wrap(function(_context6){while(1)switch(_context6.prev=_context6.next){case 0:img=document.createElement("img");img.style.cssText=_concatInstanceProperty(_context4="width:".concat(this.pageWidth,"px;height:")).call(_context4,this.pageHeight,"px");img.onload=function(){var _context5;_this2.div.style.cssText=_concatInstanceProperty(_context5="width:".concat(_this2.pageWidth,"px;height:")).call(_context5,_this2.pageHeight,"px;");_this2.canvasWrapper.appendChild(img);_this2.div.appendChild(_this2.canvasWrapper);if(_this2.pdfDoc){var _this2$pdfDoc=_this2.pdfDoc,renderedPages=_this2$pdfDoc.renderedPages,curLoadEnd=_this2$pdfDoc.curLoadEnd,maxConcurrentRenders=_this2$pdfDoc.maxConcurrentRenders;if(!_includesInstanceProperty(renderedPages).call(renderedPages,_this2.index)){_this2.pdfDoc.renderedPages.push(_this2.index)}var flag=true;for(var i=curLoadEnd-(maxConcurrentRenders-1);i<=curLoadEnd;i++){if(!_includesInstanceProperty(renderedPages).call(renderedPages,i)){flag=false;break}}if(flag){_this2.pdfDoc.loadNextBatch()}_this2.pdfDoc.refreshScroll()}};img.src=this.canvas.toDataURL("image/jpeg",.9);this.cleanupCanvas();case 1:case"end":return _context6.stop()}},_callee,this)}));function createImageFromCanvas(){return _createImageFromCanvas.apply(this,arguments)}return createImageFromCanvas}()},{key:"cleanupCanvas",value:function cleanupCanvas(){if(this.canvas){var ctx=this.canvas.getContext("2d");ctx.clearRect(0,0,this.canvas.width,this.canvas.height);this.canvas.width=0;this.canvas.height=0;this.canvas=null}}},{key:"destroy",value:function destroy(){if(this.renderTask){this.renderTask.cancel();this.renderTask=null}this.cleanupCanvas();if(this.canvasWrapper){var _context7;var img=this.canvasWrapper.querySelector("img");if(img&&_startsWithInstanceProperty(_context7=img.src).call(_context7,"blob:")){_URL.revokeObjectURL(img.src)}this.canvasWrapper=null}if(this.pdfPage){this.pdfPage.cleanup();this.pdfPage=null}if(this.div&&this.div.parentNode){this.div.parentNode.removeChild(this.div)}this.state=STATE.DESTROYED}},{key:"setPdfPage",value:function setPdfPage(pdfPage){this.pdfPage=pdfPage}}])}();var Pdf=function(){function Pdf2(){var options=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};_classCallCheck(this,Pdf2);this.url=options.url||"";this.container=options.container||null;this.brandColor=options.brandColor||"#8c7fee";this.pdfLoadingTask=null;this.pdfDocument=null;this.numPages=0;this.pageHeight=0;this.pageArr=[];this.startNum=0;this.renderQueue=[];this.isRendering=false;this.maxConcurrentRenders=1;this.isDestroyed=false;this.curLoadEnd=0;this.renderedPages=[];this.scollRef=null;this.inited=false}return _createClass(Pdf2,[{key:"init",value:function init(){var _this3=this;var options=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};try{if(this.isDestroyed)return null;this.url=options.url||this.url;this.container=options.container||this.container;this.brandColor=options.brandColor||this.brandColor;this.scollRef=options.scollRef;this.pdfLoadingTask=pdfjs__namespace.getDocument({url:this.url,cMapPacked:true,cMapUrl:window.__global_cdn__+"/js/pdf/cmaps/",maxImageSize:1024*1024*10});return this.pdfLoadingTask.promise.then(function(pdfDocument){_this3.pdfDocument=pdfDocument;_this3.numPages=pdfDocument.numPages;_this3.inited=true;return _this3.initPage()}).catch(function(e){return _Promise.reject(e)})}catch(error){return _Promise.reject(error)}}},{key:"initPage",value:function(){var _initPage=_asyncToGenerator(_regeneratorRuntime.mark(function _callee2(){return _regeneratorRuntime.wrap(function(_context8){while(1)switch(_context8.prev=_context8.next){case 0:if(!this.isDestroyed){_context8.next=1;break}return _context8.abrupt("return");case 1:_context8.next=2;return this.setPdfPages(this.startNum,this.maxConcurrentRenders-1);case 2:this.render(this.startNum,this.maxConcurrentRenders-1);return _context8.abrupt("return",_Promise.resolve({render:this.render.bind(this),totalPages:this.numPages}));case 3:case"end":return _context8.stop()}},_callee2,this)}));function initPage(){return _initPage.apply(this,arguments)}return initPage}()},{key:"loadNextBatch",value:function(){var _loadNextBatch=_asyncToGenerator(_regeneratorRuntime.mark(function _callee3(){var start,end;return _regeneratorRuntime.wrap(function(_context9){while(1)switch(_context9.prev=_context9.next){case 0:if(!this.isRendering){_context9.next=1;break}return _context9.abrupt("return");case 1:start=this.curLoadEnd+1;end=Math.min(this.numPages-1,start+this.maxConcurrentRenders-1);if(!(start>end)){_context9.next=2;break}return _context9.abrupt("return");case 2:_context9.next=3;return this.setPdfPages(start,end);case 3:this.render(start,end);case 4:case"end":return _context9.stop()}},_callee3,this)}));function loadNextBatch(){return _loadNextBatch.apply(this,arguments)}return loadNextBatch}()},{key:"setPdfPages",value:function(){var _setPdfPages=_asyncToGenerator(_regeneratorRuntime.mark(function _callee4(start,end){var containerWidth,pageHeight,i,gotPage,viewport,scale,page,_t;return _regeneratorRuntime.wrap(function(_context0){while(1)switch(_context0.prev=_context0.next){case 0:this.curLoadEnd=end;containerWidth=this.container.offsetWidth;pageHeight=this.pageHeight||0;i=start;case 1:if(!(i<=end)){_context0.next=6;break}_context0.prev=2;_context0.next=3;return this.pdfDocument.getPage(i+1);case 3:gotPage=_context0.sent;viewport=gotPage.getViewport({scale:1});scale=viewport.width/containerWidth;pageHeight=Math.max(Math.floor(viewport.height/scale),pageHeight);page=new PdfPage({scale,viewport,container:this.container,brandColor:this.brandColor,index:i,pdfDoc:this});page.setPdfPage(gotPage);this.pageArr[i]=page;_context0.next=5;break;case 4:_context0.prev=4;_t=_context0["catch"](2);case 5:i++;_context0.next=1;break;case 6:this.pageHeight=pageHeight;if(end<this.numPages-1&&end!==0){this.setBottomLoading()}else{this.hideBottomLoading()}case 7:case"end":return _context0.stop()}},_callee4,this,[[2,4]])}));function setPdfPages(_x,_x2){return _setPdfPages.apply(this,arguments)}return setPdfPages}()},{key:"render",value:function(){var _render=_asyncToGenerator(_regeneratorRuntime.mark(function _callee5(start,end){var _context1;var _end,i;return _regeneratorRuntime.wrap(function(_context10){while(1)switch(_context10.prev=_context10.next){case 0:if(!_includesInstanceProperty(_context1=this.renderedPages).call(_context1,end)){_context10.next=1;break}return _context10.abrupt("return");case 1:if(!this.isDestroyed){_context10.next=2;break}return _context10.abrupt("return");case 2:this.renderQueue=[];_end=Math.min(end,this.numPages-1);for(i=start;i<=_end;i++){if(i>=0&&i<this.numPages&&this.pageArr[i]){this.renderQueue.push(this.pageArr[i])}}_context10.next=3;return this.processRenderQueue();case 3:case"end":return _context10.stop()}},_callee5,this)}));function render(_x3,_x4){return _render.apply(this,arguments)}return render}()},{key:"processRenderQueue",value:function(){var _processRenderQueue=_asyncToGenerator(_regeneratorRuntime.mark(function _callee6(){var _this4=this;var activeRenders,_loop2,_ret,_t2;return _regeneratorRuntime.wrap(function(_context13){while(1)switch(_context13.prev=_context13.next){case 0:if(!(this.isRendering||this.renderQueue.length===0)){_context13.next=1;break}return _context13.abrupt("return");case 1:this.isRendering=true;activeRenders=[];_context13.prev=2;case 3:if(!(this.renderQueue.length>0||activeRenders.length>0)){_context13.next=9;break}_loop2=_regeneratorRuntime.mark(function _loop22(){var _context11;var pageView,renderTask;return _regeneratorRuntime.wrap(function(_context12){while(1)switch(_context12.prev=_context12.next){case 0:pageView=_this4.renderQueue.shift();if(_includesInstanceProperty(_context11=[STATE.INITED]).call(_context11,pageView.state)){_context12.next=1;break}return _context12.abrupt("return",0);case 1:pageView.draw();if(!(pageView.state!==STATE.DRAWING)){_context12.next=2;break}return _context12.abrupt("return",0);case 2:renderTask={pageView,promise:pageView.render().then(function(){}).catch(function(e){}).finally(function(){var index=_indexOfInstanceProperty(activeRenders).call(activeRenders,renderTask);if(index>-1){_spliceInstanceProperty(activeRenders).call(activeRenders,index,1)}})};activeRenders.push(renderTask);case 3:case"end":return _context12.stop()}},_loop22)});case 4:if(!(activeRenders.length<this.maxConcurrentRenders&&this.renderQueue.length>0)){_context13.next=7;break}return _context13.delegateYield(_loop2(),"t0",5);case 5:_ret=_context13.t0;if(!(_ret===0)){_context13.next=6;break}return _context13.abrupt("continue",4);case 6:_context13.next=4;break;case 7:if(!(activeRenders.length>0)){_context13.next=8;break}_context13.next=8;return _Promise.race(_mapInstanceProperty(activeRenders).call(activeRenders,function(task){return task.promise}));case 8:_context13.next=3;break;case 9:_context13.next=11;break;case 10:_context13.prev=10;_t2=_context13["catch"](2);case 11:_context13.prev=11;this.isRendering=false;return _context13.finish(11);case 12:case"end":return _context13.stop()}},_callee6,this,[[2,10,11,12]])}));function processRenderQueue(){return _processRenderQueue.apply(this,arguments)}return processRenderQueue}()},{key:"refreshScroll",value:function refreshScroll(){this.scollRef&&this.scollRef.refresh()}},{key:"setBottomLoading",value:function setBottomLoading(){this.hideBottomLoading();var loadingDom=document.createElement("div");loadingDom.innerHTML='<div class="loading-wrap">\n      <div class="loading-cont-cir" style="color: '.concat(this.brandColor,'"></div>\n    </div>');loadingDom.id="pdf-bottom-loading";this.container.appendChild(loadingDom)}},{key:"hideBottomLoading",value:function hideBottomLoading(){var loadingDom=document.getElementById("pdf-bottom-loading");loadingDom&&loadingDom.remove()}},{key:"destroy",value:function destroy(){var _context14;this.isDestroyed=true;this.isRendering=false;this.renderQueue=[];_forEachInstanceProperty(_context14=this.pageArr).call(_context14,function(page){if(page){page.destroy()}});this.pageArr=[];if(this.pdfDocument){this.pdfDocument.destroy();this.pdfDocument=null}if(this.pdfLoadingTask){this.pdfLoadingTask.destroy();this.pdfLoadingTask=null}if(this.container){this.container.innerHTML=""}}}])}();exports.Pdf=Pdf;