@king-one/antdv 1.2.21 → 2.0.0

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

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