@touchvue/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/es/packages/components/rate/src/rate.vue2.mjs

@@ -0,0 +1,222 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { ToIcon } from '../../icon/index.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
+
+const __default__ = defineComponent({
+  name: "ToRate"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 5
+    },
+    count: {
+      type: Number,
+      default: 5
+    },
+    size: {
+      type: Number,
+      default: 2
+    },
+    disabled: Boolean,
+    step: {
+      type: [Number, String],
+      default: 1
+    },
+    dot: {
+      type: [Number, String],
+      default: "auto"
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    showScore: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: "star"
+    },
+    mode: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ivalue = ref(0);
+    const hoverValue = ref(0);
+    const normalizedCount = computed(() => Math.max(1, Math.floor(Number(props.count) || 1)));
+    const normalizedMax = computed(() => Math.max(0, Number(props.max) || 0));
+    const scoreUnit = computed(() => normalizedMax.value / normalizedCount.value);
+    const normalizedStep = computed(() => Number(props.step) === 0.5 ? 0.5 : 1);
+    const isHalf = computed(() => normalizedStep.value === 0.5);
+    const normalizedDot = computed(() => {
+      if (props.dot === "auto")
+        return isHalf.value ? 1 : 0;
+      const dot = Number(props.dot);
+      if (!Number.isFinite(dot))
+        return 0;
+      return Math.max(0, Math.floor(dot));
+    });
+    const activeValue = computed(() => {
+      if (!props.disabled && hoverValue.value > 0) {
+        return hoverValue.value;
+      }
+      return ivalue.value;
+    });
+    const activeRateValue = computed(() => {
+      if (!scoreUnit.value)
+        return 0;
+      const rateValue = activeValue.value / scoreUnit.value;
+      return Math.round(rateValue / normalizedStep.value) * normalizedStep.value;
+    });
+    const displayValue = computed(() => activeValue.value.toFixed(normalizedDot.value));
+    watch(
+      () => [props.modelValue, props.max, props.count, props.step, props.dot],
+      () => {
+        ivalue.value = normalizeModelValue(props.modelValue);
+      },
+      { immediate: true }
+    );
+    function normalizeModelValue(value) {
+      const num = Number(value);
+      if (!Number.isFinite(num))
+        return 0;
+      return formatValue(Math.min(Math.max(num, 0), normalizedMax.value));
+    }
+    function normalizeStepValue(value) {
+      const limited = normalizeModelValue(value);
+      if (!scoreUnit.value)
+        return 0;
+      const rateValue = limited / scoreUnit.value;
+      const steppedValue = Math.round(rateValue / normalizedStep.value) * normalizedStep.value;
+      return formatValue(steppedValue * scoreUnit.value);
+    }
+    function formatValue(value) {
+      return Number(value.toFixed(normalizedDot.value));
+    }
+    function getItemClass(i) {
+      const value = activeRateValue.value;
+      return {
+        "is-on": i <= value,
+        "is-half-on": isHalf.value && Math.abs(i - 0.5 - value) < 1e-7,
+        "is-hover": !props.disabled && hoverValue.value > 0 && i <= Math.ceil(value)
+      };
+    }
+    function getValueByEvent(i, event) {
+      if (!isHalf.value)
+        return i * scoreUnit.value;
+      const rect = event.currentTarget.getBoundingClientRect();
+      const x = event.clientX - rect.left;
+      return (x < rect.width / 2 ? i - 0.5 : i) * scoreUnit.value;
+    }
+    function updateValue(value) {
+      const normalizedValue = normalizeStepValue(value);
+      ivalue.value = normalizedValue;
+      emit("update:modelValue", normalizedValue);
+      emit("change", normalizedValue);
+    }
+    function handleClick(i, event) {
+      if (props.disabled)
+        return;
+      let value = getValueByEvent(i, event);
+      if (props.clearable && ivalue.value === value) {
+        value = 0;
+      }
+      updateValue(value);
+    }
+    function handleMouseMove(i, event) {
+      if (props.disabled)
+        return;
+      hoverValue.value = getValueByEvent(i, event);
+    }
+    function handleMouseEnter(i) {
+      if (props.disabled || isHalf.value)
+        return;
+      hoverValue.value = i * scoreUnit.value;
+    }
+    function handleMouseLeave() {
+      if (!props.disabled) {
+        hoverValue.value = 0;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-rate", [
+            `color-${__props.color}`,
+            ...unref(getModeClasses)(__props.mode),
+            {
+              "is-half": isHalf.value,
+              "is-disabled": __props.disabled
+            }
+          ]]),
+          onMouseleave: handleMouseLeave
+        },
+        [
+          createElementVNode("div", { class: "to-rate-group" }, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(normalizedCount.value, (i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i,
+                  class: normalizeClass(["to-rate-item", getItemClass(i)]),
+                  onClick: ($event) => handleClick(i, $event),
+                  onMousemove: ($event) => handleMouseMove(i, $event),
+                  onMouseenter: ($event) => handleMouseEnter(i)
+                }, [
+                  createVNode(unref(ToIcon), {
+                    class: "to-rate-icon is-off",
+                    type: "fill",
+                    value: __props.icon
+                  }, null, 8, ["value"]),
+                  createVNode(unref(ToIcon), {
+                    class: "to-rate-icon is-on",
+                    type: "fill",
+                    value: __props.icon
+                  }, null, 8, ["value"])
+                ], 42, ["onClick", "onMousemove", "onMouseenter"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          __props.showScore ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "to-rate-score"
+          }, [
+            createElementVNode(
+              "span",
+              { class: "to-rate-score-text" },
+              toDisplayString(displayValue.value),
+              1
+              /* TEXT */
+            )
+          ])) : createCommentVNode("v-if", true)
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=rate.vue2.mjs.map

package/es/packages/components/rate/src/rate.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate.vue2.mjs","sources":["../../../../../../packages/components/rate/src/rate.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToRate'\n});\n</script>\n<template>\n\t<div\n\t\tclass=\"to-rate\"\n\t\t:class=\"[\n\t\t\t`color-${color}`,\n\t\t\t...getModeClasses(mode),\n\t\t\t{\n\t\t\t\t'is-half': isHalf,\n\t\t\t\t'is-disabled': disabled\n\t\t\t}\n\t\t]\"\n\t\t@mouseleave=\"handleMouseLeave\"\n\t>\n\t\t<div class=\"to-rate-group\">\n\t\t\t<div v-for=\"i in normalizedCount\" :key=\"i\" class=\"to-rate-item\" :class=\"getItemClass(i)\" @click=\"handleClick(i, $event)\" @mousemove=\"handleMouseMove(i, $event)\" @mouseenter=\"handleMouseEnter(i)\">\n\t\t\t\t<to-icon class=\"to-rate-icon is-off\" type=\"fill\" :value=\"icon\" />\n\t\t\t\t<to-icon class=\"to-rate-icon is-on\" type=\"fill\" :value=\"icon\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if=\"showScore\" class=\"to-rate-score\">\n\t\t\t<span class=\"to-rate-score-text\">{{ displayValue }}</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ToIcon } from '../../icon'\nimport { getModeClasses } from '@touchvue/hooks'\n\n\n\nconst props = defineProps({\n\tmodelValue: {\n\t\ttype: Number,\n\t\tdefault: 0\n\t},\n\tmax: {\n\t\ttype: Number,\n\t\tdefault: 5\n\t},\n\tcount: {\n\t\ttype: Number,\n\t\tdefault: 5\n\t},\n\tsize: {\n\t\ttype: Number,\n\t\tdefault: 2\n\t},\n\tdisabled: Boolean,\n\tstep: {\n\t\ttype: [Number, String],\n\t\tdefault: 1\n\t},\n\tdot: {\n\t\ttype: [Number, String],\n\t\tdefault: 'auto'\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'primary'\n\t},\n\tshowScore: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tclearable: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\ticon: {\n\t\ttype: String,\n\t\tdefault: 'star'\n\t},\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t}\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst ivalue = ref(0)\nconst hoverValue = ref(0)\n\nconst normalizedCount = computed(() => Math.max(1, Math.floor(Number(props.count) || 1)))\nconst normalizedMax = computed(() => Math.max(0, Number(props.max) || 0))\nconst scoreUnit = computed(() => normalizedMax.value / normalizedCount.value)\nconst normalizedStep = computed(() => (Number(props.step) === 0.5 ? 0.5 : 1))\nconst isHalf = computed(() => normalizedStep.value === 0.5)\nconst normalizedDot = computed(() => {\n\tif (props.dot === 'auto') return isHalf.value ? 1 : 0\n\tconst dot = Number(props.dot)\n\tif (!Number.isFinite(dot)) return 0\n\treturn Math.max(0, Math.floor(dot))\n})\n\nconst activeValue = computed(() => {\n\tif (!props.disabled && hoverValue.value > 0) {\n\t\treturn hoverValue.value\n\t}\n\treturn ivalue.value\n})\n\nconst activeRateValue = computed(() => {\n\tif (!scoreUnit.value) return 0\n\tconst rateValue = activeValue.value / scoreUnit.value\n\treturn Math.round(rateValue / normalizedStep.value) * normalizedStep.value\n})\n\nconst displayValue = computed(() => activeValue.value.toFixed(normalizedDot.value))\n\nwatch(\n\t() => [props.modelValue, props.max, props.count, props.step, props.dot] as const,\n\t() => {\n\t\tivalue.value = normalizeModelValue(props.modelValue)\n\t},\n\t{ immediate: true }\n)\n\nfunction normalizeModelValue(value: number) {\n\tconst num = Number(value)\n\tif (!Number.isFinite(num)) return 0\n\treturn formatValue(Math.min(Math.max(num, 0), normalizedMax.value))\n}\n\nfunction normalizeStepValue(value: number) {\n\tconst limited = normalizeModelValue(value)\n\tif (!scoreUnit.value) return 0\n\tconst rateValue = limited / scoreUnit.value\n\tconst steppedValue = Math.round(rateValue / normalizedStep.value) * normalizedStep.value\n\treturn formatValue(steppedValue * scoreUnit.value)\n}\n\nfunction formatValue(value: number) {\n\treturn Number(value.toFixed(normalizedDot.value))\n}\n\nfunction getItemClass(i: number) {\n\tconst value = activeRateValue.value\n\treturn {\n\t\t'is-on': i <= value,\n\t\t'is-half-on': isHalf.value && Math.abs(i - 0.5 - value) < 0.0000001,\n\t\t'is-hover': !props.disabled && hoverValue.value > 0 && i <= Math.ceil(value)\n\t}\n}\n\nfunction getValueByEvent(i: number, event: MouseEvent) {\n\tif (!isHalf.value) return i * scoreUnit.value\n\tconst rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n\tconst x = event.clientX - rect.left\n\treturn (x < rect.width / 2 ? i - 0.5 : i) * scoreUnit.value\n}\n\nfunction updateValue(value: number) {\n\tconst normalizedValue = normalizeStepValue(value)\n\tivalue.value = normalizedValue\n\temit('update:modelValue', normalizedValue)\n\temit('change', normalizedValue)\n}\n\nfunction handleClick(i: number, event: MouseEvent) {\n\tif (props.disabled) return\n\tlet value = getValueByEvent(i, event)\n\tif (props.clearable && ivalue.value === value) {\n\t\tvalue = 0\n\t}\n\tupdateValue(value)\n}\n\nfunction handleMouseMove(i: number, event: MouseEvent) {\n\tif (props.disabled) return\n\thoverValue.value = getValueByEvent(i, event)\n}\n\nfunction handleMouseEnter(i: number) {\n\tif (props.disabled || isHalf.value) return\n\thoverValue.value = i * scoreUnit.value\n}\n\nfunction handleMouseLeave() {\n\tif (!props.disabled) {\n\t\thoverValue.value = 0\n\t}\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_unref","_createElementVNode","_Fragment","_renderList","_normalizeClass","_createVNode"],"mappings":"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"}

package/es/packages/components/scroll/index.d.mjs

@@ -0,0 +1,6 @@
+export { scrollProps } from './src/scroll.mjs';
+
+var ToScroll$1 = ToScroll;
+
+export { ToScroll$1 as default };
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/scroll/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":["../../../../../packages/components/scroll/index.d.ts"],"sourcesContent":["export declare const ToScroll: any;\nexport declare const ToScrollPoint: any;\nexport default ToScroll;\nexport * from './src/scroll';\n"],"names":[],"mappings":";;AAEA,iBAAe,QAAA;;;;"}

package/es/packages/components/scroll/index.mjs

@@ -1,10 +1,10 @@
-import _sfc_main from './src/Scroll.vue2.mjs';
-import _sfc_main$1 from './src/ScrollPoint.vue2.mjs';
+import Scroll from './src/Scroll.vue.mjs';
+import ScrollPoint from './src/ScrollPoint.vue.mjs';
 export { scrollProps } from './src/scroll.mjs';
 import { withInstall } from '../../utils/types.mjs';
 
-const ToScroll = withInstall(_sfc_main);
-const ToScrollPoint = withInstall(_sfc_main$1);
+const ToScroll = withInstall(Scroll);
+const ToScrollPoint = withInstall(ScrollPoint);
 
 export { ToScroll, ToScrollPoint, ToScroll as default };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/scroll/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/scroll/index.ts"],"sourcesContent":["import { withInstall } from '@touchvue/utils'\nimport Scroll from './src/Scroll.vue'\nimport ScrollPoint from './src/ScrollPoint.vue'\n\nexport const ToScroll = withInstall(Scroll)\nexport const ToScrollPoint = withInstall(ScrollPoint)\nexport default ToScroll\n\nexport * from './src/scroll'\n"],"names":["Scroll","ScrollPoint"],"mappings":";;;;;AAIa,MAAA,QAAA,GAAW,YAAYA,SAAM,EAAA;AAC7B,MAAA,aAAA,GAAgB,YAAYC,WAAW;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/scroll/index.ts"],"sourcesContent":["import { withInstall } from '@touchvue/utils'\nimport Scroll from './src/Scroll.vue'\nimport ScrollPoint from './src/ScrollPoint.vue'\n\nexport const ToScroll = withInstall(Scroll)\nexport const ToScrollPoint = withInstall(ScrollPoint)\nexport default ToScroll\n\nexport * from './src/scroll'\n"],"names":[],"mappings":";;;;;AAIa,MAAA,QAAA,GAAW,YAAY,MAAM,EAAA;AAC7B,MAAA,aAAA,GAAgB,YAAY,WAAW;;;;"}

package/es/packages/components/scroll/src/Scroll.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './Scroll.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Scroll.vue"]]);
 
-
-export { _sfc_main as default };
+export { Scroll as default };
 //# sourceMappingURL=Scroll.vue.mjs.map

package/es/packages/components/scroll/src/Scroll.vue.mjs.map

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

package/es/packages/components/scroll/src/Scroll.vue2.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, ref, computed, provide, nextTick, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createCommentVNode, renderSlot } from 'vue';
+import { defineComponent, ref, computed, provide, nextTick, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 import { scrollProps } from './scroll.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToScroll"
@@ -7,27 +8,18 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: scrollProps,
-  emits: ["scroll", "scrollEnd", "change", "update:value", "update:modelValue", "bottom"],
+  emits: ["scroll", "scrollEnd", "change", "update:value", "update:modelValue", "bottom", "top"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const scrollRef = ref(null);
-    const barThumb = ref(null);
-    const horizontalBarThumb = ref(null);
     const isScrolling = ref(false);
-    const isHovering = ref(false);
     let isTabTriggeredScroll = false;
     let scrollUpdateTimer = null;
-    let isDragging = ref(false);
-    let isHorizontalDragging = ref(false);
-    let startY = 0;
-    let startX = 0;
-    let startScrollTop = 0;
-    let startScrollLeft = 0;
-    const hasHorizontalScroll = ref(false);
     const scrollPoints = ref([]);
     const bindValue = computed(() => props.modelValue || props.value);
     const currentPointValue = ref(bindValue.value || null);
+    let scrollEventDebounceTimer = null;
     provide("ToScroll", {
       registerScrollPoint: (_el, _value) => {
         nextTick(() => {
@@ -36,15 +28,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     provide("scrollValue", currentPointValue);
-    const barVisibleClass = computed(() => {
-      return `bar-${String(props.barDisplay)}`;
-    });
-    const checkHorizontalScroll = () => {
-      if (scrollRef.value) {
-        const { scrollWidth, clientWidth } = scrollRef.value;
-        hasHorizontalScroll.value = scrollWidth > clientWidth;
-      }
-    };
     const setScrollPoints = () => {
       if (!scrollRef.value)
         return;
@@ -182,95 +165,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       });
-      if (props.virtual) {
-        window.addEventListener("mousemove", onMousemove);
-        window.addEventListener("mouseup", onMouseup);
-        window.addEventListener("mouseleave", onMouseup);
-        if (scrollRef.value) {
-          scrollRef.value.addEventListener("mouseenter", onMouseenter);
-          scrollRef.value.addEventListener("mouseleave", onMouseleave);
-        }
-        nextTick(() => {
-          checkHorizontalScroll();
-        });
-      }
     });
     onUnmounted(() => {
-      if (props.virtual) {
-        window.removeEventListener("mousemove", onMousemove);
-        window.removeEventListener("mouseup", onMouseup);
-        window.removeEventListener("mouseleave", onMouseup);
-        if (scrollRef.value) {
-          scrollRef.value.removeEventListener("mouseenter", onMouseenter);
-          scrollRef.value.removeEventListener("mouseleave", onMouseleave);
-        }
-      }
       if (scrollUpdateTimer) {
         clearTimeout(scrollUpdateTimer);
         scrollUpdateTimer = null;
       }
     });
-    const onMouseenter = () => {
-      isHovering.value = true;
-    };
-    const onMouseleave = () => {
-      if (!isDragging.value && !isHorizontalDragging.value) {
-        isHovering.value = false;
-      }
-    };
-    const onThumbMousedown = (e) => {
-      if (!scrollRef.value || !props.virtual)
-        return;
-      e.preventDefault();
-      e.stopPropagation();
-      if (scrollRef.value) {
-        scrollRef.value.classList.add("dragging-scrollbar");
-      }
-      startY = e.clientY;
-      startScrollTop = scrollRef.value.scrollTop;
-      isDragging.value = true;
-    };
-    const onHorizontalThumbMousedown = (e) => {
-      if (!scrollRef.value || !props.virtual)
-        return;
-      e.preventDefault();
-      e.stopPropagation();
-      if (scrollRef.value) {
-        scrollRef.value.classList.add("dragging-scrollbar-horizontal");
-      }
-      startX = e.clientX;
-      startScrollLeft = scrollRef.value.scrollLeft;
-      isHorizontalDragging.value = true;
-    };
-    const onMousemove = (e) => {
-      if (isDragging.value && scrollRef.value && barThumb.value) {
-        const deltaY = e.clientY - startY;
-        const contentHeight = scrollRef.value.scrollHeight;
-        const containerHeight = scrollRef.value.clientHeight;
-        const ratio = containerHeight / contentHeight;
-        scrollRef.value.scrollTop = startScrollTop + deltaY / ratio;
-      }
-      if (isHorizontalDragging.value && scrollRef.value && horizontalBarThumb.value) {
-        const deltaX = e.clientX - startX;
-        const contentWidth = scrollRef.value.scrollWidth;
-        const containerWidth = scrollRef.value.clientWidth;
-        const ratio = containerWidth / contentWidth;
-        scrollRef.value.scrollLeft = startScrollLeft + deltaX / ratio;
-      }
-    };
-    const onMouseup = () => {
-      isDragging.value = false;
-      isHorizontalDragging.value = false;
-      if (!isHovering.value) {
-        setTimeout(() => {
-          isHovering.value = false;
-        }, 300);
-      }
-      if (scrollRef.value) {
-        scrollRef.value.classList.remove("dragging-scrollbar");
-        scrollRef.value.classList.remove("dragging-scrollbar-horizontal");
-      }
-    };
     const handleScroll = (event) => {
       emit("scroll", event);
       if (isTabTriggeredScroll) {
@@ -280,10 +181,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       const scrollTop = scrollRef.value.scrollTop;
       emit("change", scrollTop);
-      const { scrollHeight, clientHeight } = scrollRef.value;
-      if (scrollTop + clientHeight >= scrollHeight - 5) {
-        emit("bottom");
+      if (scrollEventDebounceTimer) {
+        clearTimeout(scrollEventDebounceTimer);
       }
+      scrollEventDebounceTimer = setTimeout(() => {
+        const { scrollHeight, clientHeight } = scrollRef.value;
+        if (scrollTop + clientHeight >= scrollHeight - 5) {
+          emit("bottom");
+        }
+        if (scrollTop <= 5) {
+          emit("top");
+        }
+      }, 100);
       if (scrollPoints.value.length > 0) {
         if (scrollUpdateTimer) {
           clearTimeout(scrollUpdateTimer);
@@ -296,9 +205,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             emit("update:modelValue", pointValue);
             emit("update:value", pointValue);
             notifyScrollPointsActive(pointValue);
-            if (props.virtual && barThumb.value) {
-              updateVirtualScrollbar();
-            }
           }
         });
       }
@@ -309,25 +215,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("scrollEnd");
       }, 100);
     };
-    const updateVirtualScrollbar = () => {
-      if (!scrollRef.value || !props.virtual)
-        return;
-      nextTick(() => {
-        const { scrollTop, scrollHeight, clientHeight } = scrollRef.value;
-        const thumbHeight = Math.max(30, clientHeight / scrollHeight * clientHeight);
-        const thumbTop = scrollTop / (scrollHeight - clientHeight) * (clientHeight - thumbHeight);
-        if (barThumb.value) {
-          barThumb.value.style.transform = `translateY(${thumbTop}px)`;
-        }
-      });
-    };
     const to = (target) => {
       if (!scrollRef.value)
         return;
       if (target === "$bottom") {
         scrollRef.value.scrollTo({
           top: scrollRef.value.scrollHeight - scrollRef.value.clientHeight,
-          behavior: props.virtual ? "smooth" : "auto"
+          behavior: "auto"
         });
         return;
       }
@@ -337,7 +231,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const relativeTop = elementTop - containerTop + scrollRef.value.scrollTop;
         scrollRef.value.scrollTo({
           top: relativeTop,
-          behavior: props.virtual ? "smooth" : "auto"
+          behavior: "auto"
         });
         return;
       }
@@ -346,7 +240,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         scrollRef.value.scrollTo({
           top: position,
           left: 0,
-          behavior: props.virtual ? "smooth" : "auto"
+          behavior: "auto"
         });
         return;
       }
@@ -355,30 +249,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
     };
