@king-one/antdv 1.2.21 → 2.0.0

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

@@ -1,146 +1,221 @@
-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);
+import { defineComponent, createVNode, ref, computed, onMounted, unref, onBeforeUnmount } from "vue";
+import { off, on } from "evtd";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { useHasScroll } from "../hooks/use-has-scroll.mjs";
+import { CoverScrollbarProps } from "./types.mjs";
+const CoverScrollBar = /* @__PURE__ */ defineComponent({
+  props: CoverScrollbarProps,
+  setup(props) {
+    const contentRef = ref(null);
+    const yRailRef = ref(null);
+    const yRailSizeRef = ref(null);
+    const containerHeightRef = ref(null);
+    const contentHeightRef = ref(null);
+    const containerScrollTopRef = ref(0);
+    const {
+      hasVerticalScroll
+    } = useHasScroll(contentRef);
+    const {
+      b
+    } = useNamespace("cover");
+    const be = b("scrollbar");
+    function syncScrollState() {
+      if (contentRef.value) {
+        containerScrollTopRef.value = contentRef.value.scrollTop;
+      }
     }
-    const C = () => {
-      o.value && (i.value = o.value.clientHeight, u.value = o.value.scrollHeight);
+    const syncPositionState = () => {
+      if (contentRef.value) {
+        containerHeightRef.value = contentRef.value.clientHeight;
+        contentHeightRef.value = contentRef.value.scrollHeight;
+      }
       const {
-        value: e
-      } = s;
-      e && (p.value = e.offsetHeight);
+        value: yRailEl
+      } = yRailRef;
+      if (yRailEl) {
+        yRailSizeRef.value = yRailEl.offsetHeight;
+      }
     };
-    function S() {
-      C(), w();
+    function sync() {
+      syncPositionState();
+      syncScrollState();
     }
-    const f = l(!1), M = c(() => {
+    const isShowYBarRef = ref(false);
+    const yBarSizeRef = computed(() => {
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      const {
+        value: yRailSize
+      } = yRailSizeRef;
+      if (!containerHeight || !contentHeight || !yRailSize) {
+        return 0;
+      }
+      return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
+    });
+    const yBarSizePxRef = computed(() => {
+      return `${yBarSizeRef.value}px`;
+    });
+    const yBarTopRef = computed(() => {
       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(() => {
+        value: containerHeight
+      } = containerHeightRef;
       const {
-        value: e
-      } = i, {
-        value: t
-      } = m, {
-        value: n
-      } = u, {
-        value: v
-      } = p;
-      if (e === null || n === null || v === null)
+        value: containerScrollTop
+      } = containerScrollTopRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      const {
+        value: yRailSize
+      } = yRailSizeRef;
+      if (containerHeight === null || contentHeight === null || yRailSize === null) {
         return 0;
-      {
-        const R = n - e;
-        return R ? t / R * (v - M.value) : 0;
+      } else {
+        const heightDiff = contentHeight - containerHeight;
+        if (!heightDiff) return 0;
+        return containerScrollTop / heightDiff * (yRailSize - yBarSizeRef.value);
       }
-    }), O = c(() => `${L.value}px`), U = c(() => {
+    });
+    const yBarTopPxRef = computed(() => {
+      return `${yBarTopRef.value}px`;
+    });
+    const showYBarRef = computed(() => {
       const {
-        trigger: e
-      } = r;
-      return e !== "none" && (e === "always" || f.value);
+        trigger
+      } = props;
+      return trigger !== "none" && (trigger === "always" || isShowYBarRef.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);
+    let yBarPressed = false;
+    let memoYTop = 0;
+    let memoMouseY = 0;
+    let yBarVanishTimerId;
+    let xBarVanishTimerId;
+    const handleYScrollMouseMove = (e) => {
+      if (!yBarPressed) return;
+      if (xBarVanishTimerId !== void 0) {
+        window.clearTimeout(xBarVanishTimerId);
+      }
+      if (yBarVanishTimerId !== void 0) {
+        window.clearTimeout(yBarVanishTimerId);
+      }
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
       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);
+        value: yBarSize
+      } = yBarSizeRef;
+      if (containerHeight === null || contentHeight === null) return;
+      const dY = e.clientY - memoMouseY;
+      const dScrollTop = dY * (contentHeight - containerHeight) / (containerHeight - yBarSize);
+      const toScrollTopUpperBound = contentHeight - containerHeight;
+      let toScrollTop = memoYTop + dScrollTop;
+      toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop);
+      toScrollTop = Math.max(toScrollTop, 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();
+        value: container
+      } = contentRef;
+      if (container) {
+        container.scrollTop = toScrollTop;
+      }
+    };
+    const handleYScrollMouseUp = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      off("mousemove", window, handleYScrollMouseMove, true);
+      off("mouseup", window, handleYScrollMouseUp, true);
+      yBarPressed = false;
+      sync();
+    };
+    const handleYScrollMouseDown = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      on("mousemove", window, handleYScrollMouseMove, true);
+      on("mouseup", window, handleYScrollMouseUp, true);
+      memoYTop = containerScrollTopRef.value;
+      memoMouseY = e.clientY;
+      yBarPressed = true;
+      isShowYBarRef.value = true;
+    };
+    const mutationObserver = new MutationObserver(sync);
+    onMounted(() => {
+      sync();
+      const el = unref(contentRef);
+      if (el) {
+        mutationObserver.observe(el, {
+          childList: true,
+          subtree: true,
+          characterData: true
+        });
+      }
+    });
+    onBeforeUnmount(() => {
+      mutationObserver.disconnect();
     });
-    function N(e) {
-      w();
+    function handleScroll(e) {
+      syncScrollState();
     }
-    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;
+    const handleMouseEnter = () => {
+      isShowYBarRef.value = true;
+    };
+    const handleMouseLeave = () => {
+      if (!yBarPressed) {
+        isShowYBarRef.value = false;
       }
     };
+    return {
+      be,
+      contentRef,
+      hasVerticalScroll,
+      showYBarRef,
+      yRailRef,
+      yBarSizePxRef,
+      yBarTopPxRef,
+      handleScroll,
+      handleYScrollMouseDown,
+      handleMouseLeave,
+      handleMouseEnter
+    };
   },
   render() {
-    var s;
+    var _a;
     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"]);
+      $slots
+    } = this;
+    const createYBar = () => {
+      return createVNode("div", {
+        "class": `${this.be}-rail`,
+        "ref": "yRailRef",
+        "style": {
+          right: `${this.scrollbarOffset}px`
+        }
+      }, [this.hasVerticalScroll && this.showYBarRef && createVNode("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 createVNode("div", {
+      "class": `${this.be}`,
+      "onMouseenter": this.handleMouseEnter,
+      "onMouseleave": this.handleMouseLeave
+    }, [createVNode("div", {
+      "ref": "contentRef",
+      "class": `${this.be}-container`,
+      "onScroll": this.handleScroll
+    }, [(_a = $slots.default) == null ? void 0 : _a.call($slots)], 42, ["onScroll"]), createYBar()], 42, ["onMouseenter", "onMouseleave"]);
   }
 });
 export {
-  ne as default
+  CoverScrollBar as default
 };

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

@@ -1,4 +1,4 @@
-const r = {
+const CoverScrollbarProps = {
   trigger: {
     type: String,
     default: "hover"
@@ -13,5 +13,5 @@ const r = {
   }
 };
 export {
-  r as CoverScrollbarProps
+  CoverScrollbarProps
 };

package/dist/es/components/form/component/form-item.vue.mjs

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

package/dist/es/components/form/component/form-item.vue2.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, computed, ref, toRaw, createElementBlock, openBlock, normalizeClass, createElementVNode, unref, renderSlot, toDisplayString } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { useProvideFormItem } from "../content/form-content.mjs";
+import { formItemProps } from "./form.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "KFormItem" },
+  __name: "form-item",
+  props: formItemProps,
+  setup(__props) {
+    const props = __props;
+    const { b, e } = useNamespace("form-item");
+    const c = computed(() => [b()]);
+    const validate = async (trigger) => {
+      console.log("trigger", trigger);
+    };
+    const validateMessage = ref("请输入姓名");
+    useProvideFormItem({ ...toRaw(props), validate });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(c.value)
+        },
+        [
+          createElementVNode(
+            "label",
+            {
+              class: normalizeClass(unref(e)("lable"))
+            },
+            null,
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(e)("content"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default"),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(e)("error"))
+                },
+                toDisplayString(validateMessage.value),
+                3
+                /* TEXT, CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+const definePropType = (val) => val;
+const formItemProps = {
+  label: String,
+  prop: String,
+  rules: {
+    // type: [Object, Array] as Arrayable<FormItemRule> // 优化前语法，即使类型不正确，也会被强行断言成正确的
+    type: definePropType([Object, Array])
+    // 优化后语法 根据返回类型，确保正确性
+  }
+};
+export {
+  definePropType,
+  formItemProps
+};

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

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

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

@@ -0,0 +1,26 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "KForm" },
+  __name: "form",
+  setup(__props) {
+    const { b } = useNamespace("form");
+    const c = computed(() => [b()]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "form",
+        {
+          class: normalizeClass(c.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/form/content/form-content.mjs

@@ -0,0 +1,13 @@
+import { provide, inject } from "vue";
+const formItemContextKey = Symbol("formItemContextKey");
+function useProvideFormItem(params) {
+  return provide(formItemContextKey, params);
+}
+function useInjectFormItem() {
+  return inject(formItemContextKey);
+}
+export {
+  formItemContextKey,
+  useInjectFormItem,
+  useProvideFormItem
+};

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

@@ -0,0 +1,15 @@
+import { withInstall } from "../utils/install.mjs";
+import "./component/form.vue.mjs";
+import "./component/form-item.vue.mjs";
+import { definePropType, formItemProps } from "./component/form.mjs";
+import _sfc_main from "./component/form.vue2.mjs";
+import _sfc_main$1 from "./component/form-item.vue2.mjs";
+const KForm = withInstall(_sfc_main);
+const KFormItem = withInstall(_sfc_main$1);
+export {
+  KForm,
+  KFormItem,
+  KForm as default,
+  definePropType,
+  formItemProps
+};

package/dist/es/components/icon/index.mjs

@@ -1,9 +1,9 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/icon.vue.mjs";
 import "./style/index.mjs";
-import t from "./src/icon.vue2.mjs";
-const a = o(t);
+import _sfc_main from "./src/icon.vue2.mjs";
+const KIcon = withInstall(_sfc_main);
 export {
-  a as KIcon,
-  a as default
+  KIcon,
+  KIcon as default
 };

package/dist/es/components/icon/src/icon.vue.mjs

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

package/dist/es/components/icon/src/icon.vue2.mjs

@@ -1,26 +1,36 @@
-import { defineComponent as l, computed as e, createElementBlock as a, openBlock as m, normalizeStyle as i, normalizeClass as p } from "vue";
-import { useNamespace as u } from "../../../hooks/use-namespace/index.mjs";
-import { iconProps as f } from "./types.mjs";
-const x = /* @__PURE__ */ l({
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { iconProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon",
-  props: f,
-  setup(n) {
-    const o = n, { b: c } = u("icon"), t = e(() => `icon-king-${o.name}`), r = e(() => ({
-      fontSize: `${o.size}px`,
-      color: o.color
-    })), s = e(() => [c(), t.value]);
-    return (_, z) => (m(), a(
-      "i",
-      {
-        class: p(s.value),
-        style: i(r.value)
-      },
-      null,
-      6
-      /* CLASS, STYLE */
-    ));
+  props: iconProps,
+  setup(__props) {
+    const props = __props;
+    const { b } = useNamespace("icon");
+    const iconName = computed(() => `icon-king-${props.name}`);
+    const compStyle = computed(() => {
+      return {
+        fontSize: `${props.size}px`,
+        color: props.color
+      };
+    });
+    const c = computed(() => {
+      return [b(), iconName.value];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "i",
+        {
+          class: normalizeClass(c.value),
+          style: normalizeStyle(compStyle.value)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      );
+    };
   }
 });
 export {
-  x as default
+  _sfc_main as default
 };

package/dist/es/components/icon/src/types.mjs

@@ -1,7 +1,7 @@
-const e = {
+const iconProps = {
   name: {
     type: String,
-    required: !0
+    required: true
   },
   size: {
     type: Number,
@@ -13,5 +13,5 @@ const e = {
   }
 };
 export {
-  e as iconProps
+  iconProps
 };