@king-one/antdv 1.0.21 → 1.0.23

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.0.23
+
+### Patch Changes
+
+- feat：增加新版虚拟列表
+
+## 1.0.22
+
+### Patch Changes
+
+- feat：增加 dialog 组件
+
 ## 1.0.21
 
 ### Patch Changes

package/dist/es/components/base/style/index.js

@@ -0,0 +1 @@
+import "@king-one/antdv/dist/theme-chalk/base.css";

package/dist/es/components/collapse-transtion/hooks/use-collapse-transtion.js

@@ -0,0 +1,67 @@
+function d(t) {
+  t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+}
+function a(t) {
+  t.style.maxWidth = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingLeft = t.dataset.oldPaddingLeft, t.style.paddingRight = t.dataset.oldPaddingRight;
+}
+const e = {
+  beforeEnter(t) {
+    t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height && (t.dataset.elExistsHeight = t.style.height), t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
+  },
+  enter(t) {
+    requestAnimationFrame(() => {
+      t.dataset.oldOverflow = t.style.overflow, t.dataset.elExistsHeight ? t.style.maxHeight = t.dataset.elExistsHeight : t.scrollHeight !== 0 ? t.style.maxHeight = `${t.scrollHeight}px` : t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, t.style.overflow = "hidden";
+    });
+  },
+  afterEnter(t) {
+    t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
+  },
+  enterCancelled(t) {
+    d(t);
+  },
+  beforeLeave(t) {
+    t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
+  },
+  leave(t) {
+    t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
+  },
+  afterLeave(t) {
+    d(t);
+  },
+  leaveCancelled(t) {
+    d(t);
+  }
+}, s = {
+  beforeEnter(t) {
+    t.dataset || (t.dataset = {}), t.dataset.oldPaddingLeft = t.style.paddingLeft, t.dataset.oldPaddingRight = t.style.paddingRight, t.style.width && (t.dataset.elExistsWidth = t.style.width), t.style.maxWidth = 0, t.style.paddingLeft = 0, t.style.paddingRight = 0;
+  },
+  enter(t) {
+    requestAnimationFrame(() => {
+      t.dataset.oldOverflow = t.style.overflow, t.dataset.elExistsWidth ? t.style.maxWidth = t.dataset.elExistsWidth : t.scrollWidth !== 0 ? t.style.maxWidth = `${t.scrollWidth}px` : t.style.maxWidth = 0, t.style.paddingLeft = t.dataset.oldPaddingLeft, t.style.paddingRight = t.dataset.oldPaddingRight, t.style.overflow = "hidden";
+    });
+  },
+  afterEnter(t) {
+    t.style.maxWidth = "", t.style.overflow = t.dataset.oldOverflow;
+  },
+  enterCancelled(t) {
+    a(t);
+  },
+  beforeLeave(t) {
+    t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingRight = t.style.paddingRight, t.dataset.oldOverflow = t.style.overflow, t.style.maxWidth = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+  },
+  leave(t) {
+    t.scrollWidth !== 0 && (t.style.maxWidth = 0, t.style.paddingTop = 0, t.style.paddingRight = 0);
+  },
+  afterLeave(t) {
+    a(t);
+  },
+  leaveCancelled(t) {
+    a(t);
+  }
+};
+function i(t) {
+  return t.mode === "vertical" ? e : s;
+}
+export {
+  i as useCollapseTranstion
+};

package/dist/es/components/collapse-transtion/index.js

@@ -0,0 +1,11 @@
+import { withInstall as o } from "../utils/install.js";
+import "./src/collapse-transtion.vue.js";
+import "./style/index.js";
+import { collapseProps as e } from "./src/types.js";
+import r from "./src/collapse-transtion.vue2.js";
+const a = o(r);
+export {
+  a as KCollapseTranstion,
+  e as collapseProps,
+  a as default
+};

package/dist/es/components/collapse-transtion/src/collapse-transtion.vue.js

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

