@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/pro-sign/src/components/loader.vue2.mjs

@@ -1,333 +1,405 @@
-import { defineComponent as ee, ref as T, computed as F, reactive as D, watchEffect as te, unref as d, createElementBlock as ae, openBlock as se, normalizeClass as p, createVNode as w, createElementVNode as l, withCtx as L, withModifiers as k, normalizeStyle as y, createCommentVNode as N, renderSlot as $, withDirectives as oe, vShow as re } from "vue";
+import { defineComponent, ref, computed, reactive, watchEffect, unref, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, withCtx, withModifiers, normalizeStyle, createCommentVNode, renderSlot, withDirectives, vShow } from "vue";
 import "../../../index.mjs";
-import { useNamespace as ie } from "../../../../hooks/use-namespace/index.mjs";
-import { mmtopx as I, uid as E, rangeNumber as ne } from "@king-one/utils";
-import { useScrollDetection as le } from "../hook/useScrollDetection.mjs";
-import { useInjectSignContext as ce } from "../context/sign-context.mjs";
-import { proSignApis as de } from "../../apis/pro-sign-api.mjs";
-import { KScaleVirtualList as ue } from "../../../scale-virtual-list/index.mjs";
-import { KCollapseTranstion as fe } from "../../../collapse-transtion/index.mjs";
-import { KIcon as M } from "../../../icon/index.mjs";
-const pe = ["data-index"], he = ["src"], ge = ["data-page-index"], me = /* @__PURE__ */ l(
+import { useNamespace } from "../../../../hooks/use-namespace/index.mjs";
+import { mmtopx, uid, rangeNumber } from "@king-one/utils";
+import { useScrollDetection } from "../hook/useScrollDetection.mjs";
+import { useInjectSignContext } from "../context/sign-context.mjs";
+import { proSignApis } from "../../apis/pro-sign-api.mjs";
+import { KScaleVirtualList } from "../../../scale-virtual-list/index.mjs";
+import { KCollapseTranstion } from "../../../collapse-transtion/index.mjs";
+import { KIcon } from "../../../icon/index.mjs";
+const _hoisted_1 = ["data-index"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["data-page-index"];
+const _hoisted_4 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "crevice-tip" },
   " 将印章拖放至此处添加骑缝章 ",
   -1
   /* HOISTED */
-), ve = /* @__PURE__ */ l(
+);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
   "骑缝章",
   -1
   /* HOISTED */
