@king-one/antdv 1.0.95 → 1.0.97

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.97
+
+### Patch Changes
+
+- feat：增加新的滚动条组件
+
+## 1.0.96
+
+### Patch Changes
+
+- king-one 中导入 pro-upload 组件
+
 ## 1.0.95
 
 ### 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/hooks/use-contract-view.mjs

@@ -0,0 +1,24 @@
+import { ref as t, onMounted as i } from "vue";
+function s({
+  contractId: e,
+  prefix: o = "contract"
+}) {
+  const a = t([]), r = t([]);
+  return i(() => {
+    globalThis.$http.get(`/${o}/file/detail/list`, {
+      Headers: {
+        useridentity: "aaa",
+        token: "1asd"
+      },
+      params: {
+        contractId: e
+      }
+    });
+  }), {
+    pages: a,
+    fileList: r
+  };
+}
+export {
+  s 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,41 @@
+import { defineComponent as a, ref as n, computed as u, onMounted as p, createElementBlock as i, openBlock as r, normalizeClass as f, createVNode as l, createCommentVNode as m, unref as v } from "vue";
+import { Spin as _ } from "ant-design-vue";
+import { useNamespace as d } from "../../../hooks/use-namespace/index.mjs";
+import { ProContractViewProps as g } from "./types.mjs";
+const h = { key: 0 }, N = /* @__PURE__ */ a({
+  __name: "pro-contract-view",
+  props: g,
+  setup(k) {
+    const t = n(!0), o = n(null), { b: c } = d("pro-contract-view"), s = u(() => [
+      c()
+    ]);
+    return p(() => {
+      if (o.value) {
+        const e = o.value.parentElement;
+        !o.value.clientHeight && (e != null && e.offsetHeight) && (o.value.style.height = `${e == null ? void 0 : e.offsetHeight}px`);
+      }
+      setTimeout(() => {
+        t.value = !0;
+      }, 1e3);
+    }), (e, C) => (r(), i(
+      "div",
+      {
+        ref_key: "containerRef",
+        ref: o,
+        class: f(s.value)
+      },
+      [
+        l(v(_), {
+          tip: "Loading...",
+          spinning: t.value
+        }, null, 8, ["spinning"]),
+        t.value ? m("v-if", !0) : (r(), i("div", h, " 合同预览 "))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1,13 @@
+import { definePropType as e } from "../../utils/install.mjs";
+const t = {
+  fileId: {
+    type: e(String)
+  },
+  fileList: {
+    type: e(Array),
+    default: () => []
+  }
+};
+export {
+  t 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: {

package/dist/es/components/pro-upload/src/gd-upload.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as F, ref as p, computed as W, watch as z, onMounted as H, createVNode as d, Fragment as g } from "vue";
+import { defineComponent as F, ref as f, computed as W, watch as z, onMounted as H, createVNode as d, Fragment as g } from "vue";
 import { message as h, Upload as I, Spin as R } from "ant-design-vue";
 import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
 import { KIcon as S } from "../../icon/index.mjs";
 import { UploadComponentProps as $ } from "./props.mjs";
-import { getFileExtension as r, getUploadIcon as x, getBase64 as j } from "./utils/index.mjs";
+import { getFileExtension as m, getUploadIcon as x, getBase64 as j } from "./utils/index.mjs";
 import "./hooks/index.mjs";
 import q from "./file-list.mjs";
 import { useUpload as T } from "./hooks/useUpload.mjs";
@@ -14,72 +14,77 @@ const A = /* @__PURE__ */ F({
     "update:fileList": (e) => !0,
     // 文件上传成功
     "upload-success": (e) => e,
-    change: (e) => e
+    change: (e) => e,
+    "upload-error": (e) => e
   },
   setup(e, {
-    emit: u,
+    emit: c,
     expose: y
   }) {
     const {
       b: v
-    } = D("pro-upload"), l = p([]), m = p(!1), {
+    } = D("pro-upload"), l = f([]), r = f(!1), {
       uploadFile: b,
       getFileDetails: N,
       getImgUrl: U
     } = T(e.http), w = W(() => {
       if (e.disabled || l.value.length === e.maxCount) return !0;
-    }), L = (t) => {
+    }), L = (i) => {
       var s;
       const {
-        name: i,
+        name: t,
         size: n
-      } = t, a = r(i), o = n / 1024 / 1024;
+      } = i, a = m(t), o = n / 1024 / 1024;
       return e.accept && e.accept.length > 0 && !e.accept.includes(a) ? (h.warning(`只能上传${(s = e.accept) == null ? void 0 : s.join(".")}后缀的文件！`), !1) : o > e.maxSize ? (h.warning(`上传的文件不能大于${e.maxSize}M！`), !1) : !0;
-    }, C = async (t) => {
-      const {
-        file: i
-      } = t;
-      m.value = !0;
-      const n = await b({
-        business: e.business,
-        file: i
-      });
-      if (m.value = !1, !n) return;
-      const a = r(n.originName), o = x(a);
-      if (o === "img") {
-        const c = await j(i);
-        l.value.push({
-          icon: c,
-          id: n.id,
-          type: o,
-          spining: !1,
-          fileName: t.file.name
-        });
-      } else
-        l.value.push({
-          icon: o,
-          id: n.id,
-          type: o,
-          spining: !1,
-          fileName: t.file.name
+    }, C = async (i) => {
+      try {
+        const {
+          file: t
+        } = i;
+        r.value = !0;
+        const n = await b({
+          business: e.business,
+          file: t
         });
-      const s = l.value.map((c) => ({
-        fileName: c.fileName,
-        type: c.type,
-        id: c.id
-      }));
-      u("update:fileList", s), u("upload-success", s);
-    }, f = async (t) => {
-      const i = t == null ? void 0 : t.map((a) => a.id);
-      if ((i == null ? void 0 : i.length) === 0) return;
-      const n = await N(i);
+        if (r.value = !1, !n) return;
+        const a = m(n.originName), o = x(a);
+        if (o === "img") {
+          const u = await j(t);
+          l.value.push({
+            icon: u,
+            id: n.id,
+            type: o,
+            spining: !1,
+            fileName: i.file.name
+          });
+        } else
+          l.value.push({
+            icon: o,
+            id: n.id,
+            type: o,
+            spining: !1,
+            fileName: i.file.name
+          });
+        const s = l.value.map((u) => ({
+          fileName: u.fileName,
+          type: u.type,
+          id: u.id
+        }));
+        c("update:fileList", s), c("upload-success", s);
+      } catch (t) {
+        r.value = !1, c("upload-error", t);
+      }
+    }, p = async (i) => {
+      const t = i == null ? void 0 : i.map((a) => a.id);
+      if ((t == null ? void 0 : t.length) === 0) return;
+      const n = await N(t);
       for (const a of n.data) {
-        const o = r(a.originName), s = x(o);
+        const o = m(a.originName), s = x(o);
         if (s === "img") {
-          const c = await U([a.id]);
+          const u = await U([a.id]);
           l.value.push({
             id: a.id,
-            icon: c[a.id],
+            icon: u[a.id],
             fileName: a.originName,
             spining: !1,
             type: s
@@ -94,21 +99,21 @@ const A = /* @__PURE__ */ F({
           });
       }
     };
-    return z(() => l.value, (t) => {
-      const i = t.map((n) => ({
+    return z(() => l.value, (i) => {
+      const t = i.map((n) => ({
         fileName: n.fileName,
         type: n.type,
         id: n.id
       }));
-      u("update:fileList", i), u("change", i);
+      c("update:fileList", t), c("change", t);
     }, {
       deep: !0
     }), H(async () => {
-      f(e.fileList);
+      p(e.fileList);
     }), y({
-      updateFileList: f
+      updateFileList: p
     }), () => {
-      var t;
+      var i;
       return d("div", {
         class: v(),
         style: {
@@ -121,9 +126,9 @@ const A = /* @__PURE__ */ F({
         itemWidth: e.itemWidth,
         itemHeight: e.itemHeight,
         list: l.value,
-        "onUpdate:list": (i) => l.value = i
+        "onUpdate:list": (t) => l.value = t
       }, null, 8, ["http", "itemWidth", "itemHeight", "list", "onUpdate:list"]), l.value.length < (e.maxCount ?? 20) ? d(I, {
-        accept: (t = e.accept) == null ? void 0 : t.join(","),
+        accept: (i = e.accept) == null ? void 0 : i.join(","),
         disabled: w.value,
         customRequest: C,
         beforeUpload: L,
@@ -132,7 +137,7 @@ const A = /* @__PURE__ */ F({
         }
       }, {
         default: () => d(R, {
-          spinning: m.value
+          spinning: r.value
         }, {
           default: () => [d("div", {
             style: {