-    const thumbStyle = computed(() => {
-      if (!scrollRef.value || !props.virtual)
-        return {};
-      const { clientHeight, scrollHeight, scrollTop } = scrollRef.value;
-      const thumbHeight = Math.max(30, clientHeight / scrollHeight * clientHeight);
-      const thumbTop = scrollTop / (scrollHeight - clientHeight) * (clientHeight - thumbHeight);
-      return {
-        height: `${thumbHeight}px`,
-        transform: `translateY(${thumbTop}px)`,
-        width: "6px"
-      };
-    });
-    const horizontalThumbStyle = computed(() => {
-      if (!scrollRef.value || !props.virtual)
-        return {};
-      const { clientWidth, scrollWidth, scrollLeft } = scrollRef.value;
-      const thumbWidth = Math.max(30, clientWidth / scrollWidth * clientWidth);
-      const thumbLeft = scrollLeft / (scrollWidth - clientWidth) * (clientWidth - thumbWidth);
-      return {
-        width: `${thumbWidth}px`,
-        transform: `translateX(${thumbLeft}px)`,
-        height: "6px"
-      };
-    });
     const setStyle = computed(() => {
       const obj = {};
       if (props.height) {
@@ -392,11 +262,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const setClass = computed(() => {
       let arr = [];
-      if (props.virtual) {
-        arr.push("hide-scrollbar");
-      }
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...getModeClasses(props.mode));
+      }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
+      if (props.hide) {
+        arr.push("is-hide");
       }
       return arr;
     });
@@ -428,64 +301,63 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             break;
         }
       }