package/dist/es/components/collapse-transtion/src/collapse-transtion.vue2.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, openBlock as s, createBlock as p, Transition as i, mergeProps as l, unref as o, toHandlers as m, withCtx as c, renderSlot as f } from "vue";
+import { defaultNamespace as r } from "../../../hooks/use-namespace/index.js";
+import { useCollapseTranstion as u } from "../hooks/use-collapse-transtion.js";
+import { collapseProps as d } from "./types.js";
+const z = /* @__PURE__ */ a({
+  name: "CollapseTransition",
+  __name: "collapse-transtion",
+  props: d,
+  setup(t) {
+    const n = u(t);
+    return (e, h) => (s(), p(i, l({
+      name: e.mode === "horizontal" ? `${o(r)}-horizontal-transition` : `${o(r)}-vertical-transition`
+    }, m(o(n))), {
+      default: c(() => [
+        f(e.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["name"]));
+  }
+});
+export {
+  z as default
+};

package/dist/es/components/collapse-transtion/src/types.js

@@ -0,0 +1,9 @@
+const e = {
+  mode: {
+    type: String,
+    required: !0
+  }
+};
+export {
+  e as collapseProps
+};

package/dist/es/components/collapse-transtion/style/index.js

@@ -0,0 +1,2 @@
+import "../../base/style/index.js";
+import "@king-one/antdv/dist/theme-chalk/collapse-transtion.css";

package/dist/es/components/form/component/form.js

@@ -0,0 +1,11 @@
+const e = {
+  model: {
+    type: Object
+  },
+  rules: {
+    type: Object
+  }
+};
+export {
+  e as formType
+};

package/dist/es/components/form/component/form.vue.js

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

package/dist/es/components/form/component/form.vue2.js

@@ -0,0 +1,21 @@
+import { createElementVNode as o, defineComponent as t, openBlock as r, createElementBlock as n, renderSlot as s } from "vue";
+import { formType as m } from "./form.js";
+const c = { class: "king-form" }, l = /* @__PURE__ */ o(
+  "div",
+  null,
+  "伟大的好歌",
+  -1
+  /* HOISTED */
+), d = /* @__PURE__ */ t({
+  __name: "form",
+  props: m,
+  setup(p) {
+    return (e, _) => (r(), n("form", c, [
+      l,
+      s(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  d as default
+};

package/dist/es/components/form/index.js

@@ -0,0 +1,10 @@
+import { withInstall as o } from "../utils/install.js";
+import "./component/form.vue.js";
+import { formType as e } from "./component/form.js";
+import r from "./component/form.vue2.js";
+const p = o(r);
+export {
+  p as KForm,
+  p as default,
+  e as formType
+};

package/dist/es/components/index.js

@@ -0,0 +1,14 @@
+import { KForm as t } from "./form/index.js";
+import { KVirtualList as l } from "./virtual-list/index.js";
+import { KCollapseTranstion as m } from "./collapse-transtion/index.js";
+import { KProDialog as f } from "./pro-dialog/index.js";
+import { KScrollBar as x } from "./scroll-bar/index.js";
+import { KScaleVirtualList as s } from "./scale-virtual-list/index.js";
+export {
+  m as KCollapseTranstion,
+  t as KForm,
+  f as KProDialog,
+  s as KScaleVirtualList,
+  x as KScrollBar,
+  l as KVirtualList
+};

package/dist/es/components/pro-dialog/hooks/useProDialog.js

@@ -0,0 +1,34 @@
+import { ref as s, getCurrentInstance as l, unref as a } from "vue";
+function r() {
+  const e = s(!1), n = () => {
+    e.value = !0;
+  }, t = () => {
+    e.value = !1;
+  }, i = {
+    openDialog: n,
+    closeDialog: t
+  }, o = l();
+  return o && o.emit("init", i), { dialogVisible: e, openDialog: n, closeDialog: t };
+}
+function u() {
+  const e = s(null), n = () => {
+    const o = a(e.value);
+    return o || console.error("useModal instance is undefined!"), o;
+  };
+  return [(o) => {
+    e.value = o;
+  }, {
+    openDialog: () => {
+      var o;
+      (o = n()) == null || o.openDialog();
+    },
+    closeDialog: () => {
+      var o;
+      return (o = n()) == null ? void 0 : o.closeDialog();
+    }
+  }];
+}
+export {
+  r as useProDialog,
+  u as useProDialogInit
+};

package/dist/es/components/pro-dialog/index.js

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../utils/install.js";
+import "./src/pro-dialog.vue.js";
+import { useProDialog as s, useProDialogInit as e } from "./hooks/useProDialog.js";
+import { proDialogProps as g } from "./src/types.js";
+import r from "./src/pro-dialog.vue2.js";
+const p = o(r);
+export {
+  p as KProDialog,
+  g as proDialogProps,
+  s as useProDialog,
+  e as useProDialogInit
+};

package/dist/es/components/pro-dialog/src/pro-dialog.vue.js

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

package/dist/es/components/pro-dialog/src/pro-dialog.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, mergeModels as t, useModel as a, openBlock as m, createBlock as d, unref as u, mergeProps as s } from "vue";
+import { Modal as i } from "ant-design-vue";
+import { proDialogProps as f } from "./types.js";
+const B = /* @__PURE__ */ n({
+  __name: "pro-dialog",
+  props: /* @__PURE__ */ t(f, {
+    modelValue: { required: !0, type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const e = a(r, "modelValue");
+    return (l, o) => (m(), d(u(i), s({
+      open: e.value,
+      "onUpdate:open": o[0] || (o[0] = (p) => e.value = p)
+    }, l.dialogProps), null, 16, ["open"]));
+  }
+});
+export {
+  B as default
+};

package/dist/es/components/pro-dialog/src/types.js

@@ -0,0 +1,8 @@
+const o = {
+  dialogProps: {
+    type: Object
+  }
+};
+export {
+  o as proDialogProps
+};

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue.js

@@ -0,0 +1,4 @@
+import f from "./scale-virtual-list.vue2.js";
+export {
+  f as default
+};

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as x, openBlock as t, createElementBlock as s, mergeProps as a, unref as e, createElementVNode as n, normalizeClass as _, Fragment as $, renderList as k, renderSlot as P } from "vue";
+import { defaultNamespace as l } from "../../../hooks/use-namespace/index.js";
+import { useVirtualList as g } from "../hooks/useVirtualList.js";
+const L = /* @__PURE__ */ x({
+  __name: "scale-virtual-list",
+  props: {
+    list: {},
+    option: {}
+  },
+  setup(i, { expose: c }) {
+    const o = i, { list: p, containerProps: u, wrapperProps: d, scrollTo: m, scaleTo: f } = g(o.list, o.option);
+    return c({
+      scrollTo: m,
+      scaleTo: f
+    }), (v, w) => (t(), s(
+      "div",
+      a({
+        class: `${e(l)}-scale-virtual-list`
+      }, e(u)),
+      [
+        n(
+          "div",
+          {
+            class: _(`${e(l)}-scale-virtual-list-container`)
+          },
+          [
+            n(
+              "div",
+              a({
+                class: `${e(l)}-scale-vittual-wrapper`
+              }, e(d)),
+              [
+                (t(!0), s(
+                  $,
+                  null,
+                  k(e(p), (r) => (t(), s("div", {
+                    key: r.index
+                  }, [
+                    P(v.$slots, "default", {
+                      item: r,
+                      index: r.index
+                    })
+                  ]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              16
+              /* FULL_PROPS */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      16
+      /* FULL_PROPS */
+    ));
+  }
+});
+export {
+  L as default
+};

package/dist/es/components/scale-virtual-list/component/types.js

@@ -0,0 +1 @@
+

package/dist/es/components/scale-virtual-list/hooks/useVirtualList.js

@@ -0,0 +1,157 @@
+import "../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.4.38/node_modules/vue-demi/lib/index.js";
+import { useElementSize as k } from "../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.4.38/node_modules/@vueuse/core/index.js";
+import { ref as b, shallowRef as E, watch as F, computed as y } from "vue";
+function A(n, t) {
+  const { containerStyle: c, wrapperProps: e, scrollTo: r, calculateRange: a, currentList: u, containerRef: o, scaleTo: s, state: l } = "itemHeight" in t ? K(t, n) : X(t, n);
+  return {
+    state: l,
+    scaleTo: s,
+    list: u,
+    scrollTo: r,
+    containerProps: {
+      ref: o,
+      onScroll: () => {
+        a();
+      },
+      style: c
+    },
+    wrapperProps: e
+  };
+}
+function C(n) {
+  const t = b(null), c = k(t), e = b([]), r = E(n);
+  return { state: b({ start: 0, end: 10, current: 0, scale: 1 }), source: r, currentList: e, size: c, containerRef: t };
+}
+function $(n, t, c) {
+  return (e) => {
+    const { start: r = 0, scale: a = 1 } = n.value;
+    if (typeof c == "number")
+      return Math.ceil(e / (c * a));
+    let u = 0, o = 0;
+    for (let s = r; s < t.value.length; s++) {
+      const l = c(s) * a;
+      if (u += l, o = s, u > e)
+        break;
+    }
+    return o - r;
+  };
+}
+function H(n, t, c) {
+  return (e) => {
+    const { scale: r = 1 } = c.value;
+    if (typeof t == "number")
+      return Math.floor(e / (t * r)) + 1;
+    let a = 0, u = 0;
+    for (let o = 0; o < n.value.length; o++) {
+      const s = t(o) * r;
+      if (a += s, a >= e) {
+        u = o;
+        break;
+      }
+    }
+    return u + 1;
+  };
+}
+function O(n, t, c, e, { containerRef: r, state: a, currentList: u, source: o }) {
+  return () => {
+    const s = r.value;
+    if (s) {
+      const l = c(n === "vertical" ? s.scrollTop : s.scrollLeft), h = e(n === "vertical" ? s.clientHeight : s.clientWidth), v = l - t, p = l + h + t;
+      a.value = {
+        start: v < 0 ? 0 : v,
+        end: p > o.value.length ? o.value.length : p,
+        current: l - 1,
+        scale: a.value.scale
+      }, u.value = o.value.slice(a.value.start, a.value.end).map((i, f) => ({
+        data: i,
+        index: f + a.value.start
+      }));
+    }
+  };
+}
+function P(n, t, c) {
+  return (e) => {
+    const { scale: r = 1 } = c.value;
+    return typeof n == "number" ? e * (n * r) : t.value.slice(0, e).reduce((u, o, s) => u + n(s) * r, 0);
+  };
+}
+function W(n, t, c, e) {
+  F([n.width, n.height, t, c], () => {
+    e();
+  });
+}
+function D(n, t, c) {
+  return y(() => {
+    const { scale: e = 1 } = c.value;
+    return typeof n == "number" ? t.value.length * n * e : t.value.reduce((r, a, u) => r + n(u) * e, 0);
+  });
+}
+const M = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function G(n, t, c, e) {
+  return (r) => {
+    e.value && (e.value[M[n]] = c(r), t());
+  };
+}
+function X(n, t) {
+  const c = C(t), { state: e, source: r, currentList: a, size: u, containerRef: o } = c, s = { overflowX: "auto" }, { itemWidth: l, overscan: h = 5 } = n, v = $(e, r, l), p = H(r, l, e), i = O("horizontal", h, p, v, c), f = P(l, r, e), g = y(() => f(e.value.start)), w = D(l, r, e);
+  W(u, t, o, i);
+  const L = G("horizontal", i, f, o), R = (m) => {
+    e.value.scale = m;
+  }, V = y(() => ({
+    style: {
+      height: "100%",
+      width: `${w.value - g.value}px`,
+      marginLeft: `${g.value}px`,
+      display: "flex",
+      transform: `scale(${e.value.scale})`,
+      transformOrigin: "50% 0%"
+      // position: 'absolute',
+      // left: '50%'
+    }
+  }));
+  return {
+    state: e,
+    scaleTo: R,
+    scrollTo: L,
+    calculateRange: i,
+    wrapperProps: V,
+    containerStyle: s,
+    currentList: a,
+    containerRef: o
+  };
+}
+function K(n, t) {
+  const c = C(t), { state: e, source: r, currentList: a, size: u, containerRef: o } = c, s = { overflowY: "auto" }, { itemHeight: l, overscan: h = 5 } = n, v = $(e, r, l), p = H(r, l, e), i = O("vertical", h, p, v, c), f = P(l, r, e), g = y(() => f(e.value.start)), w = D(l, r, e);
+  W(u, t, o, i);
+  const L = G("vertical", i, f, o), R = (m) => {
+    const T = o.value;
+    if (T) {
+      const { current: x } = e.value;
+      let d = 0;
+      typeof l == "number" ? d = x * (m * l - e.value.scale * l) : d = r.value.slice(0, x).reduce((_, S, z) => _ + m * l(z) - e.value.scale * l(z), 0), T.scrollTop = T.scrollTop + d >= 0 ? T.scrollTop + d : 0, e.value.scale = m;
+    }
+  }, V = y(() => ({
+    style: {
+      height: `${w.value - g.value}px`,
+      marginTop: `${g.value}px`,
+      transform: `translateX(-50%) scale(${e.value.scale})`,
+      transformOrigin: "50% 0%"
+    }
+  }));
+  return {
+    state: e,
+    scaleTo: R,
+    calculateRange: i,
+    scrollTo: L,
+    containerStyle: s,
+    wrapperProps: V,
+    currentList: a,
+    containerRef: o
+  };
+}
+export {
+  A as useVirtualList
+};

package/dist/es/components/scale-virtual-list/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../utils/install.js";
+import "./component/scale-virtual-list.vue.js";
+import "./style/index.js";
+import "./component/types.js";
+import i from "./component/scale-virtual-list.vue2.js";
+const l = t(i);
+export {
+  l as KScaleVirtualList,
+  l as default
+};

package/dist/es/components/scale-virtual-list/style/index.js

@@ -0,0 +1,2 @@
+import "../../base/style/index.js";
+import "@king-one/antdv/dist/theme-chalk/scale-virtual-list.css";

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

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