@king-one/antdv 1.0.56 → 1.0.58

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.58
+
+### Patch Changes
+
+- feat：modal 增加拖拽功能
+
+## 1.0.57
+
+### Patch Changes
+
+- fix:修复 tsx 组件构建错误
+
 ## 1.0.56
 
 ### Patch Changes

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

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

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

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

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

@@ -0,0 +1,82 @@
+import { defineComponent as X, mergeModels as M, ref as e, useModel as Y, computed as y, watch as R, watchEffect as _, openBlock as b, createBlock as w, unref as $, mergeProps as E, withCtx as c, createElementVNode as P, toDisplayString as N, normalizeStyle as q, resolveDynamicComponent as z, renderSlot as O } from "vue";
+import { Modal as U } from "ant-design-vue";
+import { useNamespace as j } from "../../../hooks/use-namespace/index.mjs";
+import { useDraggable as A } from "@vueuse/core";
+import { ProModalProps as F } from "./types.mjs";
+const L = /* @__PURE__ */ X({
+  name: "ProModal",
+  __name: "ProModal",
+  props: /* @__PURE__ */ M(F, {
+    modelValue: { required: !0, type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ M(["onConfirm", "onCancel"], ["update:modelValue"]),
+  setup(k, { emit: x }) {
+    const d = x, l = e(null), v = Y(k, "modelValue"), { b: B } = j("pro-modal"), D = y(() => B());
+    function S() {
+      d("onConfirm");
+    }
+    function T() {
+      d("onCancel");
+    }
+    const { x: r, y: u, isDragging: f } = A(l), p = e(0), g = e(0), n = e(!1), s = e(0), m = e(0), h = e(0), C = e(0), t = e({ left: 0, right: 0, top: 0, bottom: 0 });
+    R([r, u], () => {
+      if (!n.value && l.value) {
+        p.value = r.value, g.value = u.value;
+        const o = document.body.getBoundingClientRect(), a = l.value.getBoundingClientRect();
+        t.value.right = o.width - a.width, t.value.bottom = o.height - a.height, h.value = s.value, C.value = m.value;
+      }
+      n.value = !0;
+    }), R(f, () => {
+      f || (n.value = !1);
+    }), _(() => {
+      n.value && (s.value = h.value + Math.min(Math.max(t.value.left, r.value), t.value.right) - p.value, m.value = C.value + Math.min(Math.max(t.value.top, u.value), t.value.bottom) - g.value);
+    });
+    const V = y(() => ({
+      transform: `translate(${s.value}px, ${m.value}px)`
+    }));
+    return (o, a) => (b(), w($(U), E({
+      open: v.value,
+      "onUpdate:open": a[0] || (a[0] = (i) => v.value = i)
+    }, o.modalProps, {
+      "wrap-class-name": D.value,
+      onOk: S,
+      onCancel: T
+    }), {
+      title: c(() => [
+        P(
+          "div",
+          {
+            ref_key: "modalTitleRef",
+            ref: l,
+            class: "pro-modal-title"
+          },
+          N(o.title),
+          513
+          /* TEXT, NEED_PATCH */
+        )
+      ]),
+      modalRender: c(({ originVNode: i }) => [
+        P(
+          "div",
+          {
+            style: q(V.value)
+          },
+          [
+            (b(), w(z(i)))
+          ],
+          4
+          /* STYLE */
+        )
+      ]),
+      default: c(() => [
+        O(o.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["open", "wrap-class-name"]));
+  }
+});
+export {
+  L as default
+};

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

@@ -5,6 +5,10 @@ const e = {
   modelValue: {
     type: Boolean,
     required: !0
+  },
+  title: {
+    type: String,
+    required: !0
   }
 };
 export {

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

@@ -1,9 +1,10 @@
 import { withInstall as r } from "../utils/install.mjs";
 import o from "./src/scroll-bar.mjs";
-import { scrollbarProps as s } from "./src/types.mjs";
-const a = r(o);
+import "./style/index.mjs";
+import { scrollbarProps as c } from "./src/types.mjs";
+const m = r(o);
 export {
-  a as KScrollBar,
-  a as default,
-  s as scrollbarProps
+  m as KScrollBar,
+  m as default,
+  c as scrollbarProps
 };

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

@@ -1,169 +1,264 @@
-import { defineComponent as ae, onMounted as ce, ref as a, computed as c } from "vue";
-import { VResizeObserver as j } from "vueuc";
-import { off as g, on as z } from "evtd";
-import { defaultNamespace as u } from "../../../hooks/use-namespace/index.mjs";
-import { scrollbarProps as ie } from "./types.mjs";
-const ve = ae({
+import { defineComponent as ue, onMounted as se, ref as l, computed as r, createVNode as h, mergeProps as fe } from "vue";
+import { useResizeObserver as k } from "@vueuse/core";
+import { off as T, on as X } from "evtd";
+import { defaultNamespace as s } from "../../../hooks/use-namespace/index.mjs";
+import { scrollbarProps as de } from "./types.mjs";
+const Me = /* @__PURE__ */ ue({
   name: "KScrollbar",
-  props: ie,
+  props: de,
   inheritAttrs: !1,
-  setup(l) {
-    ce(() => {
-      l.container || d();
+  setup(o) {
+    se(() => {
+      o.container || v();
     });
-    const y = () => {
-      d();
-    }, M = () => {
-      d();
-    }, w = a(null), h = a(null), T = a(null), v = a(null), s = a(null), R = a(null), f = a(null), m = a(null), P = a(null), b = a(null), k = c(() => {
+    const R = l(null), m = l(null), x = l(null), Y = l(null), d = l(null), f = l(null), u = l(null), S = l(null), b = l(null), L = l(null), q = r(() => {
       var e;
-      return ((e = l.content) == null ? void 0 : e.call(l)) || w.value;
-    }), x = c(() => {
+      return ((e = o.content) == null ? void 0 : e.call(o)) || R.value;
+    }), g = r(() => {
       var e;
-      return ((e = l.container) == null ? void 0 : e.call(l)) || h.value;
-    }), X = a(0), Y = a(0), q = c(() => {
-      const { value: e } = f, { value: t } = s;
-      return e !== null && t !== null && t > e;
-    }), C = c(() => {
-      const { value: e } = f, { value: t } = s, { value: n } = P;
-      return e === null || t === null || n === null ? 0 : Math.min(e, n * e / t + 5 * 1.5);
-    }), F = c(() => `${C.value}px`), G = c(() => {
-      const { value: e } = f, { value: t } = X, { value: n } = s, { value: r } = P;
-      if (e === null || n === null || r === null)
+      return ((e = o.container) == null ? void 0 : e.call(o)) || m.value;
+    }), H = l(0), W = l(0);
+    k(R, () => {
+      v();
+    }), k(m, () => {
+      v();
+    });
+    const F = r(() => {
+      const {
+        value: e
+      } = u, {
+        value: n
+      } = d;
+      return e !== null && n !== null && n > e;
+    }), w = l(!1), G = r(() => {
+      const {
+        trigger: e
+      } = o;
+      return e === "none" || w.value;
+    }), $ = r(() => {
+      const {
+        value: e
+      } = u, {
+        value: n
+      } = d, {
+        value: t
+      } = b;
+      return e === null || n === null || t === null ? 0 : Math.min(e, t * e / n + 5 * 1.5);
+    }), J = r(() => `${$.value}px`), Q = r(() => {
+      const {
+        value: e
+      } = u, {
+        value: n
+      } = H, {
+        value: t
+      } = d, {
+        value: c
+      } = b;
+      if (e === null || t === null || c === null)
         return 0;
       {
-        const o = n - e;
-        return o ? t / o * (r - C.value) : 0;
+        const a = t - e;
+        return a ? n / a * (c - $.value) : 0;
       }
-    }), J = c(() => `${G.value}px`);
-    let E = !1, D = 0, U = 0, B, p;
+    }), Z = r(() => `${Q.value}px`);
+    let p = !1, N = 0, U = 0, y, z;
     const _ = (e) => {
-      if (!E)
-        return;
-      p !== void 0 && window.clearTimeout(p), B !== void 0 && window.clearTimeout(B);
-      const { value: t } = f, { value: n } = s, { value: r } = C;
-      if (t === null || n === null)
-        return;
-      const W = (e.clientY - U) * (n - t) / (t - r), $ = n - t;
-      let i = D + W;
-      i = Math.min($, i), i = Math.max(i, 0);
-      const { value: S } = x;
-      S && (S.scrollTop = i);
-    }, N = (e) => {
-      e.preventDefault(), e.stopPropagation(), g("mousemove", window, _, !0), g("mouseup", window, N, !0), E = !1, d();
-    }, Q = (e) => {
-      e.preventDefault(), e.stopPropagation(), z("mousemove", window, _, !0), z("mouseup", window, N, !0), D = X.value, U = e.clientY, E = !0;
+      if (!p) return;
+      z !== void 0 && window.clearTimeout(z), y !== void 0 && window.clearTimeout(y);
+      const {
+        value: n
+      } = u, {
+        value: t
+      } = d, {
+        value: c
+      } = $;
+      if (n === null || t === null) return;
+      const C = (e.clientY - U) * (t - n) / (n - c), E = t - n;
+      let i = N + C;
+      i = Math.min(E, i), i = Math.max(i, 0);
+      const {
+        value: M
+      } = g;
+      M && (M.scrollTop = i);
+    }, V = (e) => {
+      e.preventDefault(), e.stopPropagation(), T("mousemove", window, _, !0), T("mouseup", window, V, !0), p = !1, w.value = !1, v();
+    }, ee = (e) => {
+      e.preventDefault(), e.stopPropagation(), X("mousemove", window, _, !0), X("mouseup", window, V, !0), N = H.value, U = e.clientY, p = !0, w.value = !0;
     };
-    function Z(e) {
-      const { onScroll: t } = l;
-      t && t(e), O();
+    function ne(e) {
+      const {
+        onScroll: n
+      } = o;
+      n && n(e), j();
     }
-    const ee = c(() => {
-      const { value: e } = m, { value: t } = R;
-      return e !== null && t !== null && t > e;
-    }), H = c(() => {
-      const { value: e } = m, { value: t } = R, { value: n } = b;
-      return e === null || t === null || n === null ? 0 : n * e / t + 5 * 1.5;
-    }), te = c(() => `${H.value}px`), ne = c(() => {
-      const { value: e } = m, { value: t } = Y, { value: n } = R, { value: r } = b;
-      if (e === null || n === null || r === null)
+    const te = r(() => {
+      const {
+        value: e
+      } = S, {
+        value: n
+      } = f;
+      return e !== null && n !== null && n > e;
+    }), B = l(!1), oe = r(() => {
+      const {
+        trigger: e
+      } = o;
+      return e === "none" || B.value;
+    }), D = r(() => {
+      const {
+        value: e
+      } = S, {
+        value: n
+      } = f, {
+        value: t
+      } = L;
+      return e === null || n === null || t === null ? 0 : t * e / n + 5 * 1.5;
+    }), le = r(() => `${D.value}px`), re = r(() => {
+      const {
+        value: e
+      } = S, {
+        value: n
+      } = W, {
+        value: t
+      } = f, {
+        value: c
+      } = L;
+      if (e === null || t === null || c === null)
         return 0;
       {
-        const o = n - e;
-        return o ? t / o * (r - H.value) : 0;
+        const a = t - e;
+        return a ? n / a * (c - D.value) : 0;
       }
-    }), le = c(() => `${ne.value}px`);
-    let L = !1, V = 0, I = 0;
-    const A = (e) => {
-      if (!L)
-        return;
-      p !== void 0 && window.clearTimeout(p), B !== void 0 && window.clearTimeout(B);
-      const { value: t } = m, { value: n } = R, { value: r } = H;
-      if (t === null || n === null)
-        return;
-      const W = (e.clientX - I) * (n - t) / (t - r), $ = n - t;
-      let i = V + W;
-      i = Math.min($, i), i = Math.max(i, 0);
-      const { value: S } = x;
-      S && (S.scrollLeft = i);
-    }, K = (e) => {
-      e.preventDefault(), e.stopPropagation(), g("mousemove", window, A, !0), g("mouseup", window, K, !0), L = !1, d();
+    }), ae = r(() => `${re.value}px`);
+    let P = !1, I = 0, A = 0;
+    const K = (e) => {
+      if (!P) return;
+      z !== void 0 && window.clearTimeout(z), y !== void 0 && window.clearTimeout(y);
+      const {
+        value: n
+      } = S, {
+        value: t
+      } = f, {
+        value: c
+      } = D;
+      if (n === null || t === null) return;
+      const C = (e.clientX - A) * (t - n) / (n - c), E = t - n;
+      let i = I + C;
+      i = Math.min(E, i), i = Math.max(i, 0);
+      const {
+        value: M
+      } = g;
+      M && (M.scrollLeft = i);
+    }, O = (e) => {
+      e.preventDefault(), e.stopPropagation(), T("mousemove", window, K, !0), T("mouseup", window, O, !0), B.value = !1, P = !1, v();
     };
-    function oe(e) {
-      e.preventDefault(), e.stopPropagation(), L = !0, z("mousemove", window, A, !0), z("mouseup", window, K, !0), V = Y.value, I = e.clientX;
+    function ce(e) {
+      e.preventDefault(), e.stopPropagation(), P = !0, B.value = !0, X("mousemove", window, K, !0), X("mouseup", window, O, !0), I = W.value, A = e.clientX;
     }
-    function O() {
-      const { value: e } = x;
-      e && (X.value = e.scrollTop, Y.value = e.scrollLeft);
+    function j() {
+      const {
+        value: e
+      } = g;
+      e && (H.value = e.scrollTop, W.value = e.scrollLeft);
     }
-    const re = () => {
-      const { value: e } = k;
+    const ie = () => {
+      const {
+        value: e
+      } = q;
       if (e) {
-        const o = e.getBoundingClientRect();
-        s.value = o.height, R.value = o.width;
+        const a = e.getBoundingClientRect();
+        d.value = a.height, f.value = a.width;
       }
-      const { value: t } = x;
-      if (t) {
-        const o = t.getBoundingClientRect();
-        f.value = o.height, m.value = o.width;
+      const {
+        value: n
+      } = g;
+      if (n) {
+        const a = n.getBoundingClientRect();
+        u.value = a.height, S.value = a.width;
       }
-      const { value: n } = T;
-      n && (P.value = n.offsetHeight);
-      const { value: r } = v;
-      r && (b.value = r.offsetWidth);
+      const {
+        value: t
+      } = x;
+      t && (b.value = t.offsetHeight);
+      const {
+        value: c
+      } = Y;
+      c && (L.value = c.offsetWidth);
     };
-    function d() {
-      re(), O();
+    function v() {
+      ie(), j();
     }
     return {
-      sync: d,
-      handleContentResize: y,
-      handleContainerResize: M,
-      contentRef: w,
-      yRailRef: T,
-      xRailRef: v,
-      containerRef: h,
-      contentHeightRef: s,
-      containerHeightRef: f,
-      needYBarRef: q,
-      needXBarRef: ee,
-      yBarSizePxRef: F,
-      handleYScrollMouseDown: Q,
-      handleXScrollMouseDown: oe,
-      yBarTopPxRef: J,
-      handleScroll: Z,
-      xBarSizePxRef: te,
-      xBarLeftPxRef: le
+      showYBarRef: G,
+      showXBarRef: oe,
+      sync: v,
+      handleMouseEnter: () => {
+        w.value = !0, B.value = !0;
+      },
+      handleMouseLeave: () => {
+        p || (w.value = !1), P || (B.value = !1);
+      },
+      // handleContentResize,
+      // handleContainerResize,
+      contentRef: R,
+      yRailRef: x,
+      xRailRef: Y,
+      containerRef: m,
+      contentHeightRef: d,
+      containerHeightRef: u,
+      needYBarRef: F,
+      needXBarRef: te,
+      yBarSizePxRef: J,
+      handleYScrollMouseDown: ee,
+      handleXScrollMouseDown: ce,
+      yBarTopPxRef: Z,
+      handleScroll: ne,
+      xBarSizePxRef: le,
+      xBarLeftPxRef: ae
     };
   },
   render() {
-    const { $slots: l, xScrollable: y } = this, M = () => /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-rail ${u}-scrollbar-rail--horizontal`, ref: "xRailRef" }, this.needXBarRef && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        class: `${u}-scrollbar-rail__scrollbar--horizontal`,
-        style: {
-          width: this.xBarSizePxRef,
-          left: this.xBarLeftPxRef
-        },
-        onMousedown: this.handleXScrollMouseDown
-      }
-    )), w = () => /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-rail ${u}-scrollbar-rail--vertical`, ref: "yRailRef" }, this.needYBarRef && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        class: `${u}-scrollbar-rail__scrollbar--vertical`,
-        style: {
-          height: this.yBarSizePxRef,
-          top: this.yBarTopPxRef
-        },
-        onMousedown: this.handleYScrollMouseDown
-      }
-    )), h = () => {
-      var v, s;
-      return /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar`, ...this.$attrs }, this.container ? (v = l.default) == null ? void 0 : v.call(l) : /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-container`, onScroll: this.handleScroll, ref: "containerRef" }, /* @__PURE__ */ React.createElement(j, { onResize: this.handleContentResize }, /* @__PURE__ */ React.createElement("div", { ref: "contentRef", class: `${u}-scrollbar-content` }, (s = l.default) == null ? void 0 : s.call(l)))), w(), y && M());
-    };
-    return this.container ? h() : /* @__PURE__ */ React.createElement(j, { onResize: this.handleContainerResize }, h());
+    const {
+      $slots: o,
+      xScrollable: R
+    } = this, m = () => h("div", {
+      class: `${s}-scrollbar-rail ${s}-scrollbar-rail--horizontal`,
+      ref: "xRailRef"
+    }, [this.needXBarRef && this.showXBarRef && h("div", {
+      class: `${s}-scrollbar-rail__scrollbar--horizontal`,
+      style: {
+        width: this.xBarSizePxRef,
+        left: this.xBarLeftPxRef
+      },
+      onMousedown: this.handleXScrollMouseDown
+    }, null, 44, ["onMousedown"])], 512), x = () => h("div", {
+      class: `${s}-scrollbar-rail ${s}-scrollbar-rail--vertical`,
+      ref: "yRailRef"
+    }, [this.needYBarRef && this.showYBarRef && h("div", {
+      class: `${s}-scrollbar-rail__scrollbar--vertical`,
+      style: {
+        height: this.yBarSizePxRef,
+        top: this.yBarTopPxRef
+      },
+      onMousedown: this.handleYScrollMouseDown
+    }, null, 44, ["onMousedown"])], 512);
+    return (() => {
+      var f, u;
+      return h("div", fe({
+        class: `${s}-scrollbar`
+      }, this.$attrs, {
+        onMouseenter: this.handleMouseEnter,
+        onMouseleave: this.handleMouseLeave
+      }), [this.container ? (f = o.default) == null ? void 0 : f.call(o) : h("div", {
+        class: `${s}-scrollbar-container`,
+        onScroll: this.handleScroll,
+        ref: "containerRef"
+      }, [h("div", {
+        ref: "contentRef",
+        class: `${s}-scrollbar-content`
+      }, [(u = o.default) == null ? void 0 : u.call(o)], 512)], 40, ["onScroll"]), x(), R && m()], 16, ["onMouseenter", "onMouseleave"]);
+    })();
   }
 });
 export {
-  ve as default
+  Me as default
 };

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

@@ -1,9 +1,10 @@
-const o = {
+const n = {
   container: Function,
   content: Function,
   onScroll: Function,
-  xScrollable: Boolean
+  xScrollable: Boolean,
+  trigger: String
 };
 export {
-  o as scrollbarProps
+  n as scrollbarProps
 };

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

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

package/dist/lib/components/pro-modal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/install.js"),l=require("./src/Modal.js");require("./style/index.js");const e=require("./hooks/useProModal.js"),o=r.withInstall(l.default);exports.useProModal=e.useProModal;exports.useProModalInit=e.useProModalInit;exports.KProModal=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/install.js");require("./src/ProModal.vue.js");require("./style/index.js");const e=require("./hooks/useProModal.js"),t=require("./src/ProModal.vue2.js"),o=r.withInstall(t.default);exports.useProModal=e.useProModal;exports.useProModalInit=e.useProModalInit;exports.KProModal=o;exports.default=o;

package/dist/lib/components/pro-modal/src/ProModal.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ProModal.vue2.js");exports.default=e.default;

package/dist/lib/components/pro-modal/src/ProModal.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("ant-design-vue"),B=require("../../../hooks/use-namespace/index.js"),P=require("@vueuse/core"),q=require("./types.js"),D=e.defineComponent({name:"ProModal",__name:"ProModal",props:e.mergeModels(q.ProModalProps,{modelValue:{required:!0,type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["onConfirm","onCancel"],["update:modelValue"]),setup(C,{emit:M}){const d=M,l=e.ref(null),m=e.useModel(C,"modelValue"),{b:y}=B.useNamespace("pro-modal"),w=e.computed(()=>y());function b(){d("onConfirm")}function R(){d("onCancel")}const{x:r,y:u,isDragging:f}=P.useDraggable(l),v=e.ref(0),p=e.ref(0),n=e.ref(!1),s=e.ref(0),i=e.ref(0),g=e.ref(0),h=e.ref(0),t=e.ref({left:0,right:0,top:0,bottom:0});e.watch([r,u],()=>{if(!n.value&&l.value){v.value=r.value,p.value=u.value;const o=document.body.getBoundingClientRect(),a=l.value.getBoundingClientRect();t.value.right=o.width-a.width,t.value.bottom=o.height-a.height,g.value=s.value,h.value=i.value}n.value=!0}),e.watch(f,()=>{f||(n.value=!1)}),e.watchEffect(()=>{n.value&&(s.value=g.value+Math.min(Math.max(t.value.left,r.value),t.value.right)-v.value,i.value=h.value+Math.min(Math.max(t.value.top,u.value),t.value.bottom)-p.value)});const k=e.computed(()=>({transform:`translate(${s.value}px, ${i.value}px)`}));return(o,a)=>(e.openBlock(),e.createBlock(e.unref(x.Modal),e.mergeProps({open:m.value,"onUpdate:open":a[0]||(a[0]=c=>m.value=c)},o.modalProps,{"wrap-class-name":w.value,onOk:b,onCancel:R}),{title:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"modalTitleRef",ref:l,class:"pro-modal-title"},e.toDisplayString(o.title),513)]),modalRender:e.withCtx(({originVNode:c})=>[e.createElementVNode("div",{style:e.normalizeStyle(k.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c)))],4)]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["open","wrap-class-name"]))}});exports.default=D;

package/dist/lib/components/pro-modal/src/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={modalProps:{type:Object},modelValue:{type:Boolean,required:!0}};exports.ProModalProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={modalProps:{type:Object},modelValue:{type:Boolean,required:!0},title:{type:String,required:!0}};exports.ProModalProps=e;

package/dist/lib/components/scroll-bar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../utils/install.js"),l=require("./src/scroll-bar.js"),t=require("./src/types.js"),r=e.withInstall(l.default);exports.scrollbarProps=t.scrollbarProps;exports.KScrollBar=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../utils/install.js"),l=require("./src/scroll-bar.js");require("./style/index.js");const t=require("./src/types.js"),r=e.withInstall(l.default);exports.scrollbarProps=t.scrollbarProps;exports.KScrollBar=r;exports.default=r;

package/dist/lib/components/scroll-bar/src/scroll-bar.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),I=require("vueuc"),s=require("evtd"),u=require("../../../hooks/use-namespace/index.js"),oe=require("./types.js"),ae=n.defineComponent({name:"KScrollbar",props:oe.scrollbarProps,inheritAttrs:!1,setup(o){n.onMounted(()=>{o.container||d()});const g=()=>{d()},z=()=>{d()},S=n.ref(null),v=n.ref(null),y=n.ref(null),h=n.ref(null),i=n.ref(null),m=n.ref(null),f=n.ref(null),R=n.ref(null),M=n.ref(null),b=n.ref(null),j=n.computed(()=>{var e;return((e=o.content)==null?void 0:e.call(o))||S.value}),w=n.computed(()=>{var e;return((e=o.container)==null?void 0:e.call(o))||v.value}),T=n.ref(0),P=n.ref(0),A=n.computed(()=>{const{value:e}=f,{value:t}=i;return e!==null&&t!==null&&t>e}),X=n.computed(()=>{const{value:e}=f,{value:t}=i,{value:l}=M;return e===null||t===null||l===null?0:Math.min(e,l*e/t+5*1.5)}),K=n.computed(()=>`${X.value}px`),k=n.computed(()=>{const{value:e}=f,{value:t}=T,{value:l}=i,{value:r}=M;if(e===null||l===null||r===null)return 0;{const a=l-e;return a?t/a*(r-X.value):0}}),F=n.computed(()=>`${k.value}px`);let Y=!1,N=0,W=0,x,B;const $=e=>{if(!Y)return;B!==void 0&&window.clearTimeout(B),x!==void 0&&window.clearTimeout(x);const{value:t}=f,{value:l}=i,{value:r}=X;if(t===null||l===null)return;const H=(e.clientY-W)*(l-t)/(t-r),L=l-t;let c=N+H;c=Math.min(L,c),c=Math.max(c,0);const{value:p}=w;p&&(p.scrollTop=c)},D=e=>{e.preventDefault(),e.stopPropagation(),s.off("mousemove",window,$,!0),s.off("mouseup",window,D,!0),Y=!1,d()},G=e=>{e.preventDefault(),e.stopPropagation(),s.on("mousemove",window,$,!0),s.on("mouseup",window,D,!0),N=T.value,W=e.clientY,Y=!0};function J(e){const{onScroll:t}=o;t&&t(e),O()}const Q=n.computed(()=>{const{value:e}=R,{value:t}=m;return e!==null&&t!==null&&t>e}),C=n.computed(()=>{const{value:e}=R,{value:t}=m,{value:l}=b;return e===null||t===null||l===null?0:l*e/t+5*1.5}),Z=n.computed(()=>`${C.value}px`),ee=n.computed(()=>{const{value:e}=R,{value:t}=P,{value:l}=m,{value:r}=b;if(e===null||l===null||r===null)return 0;{const a=l-e;return a?t/a*(r-C.value):0}}),te=n.computed(()=>`${ee.value}px`);let E=!1,_=0,q=0;const U=e=>{if(!E)return;B!==void 0&&window.clearTimeout(B),x!==void 0&&window.clearTimeout(x);const{value:t}=R,{value:l}=m,{value:r}=C;if(t===null||l===null)return;const H=(e.clientX-q)*(l-t)/(t-r),L=l-t;let c=_+H;c=Math.min(L,c),c=Math.max(c,0);const{value:p}=w;p&&(p.scrollLeft=c)},V=e=>{e.preventDefault(),e.stopPropagation(),s.off("mousemove",window,U,!0),s.off("mouseup",window,V,!0),E=!1,d()};function ne(e){e.preventDefault(),e.stopPropagation(),E=!0,s.on("mousemove",window,U,!0),s.on("mouseup",window,V,!0),_=P.value,q=e.clientX}function O(){const{value:e}=w;e&&(T.value=e.scrollTop,P.value=e.scrollLeft)}const le=()=>{const{value:e}=j;if(e){const a=e.getBoundingClientRect();i.value=a.height,m.value=a.width}const{value:t}=w;if(t){const a=t.getBoundingClientRect();f.value=a.height,R.value=a.width}const{value:l}=y;l&&(M.value=l.offsetHeight);const{value:r}=h;r&&(b.value=r.offsetWidth)};function d(){le(),O()}return{sync:d,handleContentResize:g,handleContainerResize:z,contentRef:S,yRailRef:y,xRailRef:h,containerRef:v,contentHeightRef:i,containerHeightRef:f,needYBarRef:A,needXBarRef:Q,yBarSizePxRef:K,handleYScrollMouseDown:G,handleXScrollMouseDown:ne,yBarTopPxRef:F,handleScroll:J,xBarSizePxRef:Z,xBarLeftPxRef:te}},render(){const{$slots:o,xScrollable:g}=this,z=()=>React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail ${u.defaultNamespace}-scrollbar-rail--horizontal`,ref:"xRailRef"},this.needXBarRef&&React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,style:{width:this.xBarSizePxRef,left:this.xBarLeftPxRef},onMousedown:this.handleXScrollMouseDown})),S=()=>React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail ${u.defaultNamespace}-scrollbar-rail--vertical`,ref:"yRailRef"},this.needYBarRef&&React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail__scrollbar--vertical`,style:{height:this.yBarSizePxRef,top:this.yBarTopPxRef},onMousedown:this.handleYScrollMouseDown})),v=()=>{var h,i;return React.createElement("div",{class:`${u.defaultNamespace}-scrollbar`,...this.$attrs},this.container?(h=o.default)==null?void 0:h.call(o):React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-container`,onScroll:this.handleScroll,ref:"containerRef"},React.createElement(I.VResizeObserver,{onResize:this.handleContentResize},React.createElement("div",{ref:"contentRef",class:`${u.defaultNamespace}-scrollbar-content`},(i=o.default)==null?void 0:i.call(o)))),S(),g&&z())};return this.container?v():React.createElement(I.VResizeObserver,{onResize:this.handleContainerResize},v())}});exports.default=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),I=require("@vueuse/core"),f=require("evtd"),s=require("../../../hooks/use-namespace/index.js"),ae=require("./types.js"),ce=t.defineComponent({name:"KScrollbar",props:ae.scrollbarProps,inheritAttrs:!1,setup(l){t.onMounted(()=>{l.container||v()});const h=t.ref(null),m=t.ref(null),B=t.ref(null),z=t.ref(null),d=t.ref(null),i=t.ref(null),u=t.ref(null),R=t.ref(null),N=t.ref(null),P=t.ref(null),j=t.computed(()=>{var e;return((e=l.content)==null?void 0:e.call(l))||h.value}),M=t.computed(()=>{var e;return((e=l.container)==null?void 0:e.call(l))||m.value}),T=t.ref(0),X=t.ref(0);I.useResizeObserver(h,()=>{v()}),I.useResizeObserver(m,()=>{v()});const A=t.computed(()=>{const{value:e}=u,{value:n}=d;return e!==null&&n!==null&&n>e}),S=t.ref(!1),K=t.computed(()=>{const{trigger:e}=l;return e==="none"||S.value}),Y=t.computed(()=>{const{value:e}=u,{value:n}=d,{value:o}=N;return e===null||n===null||o===null?0:Math.min(e,o*e/n+5*1.5)}),k=t.computed(()=>`${Y.value}px`),F=t.computed(()=>{const{value:e}=u,{value:n}=T,{value:o}=d,{value:a}=N;if(e===null||o===null||a===null)return 0;{const r=o-e;return r?n/r*(a-Y.value):0}}),G=t.computed(()=>`${F.value}px`);let g=!1,$=0,D=0,x,y;const C=e=>{if(!g)return;y!==void 0&&window.clearTimeout(y),x!==void 0&&window.clearTimeout(x);const{value:n}=u,{value:o}=d,{value:a}=Y;if(n===null||o===null)return;const H=(e.clientY-D)*(o-n)/(n-a),W=o-n;let c=$+H;c=Math.min(W,c),c=Math.max(c,0);const{value:w}=M;w&&(w.scrollTop=c)},V=e=>{e.preventDefault(),e.stopPropagation(),f.off("mousemove",window,C,!0),f.off("mouseup",window,V,!0),g=!1,S.value=!1,v()},J=e=>{e.preventDefault(),e.stopPropagation(),f.on("mousemove",window,C,!0),f.on("mouseup",window,V,!0),$=T.value,D=e.clientY,g=!0,S.value=!0};function Q(e){const{onScroll:n}=l;n&&n(e),O()}const Z=t.computed(()=>{const{value:e}=R,{value:n}=i;return e!==null&&n!==null&&n>e}),p=t.ref(!1),ee=t.computed(()=>{const{trigger:e}=l;return e==="none"||p.value}),L=t.computed(()=>{const{value:e}=R,{value:n}=i,{value:o}=P;return e===null||n===null||o===null?0:o*e/n+5*1.5}),te=t.computed(()=>`${L.value}px`),ne=t.computed(()=>{const{value:e}=R,{value:n}=X,{value:o}=i,{value:a}=P;if(e===null||o===null||a===null)return 0;{const r=o-e;return r?n/r*(a-L.value):0}}),oe=t.computed(()=>`${ne.value}px`);let b=!1,_=0,q=0;const E=e=>{if(!b)return;y!==void 0&&window.clearTimeout(y),x!==void 0&&window.clearTimeout(x);const{value:n}=R,{value:o}=i,{value:a}=L;if(n===null||o===null)return;const H=(e.clientX-q)*(o-n)/(n-a),W=o-n;let c=_+H;c=Math.min(W,c),c=Math.max(c,0);const{value:w}=M;w&&(w.scrollLeft=c)},U=e=>{e.preventDefault(),e.stopPropagation(),f.off("mousemove",window,E,!0),f.off("mouseup",window,U,!0),p.value=!1,b=!1,v()};function le(e){e.preventDefault(),e.stopPropagation(),b=!0,p.value=!0,f.on("mousemove",window,E,!0),f.on("mouseup",window,U,!0),_=X.value,q=e.clientX}function O(){const{value:e}=M;e&&(T.value=e.scrollTop,X.value=e.scrollLeft)}const re=()=>{const{value:e}=j;if(e){const r=e.getBoundingClientRect();d.value=r.height,i.value=r.width}const{value:n}=M;if(n){const r=n.getBoundingClientRect();u.value=r.height,R.value=r.width}const{value:o}=B;o&&(N.value=o.offsetHeight);const{value:a}=z;a&&(P.value=a.offsetWidth)};function v(){re(),O()}return{showYBarRef:K,showXBarRef:ee,sync:v,handleMouseEnter:()=>{S.value=!0,p.value=!0},handleMouseLeave:()=>{g||(S.value=!1),b||(p.value=!1)},contentRef:h,yRailRef:B,xRailRef:z,containerRef:m,contentHeightRef:d,containerHeightRef:u,needYBarRef:A,needXBarRef:Z,yBarSizePxRef:k,handleYScrollMouseDown:J,handleXScrollMouseDown:le,yBarTopPxRef:G,handleScroll:Q,xBarSizePxRef:te,xBarLeftPxRef:oe}},render(){const{$slots:l,xScrollable:h}=this,m=()=>t.createVNode("div",{class:`${s.defaultNamespace}-scrollbar-rail ${s.defaultNamespace}-scrollbar-rail--horizontal`,ref:"xRailRef"},[this.needXBarRef&&this.showXBarRef&&t.createVNode("div",{class:`${s.defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,style:{width:this.xBarSizePxRef,left:this.xBarLeftPxRef},onMousedown:this.handleXScrollMouseDown},null,44,["onMousedown"])],512),B=()=>t.createVNode("div",{class:`${s.defaultNamespace}-scrollbar-rail ${s.defaultNamespace}-scrollbar-rail--vertical`,ref:"yRailRef"},[this.needYBarRef&&this.showYBarRef&&t.createVNode("div",{class:`${s.defaultNamespace}-scrollbar-rail__scrollbar--vertical`,style:{height:this.yBarSizePxRef,top:this.yBarTopPxRef},onMousedown:this.handleYScrollMouseDown},null,44,["onMousedown"])],512);return(()=>{var i,u;return t.createVNode("div",t.mergeProps({class:`${s.defaultNamespace}-scrollbar`},this.$attrs,{onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave}),[this.container?(i=l.default)==null?void 0:i.call(l):t.createVNode("div",{class:`${s.defaultNamespace}-scrollbar-container`,onScroll:this.handleScroll,ref:"containerRef"},[t.createVNode("div",{ref:"contentRef",class:`${s.defaultNamespace}-scrollbar-content`},[(u=l.default)==null?void 0:u.call(l)],512)],40,["onScroll"]),B(),h&&m()],16,["onMouseenter","onMouseleave"])})()}});exports.default=ce;

package/dist/lib/components/scroll-bar/src/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={container:Function,content:Function,onScroll:Function,xScrollable:Boolean};exports.scrollbarProps=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={container:Function,content:Function,onScroll:Function,xScrollable:Boolean,trigger:String};exports.scrollbarProps=o;

package/dist/lib/components/scroll-bar/style/index.js

@@ -0,0 +1 @@
+"use strict";require("../../base/style/index.js");require("@king-one/antdv/dist/theme-chalk/scroll-bar.css");

package/dist/theme-chalk/icon.css

@@ -1 +1 @@
-@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=47158) format("woff2"),url(fonts/iconfont.woff?t=75839) format("woff"),url(fonts/iconfont.ttf?t=46563) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}
+@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=68436) format("woff2"),url(fonts/iconfont.woff?t=85068) format("woff"),url(fonts/iconfont.ttf?t=70278) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}

package/dist/theme-chalk/index.css

@@ -1 +1 @@
-:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=55301) format("woff2"),url(fonts/iconfont.woff?t=45771) format("woff"),url(fonts/iconfont.ttf?t=13290) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}
+:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=18903) format("woff2"),url(fonts/iconfont.woff?t=35687) format("woff"),url(fonts/iconfont.ttf?t=35932) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-title-icon:before{content:"\e680"}

package/dist/theme-chalk/pro-modal.css

@@ -1 +1 @@
-.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}
+.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:65vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}

package/dist/types/components/pro-modal/index.d.ts

@@ -1,26 +1,94 @@
 import { SFCWithInstall } from '../utils/install';
-import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 import { ModalFuncProps } from 'ant-design-vue';
 export * from './hooks/useProModal';
-export declare const KProModal: SFCWithInstall<DefineComponent<{
-    readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open">>;
+export declare const KProModal: SFCWithInstall<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        modalProps: {
+            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        };
+        modelValue: {
+            readonly type: BooleanConstructor;
+            readonly required: true;
+        };
+        title: {
+            readonly type: StringConstructor;
+            readonly required: true;
+        };
+    }>> & {
+        onOnCancel?: ((...args: any[]) => any) | undefined;
+        onOnConfirm?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        onCancel: (...args: any[]) => void;
+        onConfirm: (...args: any[]) => void;
+        "update:modelValue": (modelValue: boolean) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        modalProps: {
+            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        };
+        modelValue: {
+            readonly type: BooleanConstructor;
+            readonly required: true;
+        };
+        title: {
+            readonly type: StringConstructor;
+            readonly required: true;
+        };
+    }>> & {
+        onOnCancel?: ((...args: any[]) => any) | undefined;
+        onOnConfirm?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        modalProps: {
+            readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+        };
+        modelValue: {
+            readonly type: BooleanConstructor;
+            readonly required: true;
+        };
+        title: {
+            readonly type: StringConstructor;
+            readonly required: true;
+        };
+    }>> & {
+        onOnCancel?: ((...args: any[]) => any) | undefined;
+        onOnConfirm?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    modalProps: {
+        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
     };
-    readonly modelValue: {
+    modelValue: {
         readonly type: BooleanConstructor;
         readonly required: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("onCancel" | "update:modelValue" | "onConfirm")[], "onCancel" | "update:modelValue" | "onConfirm", PublicProps, Readonly< ExtractPropTypes<{
-    readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open">>;
-    };
-    readonly modelValue: {
-        readonly type: BooleanConstructor;
+    title: {
+        readonly type: StringConstructor;
         readonly required: true;
     };
 }>> & {
     onOnCancel?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnConfirm?: ((...args: any[]) => any) | undefined;
-}, {}, {}>>;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    onCancel: (...args: any[]) => void;
+    onConfirm: (...args: any[]) => void;
+    "update:modelValue": (modelValue: boolean) => void;
+}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;
 export default KProModal;

package/dist/types/components/pro-modal/src/Modal.d.ts

@@ -2,23 +2,31 @@ import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractP
 import { ModalFuncProps } from 'ant-design-vue';
 declare const _default: DefineComponent<{
     readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open">>;
+        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
     };
     readonly modelValue: {
         readonly type: BooleanConstructor;
         readonly required: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("onCancel" | "update:modelValue" | "onConfirm")[], "onCancel" | "update:modelValue" | "onConfirm", PublicProps, Readonly< ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("onCancel" | "onConfirm" | "update:modelValue")[], "onCancel" | "onConfirm" | "update:modelValue", PublicProps, Readonly< ExtractPropTypes<{
     readonly modalProps: {
-        readonly type: PropType<Omit< ModalFuncProps, "open">>;
+        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
     };
     readonly modelValue: {
         readonly type: BooleanConstructor;
         readonly required: true;
     };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
 }>> & {
     onOnCancel?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/types/components/pro-modal/src/ProModal.vue.d.ts

@@ -0,0 +1,52 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { ModalFuncProps } from 'ant-design-vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        modalTitleRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{
+    modalProps: {
+        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+    };
+    modelValue: {
+        readonly type: BooleanConstructor;
+        readonly required: true;
+    };
+    title: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    onCancel: (...args: any[]) => void;
+    onConfirm: (...args: any[]) => void;
+    "update:modelValue": (modelValue: boolean) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modalProps: {
+        readonly type: PropType<Omit< ModalFuncProps, "open" | "title">>;
+    };
+    modelValue: {
+        readonly type: BooleanConstructor;
+        readonly required: true;
+    };
+    title: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+}>> & {
+    onOnCancel?: ((...args: any[]) => any) | undefined;
+    onOnConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/pro-modal/src/types.d.ts

@@ -3,11 +3,15 @@ import { PropType } from 'vue';
 type ModalType = ModalFuncProps;
 export declare const ProModalProps: {
     readonly modalProps: {
-        readonly type: PropType<Omit<ModalType, "open">>;
+        readonly type: PropType<Omit<ModalType, "open" | "title">>;
     };
     readonly modelValue: {
         readonly type: BooleanConstructor;
         readonly required: true;
     };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
 };
 export {};

package/dist/types/components/scroll-bar/index.d.ts

@@ -1,15 +1,18 @@
 import { SFCWithInstall } from '../utils/install';
-import { DefineComponent, PropType, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { DefineComponent, PropType, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 export * from './src/types';
 export declare const KScrollBar: SFCWithInstall<DefineComponent<{
     readonly container: PropType<() => HTMLElement | null | undefined>;
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: PropType<(e: Event) => void>;
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: PropType<"none" | "hover">;
 }, {
+    showYBarRef: ComputedRef<boolean>;
+    showXBarRef: ComputedRef<boolean>;
     sync: () => void;
-    handleContentResize: () => void;
-    handleContainerResize: () => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
     contentRef: Ref<HTMLElement | null>;
     yRailRef: Ref<HTMLElement | null>;
     xRailRef: Ref<HTMLElement | null>;
@@ -30,6 +33,7 @@ export declare const KScrollBar: SFCWithInstall<DefineComponent<{
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: PropType<(e: Event) => void>;
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: PropType<"none" | "hover">;
 }>>, {
     readonly xScrollable: boolean;
 }, {}>>;

package/dist/types/components/scroll-bar/src/scroll-bar.d.ts

@@ -1,13 +1,16 @@
-import { DefineComponent, PropType, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { DefineComponent, PropType, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 declare const _default: DefineComponent<{
     readonly container: PropType<() => HTMLElement | null | undefined>;
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: PropType<(e: Event) => void>;
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: PropType<"none" | "hover">;
 }, {
+    showYBarRef: ComputedRef<boolean>;
+    showXBarRef: ComputedRef<boolean>;
     sync: () => void;
-    handleContentResize: () => void;
-    handleContainerResize: () => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
     contentRef: Ref<HTMLElement | null>;
     yRailRef: Ref<HTMLElement | null>;
     xRailRef: Ref<HTMLElement | null>;
@@ -28,6 +31,7 @@ declare const _default: DefineComponent<{
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: PropType<(e: Event) => void>;
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: PropType<"none" | "hover">;
 }>>, {
     readonly xScrollable: boolean;
 }, {}>;

package/dist/types/components/scroll-bar/src/types.d.ts

@@ -4,4 +4,5 @@ export declare const scrollbarProps: {
     readonly content: PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: PropType<(e: Event) => void>;
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: PropType<"none" | "hover">;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/antdv",
   "type": "module",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -31,7 +31,6 @@
     "@vueuse/shared": "^11.0.0",
     "evtd": "^0.2.4",
     "vue-demi": "^0.14.10",
-    "vueuc": "^0.4.64",
     "@king-one/utils": "^1.0.12"
   },
   "custom": {

package/dist/es/components/pro-modal/src/Modal.mjs

@@ -1,31 +0,0 @@
-import { defineComponent as p, computed as r } from "vue";
-import { Modal as u } from "ant-design-vue";
-import { useNamespace as f } from "../../../hooks/use-namespace/index.mjs";
-import { ProModalProps as s } from "./types.mjs";
-const M = p({
-  props: s,
-  emits: ["update:modelValue", "onCancel", "onConfirm"],
-  setup(a, { slots: o, emit: n }) {
-    const { b: l } = f("pro-modal"), t = r(() => l()), m = r({
-      get() {
-        return a.modelValue;
-      },
-      set(e) {
-        n("update:modelValue", e);
-      }
-    }), d = () => {
-      n("onConfirm");
-    }, c = () => {
-      n("onCancel");
-    };
-    return () => /* @__PURE__ */ React.createElement(u, { "v-model:open": m.value, ...a.modalProps, onOk: d, onCancel: c, "wrap-class-name": t.value }, {
-      default: () => {
-        var e;
-        return (e = o.default) == null ? void 0 : e.call(o);
-      }
-    });
-  }
-});
-export {
-  M as default
-};

package/dist/lib/components/pro-modal/src/Modal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),s=require("ant-design-vue"),p=require("../../../hooks/use-namespace/index.js"),m=require("./types.js"),i=a.defineComponent({props:m.ProModalProps,emits:["update:modelValue","onCancel","onConfirm"],setup(t,{slots:n,emit:o}){const{b:u}=p.useNamespace("pro-modal"),r=a.computed(()=>u()),l=a.computed({get(){return t.modelValue},set(e){o("update:modelValue",e)}}),c=()=>{o("onConfirm")},d=()=>{o("onCancel")};return()=>React.createElement(s.Modal,{"v-model:open":l.value,...t.modalProps,onOk:c,onCancel:d,"wrap-class-name":r.value},{default:()=>{var e;return(e=n.default)==null?void 0:e.call(n)}})}});exports.default=i;