-      if (props.virtual) {
-        obj.overflow = "auto";
-        obj.position = "relative";
-        obj.width = "100%";
-      }
-      if (props.mode === "horizontal") {
-        obj.width = props.virtual ? "100%" : "max-content";
-        obj.display = "inline-block";
-      }
       return obj;
     });
+    function adjust() {
+      nextTick(() => {
+        setScrollPoints();
+        const observer = new MutationObserver(() => {
+          setScrollPoints();
+        });
+        if (scrollRef.value) {
+          observer.observe(scrollRef.value, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["data-point-value"]
+          });
+          if (props.value) {
+            setTimeout(() => {
+              if (typeof props.value === "string" || typeof props.value === "number") {
+                scrollToValue(props.value, "auto");
+              }
+            }, 100);
+          }
+        }
+      });
+    }
     __expose({
       to,
       scrollRef,
       isScrolling,
       setScrollPoints,
       findScrollPoint,
-      checkHorizontalScroll
+      adjust
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "scrollRef",
-        ref: scrollRef,
         class: normalizeClass(["to-scroll", setClass.value]),
-        style: normalizeStyle(setStyle.value),
-        onScroll: handleScroll
+        flex: _ctx.flex ? _ctx.flex : null,
+        style: normalizeStyle(setStyle.value)
       }, [
-        props.virtual ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["to-scroll-bar", [barVisibleClass.value, { active: isScrolling.value || isHovering.value }]])
-        }, [
-          createElementVNode("div", {
-            ref_key: "barThumb",
-            ref: barThumb,
-            class: "to-scroll-thumb",
-            style: normalizeStyle(thumbStyle.value),
-            onMousedown: onThumbMousedown
-          }, null, 36)
-        ], 2)) : createCommentVNode("", true),
-        props.virtual && hasHorizontalScroll.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["to-scroll-bar horizontal", [barVisibleClass.value, { active: isScrolling.value || isHovering.value }]])
-        }, [
-          createElementVNode("div", {
-            ref_key: "horizontalBarThumb",
-            ref: horizontalBarThumb,
-            class: "to-scroll-thumb",
-            style: normalizeStyle(horizontalThumbStyle.value),
-            onMousedown: onHorizontalThumbMousedown
-          }, null, 36)
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(["to-scroll-content", { "virtual-scroll": props.virtual }]),
-          style: normalizeStyle(setContentStyle.value)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 6)
-      ], 38);
+        createCommentVNode(" \u6EDA\u52A8\u5185\u5BB9\u533A\u57DF "),
+        createElementVNode(
+          "div",
+          {
+            ref_key: "scrollRef",
+            ref: scrollRef,
+            class: "to-scroll-content",
+            style: normalizeStyle(setContentStyle.value),
+            onScroll: handleScroll
+          },
+          [
+            createCommentVNode(" \u9ED8\u8BA4\u5185\u5BB9\u63D2\u69FD "),
+            renderSlot(_ctx.$slots, "default")
+          ],
+          36
+          /* STYLE, NEED_HYDRATION */
+        )
+      ], 14, ["flex"]);
     };
   }
 });