@king-one/antdv 1.0.96 → 1.0.98

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.98
+
+### Patch Changes
+
+- feat: pro-upload 组件，增加 beforeUpload 属性
+
+## 1.0.97
+
+### Patch Changes
+
+- feat：增加新的滚动条组件
+
 ## 1.0.96
 
 ### Patch Changes

package/dist/es/components/cover-scroll-bar/hooks/use-has-scroll.mjs

@@ -0,0 +1,17 @@
+import { ref as l, unref as i, onMounted as u, onBeforeUnmount as h } from "vue";
+function v(o, a = 0) {
+  const s = l(!1), c = l(!1), r = () => {
+    const e = i(o);
+    e && (s.value = e.scrollWidth > e.clientWidth - a, c.value = e.scrollHeight > e.clientHeight);
+  };
+  return u(() => {
+    r();
+    const e = new MutationObserver(r), n = new ResizeObserver(r), t = i(o);
+    t && (e.observe(t, { childList: !0, subtree: !0, characterData: !0 }), n.observe(t)), h(() => {
+      e.disconnect(), n.disconnect();
+    });
+  }), { hasHorizontalScroll: s, hasVerticalScroll: c };
+}
+export {
+  v as useHasScroll
+};

package/dist/es/components/cover-scroll-bar/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall as r } from "../utils/install.mjs";
+import o from "./src/cover-scroll-bar.mjs";
+import "./style/index.mjs";
+import { CoverScrollbarProps as c } from "./src/types.mjs";
+const e = r(o);
+export {
+  c as CoverScrollbarProps,
+  e as KCoverScrollBar,
+  e as default
+};

package/dist/es/components/cover-scroll-bar/src/cover-scroll-bar.mjs

@@ -0,0 +1,146 @@
+import { defineComponent as j, createVNode as d, ref as l, computed as c, onMounted as q, unref as A, onBeforeUnmount as F } from "vue";
+import { off as P, on as z } from "evtd";
+import { useNamespace as G } from "../../../hooks/use-namespace/index.mjs";
+import { useHasScroll as J } from "../hooks/use-has-scroll.mjs";
+import { CoverScrollbarProps as K } from "./types.mjs";
+const ne = /* @__PURE__ */ j({
+  props: K,
+  setup(r) {
+    const o = l(null), s = l(null), p = l(null), i = l(null), u = l(null), m = l(0), {
+      hasVerticalScroll: D
+    } = J(o), {
+      b: $
+    } = G("cover"), V = $("scrollbar");
+    function w() {
+      o.value && (m.value = o.value.scrollTop);
+    }
+    const C = () => {
+      o.value && (i.value = o.value.clientHeight, u.value = o.value.scrollHeight);
+      const {
+        value: e
+      } = s;
+      e && (p.value = e.offsetHeight);
+    };
+    function S() {
+      C(), w();
+    }
+    const f = l(!1), M = c(() => {
+      const {
+        value: e
+      } = i, {
+        value: t
+      } = u, {
+        value: n
+      } = p;
+      return !e || !t || !n ? 0 : Math.min(e, n * e / t + 5 * 1.5);
+    }), E = c(() => `${M.value}px`), L = c(() => {
+      const {
+        value: e
+      } = i, {
+        value: t
+      } = m, {
+        value: n
+      } = u, {
+        value: v
+      } = p;
+      if (e === null || n === null || v === null)
+        return 0;
+      {
+        const R = n - e;
+        return R ? t / R * (v - M.value) : 0;
+      }
+    }), O = c(() => `${L.value}px`), U = c(() => {
+      const {
+        trigger: e
+      } = r;
+      return e !== "none" && (e === "always" || f.value);
+    });
+    let h = !1, y = 0, g = 0, B, b;
+    const T = (e) => {
+      if (!h) return;
+      b !== void 0 && window.clearTimeout(b), B !== void 0 && window.clearTimeout(B);
+      const {
+        value: t
+      } = i, {
+        value: n
+      } = u, {
+        value: v
+      } = M;
+      if (t === null || n === null) return;
+      const _ = (e.clientY - g) * (n - t) / (t - v), k = n - t;
+      let a = y + _;
+      a = Math.min(k, a), a = Math.max(a, 0);
+      const {
+        value: x
+      } = o;
+      x && (x.scrollTop = a);
+    }, Y = (e) => {
+      e.preventDefault(), e.stopPropagation(), P("mousemove", window, T, !0), P("mouseup", window, Y, !0), h = !1, S();
+    }, I = (e) => {
+      e.preventDefault(), e.stopPropagation(), z("mousemove", window, T, !0), z("mouseup", window, Y, !0), y = m.value, g = e.clientY, h = !0, f.value = !0;
+    }, H = new MutationObserver(S);
+    q(() => {
+      S();
+      const e = A(o);
+      e && H.observe(e, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      });
+    }), F(() => {
+      H.disconnect();
+    });
+    function N(e) {
+      w();
+    }
+    return {
+      be: V,
+      contentRef: o,
+      hasVerticalScroll: D,
+      showYBarRef: U,
+      yRailRef: s,
+      yBarSizePxRef: E,
+      yBarTopPxRef: O,
+      handleScroll: N,
+      handleYScrollMouseDown: I,
+      handleMouseLeave: () => {
+        h || (f.value = !1);
+      },
+      handleMouseEnter: () => {
+        f.value = !0;
+      }
+    };
+  },
+  render() {
+    var s;
+    const {
+      $slots: r
+    } = this, o = () => d("div", {
+      class: `${this.be}-rail`,
+      ref: "yRailRef",
+      style: {
+        right: `${this.scrollbarOffset}px`
+      }
+    }, [this.hasVerticalScroll && this.showYBarRef && d("div", {
+      class: `${this.be}-rail__scrollbar--vertical`,
+      style: {
+        height: this.yBarSizePxRef,
+        top: this.yBarTopPxRef,
+        background: this.scrollbarColor
+      },
+      onMousedown: this.handleYScrollMouseDown
+    }, null, 46, ["onMousedown"])], 6);
+    return d("div", {
+      class: `${this.be}`,
+      onMouseenter: this.handleMouseEnter,
+      onMouseleave: this.handleMouseLeave
+    }, [d("div", {
+      ref: "contentRef",
+      class: `${this.be}-container`,
+      onScroll: this.handleScroll
+    }, [(s = r.default) == null ? void 0 : s.call(r)], 42, ["onScroll"]), o()], 42, ["onMouseenter", "onMouseleave"]);
+  }
+});
+export {
+  ne as default
+};

