npm - @king-one/antdv - Versions diffs - 1.0.16 → 1.0.18 - Mend

@king-one/antdv 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/dist/cdn/index.css CHANGED Viewed

	@@ -1 +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-rail{position:absolute;right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail__scrollbar{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}
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}

package/dist/es/components/scroll-bar/index.d.ts CHANGED Viewed

@@ -4,23 +4,32 @@ export declare const KScrollBar: import("../utils/install").SFCWithInstall<impor
     readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
+    readonly xScrollable: BooleanConstructor;
 }, {
     sync: () => void;
     handleContentResize: () => void;
     handleContainerResize: () => void;
     contentRef: import("vue").Ref<HTMLElement | null>;
     yRailRef: import("vue").Ref<HTMLElement | null>;
+    xRailRef: import("vue").Ref<HTMLElement | null>;
     containerRef: import("vue").Ref<HTMLElement | null>;
     contentHeightRef: import("vue").Ref<Nullable<number>>;
     containerHeightRef: import("vue").Ref<Nullable<number>>;
     needYBarRef: import("vue").ComputedRef<boolean>;
+    needXBarRef: import("vue").ComputedRef<boolean>;
     yBarSizePxRef: import("vue").ComputedRef<string>;
     handleYScrollMouseDown: (e: MouseEvent) => void;
+    handleXScrollMouseDown: (e: MouseEvent) => void;
     yBarTopPxRef: import("vue").ComputedRef<string>;
     handleScroll: (e: Event) => void;
+    xBarSizePxRef: import("vue").ComputedRef<string>;
+    xBarLeftPxRef: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
-}>>, {}, {}>>;
+    readonly xScrollable: BooleanConstructor;
+}>>, {
+    readonly xScrollable: boolean;
+}, {}>>;
 export default KScrollBar;

package/dist/es/components/scroll-bar/src/scroll-bar.d.ts CHANGED Viewed

@@ -2,23 +2,32 @@ declare const _default: import("vue").DefineComponent<{
     readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
+    readonly xScrollable: BooleanConstructor;
 }, {
     sync: () => void;
     handleContentResize: () => void;
     handleContainerResize: () => void;
     contentRef: import("vue").Ref<HTMLElement | null>;
     yRailRef: import("vue").Ref<HTMLElement | null>;
+    xRailRef: import("vue").Ref<HTMLElement | null>;
     containerRef: import("vue").Ref<HTMLElement | null>;
     contentHeightRef: import("vue").Ref<Nullable<number>>;
     containerHeightRef: import("vue").Ref<Nullable<number>>;
     needYBarRef: import("vue").ComputedRef<boolean>;
+    needXBarRef: import("vue").ComputedRef<boolean>;
     yBarSizePxRef: import("vue").ComputedRef<string>;
     handleYScrollMouseDown: (e: MouseEvent) => void;
+    handleXScrollMouseDown: (e: MouseEvent) => void;
     yBarTopPxRef: import("vue").ComputedRef<string>;
     handleScroll: (e: Event) => void;
+    xBarSizePxRef: import("vue").ComputedRef<string>;
+    xBarLeftPxRef: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
-}>>, {}, {}>;
+    readonly xScrollable: BooleanConstructor;
+}>>, {
+    readonly xScrollable: boolean;
+}, {}>;
 export default _default;

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

@@ -25,11 +25,13 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
     const contentRef = ref(null);
     const containerRef = ref(null);
     const yRailRef = ref(null);
+    const xRailRef = ref(null);
     const contentHeightRef = ref(null);
     const contentWidthRef = ref(null);
     const containerHeightRef = ref(null);
     const containerWidthRef = ref(null);
     const yRailSizeRef = ref(null);
+    const xRailSizeRef = ref(null);
     const mergedContentRef = computed(() => {
       var _a;
       return ((_a = props.content) == null ? void 0 : _a.call(props)) || contentRef.value;
@@ -39,6 +41,16 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
       return ((_a = props.container) == null ? void 0 : _a.call(props)) || containerRef.value;
     });
     const containerScrollTopRef = ref(0);
+    const containerScrollLeftRef = ref(0);
+    const needYBarRef = computed(() => {
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
+    });
     const yBarSizeRef = computed(() => {
       const {
         value: containerHeight
@@ -55,6 +67,9 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
         return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
       }
     });
+    const yBarSizePxRef = computed(() => {
+      return `${yBarSizeRef.value}px`;
+    });
     const yBarTopRef = computed(() => {
       const {
         value: containerHeight
@@ -79,46 +94,16 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
     const yBarTopPxRef = computed(() => {
       return `${yBarTopRef.value}px`;
     });
-    const needYBarRef = computed(() => {
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
-    });
-    const yBarSizePxRef = computed(() => {
-      return `${yBarSizeRef.value}px`;
-    });
-    const syncPositionState = () => {
-      const {
-        value: content
-      } = mergedContentRef;
-      if (content) {
-        contentHeightRef.value = content.offsetHeight;
-        contentWidthRef.value = content.offsetWidth;
-      }
-      const {
-        value: container
-      } = mergedContainerRef;
-      if (container) {
-        containerHeightRef.value = container.offsetHeight;
-        containerWidthRef.value = container.offsetWidth;
-      }
-      const {
-        value: yRailEl
-      } = yRailRef;
-      if (yRailEl) {
-        yRailSizeRef.value = yRailEl.offsetHeight;
-      }
-    };
     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);
       }
@@ -169,14 +154,146 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
       if (onScroll) onScroll(e);
       syncScrollState();
     }
+    const needXBarRef = computed(() => {
+      const {
+        value: containerWidth
+      } = containerWidthRef;
+      const {
+        value: contentWidth
+      } = contentWidthRef;
+      return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth;
+    });
+    const xBarSizeRef = computed(() => {
+      const {
+        value: containerWidth
+      } = containerWidthRef;
+      const {
+        value: contentWidth
+      } = contentWidthRef;
+      const {
+        value: xRailSize
+      } = xRailSizeRef;
+      if (containerWidth === null || contentWidth === null || xRailSize === null) {
+        return 0;
+      } else {
+        return xRailSize * containerWidth / contentWidth + 5 * 1.5;
+      }
+    });
+    const xBarSizePxRef = computed(() => {
+      return `${xBarSizeRef.value}px`;
+    });
+    const xBarLeftRef = computed(() => {
+      const {
+        value: containerWidth
+      } = containerWidthRef;
+      const {
+        value: containerScrollLeft
+      } = containerScrollLeftRef;
+      const {
+        value: contentWidth
+      } = contentWidthRef;
+      const {
+        value: xRailSize
+      } = xRailSizeRef;
+      if (containerWidth === null || contentWidth === null || xRailSize === null) {
+        return 0;
+      } else {
+        const widthDiff = contentWidth - containerWidth;
+        if (!widthDiff) return 0;
+        return containerScrollLeft / widthDiff * (xRailSize - xBarSizeRef.value);
+      }
+    });
+    const xBarLeftPxRef = computed(() => {
+      return `${xBarLeftRef.value}px`;
+    });
+    let xBarPressed = false;
+    let memoXLeft = 0;
+    let memoMouseX = 0;
+    const handleXScrollMouseMove = (e) => {
+      if (!xBarPressed) return;
+      if (xBarVanishTimerId !== void 0) {
+        window.clearTimeout(xBarVanishTimerId);
+      }
+      if (yBarVanishTimerId !== void 0) {
+        window.clearTimeout(yBarVanishTimerId);
+      }
+      const {
+        value: containerWidth
+      } = containerWidthRef;
+      const {
+        value: contentWidth
+      } = contentWidthRef;
+      const {
+        value: xBarSize
+      } = xBarSizeRef;
+      if (containerWidth === null || contentWidth === null) return;
+      const dX = e.clientX - memoMouseX;
+      const dScrollLeft = dX * (contentWidth - containerWidth) / (containerWidth - xBarSize);
+      const toScrollLeftUpperBound = contentWidth - containerWidth;
+      let toScrollLeft = memoXLeft + dScrollLeft;
+      toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft);
+      toScrollLeft = Math.max(toScrollLeft, 0);
+      const {
+        value: container
+      } = mergedContainerRef;
+      if (container) {
+        container.scrollLeft = toScrollLeft;
+      }
+    };
+    const handleXScrollMouseUp = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      off("mousemove", window, handleXScrollMouseMove, true);
+      off("mouseup", window, handleXScrollMouseUp, true);
+      xBarPressed = false;
+      sync();
+    };
+    function handleXScrollMouseDown(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      xBarPressed = true;
+      on("mousemove", window, handleXScrollMouseMove, true);
+      on("mouseup", window, handleXScrollMouseUp, true);
+      memoXLeft = containerScrollLeftRef.value;
+      memoMouseX = e.clientX;
+    }
     function syncScrollState() {
       const {
         value: container
       } = mergedContainerRef;
       if (container) {
         containerScrollTopRef.value = container.scrollTop;
+        containerScrollLeftRef.value = container.scrollLeft;
       }
     }
