@king-one/antdv 1.0.0

package/cdn/index.css

@@ -0,0 +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-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}

package/es/components/base/style/index.d.ts

@@ -0,0 +1 @@
+import '@king-one/antdv/theme-chalk/src/base.scss';

package/es/components/base/style/index.mjs

@@ -0,0 +1,2 @@
+import '@king-one/antdv/theme-chalk/src/base.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/base/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/form/component/form.d.ts

@@ -0,0 +1,10 @@
+import type { RuleItem } from 'async-validator';
+import type { PropType } from 'vue';
+export declare const formType: {
+    readonly model: {
+        readonly type: ObjectConstructor;
+    };
+    readonly rules: {
+        readonly type: PropType<Record<string, RuleItem[]>>;
+    };
+};

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

@@ -0,0 +1,11 @@
+const formType = {
+  model: {
+    type: Object
+  },
+  rules: {
+    type: Object
+  }
+};
+
+export { formType };
+//# sourceMappingURL=form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","sources":["../../../../../../packages/antdv/components/form/component/form.ts"],"sourcesContent":["/*\n * @Description:\n * @Version: 2.0\n * @Autor: caohao\n * @Date: 2024-09-16 17:25:58\n * @LastEditors: caohao\n * @LastEditTime: 2024-09-16 22:46:07\n */\nimport type {\n  RuleItem\n} from 'async-validator'\nimport type { PropType } from 'vue'\n\nexport const formType = {\n  model: {\n    type: Object\n  },\n  rules: {\n    type: Object as PropType<Record<string, RuleItem[]>>\n  }\n} as const\n"],"names":[],"mappings":"AAaO,MAAM,QAAW,GAAA;AAAA,EACtB,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}

