@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/pro-contract-view/src/pro-contract-view.vue2.mjs

@@ -1,128 +1,152 @@
-import { defineComponent as b, ref as u, computed as C, onMounted as V, watchEffect as z, unref as l, createElementBlock as g, openBlock as h, normalizeClass as d, createVNode as v, createCommentVNode as E, withCtx as H, createElementVNode as w, normalizeStyle as R } from "vue";
-import { Spin as A } from "ant-design-vue";
-import { useNamespace as B } from "../../../hooks/use-namespace/index.mjs";
+import { defineComponent, ref, computed, onMounted, watchEffect, unref, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, withCtx, createElementVNode, normalizeStyle } from "vue";
+import { Spin } from "ant-design-vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import "../../index.mjs";
-import { proContractViewApi as T } from "../apis/pro-contract-view.api.mjs";
-import { ProContractViewProps as U } from "./types.mjs";
-import { KScaleVirtualList as $ } from "../../scale-virtual-list/index.mjs";
-const K = ["data-page-index"], M = ["src"], Q = /* @__PURE__ */ b({
+import { proContractViewApi } from "../apis/pro-contract-view.api.mjs";
+import { ProContractViewProps } from "./types.mjs";
+import { KScaleVirtualList } from "../../scale-virtual-list/index.mjs";
+const _hoisted_1 = ["data-page-index"];
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-contract-view",
-  props: U,
-  setup(x) {
-    const o = x, _ = u(null), c = u([]), y = {
-      itemHeight: (e) => c.value[e].size,
+  props: ProContractViewProps,
+  setup(__props) {
+    const props = __props;
+    const virtualListRef = ref(null);
+    const pages = ref([]);
+    const options = {
+      itemHeight: (index) => pages.value[index].size,
       overscan: 3
-    }, p = u(!0), r = u(null), { b: N, e: m } = B("pro-contract-view"), k = C(() => [
-      N()
+    };
+    const spinning = ref(true);
+    const containerRef = ref(null);
+    const { b, e } = useNamespace("pro-contract-view");
+    const c = computed(() => [
+      b()
     ]);
-    V(() => {
-      if (r.value) {
-        const e = r.value.parentElement;
-        !r.value.clientHeight && (e != null && e.clientHeight) && (r.value.style.height = `${e == null ? void 0 : e.clientHeight}px`);
+    onMounted(() => {
+      if (containerRef.value) {
+        const parentElement = containerRef.value.parentElement;
+        if (!containerRef.value.clientHeight && (parentElement == null ? void 0 : parentElement.clientHeight)) {
+          containerRef.value.style.height = `${parentElement == null ? void 0 : parentElement.clientHeight}px`;
+        }
+      }
+    });
+    watchEffect(() => {
+      const { signPrefix, userIdentity, appToken } = props.viewStatus;
+      if (signPrefix && userIdentity && appToken && props.pageList.length > 0 && props.fileId) {
+        render(props.pageList);
       }
-    }), z(() => {
-      const { signPrefix: e, userIdentity: a, appToken: t } = o.viewStatus;
-      e && a && t && o.pageList.length > 0 && o.fileId && F(o.pageList);
     });
-    function F(e, a) {
-      const t = l(e), i = Math.max(...t.map((s) => s.width));
-      let n = 1;
-      a && (n = Number.parseFloat((a / i).toFixed(2))), c.value = t.map((s) => {
-        const S = Number.parseFloat((+s.width * n).toFixed(2)), f = Number.parseFloat((+s.height * n).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));
+      }
+      pages.value = 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: S,
-          height: f,
-          size: f + 10,
-          pageNum: s.pageNum
+          loaded: false,
+          width: w,
+          height: h,
+          size: h + 10,
+          pageNum: item.pageNum
         };
-      }), p.value = !1;
+      });
+      spinning.value = false;
     }
-    function I(e) {
-      L(e.start, e.end);
+    function handleUpdate(state) {
+      loadImg(state.start, state.end);
     }
-    async function L(e, a) {
-      let t = e;
-      for (; t <= a; ) {
-        const i = c.value[t];
-        if (!i)
+    async function loadImg(start, end) {
+      let current = start;
+      while (current <= end) {
+        const item = pages.value[current];
+        if (!item)
           return;
-        if (!i.loaded) {
-          i.loaded = !0;
-          const n = await P(t + 1);
-          i.url = n;
+        if (!item.loaded) {
+          item.loaded = true;
+          const img = await getImgUrl(current + 1);
+          item.url = img;
         }
-        t++;
+        current++;
       }
     }
-    async function P(e) {
-      const { viewStatus: a, fileId: t } = o;
-      return (await T.getFilePreview(a.signPrefix, {
+    async function getImgUrl(index) {
+      const { viewStatus, fileId } = props;
+      const res = await proContractViewApi.getFilePreview(viewStatus.signPrefix, {
         headers: {
-          "SEAL-APP-TOKEN ": a.appToken,
-          userIdentity: a.userIdentity
+          "SEAL-APP-TOKEN ": viewStatus.appToken,
+          "userIdentity": viewStatus.userIdentity
         },
         params: {
-          fileId: t,
-          pageNum: e,
+          fileId,
+          pageNum: index,
           pageSize: 1,
-          absoluteEnable: !0
+          absoluteEnable: true
         }
-      })).data.pages[e - 1].url;
+      });
+      const img = res.data.pages[index - 1].url;
+      return img;
     }
-    return (e, a) => (h(), g(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: r,
-        class: d(k.value)
-      },
-      [
-        v(l(A), {
-          tip: "Loading...",
-          spinning: p.value
-        }, null, 8, ["spinning"]),
-        p.value ? E("v-if", !0) : (h(), g(
-          "div",
-          {
-            key: 0,
-            class: d(l(m)("content"))
-          },
-          [
-            v(l($), {
-              ref_key: "virtualListRef",
-              ref: _,
-              list: c.value,
-              option: y,
-              "onUpdate:state": I
-            }, {
-              default: H(({ index: t, item: i }) => [
-                w("div", {
-                  "data-page-index": t + 1,
-                  class: d(l(m)("content-item")),
-                  style: R({ height: `${i.data.height}px`, width: `${i.data.width}px`, marginBottom: "10px" })
-                }, [
-                  w("img", {
-                    src: i.data.url,
-                    width: "100%",
-                    alt: ""
-                  }, null, 8, M)
-                ], 14, K)
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["list"])
-          ],
-          2
-          /* CLASS */
-        ))
-      ],
-      2
-      /* CLASS */
-    ));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: normalizeClass(c.value)
+        },
+        [
+          createVNode(unref(Spin), {
+            tip: "Loading...",
+            spinning: spinning.value
+          }, null, 8, ["spinning"]),
+          !spinning.value ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(e)("content"))
+            },
+            [
+              createVNode(unref(KScaleVirtualList), {
+                ref_key: "virtualListRef",
+                ref: virtualListRef,
+                list: pages.value,
+                option: options,
+                "onUpdate:state": handleUpdate
+              }, {
+                default: withCtx(({ index, item }) => [
+                  createElementVNode("div", {
+                    "data-page-index": index + 1,
+                    class: normalizeClass(unref(e)("content-item")),
+                    style: normalizeStyle({ height: `${item.data.height}px`, width: `${item.data.width}px`, marginBottom: `10px` })
+                  }, [
+                    createElementVNode("img", {
+                      src: item.data.url,
+                      width: "100%",
+                      alt: ""
+                    }, null, 8, _hoisted_2)
+                  ], 14, _hoisted_1)
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["list"])
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
   }
 });
 export {
-  Q as default
+  _sfc_main as default
 };

package/dist/es/components/pro-contract-view/src/types.mjs

@@ -1,14 +1,14 @@
-import { definePropType as e } from "../../utils/install.mjs";
-const r = {
+import { definePropType } from "../../utils/install.mjs";
+const ProContractViewProps = {
   viewStatus: {
-    type: e(Object),
-    required: !0
+    type: definePropType(Object),
+    required: true
   },
   fileId: {
     type: String
   },
   pageList: {
-    type: e(Array),
+    type: definePropType(Array),
     default: () => []
   }
   // fileId: {
@@ -20,5 +20,5 @@ const r = {
   // }
 };
 export {
-  r as ProContractViewProps
+  ProContractViewProps
 };

package/dist/es/components/pro-loading/index.mjs

@@ -1,5 +1,5 @@
-import { default as t } from "./src/pro-loading.mjs";
+import { default as default2 } from "./src/pro-loading.mjs";
 import "./src/types.mjs";
 export {
-  t as KProloading
+  default2 as KProloading
 };

package/dist/es/components/pro-loading/src/pro-loading.mjs

@@ -1,42 +1,57 @@
-import { defineComponent as d, h as a, createApp as p } from "vue";
-import { Spin as m } from "ant-design-vue";
-let i;
-function f(e) {
-  const { target: t, ...n } = e, o = d({
+import { defineComponent, h, createApp } from "vue";
+import { Spin } from "ant-design-vue";
+let singleInstance;
+function createSpinComponent(options) {
+  const { target, ...SpinOps } = options;
+  const spinComponent = defineComponent({
     name: "Spin",
     setup() {
-      return () => a("div", null, a(m, { ...n }));
+      return () => h("div", null, h(Spin, { ...SpinOps }));
     }
-  }), r = p(o), c = r.mount(document.createElement("div"));
-  function u() {
-    var s, l;
-    (l = (s = c.$el) == null ? void 0 : s.parentNode) == null || l.removeChild(c.$el), r.unmount(), i = void 0;
+  });
+  const spinInstance = createApp(spinComponent);
+  const vm = spinInstance.mount(document.createElement("div"));
+  function close() {
+    var _a, _b;
+    (_b = (_a = vm.$el) == null ? void 0 : _a.parentNode) == null ? void 0 : _b.removeChild(vm.$el);
+    spinInstance.unmount();
+    singleInstance = void 0;
   }
   return {
-    close: u,
+    close,
     get $el() {
-      return c.$el;
+      return vm.$el;
     }
   };
 }
-function g(e = {}) {
-  if (i)
-    return i;
-  const t = y(e), n = f({
-    ...t
+function service(options = {}) {
+  if (singleInstance)
+    return singleInstance;
+  const resolved = resolveOptions(options);
+  const intance = createSpinComponent({
+    ...resolved
   });
-  return v(n, e), t.target.appendChild(n.$el), i = n, n;
+  addStyle(intance, options);
+  resolved.target.appendChild(intance.$el);
+  singleInstance = intance;
+  return intance;
 }
-function y(e) {
-  let t;
-  return ((o) => typeof o == "string")(e.target) ? t = document.querySelector(e.target) ?? document.body : t = e.target || document.body, {
-    ...e,
-    target: t
+function resolveOptions(options) {
+  let target;
+  const isString = (val) => typeof val === "string";
+  if (isString(options.target)) {
+    target = document.querySelector(options.target) ?? document.body;
+  } else {
+    target = options.target || document.body;
+  }
+  return {
+    ...options,
+    target
   };
 }
-function v(e, t = {}) {
-  const n = {
-    position: t.target ? "absolute" : "fixed",
+function addStyle(instance, options = {}) {
+  const maskStyle = {
+    position: options.target ? "absolute" : "fixed",
     zIndex: 2e3,
     top: 0,
     right: 0,
@@ -48,13 +63,14 @@ function v(e, t = {}) {
     justifyContent: "center",
     alignItems: "center"
   };
-  for (const [o, r] of Object.entries(n))
-    e.$el.style[o] = r;
+  for (const [key, value] of Object.entries(maskStyle)) {
+    instance.$el.style[key] = value;
+  }
 }
-const C = {
-  service: g
+const proLoading = {
+  service
 };
 export {
-  f as createSpinComponent,
-  C as default
+  createSpinComponent,
+  proLoading as default
 };

package/dist/es/components/pro-modal/hooks/useProModal.mjs

@@ -1,34 +1,47 @@
-import { ref as l, getCurrentInstance as a, unref as c } from "vue";
-function d() {
-  const e = l(!1), n = () => {
-    e.value = !0;
-  }, t = () => {
-    e.value = !1;
-  }, s = {
-    openModal: n,
-    closeModal: t
-  }, o = a();
-  return o && o.emit("init", s), { modalVisible: e, openModal: n, closeModal: t };
+import { ref, getCurrentInstance, unref } from "vue";
+function useProModal() {
+  const modalVisible = ref(false);
+  const openModal = () => {
+    modalVisible.value = true;
+  };
+  const closeModal = () => {
+    modalVisible.value = false;
+  };
+  const modalMethods = {
+    openModal,
+    closeModal
+  };
+  const instance = getCurrentInstance();
+  if (instance) {
+    instance.emit("init", modalMethods);
+  }
+  return { modalVisible, openModal, closeModal };
 }
-function r() {
-  const e = l(null), n = () => {
-    const o = c(e.value);
-    return o || console.error("useModal instance is undefined!"), o;
+function useProModalInit() {
+  const modalRef = ref(null);
+  const getInstance = () => {
+    const instance = unref(modalRef.value);
+    if (!instance) {
+      console.error("useModal instance is undefined!");
+    }
+    return instance;
+  };
+  const initmodal = (modalInstance) => {
+    modalRef.value = modalInstance;
   };
-  return [(o) => {
-    e.value = o;
-  }, {
+  const methods = {
     openModal: () => {
-      var o;
-      (o = n()) == null || o.openModal();
+      var _a;
+      (_a = getInstance()) == null ? void 0 : _a.openModal();
     },
     closeModal: () => {
-      var o;
-      return (o = n()) == null ? void 0 : o.closeModal();
+      var _a;
+      return (_a = getInstance()) == null ? void 0 : _a.closeModal();
     }
-  }];
+  };
+  return [initmodal, methods];
 }
 export {
-  d as useProModal,
-  r as useProModalInit
+  useProModal,
+  useProModalInit
 };

package/dist/es/components/pro-modal/index.mjs

@@ -1,12 +1,12 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/ProModal.vue.mjs";
 import "./style/index.mjs";
-import { useProModal as e, useProModalInit as f } from "./hooks/useProModal.mjs";
-import r from "./src/ProModal.vue2.mjs";
-const l = o(r);
+import { useProModal, useProModalInit } from "./hooks/useProModal.mjs";
+import _sfc_main from "./src/ProModal.vue2.mjs";
+const KProModal = withInstall(_sfc_main);
 export {
-  l as KProModal,
-  l as default,
-  e as useProModal,
-  f as useProModalInit
+  KProModal,
+  KProModal as default,
+  useProModal,
+  useProModalInit
 };

package/dist/es/components/pro-modal/src/ProModal.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./ProModal.vue2.mjs";
+import _sfc_main from "./ProModal.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };