@king-one/antdv 2.0.0 → 2.0.1

package/dist/es/components/pro-sign/src/components/middle.vue.mjs

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