package/es/components/form/component/form.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly model: {
+        readonly type: ObjectConstructor;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("async-validator").RuleItem[]>>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly model: {
+        readonly type: ObjectConstructor;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("async-validator").RuleItem[]>>;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import _sfc_main from './form.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=form.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,26 @@
+import { createElementVNode, defineComponent, openBlock, createElementBlock, renderSlot } from 'vue';
+import { formType } from './form.mjs';
+
+const _hoisted_1 = { class: "king-form" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  null,
+  "\u4F1F\u5927\u7684\u597D\u6B4C",
+  -1
+  /* HOISTED */
+);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "form",
+  props: formType,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", _hoisted_1, [
+        _hoisted_2,
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=form.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/form/index.d.ts

@@ -0,0 +1,17 @@
+export * from './component/form';
+export declare const KForm: import("../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    readonly model: {
+        readonly type: ObjectConstructor;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("async-validator").RuleItem[]>>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly model: {
+        readonly type: ObjectConstructor;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("async-validator").RuleItem[]>>;
+    };
+}>>, {}, {}>>;
+export default KForm;

package/es/components/form/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from '../utils/install.mjs';
+import './component/form.vue.mjs';
+export { formType } from './component/form.mjs';
+import _sfc_main from './component/form.vue2.mjs';
+
+const KForm = withInstall(_sfc_main);
+
+export { KForm, KForm as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/antdv/components/form/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install'\nimport form from './component/form.vue'\n\nexport * from './component/form'\nexport const KForm = withInstall(form) // 增加类型\nexport default KForm\n"],"names":["form"],"mappings":";;;;;AAIa,MAAA,KAAA,GAAQ,YAAYA,SAAI;;;;"}

package/es/components/form-item/component/form-item.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    columns: import("ant-design-vue").TableColumnsType<any>;
+    data: {
+        key: string;
+        name: string;
+        age: number;
+        address: string;
+    }[];
+    onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import _sfc_main from './form-item.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=form-item.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,113 @@
+import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "form-item",
+  setup(__props) {
+    const columns = [
+      {
+        title: "Name",
+        dataIndex: "name",
+        filters: [
+          {
+            text: "Joe",
+            value: "Joe"
+          },
+          {
+            text: "Category 1",
+            value: "Category 1",
+            children: [
+              {
+                text: "Yellow",
+                value: "Yellow"
+              },
+              {
+                text: "Pink",
+                value: "Pink"
+              }
+            ]
+          },
+          {
+            text: "Category 2",
+            value: "Category 2",
+            children: [
+              {
+                text: "Green",
+                value: "Green"
+              },
+              {
+                text: "Black",
+                value: "Black"
+              }
+            ]
+          }
+        ],
+        filterMode: "tree",
+        filterSearch: true,
+        onFilter: (value, record) => record.name.includes(value),
+        width: "30%"
+      },
+      {
+        title: "Age",
+        dataIndex: "age",
+        sorter: (a, b) => a.age - b.age
+      },
+      {
+        title: "Address",
+        dataIndex: "address",
+        filters: [
+          {
+            text: "London",
+            value: "London"
+          },
+          {
+            text: "New York",
+            value: "New York"
+          }
+        ],
+        onFilter: (value, record) => record.address.startsWith(value),
+        filterSearch: true,
+        width: "40%"
+      }
+    ];
+    const data = [
+      {
+        key: "1",
+        name: "John Brown",
+        age: 32,
+        address: "New York No. 1 Lake Park"
+      },
+      {
+        key: "2",
+        name: "Jim Green",
+        age: 42,
+        address: "London No. 1 Lake Park"
+      },
+      {
+        key: "3",
+        name: "Joe Black",
+        age: 32,
+        address: "Sidney No. 1 Lake Park"
+      },
+      {
+        key: "4",
+        name: "Jim Red",
+        age: 32,
+        address: "London No. 2 Lake Park"
+      }
+    ];
+    function onChange(pagination, filters, sorter, extra) {
+      console.log("params", pagination, filters, sorter, extra);
+    }
+    return (_ctx, _cache) => {
+      const _component_a_table = resolveComponent("a-table");
+      return openBlock(), createBlock(_component_a_table, {
+        columns,
+        "data-source": data,
+        onChange
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=form-item.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue2.mjs","sources":["../../../../../../packages/antdv/components/form-item/component/form-item.vue"],"sourcesContent":["<!-- eslint-disable no-console -->\n<script lang=\"ts\" setup>\nimport type { TableProps } from 'ant-design-vue'\n\nconst columns: TableProps['columns'] = [\n  {\n    title: 'Name',\n    dataIndex: 'name',\n    filters: [\n      {\n        text: 'Joe',\n        value: 'Joe'\n      },\n      {\n        text: 'Category 1',\n        value: 'Category 1',\n        children: [\n          {\n            text: 'Yellow',\n            value: 'Yellow'\n          },\n          {\n            text: 'Pink',\n            value: 'Pink'\n          }\n        ]\n      },\n      {\n        text: 'Category 2',\n        value: 'Category 2',\n        children: [\n          {\n            text: 'Green',\n            value: 'Green'\n          },\n          {\n            text: 'Black',\n            value: 'Black'\n          }\n        ]\n      }\n    ],\n    filterMode: 'tree',\n    filterSearch: true,\n    onFilter: (value, record) => record.name.includes(value),\n    width: '30%'\n  },\n  {\n    title: 'Age',\n    dataIndex: 'age',\n    sorter: (a, b) => a.age - b.age\n  },\n  {\n    title: 'Address',\n    dataIndex: 'address',\n    filters: [\n      {\n        text: 'London',\n        value: 'London'\n      },\n      {\n        text: 'New York',\n        value: 'New York'\n      }\n    ],\n    onFilter: (value, record) => record.address.startsWith(value),\n    filterSearch: true,\n    width: '40%'\n  }\n]\n\nconst data = [\n  {\n    key: '1',\n    name: 'John Brown',\n    age: 32,\n    address: 'New York No. 1 Lake Park'\n  },\n  {\n    key: '2',\n    name: 'Jim Green',\n    age: 42,\n    address: 'London No. 1 Lake Park'\n  },\n  {\n    key: '3',\n    name: 'Joe Black',\n    age: 32,\n    address: 'Sidney No. 1 Lake Park'\n  },\n  {\n    key: '4',\n    name: 'Jim Red',\n    age: 32,\n    address: 'London No. 2 Lake Park'\n  }\n]\n\nfunction onChange(pagination, filters, sorter, extra) {\n  console.log('params', pagination, filters, sorter, extra)\n}\n</script>\n\n<template>\n  <a-table :columns=\"columns\" :data-source=\"data\" @change=\"onChange\" />\n</template>\n"],"names":[],"mappings":"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"}

package/es/components/form-item/index.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.mjs.map

package/es/components/form-item/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form';
+export * from './virtual-list';

package/es/components/index.mjs

@@ -0,0 +1,5 @@
+export { KForm } from './form/index.mjs';
+export { KVirtualList } from './virtual-list/index.mjs';
+export { formType } from './form/component/form.mjs';
+export { virtualListProps } from './virtual-list/src/types.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/scroll-bar/index.d.ts

@@ -0,0 +1,26 @@
+import './style';
+export * from './src/types';
+export declare const KScrollBar: import("../utils/install").SFCWithInstall<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>;
+}, {
+    sync: () => void;
+    handleContentResize: () => void;
+    handleContainerResize: () => void;
+    contentRef: import("vue").Ref<HTMLElement | null>;
+    yRailRef: 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>;
+    yBarSizePxRef: import("vue").ComputedRef<string>;
+    handleYScrollMouseDown: (e: MouseEvent) => void;
+    yBarTopPxRef: import("vue").ComputedRef<string>;
+    handleScroll: (e: Event) => void;
+}, 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>;
+}>>, {}, {}>>;
+export default KScrollBar;

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

@@ -0,0 +1,9 @@
+import { withInstall } from '../utils/install.mjs';
+import ScrollBar from './src/scroll-bar.mjs';
+import './style/index.mjs';
+export { scrollbarProps } from './src/types.mjs';
+
+const KScrollBar = withInstall(ScrollBar);
+
+export { KScrollBar, KScrollBar as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/antdv/components/scroll-bar/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install'\nimport ScrollBar from './src/scroll-bar'\nimport './style'\n\nexport * from './src/types'\nexport const KScrollBar = withInstall(ScrollBar)\nexport default KScrollBar\n"],"names":[],"mappings":";;;;;AAKa,MAAA,UAAA,GAAa,YAAY,SAAS;;;;"}

package/es/components/scroll-bar/src/scroll-bar.d.ts

@@ -0,0 +1,24 @@
+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>;
+}, {
+    sync: () => void;
+    handleContentResize: () => void;
+    handleContainerResize: () => void;
+    contentRef: import("vue").Ref<HTMLElement | null>;
+    yRailRef: 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>;
+    yBarSizePxRef: import("vue").ComputedRef<string>;
+    handleYScrollMouseDown: (e: MouseEvent) => void;
+    yBarTopPxRef: import("vue").ComputedRef<string>;
+    handleScroll: (e: Event) => void;
+}, 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>;
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,248 @@
+import { isVNode, defineComponent, onMounted, ref, computed, createVNode, mergeProps } from 'vue';
+import { VResizeObserver } from 'vueuc';
+import { off, on } from 'evtd';
+import { defaultNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { scrollbarProps } from './types.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var ScrollBar = /* @__PURE__ */ defineComponent({
+  name: "KScrollbar",
+  props: scrollbarProps,
+  inheritAttrs: false,
+  setup(props) {
+    onMounted(() => {
+      if (props.container) return;
+      sync();
+    });
+    const handleContentResize = () => {
+      sync();
+    };
+    const handleContainerResize = () => {
+      sync();
+    };
+    const contentRef = ref(null);
+    const containerRef = ref(null);
+    const yRailRef = ref(null);
+    const contentHeightRef = ref(null);
+    const contentWidthRef = ref(null);
+    const containerHeightRef = ref(null);
+    const containerWidthRef = ref(null);
+    const yRailSizeRef = ref(null);
+    const mergedContentRef = computed(() => {
+      var _a;
+      return ((_a = props.content) == null ? void 0 : _a.call(props)) || contentRef.value;
+    });
+    const mergedContainerRef = computed(() => {
+      var _a;
+      return ((_a = props.container) == null ? void 0 : _a.call(props)) || containerRef.value;
+    });
+    const containerScrollTopRef = ref(0);
+    const yBarSizeRef = computed(() => {
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      const {
+        value: yRailSize
+      } = yRailSizeRef;
+      if (containerHeight === null || contentHeight === null || yRailSize === null) {
+        return 0;
+      } else {
+        return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
+      }
+    });
+    const yBarTopRef = computed(() => {
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: containerScrollTop
+      } = containerScrollTopRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      const {
+        value: yRailSize
+      } = yRailSizeRef;
+      if (containerHeight === null || contentHeight === null || yRailSize === null) {
+        return 0;
+      } else {
+        const heightDiff = contentHeight - containerHeight;
+        if (!heightDiff) return 0;
+        return containerScrollTop / heightDiff * (yRailSize - yBarSizeRef.value);
+      }
+    });
+    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;
+    const handleYScrollMouseMove = (e) => {
+      if (!yBarPressed) return;
+      if (yBarVanishTimerId !== void 0) {
+        window.clearTimeout(yBarVanishTimerId);
+      }
+      const {
+        value: containerHeight
+      } = containerHeightRef;
+      const {
+        value: contentHeight
+      } = contentHeightRef;
+      const {
+        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: container
+      } = mergedContainerRef;
+      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;
+    };
+    function handleScroll(e) {
+      const {
+        onScroll
+      } = props;
+      if (onScroll) onScroll(e);
+      syncScrollState();
+    }
+    function syncScrollState() {
+      const {
+        value: container
+      } = mergedContainerRef;
+      if (container) {
+        containerScrollTopRef.value = container.scrollTop;
+      }
+    }
+    function sync() {
+      syncPositionState();
+      syncScrollState();
+    }
+    return {
+      sync,
+      handleContentResize,
+      handleContainerResize,
+      contentRef,
+      yRailRef,
+      containerRef,
+      contentHeightRef,
+      containerHeightRef,
+      needYBarRef,
+      yBarSizePxRef,
+      handleYScrollMouseDown,
+      yBarTopPxRef,
+      handleScroll
+    };
+  },
+  render() {
+    let _slot;
+    const {
+      $slots
+    } = this;
+    const createYBar = () => {
+      return createVNode("div", {
+        "class": `${defaultNamespace}-scrollbar-rail`,
+        "ref": "yRailRef"
+      }, [this.needYBarRef && createVNode("div", {
+        "class": `${defaultNamespace}-scrollbar-rail__scrollbar`,
+        "style": {
+          height: this.yBarSizePxRef,
+          top: this.yBarTopPxRef
+        },
+        "onMousedown": this.handleYScrollMouseDown
+      }, null)]);
+    };
+    const createChildren = () => {
+      var _a;
+      return createVNode("div", mergeProps({
+        "class": `${defaultNamespace}-scrollbar`
+      }, this.$attrs), [this.container ? (_a = $slots.default) == null ? void 0 : _a.call($slots) : createVNode("div", {
+        "class": `${defaultNamespace}-scrollbar-container`,
+        "onScroll": this.handleScroll,
+        "ref": "containerRef"
+      }, [createVNode(VResizeObserver, {
+        "onResize": this.handleContentResize
+      }, {
+        default: () => {
+          var _a2;
+          return [createVNode("div", {
+            "ref": "contentRef",
+            "class": `${defaultNamespace}-scrollbar-content`
+          }, [(_a2 = $slots.default) == null ? void 0 : _a2.call($slots)])];
+        }
+      })]), createYBar()]);
+    };
+    const createBarNode = this.container ? createChildren() : createVNode(VResizeObserver, {
+      "onResize": this.handleContainerResize
+    }, _isSlot(_slot = createChildren()) ? _slot : {
+      default: () => [_slot]
+    });
+    return createBarNode;
+  }
+});
+
+export { ScrollBar as default };
+//# sourceMappingURL=scroll-bar.mjs.map