@king-one/antdv 1.1.11 → 1.2.0

package/dist/lib/components/pro-sign/src/components/verify.vue2.js

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("../../../index.js");
+const antDesignVue = require("ant-design-vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+const useSms = require("../hook/useSms.js");
+const signContext = require("../context/sign-context.js");
+const proSignApi = require("../../apis/pro-sign-api.js");
+const useProModal = require("../../../pro-modal/hooks/useProModal.js");
+const index$1 = require("../../../pro-modal/index.js");
+const _hoisted_1 = { class: "constract-verify-phone" };
+const _hoisted_2 = { class: "constract-verify-password-switch" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "verify",
+  emits: ["confirm", "init"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { b } = index.useNamespace("pro-sign-verify");
+    const { codetext, sendCode, loading: smsLoading } = useSms.useSmsCode(30);
+    const { modalVisible, closeModal } = useProModal.useProModal();
+    const signContext$1 = signContext.useInjectSignContext();
+    const type = vue.ref();
+    const phone = vue.computed(() => {
+      var _a;
+      return ((_a = signContext$1.sharedStatus.userInfo) == null ? void 0 : _a.phone) || "";
+    });
+    const formState = vue.reactive({
+      password: "",
+      sms: ""
+    });
+    vue.watch(modalVisible, (newVal) => {
+      if (newVal) {
+        const { verifyType } = signContext$1.sharedStatus;
+        if (verifyType.PASSWORD) {
+          type.value = "PASSWORD";
+        } else if (verifyType.SMS) {
+          type.value = "SMS";
+        }
+      } else {
+        type.value = void 0;
+        Object.assign(formState, {
+          password: "",
+          sms: ""
+        });
+      }
+    });
+    function encryptPhoneNumber(phone2) {
+      const phoneStr = phone2.toString();
+      if (phoneStr.length !== 11) {
+        throw new Error("Invalid phone number length");
+      }
+      return phoneStr.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
+    }
+    function handleOk() {
+      if (type.value === "SMS") {
+        if (!formState.sms) {
+          antDesignVue.message.error("请输入短信验证码");
+          return;
+        }
+      } else if (type.value === "PASSWORD") {
+        if (!formState.password) {
+          antDesignVue.message.error("请输入密码");
+          return;
+        }
+      }
+      closeModal();
+      const code = type.value === "SMS" ? formState.sms : formState.password;
+      emit("confirm", code, type.value);
+    }
+    function handleSendSms() {
+      if (smsLoading.value)
+        return;
+      if (type.value === "SMS") {
+        const { config } = signContext$1;
+        const { signPreFix, userIdentity, appToken } = config;
+        sendCode(async () => {
+          return proSignApi.proSignApis.sendingSms(signPreFix, {
+            headers: {
+              "APP-TOKEN": appToken,
+              "User-Identity": userIdentity
+            },
+            params: {
+              phone: phone.value
+            }
+          }).then(() => {
+          }).catch(() => Promise.reject()).finally(() => {
+          });
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.KProModal), {
+        modelValue: vue.unref(modalVisible),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(modalVisible) ? modalVisible.value = $event : null),
+        "modal-props": {
+          okText: "确定",
+          cancelText: "取消"
+        },
+        title: "确认签署",
+        onOnConfirm: handleOk
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(b)())
+            },
+            [
+              type.value === "SMS" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 0 },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    _hoisted_1,
+                    " 短信验证码会发送至 " + vue.toDisplayString(encryptPhoneNumber(phone.value)) + " 手机号，请注意查收 ",
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createVNode(vue.unref(antDesignVue.FormItem), { label: "验证码" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(antDesignVue.Input), {
+                        value: formState.sms,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.sms = $event)
+                      }, {
+                        suffix: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(antDesignVue.Button), {
+                            type: "link",
+                            size: "small",
+                            style: { "padding": "0 !important" },
+                            disabled: vue.unref(smsLoading),
+                            onClick: handleSendSms
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(
+                                vue.toDisplayString(vue.unref(codetext)),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["disabled"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : type.value === "PASSWORD" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), {
+                key: 1,
+                label: "密码"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(antDesignVue.InputPassword), {
+                    value: formState.password,
+                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => formState.password = $event),
+                    type: "text"
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", _hoisted_2, [
+                type.value === "SMS" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                  key: 0,
+                  type: "link",
+                  onClick: _cache[2] || (_cache[2] = ($event) => type.value = "PASSWORD")
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 切换为密码签署 ")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : vue.createCommentVNode("v-if", true),
+                type.value === "PASSWORD" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                  key: 1,
+                  type: "link",
+                  onClick: _cache[3] || (_cache[3] = ($event) => type.value = "SMS")
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 切换为短信签署 ")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : vue.createCommentVNode("v-if", true)
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-sign/src/context/contants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const GlobalState = {
+  lifecycles: [],
+  context: [],
+  effectStart: false,
+  effectEnd: false,
+  initializing: false
+};
+exports.GlobalState = GlobalState;

package/dist/lib/components/pro-sign/src/context/effective.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@king-one/utils");
+const LifeCycle = require("../core/LifeCycle.js");
+const contants = require("./contants.js");
+function createEffectHook(type, callback) {
+  return (...args) => {
+    if (contants.GlobalState.effectStart) {
+      contants.GlobalState.lifecycles.push(
+        new LifeCycle.LifeCycle(type, (payload, ...cargs) => {
+          if (utils.isFn(callback)) {
+            callback(...cargs, payload)(...args);
+          }
+        })
+      );
+    } else {
+      throw new Error("Effect hooks cannot be used in asynchronous function body");
+    }
+  };
+}
+function runEffects(context, ...args) {
+  contants.GlobalState.lifecycles = [];
+  contants.GlobalState.context = [];
+  contants.GlobalState.effectStart = true;
+  contants.GlobalState.effectEnd = false;
+  args.forEach((effect) => {
+    if (utils.isFn(effect))
+      effect(context);
+  });
+  contants.GlobalState.context = [];
+  contants.GlobalState.effectStart = false;
+  contants.GlobalState.effectEnd = true;
+  return contants.GlobalState.lifecycles;
+}
+exports.createEffectHook = createEffectHook;
+exports.runEffects = runEffects;

package/dist/lib/components/pro-sign/src/context/sign-context.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const signContextSymbol = Symbol("signContext");
+function useProvideSignContext(params) {
+  return vue.provide(signContextSymbol, params);
+}
+function useInjectSignContext() {
+  return vue.inject(signContextSymbol);
+}
+exports.useInjectSignContext = useInjectSignContext;
+exports.useProvideSignContext = useProvideSignContext;

package/dist/lib/components/pro-sign/src/core/Heart.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@king-one/utils");
+const LifeCycle = require("./LifeCycle.js");
+class Heart {
+  constructor({ lifecycles, context }) {
+    __publicField(this, "context");
+    __publicField(this, "lifecycles");
+    this.lifecycles = this.buildLifeCycles(lifecycles || []);
+    this.context = context;
+  }
+  buildLifeCycles(lifecycles) {
+    return lifecycles.reduce((buf, item) => {
+      if (item instanceof LifeCycle.LifeCycle) {
+        return buf.concat(item);
+      }
+      return buf;
+    }, []);
+  }
+  publish(type, ...args) {
+    if (utils.isStr(type)) {
+      this.lifecycles.forEach((lifecyle) => {
+        lifecyle.notify(type, this.context, ...args);
+      });
+    }
+  }
+}
+exports.Heart = Heart;

package/dist/lib/components/pro-sign/src/core/LifeCycle.js

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@king-one/utils");
+class LifeCycle {
+  constructor(...params) {
+    __publicField(this, "listener");
+    __publicField(this, "notify", (type, payload, ...args) => {
+      if (utils.isStr(type)) {
+        this.listener.call(payload, { type, payload }, ...args);
+      }
+    });
+    this.listener = this.buildListener(params);
+  }
+  buildListener(params) {
+    return (payload, ...args) => {
+      for (let index = 0; index < params.length; index++) {
+        const item = params[index];
+        if (utils.isStr(item) && utils.isFn(params[index + 1])) {
+          if (item === payload.type) {
+            params[index + 1].call(this, payload.payload, ...args);
+          }
+        }
+      }
+    };
+  }
+}
+exports.LifeCycle = LifeCycle;

package/dist/lib/components/pro-sign/src/core/create-sign.js

@@ -0,0 +1,226 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils$1 = require("@king-one/utils");
+const lodashEs = require("lodash-es");
+const effective = require("../context/effective.js");
+const index = require("../plugins/index.js");
+const proSignApi = require("../../apis/pro-sign-api.js");
+require("../effects/index.js");
+const Heart = require("./Heart.js");
+const move = require("./move.js");
+const utils = require("./utils.js");
+const effect_enum = require("../effects/effect.enum.js");
+function getInitStatus() {
+  return {
+    loading: true,
+    fileList: [],
+    currentFile: {},
+    companySeals: [],
+    baseSize: {
+      minH: 0,
+      minW: 0,
+      contractWidth: 0,
+      scale: 1
+    },
+    renderPages: [],
+    sealList: [],
+    currentSeal: null,
+    contractInfo: {
+      contractName: "",
+      createTime: ""
+    },
+    verifyType: {
+      SMS: true,
+      PASSWORD: true,
+      FACE: false,
+      NONE: false
+    },
+    userInfo: null
+  };
+}
+class CreateSign {
+  constructor(params) {
+    __publicField(this, "config");
+    __publicField(this, "tabsActiveKey", vue.reactive({
+      left: "1",
+      right: "1"
+    }));
+    __publicField(this, "sharedStatus", vue.reactive(getInitStatus()));
+    __publicField(this, "heart");
+    __publicField(this, "plugin");
+    if (!params.signPreFix) {
+      throw new Error("缺少必要参数：signPreFix（签署接口前缀）,详情参照：https://www.baidu.com/");
+    }
+    if (!params.contractPreFix) {
+      throw new Error("缺少必要参数：contractPreFix（合同接口前缀），详情参照：https://www.baidu.com/");
+    }
+    this.config = params;
+    if (params.verifyType) {
+      this.setVerifyType(params.verifyType);
+    }
+    this.plugin = new index.Plugin();
+    this.heart = new Heart.Heart({
+      lifecycles: this.lifecycles,
+      context: this
+    });
+  }
+  async render(params) {
+    this.config = {
+      ...this.config,
+      ...params
+    };
+    if (!this.config.contractId) {
+      throw new Error("缺少必要参数：contractId（合同ID）");
+    }
+    if (!this.config.appToken) {
+      throw new Error("缺少必要参数：appToken（签署中心应用令牌）");
+    }
+    if (!this.config.userIdentity) {
+      throw new Error("缺少必要参数：userIdentity（签署中心用户令牌）");
+    }
+    this.handleRquest();
+  }
+  async handleRquest() {
+    await this.hooks.beforeInit.promise(true);
+    const { signPreFix, appToken, userIdentity, contractId } = this.config;
+    const f = await proSignApi.proSignApis.getFileList(signPreFix, {
+      headers: {
+        "SEAL-APP-TOKEN ": appToken,
+        "userIdentity": userIdentity
+      },
+      params: { contractId }
+    });
+    const l = await Promise.all(f.data.map((item) => this.getFileHomeImage(item.fileId)));
+    const fileList = f.data.map((item, index2) => {
+      var _a, _b;
+      return {
+        ...item,
+        homeImg: (_b = (_a = l[index2]) == null ? void 0 : _a.pages[0]) == null ? void 0 : _b.url
+      };
+    });
+    this.sharedStatus.fileList = fileList;
+    Object.assign(this.sharedStatus.currentFile, fileList[0]);
+    const s = await proSignApi.proSignApis.getCompanySeals(signPreFix, {
+      headers: {
+        "SEAL-APP-TOKEN ": appToken,
+        "userIdentity": userIdentity
+      }
+    });
+    const sealfiles = s.data.map((item) => ({ ...item, fileId: item.sealWatermarkFileId }));
+    const seals = await utils.batchDownload(signPreFix, sealfiles);
+    this.sharedStatus.companySeals = seals.map((item) => {
+      const { imgUrl, ...rest } = item;
+      return {
+        ...rest,
+        sealUrl: imgUrl
+      };
+    });
+    const c = await proSignApi.proSignApis.getContractInfo(signPreFix, {
+      headers: {
+        "SEAL-APP-TOKEN ": appToken,
+        "userIdentity": userIdentity
+      },
+      params: { contractId }
+    });
+    Object.assign(this.sharedStatus.contractInfo, c.data);
+    const u = await proSignApi.proSignApis.userIdentify(signPreFix, {
+      headers: {
+        "SEAL-APP-TOKEN ": appToken,
+        "userIdentity": userIdentity
+      }
+    });
+    this.sharedStatus.userInfo = u.data;
+    this.sharedStatus.loading = false;
+    this.notify(effect_enum.LifeCycleTypes.ON_SIGN_INIT);
+  }
+  async getFileHomeImage(fileId) {
+    const { signPreFix, appToken, userIdentity } = this.config;
+    const { data } = await proSignApi.proSignApis.getFileImg(signPreFix, {
+      headers: {
+        "SEAL-APP-TOKEN": appToken,
+        "userIdentity": userIdentity
+      },
+      params: {
+        fileId,
+        pageNum: 1,
+        pageSize: 1,
+        absoluteEnable: true
+      }
+    });
+    return data;
+  }
+  async setVerifyType(verifyType) {
+    Object.assign(this.sharedStatus.verifyType, verifyType);
+  }
+  /**
+   * 获取印章最大拖拽范围
+   * @param pageList 页码列表
+   * @param size 印章大小
+   * @returns 最大拖拽范围
+   */
+  getDragMaxSize(pageList, size) {
+    var _a;
+    const offset = 2;
+    const { fileList, baseSize } = this.sharedStatus;
+    const { scale } = baseSize;
+    const batchPages = [];
+    for (const key in pageList) {
+      const pages = pageList[key];
+      const pageInfoVoList = (_a = fileList.find((item) => item.fileId === key)) == null ? void 0 : _a.pageInfoVoList;
+      const List = vue.toRaw(pageInfoVoList);
+      pages.forEach((item) => {
+        const page = List.find((page2) => page2.pageNum === item);
+        batchPages.push(page);
+      });
+    }
+    const { minHeight, minWidth } = utils.getMinSizeByList(batchPages);
+    if (size) {
+      const [h, w] = size.split("*");
+      const sealH = Number.parseFloat(utils$1.mmtopx(+h).toFixed(2));
+      const sealW = Number.parseFloat(utils$1.mmtopx(+w).toFixed(2));
+      const maxLeft = Number.parseFloat(((minWidth - sealW) * scale).toFixed(2));
+      const maxTop = Number.parseFloat(((minHeight - sealH) * scale).toFixed(2));
+      return {
+        maxLeft: maxLeft - offset,
+        maxTop: maxTop - offset
+      };
+    } else {
+      const maxLeft = Number.parseFloat((minWidth * scale).toFixed(2));
+      const maxTop = Number.parseFloat((minHeight * scale).toFixed(2));
+      return {
+        maxLeft: maxLeft - offset,
+        maxTop: maxTop - offset
+      };
+    }
+  }
+  getSignData() {
+    const { baseSize, sealList } = this.sharedStatus;
+    const { scale } = baseSize;
+    const arr = lodashEs.cloneDeep(sealList);
+    return arr.map((item) => ({
+      ...item,
+      offsetY: item.signType !== "perforationSeal" ? Number.parseFloat((item.offsetY / scale).toFixed(2)) : item.offsetY,
+      offsetX: Number.parseFloat((item.offsetX / scale).toFixed(2))
+    }));
+  }
+  use(plugin) {
+    this.plugin.use(plugin);
+  }
+  notify(type, ...args) {
+    this.heart.publish(type, ...args, this);
+  }
+  get move() {
+    return new move.Move(this);
+  }
+  get hooks() {
+    return this.plugin.hooks;
+  }
+  get lifecycles() {
+    return effective.runEffects(this, this.config.effects);
+  }
+}
+exports.CreateSign = CreateSign;

package/dist/lib/components/pro-sign/src/core/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createSign = require("./create-sign.js");
+function initProSign(config) {
+  return new createSign.CreateSign(config);
+}
+exports.initProSign = initProSign;