+    const syncPositionState = () => {
+      const {
+        value: content
+      } = mergedContentRef;
+      if (content) {
+        contentHeightRef.value = content.offsetHeight;
+        contentWidthRef.value = content.offsetWidth;
+      }
+      const {
+        value: container
+      } = mergedContainerRef;
+      if (container) {
+        containerHeightRef.value = container.offsetHeight;
+        containerWidthRef.value = container.offsetWidth;
+      }
+      const {
+        value: yRailEl
+      } = yRailRef;
+      if (yRailEl) {
+        yRailSizeRef.value = yRailEl.offsetHeight;
+      }
+      const {
+        value: xRailEl
+      } = xRailRef;
+      if (xRailEl) {
+        xRailSizeRef.value = xRailEl.offsetWidth;
+      }
+    };
     function sync() {
       syncPositionState();
       syncScrollState();
@@ -187,27 +304,46 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
       handleContainerResize,
       contentRef,
       yRailRef,
+      xRailRef,
       containerRef,
       contentHeightRef,
       containerHeightRef,
       needYBarRef,
+      needXBarRef,
       yBarSizePxRef,
       handleYScrollMouseDown,
+      handleXScrollMouseDown,
       yBarTopPxRef,
-      handleScroll
+      handleScroll,
+      xBarSizePxRef,
+      xBarLeftPxRef
     };
   },
   render() {
     let _slot;
     const {
-      $slots
+      $slots,
+      xScrollable
     } = this;
+    const createXBar = () => {
+      return createVNode("div", {
+        "class": `${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--horizontal`,
+        "ref": "xRailRef"
+      }, [this.needXBarRef && createVNode("div", {
+        "class": `${defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,
+        "style": {
+          width: this.xBarSizePxRef,
+          left: this.xBarLeftPxRef
+        },
+        "onMousedown": this.handleXScrollMouseDown
+      }, null)]);
+    };
     const createYBar = () => {
       return createVNode("div", {
-        "class": `${defaultNamespace}-scrollbar-rail`,
+        "class": `${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--vertical`,
         "ref": "yRailRef"
       }, [this.needYBarRef && createVNode("div", {
-        "class": `${defaultNamespace}-scrollbar-rail__scrollbar`,
+        "class": `${defaultNamespace}-scrollbar-rail__scrollbar--vertical`,
         "style": {
           height: this.yBarSizePxRef,
           top: this.yBarTopPxRef
@@ -233,7 +369,7 @@ var ScrollBar = /* @__PURE__ */ defineComponent({
             "class": `${defaultNamespace}-scrollbar-content`
           }, [(_a2 = $slots.default) == null ? void 0 : _a2.call($slots)])];
         }
-      })]), createYBar()]);
+      })]), createYBar(), xScrollable && createXBar()]);
     };
     const createBarNode = this.container ? createChildren() : createVNode(VResizeObserver, {
       "onResize": this.handleContainerResize

package/dist/es/components/scroll-bar/src/scroll-bar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll-bar.mjs","sources":["../../../../../components/scroll-bar/src/scroll-bar.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, ref } from 'vue'\nimport { VResizeObserver } from 'vueuc'\nimport { off, on } from 'evtd'\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { scrollbarProps } from './types'\n\nexport default defineComponent({\n name: 'KScrollbar',\n props: scrollbarProps,\n inheritAttrs: false,\n setup(props) {\n onMounted(() => {\n if (props.container)\n return\n sync()\n })\n const handleContentResize = () => {\n sync()\n }\n const handleContainerResize = () => {\n sync()\n }\n const contentRef = ref<HTMLElement \| null>(null)\n const containerRef = ref<HTMLElement \| null>(null)\n const yRailRef = ref<HTMLElement \| null>(null)\n const contentHeightRef = ref<Nullable<number>>(null)\n const contentWidthRef = ref<Nullable<number>>(null)\n const containerHeightRef = ref<Nullable<number>>(null)\n const containerWidthRef = ref<Nullable<number>>(null)\n const yRailSizeRef = ref<Nullable<number>>(null)\n const mergedContentRef = computed(() => props.content?.() \|\| contentRef.value)\n const mergedContainerRef = computed(() => props.container?.() \|\| containerRef.value)\n const containerScrollTopRef = ref(0)\n const yBarSizeRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null \|\| contentHeight === null \|\| yRailSize === null) {\n return 0\n }\n else {\n return Math.min(containerHeight, (yRailSize * containerHeight) / contentHeight + 5 * 1.5)\n }\n })\n const yBarTopRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: containerScrollTop } = containerScrollTopRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null \|\| contentHeight === null \|\| yRailSize === null) {\n return 0\n }\n else {\n const heightDiff = contentHeight - containerHeight\n if (!heightDiff)\n return 0\n return (containerScrollTop / heightDiff) * (yRailSize - yBarSizeRef.value)\n }\n })\n const yBarTopPxRef = computed(() => {\n return `${yBarTopRef.value}px`\n })\n const needYBarRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight\n })\n\n const yBarSizePxRef = computed(() => {\n return `${yBarSizeRef.value}px`\n })\n const syncPositionState = () => {\n const { value: content } = mergedContentRef\n if (content) {\n contentHeightRef.value = content.offsetHeight\n contentWidthRef.value = content.offsetWidth\n }\n const { value: container } = mergedContainerRef\n if (container) {\n containerHeightRef.value = container.offsetHeight\n containerWidthRef.value = container.offsetWidth\n }\n const { value: yRailEl } = yRailRef\n if (yRailEl) {\n yRailSizeRef.value = yRailEl.offsetHeight\n }\n }\n let yBarPressed = false\n let memoYTop: number = 0\n let memoMouseY: number = 0\n let yBarVanishTimerId: number \| undefined\n\n const handleYScrollMouseMove = (e: MouseEvent) => {\n if (!yBarPressed)\n return\n\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yBarSize } = yBarSizeRef\n if (containerHeight === null \|\| contentHeight === null)\n return\n const dY = e.clientY - memoMouseY\n const dScrollTop = (dY * (contentHeight - containerHeight)) / (containerHeight - yBarSize)\n const toScrollTopUpperBound = contentHeight - containerHeight\n let toScrollTop = memoYTop + dScrollTop\n toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop)\n toScrollTop = Math.max(toScrollTop, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollTop = toScrollTop\n }\n }\n const handleYScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleYScrollMouseMove, true)\n off('mouseup', window, handleYScrollMouseUp, true)\n yBarPressed = false\n sync()\n }\n const handleYScrollMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n on('mousemove', window, handleYScrollMouseMove, true)\n on('mouseup', window, handleYScrollMouseUp, true)\n memoYTop = containerScrollTopRef.value\n memoMouseY = e.clientY\n yBarPressed = true\n }\n function handleScroll(e: Event): void {\n const { onScroll } = props\n if (onScroll)\n onScroll(e)\n syncScrollState()\n }\n function syncScrollState(): void {\n // only collect scroll state, do not trigger any dom event\n const { value: container } = mergedContainerRef\n if (container) {\n containerScrollTopRef.value = container.scrollTop\n }\n }\n function sync(): void {\n syncPositionState()\n syncScrollState()\n }\n\n return {\n sync,\n handleContentResize,\n handleContainerResize,\n contentRef,\n yRailRef,\n containerRef,\n contentHeightRef,\n containerHeightRef,\n needYBarRef,\n yBarSizePxRef,\n handleYScrollMouseDown,\n yBarTopPxRef,\n handleScroll\n }\n },\n render() {\n const { $slots } = this\n const createYBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail`} ref=\"yRailRef\">\n {this.needYBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar`}\n style={{\n height: this.yBarSizePxRef,\n top: this.yBarTopPxRef\n }}\n onMousedown={this.handleYScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n\n const createChildren = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar`} {...this.$attrs}>\n {this.container\n ? (\n $slots.default?.()\n )\n : (\n <div class={`${defaultNamespace}-scrollbar-container`} onScroll={this.handleScroll} ref=\"containerRef\">\n <VResizeObserver onResize={this.handleContentResize}>\n <div ref=\"contentRef\" class={`${defaultNamespace}-scrollbar-content`}>\n {$slots.default?.()}\n </div>\n </VResizeObserver>\n </div>\n )}\n\n {createYBar()}\n </div>\n )\n }\n const createBarNode = this.container ? createChildren() : <VResizeObserver onResize={this.handleContainerResize}>{createChildren()}</VResizeObserver>\n return createBarNode\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","scrollbarProps","inheritAttrs","setup","onMounted","container","sync","handleContentResize","handleContainerResize","contentRef","ref","containerRef","yRailRef","contentHeightRef","contentWidthRef","containerHeightRef","containerWidthRef","yRailSizeRef","mergedContentRef","computed","content","value","mergedContainerRef","containerScrollTopRef","yBarSizeRef","containerHeight","contentHeight","yRailSize","Math","min","yBarTopRef","containerScrollTop","heightDiff","yBarTopPxRef","needYBarRef","yBarSizePxRef","syncPositionState","offsetHeight","offsetWidth","yRailEl","yBarPressed","memoYTop","memoMouseY","yBarVanishTimerId","handleYScrollMouseMove","e","undefined","window","clearTimeout","yBarSize","dY","clientY","dScrollTop","toScrollTopUpperBound","toScrollTop","max","scrollTop","handleYScrollMouseUp","preventDefault","stopPropagation","off","handleYScrollMouseDown","on","handleScroll","onScroll","syncScrollState","render","_slot","$slots","createYBar","_createVNode","defaultNamespace","height","top","createChildren","_mergeProps","$attrs","default","VResizeObserver","createBarNode"],"mappings":"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"}
1	+ {"version":3,"file":"scroll-bar.mjs","sources":["../../../../../components/scroll-bar/src/scroll-bar.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, ref } from 'vue'\nimport { VResizeObserver } from 'vueuc'\nimport { off, on } from 'evtd'\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { scrollbarProps } from './types'\n\nexport default defineComponent({\n name: 'KScrollbar',\n props: scrollbarProps,\n inheritAttrs: false,\n setup(props) {\n onMounted(() => {\n if (props.container)\n return\n sync()\n })\n const handleContentResize = () => {\n sync()\n }\n const handleContainerResize = () => {\n sync()\n }\n const contentRef = ref<HTMLElement \| null>(null)\n const containerRef = ref<HTMLElement \| null>(null)\n const yRailRef = ref<HTMLElement \| null>(null)\n const xRailRef = ref<HTMLElement \| null>(null)\n const contentHeightRef = ref<Nullable<number>>(null)\n const contentWidthRef = ref<Nullable<number>>(null)\n const containerHeightRef = ref<Nullable<number>>(null)\n const containerWidthRef = ref<Nullable<number>>(null)\n const yRailSizeRef = ref<Nullable<number>>(null)\n const xRailSizeRef = ref<Nullable<number>>(null)\n const mergedContentRef = computed(() => props.content?.() \|\| contentRef.value)\n const mergedContainerRef = computed(() => props.container?.() \|\| containerRef.value)\n const containerScrollTopRef = ref(0)\n const containerScrollLeftRef = ref(0)\n\n /** 竖向滚动条相关逻辑 /\n const needYBarRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight\n })\n /* 竖向滚动条的大小（高度） /\n const yBarSizeRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null \|\| contentHeight === null \|\| yRailSize === null) {\n return 0\n }\n else {\n return Math.min(containerHeight, (yRailSize containerHeight) / contentHeight + 5 * 1.5)\n }\n })\n\n const yBarSizePxRef = computed(() => {\n return `${yBarSizeRef.value}px`\n })\n /** 竖向滚动条的top /\n const yBarTopRef = computed(() => {\n const { value: containerHeight } = containerHeightRef\n const { value: containerScrollTop } = containerScrollTopRef\n const { value: contentHeight } = contentHeightRef\n const { value: yRailSize } = yRailSizeRef\n if (containerHeight === null \|\| contentHeight === null \|\| yRailSize === null) {\n return 0\n }\n else {\n const heightDiff = contentHeight - containerHeight\n if (!heightDiff)\n return 0\n return (containerScrollTop / heightDiff) (yRailSize - yBarSizeRef.value)\n }\n })\n const yBarTopPxRef = computed(() => {\n return `${yBarTopRef.value}px`\n })\n\n /** 竖向滚动条的拖拽 /\n let yBarPressed = false\n let memoYTop: number = 0\n let memoMouseY: number = 0\n let yBarVanishTimerId: number \| undefined\n let xBarVanishTimerId: number \| undefined\n const handleYScrollMouseMove = (e: MouseEvent) => {\n if (!yBarPressed)\n return\n\n if (xBarVanishTimerId !== undefined) {\n window.clearTimeout(xBarVanishTimerId)\n }\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerHeight } = containerHeightRef\n const { value: contentHeight } = contentHeightRef\n const { value: yBarSize } = yBarSizeRef\n if (containerHeight === null \|\| contentHeight === null)\n return\n const dY = e.clientY - memoMouseY\n const dScrollTop = (dY (contentHeight - containerHeight)) / (containerHeight - yBarSize)\n const toScrollTopUpperBound = contentHeight - containerHeight\n let toScrollTop = memoYTop + dScrollTop\n toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop)\n toScrollTop = Math.max(toScrollTop, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollTop = toScrollTop\n }\n }\n const handleYScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleYScrollMouseMove, true)\n off('mouseup', window, handleYScrollMouseUp, true)\n yBarPressed = false\n sync()\n }\n const handleYScrollMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n on('mousemove', window, handleYScrollMouseMove, true)\n on('mouseup', window, handleYScrollMouseUp, true)\n memoYTop = containerScrollTopRef.value\n memoMouseY = e.clientY\n yBarPressed = true\n }\n\n function handleScroll(e: Event): void {\n const { onScroll } = props\n if (onScroll)\n onScroll(e)\n syncScrollState()\n }\n /** =======================================华丽的分割线==================================== /\n\n const needXBarRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth\n })\n // 横向滚动条的大小（width）\n const xBarSizeRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n const { value: xRailSize } = xRailSizeRef\n if (containerWidth === null \|\| contentWidth === null \|\| xRailSize === null) {\n return 0\n }\n else {\n return (xRailSize containerWidth) / contentWidth + 5 * 1.5\n }\n })\n const xBarSizePxRef = computed(() => {\n return `${xBarSizeRef.value}px`\n })\n // 横向滚动条的Left\n const xBarLeftRef = computed(() => {\n const { value: containerWidth } = containerWidthRef\n const { value: containerScrollLeft } = containerScrollLeftRef\n const { value: contentWidth } = contentWidthRef\n const { value: xRailSize } = xRailSizeRef\n if (containerWidth === null \|\| contentWidth === null \|\| xRailSize === null) {\n return 0\n }\n else {\n const widthDiff = contentWidth - containerWidth\n if (!widthDiff)\n return 0\n return (containerScrollLeft / widthDiff) * (xRailSize - xBarSizeRef.value)\n }\n })\n const xBarLeftPxRef = computed(() => {\n return `${xBarLeftRef.value}px`\n })\n /** 竖向滚动条的拖拽 /\n let xBarPressed = false\n let memoXLeft: number = 0\n let memoMouseX: number = 0\n const handleXScrollMouseMove = (e: MouseEvent) => {\n if (!xBarPressed)\n return\n if (xBarVanishTimerId !== undefined) {\n window.clearTimeout(xBarVanishTimerId)\n }\n if (yBarVanishTimerId !== undefined) {\n window.clearTimeout(yBarVanishTimerId)\n }\n const { value: containerWidth } = containerWidthRef\n const { value: contentWidth } = contentWidthRef\n const { value: xBarSize } = xBarSizeRef\n if (containerWidth === null \|\| contentWidth === null)\n return\n const dX = e.clientX - memoMouseX\n\n const dScrollLeft = (dX (contentWidth - containerWidth)) / (containerWidth - xBarSize)\n const toScrollLeftUpperBound = contentWidth - containerWidth\n let toScrollLeft = memoXLeft + dScrollLeft\n toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft)\n toScrollLeft = Math.max(toScrollLeft, 0)\n const { value: container } = mergedContainerRef\n if (container) {\n container.scrollLeft = toScrollLeft\n }\n }\n const handleXScrollMouseUp = (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n off('mousemove', window, handleXScrollMouseMove, true)\n off('mouseup', window, handleXScrollMouseUp, true)\n xBarPressed = false\n sync()\n }\n function handleXScrollMouseDown(e: MouseEvent): void {\n e.preventDefault()\n e.stopPropagation()\n xBarPressed = true\n on('mousemove', window, handleXScrollMouseMove, true)\n on('mouseup', window, handleXScrollMouseUp, true)\n memoXLeft = containerScrollLeftRef.value\n memoMouseX = e.clientX\n }\n\n /** */\n function syncScrollState(): void {\n // only collect scroll state, do not trigger any dom event\n const { value: container } = mergedContainerRef\n if (container) {\n containerScrollTopRef.value = container.scrollTop\n containerScrollLeftRef.value = container.scrollLeft\n }\n }\n const syncPositionState = () => {\n const { value: content } = mergedContentRef\n if (content) {\n contentHeightRef.value = content.offsetHeight\n contentWidthRef.value = content.offsetWidth\n }\n const { value: container } = mergedContainerRef\n if (container) {\n containerHeightRef.value = container.offsetHeight\n containerWidthRef.value = container.offsetWidth\n }\n const { value: yRailEl } = yRailRef\n if (yRailEl) {\n yRailSizeRef.value = yRailEl.offsetHeight\n }\n const { value: xRailEl } = xRailRef\n if (xRailEl) {\n xRailSizeRef.value = xRailEl.offsetWidth\n }\n }\n\n function sync(): void {\n syncPositionState()\n syncScrollState()\n }\n\n return {\n sync,\n handleContentResize,\n handleContainerResize,\n contentRef,\n yRailRef,\n xRailRef,\n containerRef,\n contentHeightRef,\n containerHeightRef,\n needYBarRef,\n needXBarRef,\n yBarSizePxRef,\n handleYScrollMouseDown,\n handleXScrollMouseDown,\n yBarTopPxRef,\n handleScroll,\n xBarSizePxRef,\n xBarLeftPxRef\n }\n },\n render() {\n const { $slots, xScrollable } = this\n const createXBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--horizontal`} ref=\"xRailRef\">\n {this.needXBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar--horizontal`}\n style={{\n width: this.xBarSizePxRef,\n left: this.xBarLeftPxRef\n }}\n onMousedown={this.handleXScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n const createYBar = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar-rail ${defaultNamespace}-scrollbar-rail--vertical`} ref=\"yRailRef\">\n {this.needYBarRef && (\n <div\n class={`${defaultNamespace}-scrollbar-rail__scrollbar--vertical`}\n style={{\n height: this.yBarSizePxRef,\n top: this.yBarTopPxRef\n }}\n onMousedown={this.handleYScrollMouseDown}\n >\n </div>\n )}\n </div>\n )\n }\n\n const createChildren = () => {\n return (\n <div class={`${defaultNamespace}-scrollbar`} {...this.$attrs}>\n {this.container\n ? (\n $slots.default?.()\n )\n : (\n <div class={`${defaultNamespace}-scrollbar-container`} onScroll={this.handleScroll} ref=\"containerRef\">\n <VResizeObserver onResize={this.handleContentResize}>\n <div ref=\"contentRef\" class={`${defaultNamespace}-scrollbar-content`}>\n {$slots.default?.()}\n </div>\n </VResizeObserver>\n </div>\n )}\n\n {createYBar()}\n {xScrollable && createXBar()}\n </div>\n )\n }\n const createBarNode = this.container ? createChildren() : <VResizeObserver onResize={this.handleContainerResize}>{createChildren()}</VResizeObserver>\n return createBarNode\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","scrollbarProps","inheritAttrs","setup","onMounted","container","sync","handleContentResize","handleContainerResize","contentRef","ref","containerRef","yRailRef","xRailRef","contentHeightRef","contentWidthRef","containerHeightRef","containerWidthRef","yRailSizeRef","xRailSizeRef","mergedContentRef","computed","content","value","mergedContainerRef","containerScrollTopRef","containerScrollLeftRef","needYBarRef","containerHeight","contentHeight","yBarSizeRef","yRailSize","Math","min","yBarSizePxRef","yBarTopRef","containerScrollTop","heightDiff","yBarTopPxRef","yBarPressed","memoYTop","memoMouseY","yBarVanishTimerId","xBarVanishTimerId","handleYScrollMouseMove","e","undefined","window","clearTimeout","yBarSize","dY","clientY","dScrollTop","toScrollTopUpperBound","toScrollTop","max","scrollTop","handleYScrollMouseUp","preventDefault","stopPropagation","off","handleYScrollMouseDown","on","handleScroll","onScroll","syncScrollState","needXBarRef","containerWidth","contentWidth","xBarSizeRef","xRailSize","xBarSizePxRef","xBarLeftRef","containerScrollLeft","widthDiff","xBarLeftPxRef","xBarPressed","memoXLeft","memoMouseX","handleXScrollMouseMove","xBarSize","dX","clientX","dScrollLeft","toScrollLeftUpperBound","toScrollLeft","scrollLeft","handleXScrollMouseUp","handleXScrollMouseDown","syncPositionState","offsetHeight","offsetWidth","yRailEl","xRailEl","render","_slot","$slots","xScrollable","createXBar","_createVNode","defaultNamespace","width","left","createYBar","height","top","createChildren","_mergeProps","$attrs","default","VResizeObserver","createBarNode"],"mappings":"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"}

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

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

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

@@ -1,7 +1,8 @@
 const scrollbarProps = {
   container: Function,
   content: Function,
-  onScroll: Function
+  onScroll: Function,
+  xScrollable: Boolean
 };
 export { scrollbarProps };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"types.mjs","sources":["../../../../../components/scroll-bar/src/types.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nexport const scrollbarProps = {\n container: Function as PropType<() => HTMLElement \| null \| undefined>,\n content: Function as PropType<() => HTMLElement \| null \| undefined>,\n onScroll: Function as PropType<(e: Event) => void>\n} as const\n"],"names":[],"mappings":"AAEO,MAAM,cAAiB,GAAA;AAAA,EAC5B,SAAW,EAAA,QAAA;AAAA,EACX,OAAS,EAAA,QAAA;AAAA,EACT,QAAU,EAAA,QAAA;~~AACZ~~;;;;"}
1	+ {"version":3,"file":"types.mjs","sources":["../../../../../components/scroll-bar/src/types.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nexport const scrollbarProps = {\n container: Function as PropType<() => HTMLElement \| null \| undefined>,\n content: Function as PropType<() => HTMLElement \| null \| undefined>,\n onScroll: Function as PropType<(e: Event) => void>,\n xScrollable: Boolean\n} as const\n"],"names":[],"mappings":"AAEO,MAAM,cAAiB,GAAA;AAAA,EAC5B,SAAW,EAAA,QAAA;AAAA,EACX,OAAS,EAAA,QAAA;AAAA,EACT,QAAU,EAAA,QAAA;AAAA,EACV,WAAa,EAAA,OAAA;AACf;;;;"}

package/dist/es/components/virtual-list/index.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly type: StringConstructor;
         readonly default: "key";
     };
+    readonly xScrollable: BooleanConstructor;
     readonly onScroll: import("vue").PropType<(params: import("./src/types").InterScrollParams) => void>;
     readonly onWheel: import("vue").PropType<(event: WheelEvent) => void>;
     readonly onResize: import("vue").PropType<(entry: ResizeObserverEntry) => void>;
@@ -32,6 +33,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly paddingTop: string | number;
         readonly paddingBottom: string | number;
         readonly keyField: string;
+        readonly xScrollable: boolean;
         readonly onScroll?: ((params: import("./src/types").InterScrollParams) => void) | undefined;
         readonly onWheel?: ((event: WheelEvent) => void) | undefined;
         readonly onResize?: ((entry: ResizeObserverEntry) => void) | undefined;
@@ -49,25 +51,34 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly onScroll: import("vue").PropType<(e: Event) => void>;
+        readonly xScrollable: BooleanConstructor;
     }>>, {
         sync: () => void;
         handleContentResize: () => void;
         handleContainerResize: () => void;
         contentRef: import("vue").Ref<HTMLElement | null>;
         yRailRef: import("vue").Ref<HTMLElement | null>;
+        xRailRef: import("vue").Ref<HTMLElement | null>;
         containerRef: import("vue").Ref<HTMLElement | null>;
         contentHeightRef: import("vue").Ref<Nullable<number>>;
         containerHeightRef: import("vue").Ref<Nullable<number>>;
         needYBarRef: import("vue").ComputedRef<boolean>;
+        needXBarRef: import("vue").ComputedRef<boolean>;
         yBarSizePxRef: import("vue").ComputedRef<string>;
         handleYScrollMouseDown: (e: MouseEvent) => void;
+        handleXScrollMouseDown: (e: MouseEvent) => void;
         yBarTopPxRef: import("vue").ComputedRef<string>;
         handleScroll: (e: Event) => void;
+        xBarSizePxRef: import("vue").ComputedRef<string>;
+        xBarLeftPxRef: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly onScroll: import("vue").PropType<(e: Event) => void>;
-    }>>, {}, true, {}, {}, {
+        readonly xScrollable: BooleanConstructor;
+    }>>, {
+        readonly xScrollable: boolean;
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -78,21 +89,29 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly onScroll: import("vue").PropType<(e: Event) => void>;
+        readonly xScrollable: BooleanConstructor;
     }>>, {
         sync: () => void;
         handleContentResize: () => void;
         handleContainerResize: () => void;
         contentRef: import("vue").Ref<HTMLElement | null>;
         yRailRef: import("vue").Ref<HTMLElement | null>;
+        xRailRef: import("vue").Ref<HTMLElement | null>;
         containerRef: import("vue").Ref<HTMLElement | null>;
         contentHeightRef: import("vue").Ref<Nullable<number>>;
         containerHeightRef: import("vue").Ref<Nullable<number>>;
         needYBarRef: import("vue").ComputedRef<boolean>;
+        needXBarRef: import("vue").ComputedRef<boolean>;
         yBarSizePxRef: import("vue").ComputedRef<string>;
         handleYScrollMouseDown: (e: MouseEvent) => void;
+        handleXScrollMouseDown: (e: MouseEvent) => void;
         yBarTopPxRef: import("vue").ComputedRef<string>;
         handleScroll: (e: Event) => void;
-    }, {}, {}, {}, {}> | null>;
+        xBarSizePxRef: import("vue").ComputedRef<string>;
+        xBarLeftPxRef: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, {
+        readonly xScrollable: boolean;
+    }> | null>;
     getScrollContainer: () => HTMLElement | null | undefined;
     getScrollContent: () => HTMLElement | null | undefined;
     syncScrollbar: () => void | undefined;
@@ -227,25 +246,34 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly onScroll: import("vue").PropType<(e: Event) => void>;
+        readonly xScrollable: BooleanConstructor;
     }, {
         sync: () => void;
         handleContentResize: () => void;
         handleContainerResize: () => void;
         contentRef: import("vue").Ref<HTMLElement | null>;
         yRailRef: import("vue").Ref<HTMLElement | null>;
+        xRailRef: import("vue").Ref<HTMLElement | null>;
         containerRef: import("vue").Ref<HTMLElement | null>;
         contentHeightRef: import("vue").Ref<Nullable<number>>;
         containerHeightRef: import("vue").Ref<Nullable<number>>;
         needYBarRef: import("vue").ComputedRef<boolean>;
+        needXBarRef: import("vue").ComputedRef<boolean>;
         yBarSizePxRef: import("vue").ComputedRef<string>;
         handleYScrollMouseDown: (e: MouseEvent) => void;
+        handleXScrollMouseDown: (e: MouseEvent) => void;
         yBarTopPxRef: import("vue").ComputedRef<string>;
         handleScroll: (e: Event) => void;
+        xBarSizePxRef: import("vue").ComputedRef<string>;
+        xBarLeftPxRef: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly container: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly content: import("vue").PropType<() => HTMLElement | null | undefined>;
         readonly onScroll: import("vue").PropType<(e: Event) => void>;
-    }>>, {}, {}>>;
+        readonly xScrollable: BooleanConstructor;
+    }>>, {
+        readonly xScrollable: boolean;
+    }, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly items: {
         readonly type: import("vue").PropType<import("vueuc").VVirtualListItemData[]>;
@@ -268,6 +296,7 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
         readonly type: StringConstructor;
         readonly default: "key";
     };
+    readonly xScrollable: BooleanConstructor;
     readonly onScroll: import("vue").PropType<(params: import("./src/types").InterScrollParams) => void>;
     readonly onWheel: import("vue").PropType<(event: WheelEvent) => void>;
     readonly onResize: import("vue").PropType<(entry: ResizeObserverEntry) => void>;
@@ -277,5 +306,6 @@ export declare const KVirtualList: import("../utils/install").SFCWithInstall<imp
     readonly paddingTop: string | number;
     readonly paddingBottom: string | number;
     readonly keyField: string;
+    readonly xScrollable: boolean;
 }, {}>>;
 export default KVirtualList;

package/dist/es/components/virtual-list/src/types.d.ts CHANGED Viewed

@@ -26,6 +26,7 @@ export declare const virtualListProps: {
         readonly type: StringConstructor;
         readonly default: "key";
     };
+    readonly xScrollable: BooleanConstructor;
     readonly onScroll: PropType<(params: InterScrollParams) => void>;
     readonly onWheel: PropType<(event: WheelEvent) => void>;
     readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;