@king-one/antdv 1.1.9 → 1.1.11

package/dist/es/components/pro-area/src/ProArea.vue2.mjs

@@ -1,101 +1,135 @@
-import { defineComponent as B, useModel as F, computed as u, createBlock as m, openBlock as i, unref as d, withCtx as f, createElementBlock as P, Fragment as w, renderList as y, createVNode as A, normalizeClass as E, mergeModels as I } from "vue";
-import { Form as M, Row as N, Col as k, Select as U } from "ant-design-vue";
-import { useNamespace as j } from "../../../hooks/use-namespace/index.mjs";
-import { ProAreaProps as q } from "./types.mjs";
-const R = /* @__PURE__ */ B({
-  name: "ProArea",
+import { defineComponent, useModel, computed, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, normalizeClass, mergeModels } from "vue";
+import { Form, Row, Col, Select } from "ant-design-vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { ProAreaProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProArea"
+  },
   __name: "ProArea",
-  props: /* @__PURE__ */ I(q, {
-    modelValue: {
-      required: !0
+  props: /* @__PURE__ */ mergeModels(ProAreaProps, {
+    "modelValue": {
+      required: true
     },
-    modelModifiers: {}
+    "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(p) {
-    const n = p;
-    M.useInjectFormItemContext();
-    const a = F(p, "modelValue"), { b: v } = j("pro-area-select"), h = u(() => (e) => `请选择${e === 1 ? "请选择省份" : e === 2 ? "请选择城市" : "请选择区县"}`), g = u(() => (e) => n.options.length > 0 ? C(e) : []);
-    function C(e) {
-      var t;
-      if (e === 1)
-        return n.options.map((l) => ({
-          value: r(l, "id"),
-          label: r(l, "name")
+  setup(__props) {
+    const props = __props;
+    Form.useInjectFormItemContext();
+    const model = useModel(__props, "modelValue");
+    const { b } = useNamespace("pro-area-select");
+    const placeholder = computed(() => {
+      return (index) => {
+        const title = index === 1 ? "请选择省份" : index === 2 ? "请选择城市" : "请选择区县";
+        return `请选择${title}`;
+      };
+    });
+    const ops = computed(() => {
+      return (index) => {
+        if (props.options.length > 0) {
+          return getOps(index);
+        }
+        return [];
+      };
+    });
+    function getOps(level) {
+      var _a;
+      if (level === 1) {
+        return props.options.map((item) => ({
+          value: getFieldValue(item, "id"),
+          label: getFieldValue(item, "name")
         }));
-      if (e === 2) {
-        const l = a.value.province;
-        return l ? s(n.options, l).map((o) => ({
-          value: r(o, "id"),
-          label: r(o, "name")
+      } else if (level === 2) {
+        const value = model.value.province;
+        return value ? findChildrenByvalue(props.options, value).map((item) => ({
+          value: getFieldValue(item, "id"),
+          label: getFieldValue(item, "name")
         })) : [];
       } else {
-        const l = (t = a.value) == null ? void 0 : t.city;
-        return l ? s(n.options, l).map((o) => ({
-          value: r(o, "id"),
-          label: r(o, "name")
+        const value = (_a = model.value) == null ? void 0 : _a.city;
+        return value ? findChildrenByvalue(props.options, value).map((item) => ({
+          value: getFieldValue(item, "id"),
+          label: getFieldValue(item, "name")
         })) : [];
       }
     }
-    function s(e, t) {
-      for (const l of e) {
-        if (r(l, "id") === t)
-          return r(l, "children") || [];
-        if (r(l, "children")) {
-          const o = s(r(l, "children"), t);
-          if (o)
-            return o;
+    function findChildrenByvalue(regions, value) {
+      for (const item of regions) {
+        if (getFieldValue(item, "id") === value) {
+          return getFieldValue(item, "children") || [];
+        }
+        if (getFieldValue(item, "children")) {
+          const result = findChildrenByvalue(getFieldValue(item, "children"), value);
+          if (result) {
+            return result;
+          }
         }
       }
+      return void 0;
     }
-    function r(e, t) {
-      return e && t ? e[(n == null ? void 0 : n.fieldNames[t]) || t] : void 0;
+    function getFieldValue(opt, key) {
+      return opt && key ? opt[(props == null ? void 0 : props.fieldNames[key]) || key] : void 0;
     }
-    const c = u(() => {
-      let e = n.level;
-      const t = [];
-      for (; e--; )
-        t.push(e === 2 ? "province" : e === 1 ? "city" : "county");
-      return t;
-    }), V = u(() => [v()]);
-    function _(e) {
-      e === 1 ? c.value.slice(e).forEach((l) => {
-        a.value[l] = void 0;
-      }) : e === 2 && c.value.slice(e).forEach((l) => {
-        a.value[l] = void 0;
-      });
+    const levels = computed(() => {
+      let IDX = props.level;
+      const arr = [];
+      while (IDX--) {
+        arr.push(IDX === 2 ? "province" : IDX === 1 ? "city" : "county");
+      }
+      return arr;
+    });
+    const c = computed(() => {
+      return [b()];
+    });
+    function handleChange(index) {
+      if (index === 1) {
+        const list = levels.value.slice(index);
+        list.forEach((item) => {
+          model.value[item] = void 0;
+        });
+      } else if (index === 2) {
+        const list = levels.value.slice(index);
+        list.forEach((item) => {
+          model.value[item] = void 0;
+        });
+      }
     }
-    return (e, t) => (i(), m(d(N), { gutter: 10 }, {
-      default: f(() => [
-        (i(!0), P(
-          w,
-          null,
-          y(c.value, (l, o) => (i(), m(d(k), {
-            key: l,
-            span: 24 / e.level
-          }, {
-            default: f(() => [
-              A(d(U), {
-                value: a.value[l],
-                "onUpdate:value": (b) => a.value[l] = b,
-                placeholder: h.value(o + 1),
-                class: E(V.value),
-                options: g.value(o + 1),
-                onChange: () => _(o + 1)
-              }, null, 8, ["value", "onUpdate:value", "placeholder", "class", "options", "onChange"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["span"]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]),
-      _: 1
-      /* STABLE */
-    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Row), { gutter: 10 }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(levels.value, (item, index) => {
+              return openBlock(), createBlock(unref(Col), {
+                key: item,
+                span: 24 / _ctx.level
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Select), {
+                    value: model.value[item],
+                    "onUpdate:value": ($event) => model.value[item] = $event,
+                    placeholder: placeholder.value(index + 1),
+                    class: normalizeClass(c.value),
+                    options: ops.value(index + 1),
+                    onChange: () => handleChange(index + 1)
+                  }, null, 8, ["value", "onUpdate:value", "placeholder", "class", "options", "onChange"])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["span"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
   }
 });
 export {
-  R as default
+  _sfc_main as default
 };

package/dist/es/components/pro-area/src/types.mjs

@@ -1,11 +1,12 @@
-const e = {
+const level = [1, 2, 3];
+const ProAreaProps = {
   level: {
     type: Number,
     default: 3
   },
   options: {
     type: Array,
-    required: !0
+    required: true
   },
   fieldNames: {
     type: Object,
@@ -17,5 +18,5 @@ const e = {
   }
 };
 export {
-  e as ProAreaProps
+  ProAreaProps
 };

package/dist/es/components/pro-contract-view/apis/pro-contract-view.api.mjs

@@ -1,10 +1,10 @@
-const i = {
-  getContractPrefix: (t) => globalThis.$http.get("/contract/uri/prefix", t),
-  getSignPrefix: (t) => globalThis.$http.get("/sign/uri/prefix", t),
-  getPreviewUrl: (t, e) => globalThis.$http.get(`${t}/redirect/contract-preview-url`, e),
-  getFileList: (t, e) => globalThis.$http.get(`${t}/contract/file/detail/list`, e),
-  getFilePreview: (t, e) => globalThis.$http.get(`${t}//file/preview`, e)
+const proContractViewApi = {
+  getContractPrefix: (config) => globalThis.$http.get(`/contract/uri/prefix`, config),
+  getSignPrefix: (config) => globalThis.$http.get(`/sign/uri/prefix`, config),
+  getPreviewUrl: (preFix, config) => globalThis.$http.get(`${preFix}/redirect/contract-preview-url`, config),
+  getFileList: (preFix, config) => globalThis.$http.get(`${preFix}/contract/file/detail/list`, config),
+  getFilePreview: (signPreFix, config) => globalThis.$http.get(`${signPreFix}//file/preview`, config)
 };
 export {
-  i as proContractViewApi
+  proContractViewApi
 };

package/dist/es/components/pro-contract-view/hooks/use-contract-view.mjs

@@ -1,39 +1,45 @@
-import { ref as o, reactive as p, onMounted as P } from "vue";
-import { proContractViewApi as e } from "../apis/pro-contract-view.api.mjs";
-function u({
-  contractId: r
+import { ref, reactive, onMounted } from "vue";
+import { proContractViewApi } from "../apis/pro-contract-view.api.mjs";
+function useProContractView({
+  contractId
 }) {
-  const c = o([]), i = o([]), t = p({
+  const pageList = ref([]);
+  const fileList = ref([]);
+  const viewStatus = reactive({
     contractPrefix: "",
     signPrefix: "",
     appToken: "",
     userIdentity: ""
   });
-  return P(async () => {
-    const { data: a } = await e.getContractPrefix(), { data: n } = await e.getSignPrefix();
-    if (a.contractUriPrefix && n.signUriPrefix) {
-      t.contractPrefix = a.contractUriPrefix, t.signPrefix = n.signUriPrefix;
-      const { data: s } = await e.getPreviewUrl(t.contractPrefix, {
+  onMounted(async () => {
+    const { data: cres } = await proContractViewApi.getContractPrefix();
+    const { data: sres } = await proContractViewApi.getSignPrefix();
+    if (cres.contractUriPrefix && sres.signUriPrefix) {
+      viewStatus.contractPrefix = cres.contractUriPrefix;
+      viewStatus.signPrefix = sres.signUriPrefix;
+      const { data: previewRes } = await proContractViewApi.getPreviewUrl(viewStatus.contractPrefix, {
         params: {
-          contractId: r
+          contractId
         }
       });
-      t.userIdentity = s.userIdentity, t.appToken = s.appToken;
-      const { data: f } = await e.getFileList(t.signPrefix, {
+      viewStatus.userIdentity = previewRes.userIdentity;
+      viewStatus.appToken = previewRes.appToken;
+      const { data: res } = await proContractViewApi.getFileList(viewStatus.signPrefix, {
         headers: {
-          "SEAL-APP-TOKEN ": t.appToken,
-          userIdentity: t.userIdentity
+          "SEAL-APP-TOKEN ": viewStatus.appToken,
+          "userIdentity": viewStatus.userIdentity
         },
-        params: { contractId: r }
+        params: { contractId }
       });
-      i.value = f;
+      fileList.value = res;
     }
-  }), {
-    pageList: c,
-    viewStatus: t,
-    fileList: i
+  });
+  return {
+    pageList,
+    viewStatus,
+    fileList
   };
 }
 export {
-  u as useProContractView
+  useProContractView
 };

package/dist/es/components/pro-contract-view/index.mjs

@@ -1,11 +1,11 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/pro-contract-view.vue.mjs";
 import "./style/index.mjs";
-import { useProContractView as n } from "./hooks/use-contract-view.mjs";
-import t from "./src/pro-contract-view.vue2.mjs";
-const e = o(t);
+import { useProContractView } from "./hooks/use-contract-view.mjs";
+import _sfc_main from "./src/pro-contract-view.vue2.mjs";
+const KProContractView = withInstall(_sfc_main);
 export {
-  e as KProContractView,
-  e as default,
-  n as useProContractView
+  KProContractView,
+  KProContractView as default,
+  useProContractView
 };

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

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

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
 };