package/dist/es/components/cover-scroll-bar/src/types.mjs

@@ -0,0 +1,17 @@
+const r = {
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  scrollbarColor: {
+    type: String,
+    default: "rgba(0, 0, 0, 0.1)"
+  },
+  scrollbarOffset: {
+    type: [String, Number],
+    default: 2
+  }
+};
+export {
+  r as CoverScrollbarProps
+};

package/dist/es/components/cover-scroll-bar/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/cover-scroll-bar.css";

package/dist/es/components/index.mjs

@@ -1,29 +1,34 @@
-import { KForm as e, KFormItem as t } from "./form/index.mjs";
-import { KCollapseTranstion as p } from "./collapse-transtion/index.mjs";
-import { KProModal as f } from "./pro-modal/index.mjs";
-import { KProTitle as a } from "./pro-title/index.mjs";
-import { KScrollBar as P } from "./scroll-bar/index.mjs";
-import { KScaleVirtualList as c } from "./scale-virtual-list/index.mjs";
-import { KProTag as T } from "./pro-tag/index.mjs";
-import { KProPicker as S } from "./pro-picker/index.mjs";
-import { KProArea as g } from "./pro-area/index.mjs";
-import { KProSignature as F } from "./pro-signature/index.mjs";
+import { KForm as t, KFormItem as m } from "./form/index.mjs";
+import { KCollapseTranstion as K } from "./collapse-transtion/index.mjs";
+import { KProModal as x } from "./pro-modal/index.mjs";
+import { KProTitle as l } from "./pro-title/index.mjs";
+import { KScrollBar as i } from "./scroll-bar/index.mjs";
+import { KCoverScrollBar as n } from "./cover-scroll-bar/index.mjs";
+import { KScaleVirtualList as T } from "./scale-virtual-list/index.mjs";
+import { KProTag as C } from "./pro-tag/index.mjs";
+import { KProPicker as g } from "./pro-picker/index.mjs";
+import { KProArea as B } from "./pro-area/index.mjs";
+import { KProSignature as I } from "./pro-signature/index.mjs";
 import { KProTable as b } from "./pro-table/index.mjs";
-import { KIcon as A } from "./icon/index.mjs";
-import { KProUpload as C } from "./pro-upload/index.mjs";
+import { KIcon as v } from "./icon/index.mjs";
+import { KProUpload as A } from "./pro-upload/index.mjs";
+import { KProContractView as M } from "./pro-contract-view/index.mjs";
+import "./pro-loading/index.mjs";
 export {
-  p as KCollapseTranstion,
-  e as KForm,
-  t as KFormItem,
-  A as KIcon,
-  g as KProArea,
-  f as KProModal,
-  S as KProPicker,
-  F as KProSignature,
+  K as KCollapseTranstion,
+  n as KCoverScrollBar,
+  t as KForm,
+  m as KFormItem,
+  v as KIcon,
+  B as KProArea,
+  M as KProContractView,
+  x as KProModal,
+  g as KProPicker,
+  I as KProSignature,
   b as KProTable,
-  T as KProTag,
-  a as KProTitle,
-  C as KProUpload,
-  c as KScaleVirtualList,
-  P as KScrollBar
+  C as KProTag,
+  l as KProTitle,
+  A as KProUpload,
+  T as KScaleVirtualList,
+  i as KScrollBar
 };

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

@@ -0,0 +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)
+};
+export {
+  i as proContractViewApi
+};

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

