@king-one/antdv 2.0.0 → 2.0.1

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

@@ -1,405 +1,333 @@
-import { defineComponent, ref, computed, reactive, watchEffect, unref, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, withCtx, withModifiers, normalizeStyle, createCommentVNode, renderSlot, withDirectives, vShow } from "vue";
+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 "../../../index.mjs";
-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(
+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(
   "div",
   { class: "crevice-tip" },
   " 将印章拖放至此处添加骑缝章 ",
   -1
   /* HOISTED */
-);
-const _hoisted_5 = /* @__PURE__ */ createElementVNode(
+), ve = /* @__PURE__ */ l(
   "span",
   null,
   "骑缝章",
   -1
   /* HOISTED */
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
+), Ce = /* @__PURE__ */ ee({
   __name: "loader",
-  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,
+  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,
       overscan: 3
     };
-    watchEffect(() => {
-      const { currentFile } = SignContext.sharedStatus;
-      if (currentFile.pageInfoVoList) {
-        render(currentFile.pageInfoVoList);
-      }
+    te(() => {
+      const { currentFile: e } = o.sharedStatus;
+      e.pageInfoVoList && A(e.pageInfoVoList);
     });
-    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));
+    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));
         return {
           url: "",
-          loaded: false,
-          width: w,
+          loaded: !1,
+          width: m,
           height: h,
           size: h + 10,
-          pageNum: item.pageNum
+          pageNum: i.pageNum
         };
       });
-      SignContext.sharedStatus.renderPages = renderPages;
-      pages.value = renderPages;
+      o.sharedStatus.renderPages = c, g.value = c;
     }
-    function handleUpdate(state) {
-      loadImg(state.start, state.end);
+    function K(e) {
+      U(e.start, e.end);
     }
-    async function loadImg(start, end) {
-      let current = start;
-      while (current <= end) {
-        const item = pages.value[current];
-        if (!item)
+    async function U(e, t) {
+      let a = e;
+      for (; a <= t; ) {
+        const s = g.value[a];
+        if (!s)
           return;
-        if (!item.loaded) {
-          item.loaded = true;
-          const img = await getImgUrl(current + 1);
-          item.url = img;
+        if (!s.loaded) {
+          s.loaded = !0;
+          const r = await X(a + 1);
+          s.url = r;
         }
-        current++;
+        a++;
       }
     }
-    async function getImgUrl(index) {
-      const { currentFile } = SignContext.sharedStatus;
-      const { signPreFix, appToken, userIdentity } = SignContext.config;
-      const res = await proSignApis.getFileImg(signPreFix, {
+    async function X(e) {
+      const { currentFile: t } = o.sharedStatus, { signPreFix: a, appToken: s, userIdentity: r } = o.config;
+      return (await de.getFileImg(a, {
         headers: {
-          "SEAL-APP-TOKEN ": appToken,
-          "userIdentity": userIdentity
+          "SEAL-APP-TOKEN ": s,
+          userIdentity: r
         },
         params: {
-          fileId: currentFile.fileId,
-          pageNum: index,
+          fileId: t.fileId,
+          pageNum: e,
           pageSize: 1,
-          absoluteEnable: true
+          absoluteEnable: !0
         }
-      });
-      const img = res.data.pages[index - 1].url;
-      return img;
+      })).data.pages[e - 1].url;
     }
-    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;
+    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;
       return {
-        height: `${minH}px`
+        height: `${e}px`
       };
     });
-    function handleDrop(e2) {
-      var _a;
-      const { currentFile } = SignContext.sharedStatus;
-      if (!currentFile.fileId)
+    function B(e) {
+      var C;
+      const { currentFile: t } = o.sharedStatus;
+      if (!t.fileId)
         return;
-      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)
+      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)
         return;
-      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(),
+      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(),
         popoves: [],
         pageList: {
-          [currentFile.fileId]: [+pageIndex]
+          [t.fileId]: [+a]
         }
       };
-      SignContext.sharedStatus.sealList.push(seal);
-      SignContext.sharedStatus.currentSeal = seal;
+      o.sharedStatus.sealList.push(b), o.sharedStatus.currentSeal = b;
     }
-    SignContext.use({
+    o.use({
       name: "base-mouse-plugin",
-      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;
+      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;
         });
       }
     });
-    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)
+    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)
         return;
-      let sealW = 0;
-      let sealH = 0;
-      if (typeof data === "object") {
-        const [w, h] = data.size.split("*");
-        sealW = mmtopx(+w);
-        sealH = mmtopx(+h);
+      let r = 0, c = 0;
+      if (typeof s == "object") {
+        const [x, b] = s.size.split("*");
+        r = I(+x), c = I(+b);
       }
-      const top = e2.layerY;
-      const total = SignContext.sharedStatus.currentFile.total;
-      const pages2 = rangeNumber(`0-${total - 1}`);
-      const seal = {
-        ...data,
+      const i = e.layerY, m = o.sharedStatus.currentFile.total, h = ne(`0-${m - 1}`), n = {
+        ...s,
         offsetX: 0,
-        sealW,
-        sealH,
-        offsetY: top,
-        batchId: uid(),
+        sealW: r,
+        sealH: c,
+        offsetY: i,
+        batchId: E(),
         pageList: {
-          [currentFile.fileId]: pages2
+          [t.fileId]: h
         }
-      };
-      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;
+      }, { maxTop: v } = o.getDragMaxSize(n.pageList);
+      i > v - n.sealH && (n.offsetY = v - n.sealH), o.sharedStatus.sealList.push(n), o.sharedStatus.currentSeal = n;
     }
-    function scrollTo(index) {
-      var _a;
-      if (index < 0 || index > pages.value.length - 1)
-        return;
-      (_a = virtualListRef.value) == null ? void 0 : _a.scrollTo(index);
+    function q(e) {
+      var t;
+      e < 0 || e > g.value.length - 1 || (t = S.value) == null || t.scrollTo(e);
     }
-    function scaleTo(number) {
-      var _a;
-      (_a = virtualListRef.value) == null ? void 0 : _a.scaleTo(number);
+    function G(e) {
+      var t;
+      (t = S.value) == null || t.scaleTo(e);
     }
-    __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(
+    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(
                       "div",
-                      {
-                        class: normalizeClass(["drag-region", { "drag-region-moveing": MovingState.batch }]),
-                        style: normalizeStyle(dragReginStyle.value)
-                      },
+                      null,
                       [
-                        renderSlot(_ctx.$slots, "seal", { index })
+                        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)
                       ],
-                      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 */
-      );
-    };
+                      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 */
+    ));
   }
 });
 export {
-  _sfc_main as default
+  Ce as default
 };