-), Ce = /* @__PURE__ */ ee({
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "loader",
-  setup(Se, { expose: R }) {
-    const o = ce(), { b: V, e: _, em: z } = ie("pro-sign-loader"), S = T(null), H = T(null), { hasHorizontalScroll: xe } = le(H, 50), W = F(() => {
-      var e;
-      return (e = S.value) == null ? void 0 : e.state;
-    }), g = T([]), u = D({
-      batch: !1,
-      crevice: !1
-    }), Y = D({
-      showCrevice: !0
-    }), P = {
-      itemHeight: (e) => g.value[e].size,
+  setup(__props, { expose: __expose }) {
+    const SignContext = useInjectSignContext();
+    const { b, e, em } = useNamespace("pro-sign-loader");
+    const virtualListRef = ref(null);
+    const containerRef = ref(null);
+    const { hasHorizontalScroll } = useScrollDetection(containerRef, 50);
+    const virtuaState = computed(() => {
+      var _a;
+      return (_a = virtualListRef.value) == null ? void 0 : _a.state;
+    });
+    const pages = ref([]);
+    const MovingState = reactive({
+      batch: false,
+      crevice: false
+    });
+    const status = reactive({
+      showCrevice: true
+    });
+    const options = {
+      itemHeight: (index) => pages.value[index].size,
       overscan: 3
     };
-    te(() => {
-      const { currentFile: e } = o.sharedStatus;
-      e.pageInfoVoList && A(e.pageInfoVoList);
+    watchEffect(() => {
+      const { currentFile } = SignContext.sharedStatus;
+      if (currentFile.pageInfoVoList) {
+        render(currentFile.pageInfoVoList);
+      }
     });
-    function A(e, t) {
-      const a = d(e), s = Math.max(...a.map((i) => i.width));
-      let r = 1;
-      t && (r = Number.parseFloat((t / s).toFixed(2)));
-      const c = a.map((i) => {
-        const m = Number.parseFloat((+i.width * r).toFixed(2)), h = Number.parseFloat((+i.height * r).toFixed(2));
+    function render(pageList, width) {
+      const list = unref(pageList);
+      const maxWidth = Math.max(...list.map((item) => item.width));
+      let scale = 1;
+      if (width) {
+        scale = Number.parseFloat((width / maxWidth).toFixed(2));
+      }
+      const renderPages = list.map((item) => {
+        const w = Number.parseFloat((+item.width * scale).toFixed(2));
+        const h = Number.parseFloat((+item.height * scale).toFixed(2));
         return {
           url: "",
-          loaded: !1,
-          width: m,
+          loaded: false,
+          width: w,
           height: h,
           size: h + 10,
-          pageNum: i.pageNum
+          pageNum: item.pageNum
         };
       });
-      o.sharedStatus.renderPages = c, g.value = c;
+      SignContext.sharedStatus.renderPages = renderPages;
+      pages.value = renderPages;
     }
-    function K(e) {
-      U(e.start, e.end);
+    function handleUpdate(state) {
+      loadImg(state.start, state.end);
     }
-    async function U(e, t) {
-      let a = e;
-      for (; a <= t; ) {
-        const s = g.value[a];
-        if (!s)
+    async function loadImg(start, end) {
+      let current = start;
+      while (current <= end) {
+        const item = pages.value[current];
+        if (!item)
           return;
-        if (!s.loaded) {
-          s.loaded = !0;
-          const r = await X(a + 1);
-          s.url = r;
+        if (!item.loaded) {
+          item.loaded = true;
+          const img = await getImgUrl(current + 1);
+          item.url = img;
         }
-        a++;
+        current++;
       }
     }
-    async function X(e) {
-      const { currentFile: t } = o.sharedStatus, { signPreFix: a, appToken: s, userIdentity: r } = o.config;
-      return (await de.getFileImg(a, {
+    async function getImgUrl(index) {
+      const { currentFile } = SignContext.sharedStatus;
+      const { signPreFix, appToken, userIdentity } = SignContext.config;
+      const res = await proSignApis.getFileImg(signPreFix, {
         headers: {
-          "SEAL-APP-TOKEN ": s,
-          userIdentity: r
+          "SEAL-APP-TOKEN ": appToken,
+          "userIdentity": userIdentity
         },
         params: {
-          fileId: t.fileId,
-          pageNum: e,
+          fileId: currentFile.fileId,
+          pageNum: index,
           pageSize: 1,
-          absoluteEnable: !0
+          absoluteEnable: true
         }
-      })).data.pages[e - 1].url;
+      });
+      const img = res.data.pages[index - 1].url;
+      return img;
     }
-    const j = F(() => {
-      const { minW: e, minH: t } = o.sharedStatus.baseSize;
-      return u.batch ? {
-        width: `${e}px`,
-        height: `${t}px`
-      } : {
-        width: "100%",
-        height: "100%"
-      };
-    }), O = F(() => {
-      const { minH: e } = o.sharedStatus.baseSize;
+    const dragReginStyle = computed(() => {
+      const { minW, minH } = SignContext.sharedStatus.baseSize;
+      if (MovingState.batch) {
+        return {
+          width: `${minW}px`,
+          height: `${minH}px`
+        };
+      } else {
+        return {
+          width: "100%",
+          height: "100%"
+        };
+      }
+    });
+    const dragReginCreviceStyle = computed(() => {
+      const { minH } = SignContext.sharedStatus.baseSize;
       return {
-        height: `${e}px`
+        height: `${minH}px`
       };
     });
-    function B(e) {
-      var C;
-      const { currentFile: t } = o.sharedStatus;
-      if (!t.fileId)
+    function handleDrop(e2) {
+      var _a;
+      const { currentFile } = SignContext.sharedStatus;
+      if (!currentFile.fileId)
         return;
-      const a = e.currentTarget.getAttribute("data-index"), s = JSON.parse(((C = e.dataTransfer) == null ? void 0 : C.getData("seal")) || ""), r = o.hooks.dropSealHook.call(s);
-      if (!r)
+      const pageIndex = e2.currentTarget.getAttribute("data-index");
+      const sealInfo = JSON.parse(((_a = e2.dataTransfer) == null ? void 0 : _a.getData("seal")) || "");
+      const data = SignContext.hooks.dropSealHook.call(sealInfo);
+      if (!data)
         return;
-      let c = 0, i = 0;
-      if (typeof r == "object")
-        if (r.signType !== "date") {
-          const [Q, Z] = r.size.split("*");
-          c = Number.parseFloat(I(+Q).toFixed(2)), i = Number.parseFloat(I(+Z).toFixed(2));
-        } else
-          c = 110, i = 30;
-      const m = e.currentTarget.scrollWidth, h = e.currentTarget.scrollHeight;
-      let n = e.offsetX - s.offsetX;
-      const v = m - c;
-      n < 0 ? n = 0 : n > v && (n = v);
-      let f = e.layerY - s.offsetY;
-      const x = h - i;
-      f < 0 ? f = 0 : f > x && (f = x);
-      const b = {
-        ...r,
-        offsetX: n,
-        sealW: c,
-        sealH: i,
-        offsetY: f,
-        batchId: E(),
+      let sealW = 0;
+      let sealH = 0;
+      if (typeof data === "object") {
+        if (data.signType !== "date") {
+          const [w, h] = data.size.split("*");
+          sealW = Number.parseFloat(mmtopx(+w).toFixed(2));
+          sealH = Number.parseFloat(mmtopx(+h).toFixed(2));
+        } else {
+          sealW = 110;
+          sealH = 30;
+        }
+      }
+      const pageWidth = e2.currentTarget.scrollWidth;
+      const pageHeight = e2.currentTarget.scrollHeight;
+      let left = e2.offsetX - sealInfo.offsetX;
+      const maxLeft = pageWidth - sealW;
+      if (left < 0) {
+        left = 0;
+      } else if (left > maxLeft) {
+        left = maxLeft;
+      }
+      let top = e2.layerY - sealInfo.offsetY;
+      const maxTop = pageHeight - sealH;
+      if (top < 0) {
+        top = 0;
+      } else if (top > maxTop) {
+        top = maxTop;
+      }
+      const seal = {
+        ...data,
+        offsetX: left,
+        sealW,
+        sealH,
+        offsetY: top,
+        batchId: uid(),
         popoves: [],
         pageList: {
-          [t.fileId]: [+a]
+          [currentFile.fileId]: [+pageIndex]
         }
       };
-      o.sharedStatus.sealList.push(b), o.sharedStatus.currentSeal = b;
+      SignContext.sharedStatus.sealList.push(seal);
+      SignContext.sharedStatus.currentSeal = seal;
     }
-    o.use({
+    SignContext.use({
       name: "base-mouse-plugin",
-      install: (e, ...t) => {
-        e.hooks.afterMouseDown.tap("custom-mouse-down", ({ seal: a, index: s }) => {
-          a.signType !== "perforationSeal" && (a.popoves[s] = !1), o.sharedStatus.currentSeal = a, a.extend.signTag === "batch" && (u.batch || (u.batch = !0)), a.signType === "perforationSeal" && (u.crevice = !0);
-        }), e.hooks.afterMouseUp.tap("custom-mouse-up", () => {
-          u.batch = !1, u.crevice = !1;
+      install: (app, ...options2) => {
+        app.hooks.afterMouseDown.tap("custom-mouse-down", ({ seal, index }) => {
+          if (seal.signType !== "perforationSeal") {
+            seal.popoves[index] = false;
+          }
+          SignContext.sharedStatus.currentSeal = seal;
+          if (seal.extend.signTag === "batch") {
+            if (!MovingState.batch)
+              MovingState.batch = true;
+          }
+          if (seal.signType === "perforationSeal")
+            MovingState.crevice = true;
+        });
+        app.hooks.afterMouseUp.tap("custom-mouse-up", () => {
+          MovingState.batch = false;
+          MovingState.crevice = false;
         });
       }
     });
-    function J(e) {
-      var f;
-      const { currentFile: t } = o.sharedStatus, a = JSON.parse(((f = e.dataTransfer) == null ? void 0 : f.getData("seal")) || ""), s = o.hooks.dropCreviceSealHook.call(a);
-      if (!s)
+    function DropToCrevice(e2) {
+      var _a;
+      const { currentFile } = SignContext.sharedStatus;
+      const sealInfo = JSON.parse(((_a = e2.dataTransfer) == null ? void 0 : _a.getData("seal")) || "");
+      const data = SignContext.hooks.dropCreviceSealHook.call(sealInfo);
+      if (!data)
         return;
-      let r = 0, c = 0;
-      if (typeof s == "object") {
-        const [x, b] = s.size.split("*");
-        r = I(+x), c = I(+b);
+      let sealW = 0;
+      let sealH = 0;
+      if (typeof data === "object") {
+        const [w, h] = data.size.split("*");
+        sealW = mmtopx(+w);
+        sealH = mmtopx(+h);
       }
-      const i = e.layerY, m = o.sharedStatus.currentFile.total, h = ne(`0-${m - 1}`), n = {
-        ...s,
+      const top = e2.layerY;
+      const total = SignContext.sharedStatus.currentFile.total;
+      const pages2 = rangeNumber(`0-${total - 1}`);
+      const seal = {
+        ...data,
         offsetX: 0,
-        sealW: r,
-        sealH: c,
-        offsetY: i,
-        batchId: E(),
+        sealW,
+        sealH,
+        offsetY: top,
+        batchId: uid(),
         pageList: {
-          [t.fileId]: h
+          [currentFile.fileId]: pages2
         }
-      }, { maxTop: v } = o.getDragMaxSize(n.pageList);
-      i > v - n.sealH && (n.offsetY = v - n.sealH), o.sharedStatus.sealList.push(n), o.sharedStatus.currentSeal = n;
+      };
+      const { maxTop } = SignContext.getDragMaxSize(seal.pageList);
+      if (top > maxTop - seal.sealH) {
+        seal.offsetY = maxTop - seal.sealH;
+      }
+      SignContext.sharedStatus.sealList.push(seal);
+      SignContext.sharedStatus.currentSeal = seal;
     }
-    function q(e) {
-      var t;
-      e < 0 || e > g.value.length - 1 || (t = S.value) == null || t.scrollTo(e);
+    function scrollTo(index) {
+      var _a;
+      if (index < 0 || index > pages.value.length - 1)
+        return;
+      (_a = virtualListRef.value) == null ? void 0 : _a.scrollTo(index);
     }
-    function G(e) {
-      var t;
-      (t = S.value) == null || t.scaleTo(e);
+    function scaleTo(number) {
+      var _a;
+      (_a = virtualListRef.value) == null ? void 0 : _a.scaleTo(number);
     }
-    return R({ scrollTo: q, scaleTo: G, virtuaState: W }), (e, t) => (se(), ae(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: H,
-        class: p(d(V)())
-      },
-      [
-        w(d(ue), {
-          ref_key: "virtualListRef",
-          ref: S,
-          list: g.value,
-          option: P,
-          "onUpdate:state": K
-        }, {
-          default: L(({ index: a, item: s }) => [
-            l(
-              "div",
-              {
-                class: p(d(_)("contract-item"))
-              },
-              [
-                l("div", {
-                  style: y({ height: `${s.data.height}px`, width: `${s.data.width}px` }),
-                  "data-index": a,
-                  class: "item",
-                  onDrop: B,
-                  onDragover: t[0] || (t[0] = k(() => {
-                  }, ["prevent"]))
-                }, [
-                  N(" eslint-disable-next-line vue/html-self-closing "),
-                  l("img", {
-                    src: s.data.url,
-                    width: "100%",
-                    height: "100%",
-                    alt: ""
-                  }, null, 8, he),
-                  l(
-                    "div",
-                    {
-                      class: p(["drag-region", { "drag-region-moveing": u.batch }]),
-                      style: y(j.value)
-                    },
-                    [
-                      $(e.$slots, "seal", { index: a })
-                    ],
-                    6
-                    /* CLASS, STYLE */
-                  )
-                ], 44, pe),
-                w(d(fe), {
-                  mode: "horizontal",
-                  style: y({ display: "flex", height: `${s.data.height}px` })
-                }, {
-                  default: L(() => [
-                    oe(l(
+    __expose({ scrollTo, scaleTo, virtuaState });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: normalizeClass(unref(b)())
+        },
+        [
+          createVNode(unref(KScaleVirtualList), {
+            ref_key: "virtualListRef",
+            ref: virtualListRef,
+            list: pages.value,
+            option: options,
+            "onUpdate:state": handleUpdate
+          }, {
+            default: withCtx(({ index, item }) => [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(e)("contract-item"))
+                },
+                [
+                  createElementVNode("div", {
+                    style: normalizeStyle({ height: `${item.data.height}px`, width: `${item.data.width}px` }),
+                    "data-index": index,
+                    class: "item",
+                    onDrop: handleDrop,
+                    onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["prevent"]))
+                  }, [
+                    createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+                    createElementVNode("img", {
+                      src: item.data.url,
+                      width: "100%",
+                      height: "100%",
+                      alt: ""
+                    }, null, 8, _hoisted_2),
+                    createElementVNode(
                       "div",
-                      null,
+                      {
+                        class: normalizeClass(["drag-region", { "drag-region-moveing": MovingState.batch }]),
+                        style: normalizeStyle(dragReginStyle.value)
+                      },
                       [
-                        l("div", {
-                          class: "drag-crevice",
-                          "data-page-index": a,
-                          onDragover: t[1] || (t[1] = k(() => {
-                          }, ["prevent"])),
-                          onDrop: J
-                        }, [
-                          me,
-                          l(
-                            "div",
-                            {
-                              class: p(["drag-region-crevice", { "crevice-drag-moveing": u.crevice }]),
-                              style: y(O.value)
-                            },
-                            [
-                              $(e.$slots, "crevice", { index: a })
-                            ],
-                            6
-                            /* CLASS, STYLE */
-                          )
-                        ], 40, ge)
+                        renderSlot(_ctx.$slots, "seal", { index })
                       ],
-                      512
-                      /* NEED_PATCH */
-                    ), [
-                      [re, Y.showCrevice]
-                    ])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["style"])
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["list"]),
-        l(
-          "div",
-          {
-            class: p(d(_)("actions"))
-          },
-          [
-            N(` <div style="width: 960px;">
-        {{ hasHorizontalScroll }}
-      </div> `),
-            l(
-              "div",
-              {
-                class: p(d(z)("actions", "crevice"))
-              },
-              [
-                w(d(M), {
-                  name: "merge-cells",
-                  color: "#409eff"
-                }),
-                ve
-              ],
-              2
-              /* CLASS */
-            ),
-            l(
-              "div",
-              {
-                class: p(d(z)("actions", "down"))
-              },
-              [
-                w(d(M), {
-                  name: "vertical-align-bottom",
-                  size: 24,
-                  color: "#409eff"
-                })
-              ],
-              2
-              /* CLASS */
-            ),
-            N(" < ")
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      2
-      /* CLASS */
-    ));
+                      6
+                      /* CLASS, STYLE */
+                    )
+                  ], 44, _hoisted_1),
+                  createVNode(unref(KCollapseTranstion), {
+                    mode: "horizontal",
+                    style: normalizeStyle({ display: "flex", height: `${item.data.height}px` })
+                  }, {
+                    default: withCtx(() => [
+                      withDirectives(createElementVNode(
+                        "div",
+                        null,
+                        [
+                          createElementVNode("div", {
+                            class: "drag-crevice",
+                            "data-page-index": index,
+                            onDragover: _cache[1] || (_cache[1] = withModifiers(() => {
+                            }, ["prevent"])),
+                            onDrop: DropToCrevice
+                          }, [
+                            _hoisted_4,
+                            createElementVNode(
+                              "div",
+                              {
+                                class: normalizeClass(["drag-region-crevice", { "crevice-drag-moveing": MovingState.crevice }]),
+                                style: normalizeStyle(dragReginCreviceStyle.value)
+                              },
+                              [
+                                renderSlot(_ctx.$slots, "crevice", { index })
+                              ],
+                              6
+                              /* CLASS, STYLE */
+                            )
+                          ], 40, _hoisted_3)
+                        ],
+                        512
+                        /* NEED_PATCH */
+                      ), [
+                        [vShow, status.showCrevice]
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["style"])
+                ],
+                2
+                /* CLASS */
+              )
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["list"]),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(e)("actions"))
+            },
+            [
+              createCommentVNode(' <div style="width: 960px;">\n        {{ hasHorizontalScroll }}\n      </div> '),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(em)("actions", "crevice"))
+                },
+                [
+                  createVNode(unref(KIcon), {
+                    name: "merge-cells",
+                    color: "#409eff"
+                  }),
+                  _hoisted_5
+                ],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(em)("actions", "down"))
+                },
+                [
+                  createVNode(unref(KIcon), {
+                    name: "vertical-align-bottom",
+                    size: 24,
+                    color: "#409eff"
+                  })
+                ],
+                2
+                /* CLASS */
+              ),
+              createCommentVNode(" < ")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
   }
 });
 export {
-  Ce as default
+  _sfc_main as default
 };