@@ -0,0 +1,39 @@
+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
+}) {
+  const c = o([]), i = o([]), t = p({
+    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, {
+        params: {
+          contractId: r
+        }
+      });
+      t.userIdentity = s.userIdentity, t.appToken = s.appToken;
+      const { data: f } = await e.getFileList(t.signPrefix, {
+        headers: {
+          "SEAL-APP-TOKEN ": t.appToken,
+          userIdentity: t.userIdentity
+        },
+        params: { contractId: r }
+      });
+      i.value = f;
+    }
+  }), {
+    pageList: c,
+    viewStatus: t,
+    fileList: i
+  };
+}
+export {
+  u as useProContractView
+};

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

@@ -0,0 +1,11 @@
+import { withInstall as o } 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);
+export {
+  e as KProContractView,
+  e as default,
+  n as useProContractView
+};

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

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

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

@@ -0,0 +1,128 @@
+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 "../../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({
+  __name: "pro-contract-view",
+  props: U,
+  setup(x) {
+    const o = x, _ = u(null), c = u([]), y = {
+      itemHeight: (e) => c.value[e].size,
+      overscan: 3
+    }, p = u(!0), r = u(null), { b: N, e: m } = B("pro-contract-view"), k = C(() => [
+      N()
+    ]);
+    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`);
+      }
+    }), 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));
+        return {
+          url: "",
+          loaded: !1,
+          width: S,
+          height: f,
+          size: f + 10,
+          pageNum: s.pageNum
+        };
+      }), p.value = !1;
+    }
+    function I(e) {
+      L(e.start, e.end);
+    }
+    async function L(e, a) {
+      let t = e;
+      for (; t <= a; ) {
+        const i = c.value[t];
+        if (!i)
+          return;
+        if (!i.loaded) {
+          i.loaded = !0;
+          const n = await P(t + 1);
+          i.url = n;
+        }
+        t++;
+      }
+    }
+    async function P(e) {
+      const { viewStatus: a, fileId: t } = o;
+      return (await T.getFilePreview(a.signPrefix, {
+        headers: {
+          "SEAL-APP-TOKEN ": a.appToken,
+          userIdentity: a.userIdentity
+        },
+        params: {
+          fileId: t,
+          pageNum: e,
+          pageSize: 1,
+          absoluteEnable: !0
+        }
+      })).data.pages[e - 1].url;
+    }
+    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 */
+    ));
+  }
+});
+export {
+  Q as default
+};

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

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

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

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/pro-contract-view.css";

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

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

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

@@ -0,0 +1,59 @@
+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({
+    name: "Spin",
+    setup() {
+      return () => a("div", null, a(m, { ...n }));
+    }
+  }), 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;
+  }
+  return {
+    close: u,
+    get $el() {
+      return c.$el;
+    }
+  };
+}
+function g(e = {}) {
+  if (i)
+    return i;
+  const t = y(e), n = f({
+    ...t
+  });
+  return v(n, e), t.target.appendChild(n.$el), i = n, n;
+}
+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 v(e, t = {}) {
+  const n = {
+    position: t.target ? "absolute" : "fixed",
+    zIndex: 2e3,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    backgroundColor: "rgba(0, 0, 0, 0.3)",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  for (const [o, r] of Object.entries(n))
+    e.$el.style[o] = r;
+}
+const C = {
+  service: g
+};
+export {
+  f as createSpinComponent,
+  C as default
+};

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

@@ -0,0 +1 @@
+

package/dist/es/components/pro-upload/src/file-list.mjs

@@ -31,7 +31,7 @@ const z = /* @__PURE__ */ u({
       deleteFileApi: d
     } = w(i.http), {
       downloadFile: p
-    } = v(i.http), n = x(i.list), a = async (t) => {
+    } = v(i.http), n = x(i.list), r = async (t) => {
       try {
         const l = await d({
           params: {
@@ -40,9 +40,9 @@ const z = /* @__PURE__ */ u({
         });
         l.status === 0 ? (o.success("文件删除成功~"), n.value = n.value.filter((c) => t.id !== c.id), s("update:list", n.value)) : o.error(l.msg);
       } catch (l) {
-        console.log(l);
+        console.log(l), o.error(l);
       }
-    }, r = async (t) => {
+    }, a = async (t) => {
       t.spining = !0, await p([t.id]) && (t.spining = !1);
     };
     return () => e(h, null, [n.value.map((t) => e("div", {
@@ -73,7 +73,7 @@ const z = /* @__PURE__ */ u({
         alignItems: "center",
         justifyContent: "center"
       },
-      onClick: () => a(t)
+      onClick: () => r(t)
     }, [e(y, {
       style: {
         fontSize: "8px",
@@ -90,7 +90,7 @@ const z = /* @__PURE__ */ u({
         color: "#cccccc",
         cursor: "pointer"
       },
-      onClick: () => r(t)
+      onClick: () => a(t)
     }, null, 8, ["onClick"]) : "", e("div", null, [t.type === "img" ? e(m, {
       src: t.icon,
       style: {