@king-one/antdv 1.2.21 → 2.0.0

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

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