@king-one/antdv 1.2.21 → 2.0.0

package/dist/lib/components/pro-sign/src/components/middle.vue.js

@@ -1 +1,411 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),T=require("../../../../hooks/use-namespace/index.js");require("../../../index.js");const M=require("lodash-es"),P=require("../context/sign-context.js");require("../effects/index.js");require("./index.js");const $=require("../../../pro-modal/hooks/useProModal.js"),y=require("../effects/effect.enum.js"),F=require("./loader.vue2.js"),u=require("../../../icon/index.js"),O=require("./batch.vue2.js"),U=require("./verify.vue2.js"),D=e.createElementVNode("span",null,"黑神话悟空A4",-1),R={style:{flex:"1"}},K=["data-index","onMousedown"],j=e.createElementVNode("span",null,"批量应用",-1),X=["src","data-index"],G={key:1,class:"seal-time"},Y=["onMousedown"],A=["src"],H=e.createElementVNode("span",null,"上一页",-1),W=e.createElementVNode("span",null,"下一页",-1),J=e.createElementVNode("span",null,"跳转到",-1),Q=e.createElementVNode("span",null,"页",-1),Z=e.defineComponent({__name:"middle",setup(ee){const[C,{openModal:V}]=$.useProModalInit(),l=P.useInjectSignContext(),f=l.move,s=e.ref(null),S=e.computed(()=>l.sharedStatus.fileList),{sealList:k,currentFile:m}=l.sharedStatus,v=e.computed(()=>{var t;return(t=l.sharedStatus.currentSeal)==null?void 0:t.batchId}),d=e.computed(()=>{var t;return((t=s.value)==null?void 0:t.virtuaState)||{current:1}}),g=e.ref(3),{b:E,e:c,em:p}=T.useNamespace("pro-sign-middle"),I=e.computed(()=>t=>k.filter(r=>(r.pageList[m.fileId]||[]).includes(t)&&r.signType!=="perforationSeal")),x=e.computed(()=>{const{sealList:t,currentFile:r}=l.sharedStatus;return t.filter(o=>{const n=o.pageList[r.fileId]||[];return o.signType==="perforationSeal"&&n.length>0})});function _(t){console.log(t)}function h(t){return t.signType==="perforationSeal"?{right:`${t.offsetX}px`,top:`${t.offsetY}px`}:{left:`${t.offsetX}px`,top:`${t.offsetY}px`,width:`${t.sealW}px`,height:`${t.sealH}px`}}function w(t){var r;return t?(r=t.parentNode)==null?void 0:r.parentNode:document.body}const N=()=>l.sharedStatus.loading=!1;function L(){const{sealList:t,verifyType:r}=l.sharedStatus;if(!l.hooks.beforeSign.call({sealList:e.toRaw(t)}))return!0;if(r.NONE){l.sharedStatus.loading=!0;const n=l.getSignData();l.notify(y.LifeCycleTypes.ON_SIGN_CONFIRM,{sealList:n,verifyType:"NONE"},N)}else V()}function b(t,r){l.sharedStatus.loading=!0;const o=l.getSignData();l.notify(y.LifeCycleTypes.ON_SIGN_CONFIRM,{sealList:o,verifyType:r,securityCode:t},N)}function B(){if(s.value){const t=d.value.current;s.value.scrollTo(t+1)}}function z(){if(s.value){const t=d.value.current;s.value.scrollTo(t-1)}}const q=M.debounce(t=>{var r;t>=0&&((r=s.value)==null||r.scrollTo(t-1))},500);return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(E)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("title"))},[e.createElementVNode("div",null,[e.createVNode(e.unref(i.Badge),{status:"processing"}),D]),e.createElementVNode("div",null,[e.createVNode(e.unref(i.Button),{type:"primary",size:"middle",onClick:L},{default:e.withCtx(()=>[e.createTextVNode(" 确认签署 ")]),_:1})])],2),e.createElementVNode("div",R,[e.createVNode(e.unref(F.default),{ref_key:"LoaderRef",ref:s},{seal:e.withCtx(({index:o})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value(o),n=>(e.openBlock(),e.createElementBlock("div",{key:n.batchId,style:e.normalizeStyle(h(n)),"data-index":o,class:e.normalizeClass(["contract-seal",[n.batchId===v.value&&"mouse-check-seal"]]),onMousedown:a=>e.unref(f).movedown(a,o,n)},[e.createVNode(e.unref(i.Popover),{open:n.popoves[o],"onUpdate:open":a=>n.popoves[o]=a,placement:n.offsetX<100?"right":"bottom","arrow-point-at-center":!0,trigger:"click","get-popup-container":w,"overlay-inner-style":{width:"450px",border:"1px solid #e4e4e4"}},{content:e.withCtx(()=>[e.createVNode(e.unref(O.default),{show:n.popoves[o],"onUpdate:show":a=>n.popoves[o]=a,seal:n,"file-list":S.value},null,8,["show","onUpdate:show","seal","file-list"])]),title:e.withCtx(()=>[j]),default:e.withCtx(()=>[n.signType!=="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),e.createElementVNode("img",{src:n.sealUrl,"data-index":o,alt:"",width:"100%",height:"100%"},null,8,X)],64)):(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(n.time),1))]),_:2},1032,["open","onUpdate:open","placement"]),e.createVNode(e.unref(u.KIcon),{name:"close-circle",class:"remove-icon",color:"#f56c6c",size:18,onClick:a=>_(n)},null,8,["onClick"])],46,K))),128))]),crevice:e.withCtx(({index:o})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.sealId,class:e.normalizeClass([[n.batchId===v.value&&"mouse-check-seal"],"contract-crevice-seal"]),style:e.normalizeStyle(h(n)),onMousedown:a=>e.unref(f).movedown(a,o,n)},[e.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),e.createElementVNode("img",{src:n.sealUrl,alt:"印模图片;",width:"100%"},null,8,A),e.createVNode(e.unref(u.KIcon),{name:"close-circle",class:"remove-icon",color:"#f56c6c",size:18,onClick:a=>_(n)},null,8,["onClick"])],46,Y))),128))]),_:1},512)]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("footer"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("footer-pages"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("footer-pages","pre")),onClick:z},[e.createVNode(e.unref(u.KIcon),{name:"left"}),H],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("footer-pages","page"))},e.toDisplayString(d.value.current+1)+"/"+e.toDisplayString(e.unref(m).total),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("footer-pages","next")),onClick:B},[W,e.createVNode(e.unref(u.KIcon),{name:"right"})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("page-jump"))},[J,e.createElementVNode("span",{class:e.normalizeClass(e.unref(c)("page-input"))},[e.createVNode(e.unref(i.InputNumber),{value:g.value,"onUpdate:value":r[0]||(r[0]=o=>g.value=o),controls:!1,bordered:!1,onInput:e.unref(q)},null,8,["value","onInput"])],2),Q],2)],2),e.createVNode(e.unref(U.default),{onInit:e.unref(C),onConfirm:b},null,8,["onInit"])],2))}});exports.default=Z;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+require("../../../index.js");
+const lodashEs = require("lodash-es");
+const signContext = require("../context/sign-context.js");
+require("../effects/index.js");
+require("./index.js");
+const useProModal = require("../../../pro-modal/hooks/useProModal.js");
+const effect_enum = require("../effects/effect.enum.js");
+const loader_vue_vue_type_script_setup_true_lang = require("./loader.vue2.js");
+const index$1 = require("../../../icon/index.js");
+const batch_vue_vue_type_script_setup_true_lang = require("./batch.vue2.js");
+const verify_vue_vue_type_script_setup_true_lang = require("./verify.vue2.js");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "黑神话悟空A4",
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = { style: { "flex": "1" } };
+const _hoisted_3 = ["data-index", "onMousedown"];
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "批量应用",
+  -1
+  /* HOISTED */
+);
+const _hoisted_5 = ["src", "data-index"];
+const _hoisted_6 = {
+  key: 1,
+  class: "seal-time"
+};
+const _hoisted_7 = ["onMousedown"];
+const _hoisted_8 = ["src"];
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "上一页",
+  -1
+  /* HOISTED */
+);
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "下一页",
+  -1
+  /* HOISTED */
+);
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "跳转到",
+  -1
+  /* HOISTED */
+);
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "页",
+  -1
+  /* HOISTED */
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "middle",
+  setup(__props) {
+    const [init, { openModal }] = useProModal.useProModalInit();
+    const SignContext = signContext.useInjectSignContext();
+    const moveEffect = SignContext.move;
+    const LoaderRef = vue.ref(null);
+    const fileList = vue.computed(() => SignContext.sharedStatus.fileList);
+    const { sealList, currentFile } = SignContext.sharedStatus;
+    const checkedSealBatchId = vue.computed(() => {
+      var _a;
+      return (_a = SignContext.sharedStatus.currentSeal) == null ? void 0 : _a.batchId;
+    });
+    const loaderState = vue.computed(() => {
+      var _a;
+      return ((_a = LoaderRef.value) == null ? void 0 : _a.virtuaState) || { current: 1 };
+    });
+    const page = vue.ref(3);
+    const { b, e, em } = index.useNamespace("pro-sign-middle");
+    const pageSeals = vue.computed(() => {
+      return (index2) => {
+        return sealList.filter((seal) => {
+          const pages = seal.pageList[currentFile.fileId] || [];
+          return pages.includes(index2) && seal.signType !== "perforationSeal";
+        });
+      };
+    });
+    const creviceSeals = vue.computed(() => {
+      const { sealList: sealList2, currentFile: currentFile2 } = SignContext.sharedStatus;
+      return sealList2.filter((seal) => {
+        const pages = seal.pageList[currentFile2.fileId] || [];
+        return seal.signType === "perforationSeal" && pages.length > 0;
+      });
+    });
+    function handleRemove(seal) {
+      console.log(seal);
+    }
+    function sealImgStyle(seal) {
+      if (seal.signType === "perforationSeal") {
+        return {
+          right: `${seal.offsetX}px`,
+          top: `${seal.offsetY}px`
+        };
+      } else {
+        return {
+          left: `${seal.offsetX}px`,
+          top: `${seal.offsetY}px`,
+          width: `${seal.sealW}px`,
+          height: `${seal.sealH}px`
+        };
+      }
+    }
+    function getPopupContainer(triggerNode) {
+      var _a;
+      if (!triggerNode) {
+        return document.body;
+      }
+      return (_a = triggerNode.parentNode) == null ? void 0 : _a.parentNode;
+    }
+    const hideLoad = () => SignContext.sharedStatus.loading = false;
+    function confirmSign() {
+      const { sealList: sealList2, verifyType } = SignContext.sharedStatus;
+      const data = SignContext.hooks.beforeSign.call({ sealList: vue.toRaw(sealList2) });
+      if (!data) {
+        return true;
+      }
+      if (verifyType.NONE) {
+        SignContext.sharedStatus.loading = true;
+        const data2 = SignContext.getSignData();
+        SignContext.notify(effect_enum.LifeCycleTypes.ON_SIGN_CONFIRM, { sealList: data2, verifyType: "NONE" }, hideLoad);
+      } else {
+        openModal();
+      }
+    }
+    function handleVerify(code, verifyType) {
+      SignContext.sharedStatus.loading = true;
+      const data = SignContext.getSignData();
+      SignContext.notify(effect_enum.LifeCycleTypes.ON_SIGN_CONFIRM, { sealList: data, verifyType, securityCode: code }, hideLoad);
+    }
+    function handleNextPage() {
+      if (LoaderRef.value) {
+        const current = loaderState.value.current;
+        LoaderRef.value.scrollTo(current + 1);
+      }
+    }
+    function handlePrePage() {
+      if (LoaderRef.value) {
+        const current = loaderState.value.current;
+        LoaderRef.value.scrollTo(current - 1);
+      }
+    }
+    const togglePage = lodashEs.debounce((e2) => {
+      var _a;
+      if (e2 >= 0) {
+        (_a = LoaderRef.value) == null ? void 0 : _a.scrollTo(e2 - 1);
+      }
+    }, 500);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(b)())
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(e)("title"))
+            },
+            [
+              vue.createElementVNode("div", null, [
+                vue.createVNode(vue.unref(antDesignVue.Badge), { status: "processing" }),
+                _hoisted_1
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createVNode(vue.unref(antDesignVue.Button), {
+                  type: "primary",
+                  size: "middle",
+                  onClick: confirmSign
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 确认签署 ")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(
+              vue.unref(loader_vue_vue_type_script_setup_true_lang.default),
+              {
+                ref_key: "LoaderRef",
+                ref: LoaderRef
+              },
+              {
+                seal: vue.withCtx(({ index: index2 }) => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(pageSeals.value(index2), (seal) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: seal.batchId,
+                        style: vue.normalizeStyle(sealImgStyle(seal)),
+                        "data-index": index2,
+                        class: vue.normalizeClass(["contract-seal", [seal.batchId === checkedSealBatchId.value && "mouse-check-seal"]]),
+                        onMousedown: ($event) => vue.unref(moveEffect).movedown($event, index2, seal)
+                      }, [
+                        vue.createVNode(vue.unref(antDesignVue.Popover), {
+                          open: seal.popoves[index2],
+                          "onUpdate:open": ($event) => seal.popoves[index2] = $event,
+                          placement: seal.offsetX < 100 ? "right" : "bottom",
+                          "arrow-point-at-center": true,
+                          trigger: "click",
+                          "get-popup-container": getPopupContainer,
+                          "overlay-inner-style": { width: "450px", border: "1px solid #e4e4e4" }
+                        }, {
+                          content: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(batch_vue_vue_type_script_setup_true_lang.default), {
+                              show: seal.popoves[index2],
+                              "onUpdate:show": ($event) => seal.popoves[index2] = $event,
+                              seal,
+                              "file-list": fileList.value
+                            }, null, 8, ["show", "onUpdate:show", "seal", "file-list"])
+                          ]),
+                          title: vue.withCtx(() => [
+                            _hoisted_4
+                          ]),
+                          default: vue.withCtx(() => [
+                            seal.signType !== "date" ? (vue.openBlock(), vue.createElementBlock(
+                              vue.Fragment,
+                              { key: 0 },
+                              [
+                                vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+                                vue.createElementVNode("img", {
+                                  src: seal.sealUrl,
+                                  "data-index": index2,
+                                  alt: "",
+                                  width: "100%",
+                                  height: "100%"
+                                }, null, 8, _hoisted_5)
+                              ],
+                              64
+                              /* STABLE_FRAGMENT */
+                            )) : (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_6,
+                              vue.toDisplayString(seal.time),
+                              1
+                              /* TEXT */
+                            ))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["open", "onUpdate:open", "placement"]),
+                        vue.createVNode(vue.unref(index$1.KIcon), {
+                          name: "close-circle",
+                          class: "remove-icon",
+                          color: "#f56c6c",
+                          size: 18,
+                          onClick: ($event) => handleRemove(seal)
+                        }, null, 8, ["onClick"])
+                      ], 46, _hoisted_3);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                crevice: vue.withCtx(({ index: index2 }) => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(creviceSeals.value, (seal) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: seal.sealId,
+                        class: vue.normalizeClass([[seal.batchId === checkedSealBatchId.value && "mouse-check-seal"], "contract-crevice-seal"]),
+                        style: vue.normalizeStyle(sealImgStyle(seal)),
+                        onMousedown: ($event) => vue.unref(moveEffect).movedown($event, index2, seal)
+                      }, [
+                        vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+                        vue.createElementVNode("img", {
+                          src: seal.sealUrl,
+                          alt: "印模图片;",
+                          width: "100%"
+                        }, null, 8, _hoisted_8),
+                        vue.createVNode(vue.unref(index$1.KIcon), {
+                          name: "close-circle",
+                          class: "remove-icon",
+                          color: "#f56c6c",
+                          size: 18,
+                          onClick: ($event) => handleRemove(seal)
+                        }, null, 8, ["onClick"])
+                      ], 46, _hoisted_7);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              },
+              512
+              /* NEED_PATCH */
+            )
+          ]),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(e)("footer"))
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(e)("footer-pages"))
+                },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(em)("footer-pages", "pre")),
+                      onClick: handlePrePage
+                    },
+                    [
+                      vue.createVNode(vue.unref(index$1.KIcon), { name: "left" }),
+                      _hoisted_9
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(em)("footer-pages", "page"))
+                    },
+                    vue.toDisplayString(loaderState.value.current + 1) + "/" + vue.toDisplayString(vue.unref(currentFile).total),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(em)("footer-pages", "next")),
+                      onClick: handleNextPage
+                    },
+                    [
+                      _hoisted_10,
+                      vue.createVNode(vue.unref(index$1.KIcon), { name: "right" })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(e)("page-jump"))
+                },
+                [
+                  _hoisted_11,
+                  vue.createElementVNode(
+                    "span",
+                    {
+                      class: vue.normalizeClass(vue.unref(e)("page-input"))
+                    },
+                    [
+                      vue.createVNode(vue.unref(antDesignVue.InputNumber), {
+                        value: page.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => page.value = $event),
+                        controls: false,
+                        bordered: false,
+                        onInput: vue.unref(togglePage)
+                      }, null, 8, ["value", "onInput"])
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  _hoisted_12
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createVNode(vue.unref(verify_vue_vue_type_script_setup_true_lang.default), {
+            onInit: vue.unref(init),
+            onConfirm: handleVerify
+          }, null, 8, ["onInit"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./middle.vue.js");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const middle_vue_vue_type_script_setup_true_lang = require("./middle.vue.js");
+exports.default = middle_vue_vue_type_script_setup_true_lang.default;

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

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./pro-sign.vue2.js");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const proSign_vue_vue_type_script_setup_true_lang = require("./pro-sign.vue2.js");
+exports.default = proSign_vue_vue_type_script_setup_true_lang.default;