@koi-design/uxd-ui 14.0.2 → 14.0.4

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

@@ -334,8 +334,8 @@ export declare const URate: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -347,41 +347,41 @@ export declare const URate: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'visible-change': (v: boolean) => boolean;
                 'update:visible': (v: boolean) => boolean;
             }, import("vue").PublicProps, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -635,8 +635,8 @@ export declare const URate: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -648,38 +648,38 @@ export declare const URate: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -742,8 +742,8 @@ export declare const URate: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -755,41 +755,41 @@ export declare const URate: {
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, string, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -1398,8 +1398,8 @@ export declare const URate: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -1411,41 +1411,41 @@ export declare const URate: {
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -1699,8 +1699,8 @@ export declare const URate: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -1712,38 +1712,38 @@ export declare const URate: {
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -1806,8 +1806,8 @@ export declare const URate: {
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            type: import("vue").PropType<"light" | "red">;
+            default: "light" | "red";
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
@@ -1819,41 +1819,41 @@ export declare const URate: {
         prefixCls: import("vue").ComputedRef<string>;
         arrowStyle: import("vue").ComputedRef<{
             top: string;
+            right: string;
             transform: string;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
             bottom: string;
+            right: string;
             transform: string;
             top?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
+            top: string;
             left: string;
             transform: string;
-            top?: undefined;
-            bottom?: undefined;
             right?: undefined;
+            bottom?: undefined;
         } | {
-            right: string;
+            bottom: string;
+            left: string;
             transform: string;
             top?: undefined;
-            bottom?: undefined;
-            left?: undefined;
+            right?: undefined;
         } | {
             top?: undefined;
+            right?: undefined;
             transform?: undefined;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         }>;
         onVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'visible-change': (v: boolean) => boolean;
         'update:visible': (v: boolean) => boolean;
     }, string, {
-        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        color: "light" | "red";
         offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";

package/es/components/Slider/Slider.d.ts

@@ -49,15 +49,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"strong" | "surface">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -199,15 +190,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"strong" | "surface">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -217,9 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onAfter-change"?: (v: import("./Slider.type").SliderValueType) => any;
 }>, {
     max: number;
-    color: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
     disabled: boolean;
-    size: "small" | "default";
     vertical: boolean;
     range: boolean;
     min: number;

package/es/components/Slider/Slider.mjs

@@ -390,13 +390,12 @@ var Slider = defineComponent({
     })]);
     return createVNode("div", {
       "ref": "sliderRef",
-      "class": [this.prefixCls, `${this.prefixCls}-variant-${this.variant}`, `${this.prefixCls}-size-${this.size}`, {
+      "class": [this.prefixCls, `${this.prefixCls}-variant-${this.variant}`, {
         [`${this.prefixCls}-with-marks`]: this.marks && Object.keys(this.marks).length,
         [`${this.prefixCls}-disabled`]: this.disabled,
         [`${this.prefixCls}-vertical`]: this.vertical,
         [`${this.prefixCls}-rtl`]: this.direction === "rtl" && !this.vertical
       }],
-      "data-color": this.color,
       "onMousedown": this.handleMouseDown,
       "onMouseup": this.handleMouseUp
     }, [createVNode("div", {

package/es/components/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport Handle from './Handle.vue';\nimport Marks from './Marks.vue';\nimport Steps from './Steps.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport KeyCode from '../../utils/KeyCode';\nimport { sliderProps, sliderEmits } from './Slider.type';\n\nexport default defineComponent({\n  name: 'USlider',\n  props: sliderProps,\n  emits: sliderEmits,\n  setup(props, { emit }) {\n    const sliderRef = ref<any | null>(null);\n    const stateValue = ref(props.modelValue);\n    const handleSize = computed(() => {\n      return props.variant === 'strong' ? 'var(--slider-strong-handle-size)' : 'var(--slider-handle-size)';\n    });\n\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('slider');\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const isRLT = computed(() => {\n      return computedDirection.value === 'rtl' && !props.vertical;\n    });\n\n    // methods\n\n    const getSliderStart = () => {\n      if (sliderRef.value) {\n        const rect = sliderRef.value.getBoundingClientRect();\n        if (props.vertical) {\n          return rect.top;\n        }\n        if (isRLT.value) {\n          return window.pageXOffset + rect.right;\n        }\n        return window.pageXOffset + rect.left;\n      }\n      return 0;\n    };\n\n    const getMousePosition = (e: any) => {\n      let zoom = 1;\n      if (window.visualViewport) {\n        zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2);\n      }\n      return (props.vertical ? e.clientY : e.pageX) / zoom;\n    };\n\n    const getSliderLength = () => {\n      if (!sliderRef.value) {\n        return 0;\n      }\n      const coords = sliderRef.value.getBoundingClientRect();\n      return props.vertical ? coords.height : coords.width;\n    };\n\n    const calcValue = (offset: number) => {\n      const ratio = Math.max(offset, 0) / getSliderLength();\n      const value = props.vertical ? (1 - ratio) * (props.max - props.min) + props.min : ratio * (props.max - props.min) + props.min;\n      return Math.round(value);\n    };\n\n    const trimAlignValue = (v: number) => {\n      if (v <= props.min) {\n        return props.min;\n      }\n      if (v >= props.max) {\n        return props.max;\n      }\n      return v;\n    };\n\n    const calcValueByPosition = (position: number) => {\n      const pixelOffset = computedDirection.value === 'ltr' ? position - getSliderStart() : getSliderStart() - position;\n      const nextValue = trimAlignValue(calcValue(pixelOffset));\n      return nextValue;\n    };\n\n    const calcOffset = (value: number) => {\n      const ratio = (value - props.min) / (props.max - props.min);\n      return ratio * 100;\n    };\n\n    const makeDecimal = (value: number, step: number) => {\n      if (step < 1) {\n        const stepStr = step.toString();\n        const m = stepStr.split('.')[1].length || 0;\n        const multiple = 10 ** m;\n        return ((value * multiple) % (step * multiple)) / multiple;\n      }\n      return value % step;\n    };\n\n    const updateStateValue = (value: number) => {\n      let nextValue = value;\n      if (props.step) {\n        const modulus = makeDecimal(nextValue, props.step);\n        const subValue = nextValue - modulus;\n        nextValue = modulus > props.step / 2 ? subValue + props.step : subValue;\n      }\n      if (props.marks) {\n        const marksMap: Record<number, number> = {};\n        const subValueArr: number[] = [];\n        const marksKeys = Object.keys(props.marks);\n        marksKeys.forEach((ele) => {\n          const key = Math.abs(value - Number(ele));\n          subValueArr.push(key);\n          marksMap[key] = Number(ele);\n        });\n        const minValue = Math.min.apply(null, subValueArr);\n        nextValue = Math.abs(value - nextValue) > minValue || props.step === undefined ? marksMap[minValue] : nextValue;\n      }\n      if (!props.range) {\n        stateValue.value = nextValue;\n      } else if (Array.isArray(stateValue.value)) {\n        if (nextValue > stateValue.value[1] || Math.abs(nextValue - stateValue.value[0]) > Math.abs(nextValue - stateValue.value[1])) {\n          stateValue.value[1] = nextValue;\n        } else if (\n          (stateValue.value[1] - nextValue === 1 && nextValue - stateValue.value[0] !== 1) ||\n          (nextValue - stateValue.value[0] === 1 && nextValue === stateValue.value[1])\n        ) {\n          stateValue.value[1] = stateValue.value[0];\n        } else if (stateValue.value[1] === stateValue.value[0]) {\n          if (nextValue < stateValue.value[0]) {\n            stateValue.value[0] = nextValue;\n          } else {\n            stateValue.value[1] = nextValue;\n          }\n        } else {\n          stateValue.value[0] = nextValue;\n        }\n      }\n      emit('update:modelValue', stateValue.value);\n      emit('change', stateValue.value);\n    };\n\n    const handleMouseUp = () => {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeDocumentEvents();\n      emit('after-change', stateValue.value);\n    };\n\n    const handleMouseMove = (e: any) => {\n      if (!sliderRef.value) {\n        handleMouseUp();\n        return false;\n      }\n      const position = getMousePosition(e);\n      const newStateValue = calcValueByPosition(position);\n      updateStateValue(newStateValue);\n    };\n\n    const addDocumentMouseEvents = () => {\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    };\n    const removeDocumentEvents = () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n\n    const getCurrentValue = (type: string) => {\n      if (type === 'min') {\n        return Array.isArray(stateValue.value) ? stateValue.value[0] : stateValue.value;\n      }\n      return (stateValue.value as number[])[1];\n    };\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    // computed\n    const rangeStyle = computed(() => {\n      if (Array.isArray(stateValue.value)) {\n        let left = '0';\n        let width = '0';\n        if (stateValue.value[0] === props.min && stateValue.value[1] === props.min) {\n          left = '0';\n          width = '0';\n        } else if (props.variant === 'strong') {\n          left = `calc(${calcOffset(stateValue.value[0])}% - ${handleSize.value} / 2)`;\n          width = `calc(${calcOffset(stateValue.value[1] - stateValue.value[0])}% + ${handleSize.value})`;\n        } else {\n          left = `calc(${calcOffset(stateValue.value[0])}%)`;\n          width = `calc(${calcOffset(stateValue.value[1] - stateValue.value[0])}%)`;\n        }\n\n        if (props.vertical) {\n          return {\n            bottom: `${left}`,\n            height: `${width}`\n          };\n        }\n        if (computedDirection.value === 'rtl') {\n          return {\n            right: `${left}`,\n            width: `${width}`\n          };\n        }\n        return {\n          left: `${left}`,\n          width: `${width}`\n        };\n      }\n      let size = '0';\n\n      if (stateValue.value === props.min) {\n        size = '0';\n      } else if (props.variant === 'strong') {\n        size = `calc(${calcOffset(stateValue.value)}% + ${handleSize.value})`;\n      } else {\n        size = `calc(${calcOffset(stateValue.value)}% + ${handleSize.value} / 2)`;\n      }\n\n      if (props.vertical) {\n        return {\n          bottom: `calc(-1 * ${handleSize.value} / 2)`,\n          height: `${size}`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `calc(-1 * ${handleSize.value} / 2)`,\n          width: `${size}`\n        };\n      }\n      return {\n        left: `calc(-1 * ${handleSize.value} / 2)`,\n        width: `${size}`\n      };\n    });\n\n    const maskStyle = computed(() => {\n      if (Array.isArray(stateValue.value)) {\n        const sizes = [\n          {\n            left: '0',\n            width: '0'\n          },\n          {\n            left: '0',\n            width: '0'\n          }\n        ];\n\n        if (stateValue.value[0] === props.min && stateValue.value[1] === props.min) {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 1px)`;\n          sizes[0].width = `calc(100% + ${handleSize.value})`;\n        } else if (props.variant === 'strong') {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 2px)`;\n          sizes[0].width = `calc(${calcOffset(stateValue.value[0])}% + ${handleSize.value} + 2px)`;\n          sizes[1].left = `calc(${calcOffset(stateValue.value[1])}% - ${handleSize.value} / 2)`;\n          sizes[1].width = `calc(${100 - calcOffset(stateValue.value[1])}% + ${handleSize.value} + 2px)`;\n        } else {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 1px)`;\n          sizes[0].width = `calc(${calcOffset(stateValue.value[0])}% + ${handleSize.value} / 2)`;\n          sizes[1].left = `calc(${calcOffset(stateValue.value[1])}%)`;\n          sizes[1].width = `calc(${100 - calcOffset(stateValue.value[1])}% + ${handleSize.value} / 2)`;\n        }\n\n        if (props.vertical) {\n          return [\n            {\n              bottom: `${sizes[0].left}`,\n              height: `${sizes[0].width}`\n            },\n            {\n              bottom: `${sizes[1].left}`,\n              height: `${sizes[1].width}`\n            }\n          ];\n        }\n        return [\n          {\n            left: `${sizes[0].left}`,\n            width: `${sizes[0].width}`\n          },\n          {\n            left: `${sizes[1].left}`,\n            width: `${sizes[1].width}`\n          }\n        ];\n      }\n      let size = '0';\n      let left = '0';\n      if (props.variant === 'strong') {\n        left = `calc(-1 * ${handleSize.value} / 2 - 2px)`;\n        size = `calc(${100 - calcOffset(stateValue.value)}% + ${handleSize.value} + 2px)`;\n      } else {\n        left = `calc(-1 * ${handleSize.value} / 2)`;\n\n        size = `calc(${100 - calcOffset(stateValue.value)}% + ${handleSize.value} / 2)`;\n      }\n      if (props.vertical) {\n        return {\n          top: `${left}`,\n          height: `${size}`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          left: `${left}`,\n          width: `${size}`\n        };\n      }\n      return {\n        right: `${left}`,\n        width: `${size}`\n      };\n    });\n\n    const minPointStyle = computed(() => {\n      const minValue = Array.isArray(stateValue.value) ? stateValue.value[0] : stateValue.value;\n      if (props.vertical) {\n        return {\n          bottom: `${calcOffset(minValue)}%`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `${calcOffset(minValue)}%`\n        };\n      }\n      return {\n        left: `${calcOffset(minValue)}%`\n      };\n    });\n    const maxPointStyle = computed(() => {\n      const maxValue = Array.isArray(stateValue.value) ? stateValue.value[1] : props.max;\n      if (props.vertical) {\n        return {\n          bottom: `${calcOffset(maxValue)}%`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `${calcOffset(maxValue)}%`\n        };\n      }\n      return {\n        left: `${calcOffset(maxValue)}%`\n      };\n    });\n    const lowerBound = computed(() => {\n      return Array.isArray(stateValue.value) ? stateValue.value[0] : props.min;\n    });\n    const upperBound = computed(() => {\n      return Array.isArray(stateValue.value) ? stateValue.value[1] : stateValue.value;\n    });\n\n    watch(\n      () => props.modelValue,\n      () => {\n        stateValue.value = props.modelValue;\n      }\n    );\n\n    // Events\n    const handleMarkClick = ({ e, point }: { e: any; point: number }) => {\n      pauseEvent(e);\n      updateStateValue(point);\n    };\n    const handleMouseDown = (e: any) => {\n      if (props.disabled) return;\n      const position = getMousePosition(e);\n      const newStateValue = calcValueByPosition(position);\n      updateStateValue(newStateValue);\n      addDocumentMouseEvents();\n      pauseEvent(e);\n    };\n\n    const handleKeyDown = (e: any, type: string) => {\n      let nextValue = getCurrentValue(type);\n      const stepValue = props.step || 1;\n      if (e.keyCode === KeyCode.RIGHT || e.keyCode === KeyCode.UP) {\n        nextValue += stepValue;\n      }\n      if (e.keyCode === KeyCode.DOWN || e.keyCode === KeyCode.LEFT) {\n        nextValue -= stepValue;\n      }\n      updateStateValue(nextValue);\n      pauseEvent(e);\n    };\n\n    return {\n      sliderRef,\n      prefixCls,\n      rangeStyle,\n      maskStyle,\n      minPointStyle,\n      maxPointStyle,\n      stateValue,\n      lowerBound,\n      upperBound,\n      handleMouseDown,\n      handleMouseUp,\n      handleKeyDown,\n      handleMarkClick\n    };\n  },\n  render() {\n    const handler = (\n      <>\n        <UTooltip\n          title={this.tipFormatter(this.range ? (this.stateValue as number[])[0] : (this.stateValue as number))}\n          visible={this.tooltipVisible}\n          offset={[0, 0]}\n        >\n          <Handle\n            prefix-cls={this.prefixCls}\n            style={this.minPointStyle}\n            onKeydown={(e: any) => this.handleKeyDown(e, 'min')}\n            isRangeStart={this.range}\n          />\n        </UTooltip>\n        {this.range && (\n          <UTooltip title={this.tipFormatter((this.stateValue as number[])[1])} visible={this.tooltipVisible} offset={[0, 0]}>\n            <Handle prefix-cls={this.prefixCls} style={this.maxPointStyle} onKeydown={(e: any) => this.handleKeyDown(e, 'max')} />\n          </UTooltip>\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref=\"sliderRef\"\n        class={[\n          this.prefixCls,\n          `${this.prefixCls}-variant-${this.variant}`,\n          `${this.prefixCls}-size-${this.size}`,\n          {\n            [`${this.prefixCls}-with-marks`]: this.marks && Object.keys(this.marks).length,\n            [`${this.prefixCls}-disabled`]: this.disabled,\n            [`${this.prefixCls}-vertical`]: this.vertical,\n            [`${this.prefixCls}-rtl`]: this.direction === 'rtl' && !this.vertical\n          }\n        ]}\n        data-color={this.color}\n        onMousedown={this.handleMouseDown}\n        onMouseup={this.handleMouseUp}\n      >\n        <div class={`${this.prefixCls}-content`}>\n          <div class={`${this.prefixCls}-track`}></div>\n          {this.included && !this.disabled ? (\n            this.range ? (\n              <>\n                <div class={`${this.prefixCls}-mask-start`} style={(this.maskStyle as any[])[0]} />\n                <div class={`${this.prefixCls}-mask`} style={(this.maskStyle as any[])[1]} />\n              </>\n            ) : (\n              <div class={`${this.prefixCls}-mask`} style={this.maskStyle} />\n            )\n          ) : null}\n          {this.included && <div class={`${this.prefixCls}-range`} style={this.rangeStyle} />}\n\n          <Steps\n            prefixCls={this.prefixCls}\n            included={this.included}\n            marks={this.marks}\n            min={this.min}\n            max={this.max}\n            lowerBound={this.lowerBound}\n            upperBound={this.upperBound}\n            vertical={this.vertical}\n            direction={this.direction}\n            showDots={this.showDots}\n            step={this.step}\n          />\n          {handler}\n          {!!this.marks && (\n            <Marks\n              prefix-cls={this.prefixCls}\n              included={this.included}\n              marks={this.marks}\n              min={this.min}\n              max={this.max}\n              lowerBound={this.lowerBound}\n              upperBound={this.upperBound}\n              vertical={this.vertical}\n              direction={this.direction}\n              onMark-click={this.handleMarkClick}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","sliderProps","emits","sliderEmits","setup","emit","sliderRef","ref","stateValue","modelValue","handleSize","computed","variant","prefixCls","config","globalConfig","useGlobalConfig","computedDirection","direction","isRLT","value","vertical","getSliderStart","rect","getBoundingClientRect","top","window","pageXOffset","right","left","getMousePosition","e","zoom","visualViewport","width","document","body","toFixed","clientY","pageX","getSliderLength","coords","height","calcValue","offset","ratio","Math","max","min","round","trimAlignValue","v","calcValueByPosition","position","pixelOffset","nextValue","calcOffset","makeDecimal","step","stepStr","toString","m","split","length","multiple","updateStateValue","modulus","subValue","marks","marksMap","subValueArr","marksKeys","Object","keys","forEach","ele","key","abs","Number","push","minValue","apply","undefined","range","Array","isArray","handleMouseUp","removeDocumentEvents","handleMouseMove","newStateValue","addDocumentMouseEvents","addEventListener","removeEventListener","getCurrentValue","type","pauseEvent","stopPropagation","preventDefault","rangeStyle","bottom","size","maskStyle","sizes","minPointStyle","maxPointStyle","maxValue","lowerBound","upperBound","watch","handleMarkClick","point","handleMouseDown","disabled","handleKeyDown","stepValue","keyCode","KeyCode","RIGHT","UP","DOWN","LEFT","render","handler","_createVNode","_Fragment","UTooltip","tipFormatter","tooltipVisible","default","Handle","color","included","Steps","showDots","Marks"],"mappings":"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"}
+{"version":3,"file":"Slider.mjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport Handle from './Handle.vue';\nimport Marks from './Marks.vue';\nimport Steps from './Steps.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport KeyCode from '../../utils/KeyCode';\nimport { sliderProps, sliderEmits } from './Slider.type';\n\nexport default defineComponent({\n  name: 'USlider',\n  props: sliderProps,\n  emits: sliderEmits,\n  setup(props, { emit }) {\n    const sliderRef = ref<any | null>(null);\n    const stateValue = ref(props.modelValue);\n    const handleSize = computed(() => {\n      return props.variant === 'strong' ? 'var(--slider-strong-handle-size)' : 'var(--slider-handle-size)';\n    });\n\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('slider');\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const isRLT = computed(() => {\n      return computedDirection.value === 'rtl' && !props.vertical;\n    });\n\n    // methods\n\n    const getSliderStart = () => {\n      if (sliderRef.value) {\n        const rect = sliderRef.value.getBoundingClientRect();\n        if (props.vertical) {\n          return rect.top;\n        }\n        if (isRLT.value) {\n          return window.pageXOffset + rect.right;\n        }\n        return window.pageXOffset + rect.left;\n      }\n      return 0;\n    };\n\n    const getMousePosition = (e: any) => {\n      let zoom = 1;\n      if (window.visualViewport) {\n        zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2);\n      }\n      return (props.vertical ? e.clientY : e.pageX) / zoom;\n    };\n\n    const getSliderLength = () => {\n      if (!sliderRef.value) {\n        return 0;\n      }\n      const coords = sliderRef.value.getBoundingClientRect();\n      return props.vertical ? coords.height : coords.width;\n    };\n\n    const calcValue = (offset: number) => {\n      const ratio = Math.max(offset, 0) / getSliderLength();\n      const value = props.vertical ? (1 - ratio) * (props.max - props.min) + props.min : ratio * (props.max - props.min) + props.min;\n      return Math.round(value);\n    };\n\n    const trimAlignValue = (v: number) => {\n      if (v <= props.min) {\n        return props.min;\n      }\n      if (v >= props.max) {\n        return props.max;\n      }\n      return v;\n    };\n\n    const calcValueByPosition = (position: number) => {\n      const pixelOffset = computedDirection.value === 'ltr' ? position - getSliderStart() : getSliderStart() - position;\n      const nextValue = trimAlignValue(calcValue(pixelOffset));\n      return nextValue;\n    };\n\n    const calcOffset = (value: number) => {\n      const ratio = (value - props.min) / (props.max - props.min);\n      return ratio * 100;\n    };\n\n    const makeDecimal = (value: number, step: number) => {\n      if (step < 1) {\n        const stepStr = step.toString();\n        const m = stepStr.split('.')[1].length || 0;\n        const multiple = 10 ** m;\n        return ((value * multiple) % (step * multiple)) / multiple;\n      }\n      return value % step;\n    };\n\n    const updateStateValue = (value: number) => {\n      let nextValue = value;\n      if (props.step) {\n        const modulus = makeDecimal(nextValue, props.step);\n        const subValue = nextValue - modulus;\n        nextValue = modulus > props.step / 2 ? subValue + props.step : subValue;\n      }\n      if (props.marks) {\n        const marksMap: Record<number, number> = {};\n        const subValueArr: number[] = [];\n        const marksKeys = Object.keys(props.marks);\n        marksKeys.forEach((ele) => {\n          const key = Math.abs(value - Number(ele));\n          subValueArr.push(key);\n          marksMap[key] = Number(ele);\n        });\n        const minValue = Math.min.apply(null, subValueArr);\n        nextValue = Math.abs(value - nextValue) > minValue || props.step === undefined ? marksMap[minValue] : nextValue;\n      }\n      if (!props.range) {\n        stateValue.value = nextValue;\n      } else if (Array.isArray(stateValue.value)) {\n        if (nextValue > stateValue.value[1] || Math.abs(nextValue - stateValue.value[0]) > Math.abs(nextValue - stateValue.value[1])) {\n          stateValue.value[1] = nextValue;\n        } else if (\n          (stateValue.value[1] - nextValue === 1 && nextValue - stateValue.value[0] !== 1) ||\n          (nextValue - stateValue.value[0] === 1 && nextValue === stateValue.value[1])\n        ) {\n          stateValue.value[1] = stateValue.value[0];\n        } else if (stateValue.value[1] === stateValue.value[0]) {\n          if (nextValue < stateValue.value[0]) {\n            stateValue.value[0] = nextValue;\n          } else {\n            stateValue.value[1] = nextValue;\n          }\n        } else {\n          stateValue.value[0] = nextValue;\n        }\n      }\n      emit('update:modelValue', stateValue.value);\n      emit('change', stateValue.value);\n    };\n\n    const handleMouseUp = () => {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeDocumentEvents();\n      emit('after-change', stateValue.value);\n    };\n\n    const handleMouseMove = (e: any) => {\n      if (!sliderRef.value) {\n        handleMouseUp();\n        return false;\n      }\n      const position = getMousePosition(e);\n      const newStateValue = calcValueByPosition(position);\n      updateStateValue(newStateValue);\n    };\n\n    const addDocumentMouseEvents = () => {\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    };\n    const removeDocumentEvents = () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n\n    const getCurrentValue = (type: string) => {\n      if (type === 'min') {\n        return Array.isArray(stateValue.value) ? stateValue.value[0] : stateValue.value;\n      }\n      return (stateValue.value as number[])[1];\n    };\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    // computed\n    const rangeStyle = computed(() => {\n      if (Array.isArray(stateValue.value)) {\n        let left = '0';\n        let width = '0';\n        if (stateValue.value[0] === props.min && stateValue.value[1] === props.min) {\n          left = '0';\n          width = '0';\n        } else if (props.variant === 'strong') {\n          left = `calc(${calcOffset(stateValue.value[0])}% - ${handleSize.value} / 2)`;\n          width = `calc(${calcOffset(stateValue.value[1] - stateValue.value[0])}% + ${handleSize.value})`;\n        } else {\n          left = `calc(${calcOffset(stateValue.value[0])}%)`;\n          width = `calc(${calcOffset(stateValue.value[1] - stateValue.value[0])}%)`;\n        }\n\n        if (props.vertical) {\n          return {\n            bottom: `${left}`,\n            height: `${width}`\n          };\n        }\n        if (computedDirection.value === 'rtl') {\n          return {\n            right: `${left}`,\n            width: `${width}`\n          };\n        }\n        return {\n          left: `${left}`,\n          width: `${width}`\n        };\n      }\n      let size = '0';\n\n      if (stateValue.value === props.min) {\n        size = '0';\n      } else if (props.variant === 'strong') {\n        size = `calc(${calcOffset(stateValue.value)}% + ${handleSize.value})`;\n      } else {\n        size = `calc(${calcOffset(stateValue.value)}% + ${handleSize.value} / 2)`;\n      }\n\n      if (props.vertical) {\n        return {\n          bottom: `calc(-1 * ${handleSize.value} / 2)`,\n          height: `${size}`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `calc(-1 * ${handleSize.value} / 2)`,\n          width: `${size}`\n        };\n      }\n      return {\n        left: `calc(-1 * ${handleSize.value} / 2)`,\n        width: `${size}`\n      };\n    });\n\n    const maskStyle = computed(() => {\n      if (Array.isArray(stateValue.value)) {\n        const sizes = [\n          {\n            left: '0',\n            width: '0'\n          },\n          {\n            left: '0',\n            width: '0'\n          }\n        ];\n\n        if (stateValue.value[0] === props.min && stateValue.value[1] === props.min) {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 1px)`;\n          sizes[0].width = `calc(100% + ${handleSize.value})`;\n        } else if (props.variant === 'strong') {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 2px)`;\n          sizes[0].width = `calc(${calcOffset(stateValue.value[0])}% + ${handleSize.value} + 2px)`;\n          sizes[1].left = `calc(${calcOffset(stateValue.value[1])}% - ${handleSize.value} / 2)`;\n          sizes[1].width = `calc(${100 - calcOffset(stateValue.value[1])}% + ${handleSize.value} + 2px)`;\n        } else {\n          sizes[0].left = `calc(-1 * ${handleSize.value} / 2 - 1px)`;\n          sizes[0].width = `calc(${calcOffset(stateValue.value[0])}% + ${handleSize.value} / 2)`;\n          sizes[1].left = `calc(${calcOffset(stateValue.value[1])}%)`;\n          sizes[1].width = `calc(${100 - calcOffset(stateValue.value[1])}% + ${handleSize.value} / 2)`;\n        }\n\n        if (props.vertical) {\n          return [\n            {\n              bottom: `${sizes[0].left}`,\n              height: `${sizes[0].width}`\n            },\n            {\n              bottom: `${sizes[1].left}`,\n              height: `${sizes[1].width}`\n            }\n          ];\n        }\n        return [\n          {\n            left: `${sizes[0].left}`,\n            width: `${sizes[0].width}`\n          },\n          {\n            left: `${sizes[1].left}`,\n            width: `${sizes[1].width}`\n          }\n        ];\n      }\n      let size = '0';\n      let left = '0';\n      if (props.variant === 'strong') {\n        left = `calc(-1 * ${handleSize.value} / 2 - 2px)`;\n        size = `calc(${100 - calcOffset(stateValue.value)}% + ${handleSize.value} + 2px)`;\n      } else {\n        left = `calc(-1 * ${handleSize.value} / 2)`;\n\n        size = `calc(${100 - calcOffset(stateValue.value)}% + ${handleSize.value} / 2)`;\n      }\n      if (props.vertical) {\n        return {\n          top: `${left}`,\n          height: `${size}`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          left: `${left}`,\n          width: `${size}`\n        };\n      }\n      return {\n        right: `${left}`,\n        width: `${size}`\n      };\n    });\n\n    const minPointStyle = computed(() => {\n      const minValue = Array.isArray(stateValue.value) ? stateValue.value[0] : stateValue.value;\n      if (props.vertical) {\n        return {\n          bottom: `${calcOffset(minValue)}%`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `${calcOffset(minValue)}%`\n        };\n      }\n      return {\n        left: `${calcOffset(minValue)}%`\n      };\n    });\n    const maxPointStyle = computed(() => {\n      const maxValue = Array.isArray(stateValue.value) ? stateValue.value[1] : props.max;\n      if (props.vertical) {\n        return {\n          bottom: `${calcOffset(maxValue)}%`\n        };\n      }\n      if (computedDirection.value === 'rtl') {\n        return {\n          right: `${calcOffset(maxValue)}%`\n        };\n      }\n      return {\n        left: `${calcOffset(maxValue)}%`\n      };\n    });\n    const lowerBound = computed(() => {\n      return Array.isArray(stateValue.value) ? stateValue.value[0] : props.min;\n    });\n    const upperBound = computed(() => {\n      return Array.isArray(stateValue.value) ? stateValue.value[1] : stateValue.value;\n    });\n\n    watch(\n      () => props.modelValue,\n      () => {\n        stateValue.value = props.modelValue;\n      }\n    );\n\n    // Events\n    const handleMarkClick = ({ e, point }: { e: any; point: number }) => {\n      pauseEvent(e);\n      updateStateValue(point);\n    };\n    const handleMouseDown = (e: any) => {\n      if (props.disabled) return;\n      const position = getMousePosition(e);\n      const newStateValue = calcValueByPosition(position);\n      updateStateValue(newStateValue);\n      addDocumentMouseEvents();\n      pauseEvent(e);\n    };\n\n    const handleKeyDown = (e: any, type: string) => {\n      let nextValue = getCurrentValue(type);\n      const stepValue = props.step || 1;\n      if (e.keyCode === KeyCode.RIGHT || e.keyCode === KeyCode.UP) {\n        nextValue += stepValue;\n      }\n      if (e.keyCode === KeyCode.DOWN || e.keyCode === KeyCode.LEFT) {\n        nextValue -= stepValue;\n      }\n      updateStateValue(nextValue);\n      pauseEvent(e);\n    };\n\n    return {\n      sliderRef,\n      prefixCls,\n      rangeStyle,\n      maskStyle,\n      minPointStyle,\n      maxPointStyle,\n      stateValue,\n      lowerBound,\n      upperBound,\n      handleMouseDown,\n      handleMouseUp,\n      handleKeyDown,\n      handleMarkClick\n    };\n  },\n  render() {\n    const handler = (\n      <>\n        <UTooltip\n          title={this.tipFormatter(this.range ? (this.stateValue as number[])[0] : (this.stateValue as number))}\n          visible={this.tooltipVisible}\n          offset={[0, 0]}\n        >\n          <Handle\n            prefix-cls={this.prefixCls}\n            style={this.minPointStyle}\n            onKeydown={(e: any) => this.handleKeyDown(e, 'min')}\n            isRangeStart={this.range}\n          />\n        </UTooltip>\n        {this.range && (\n          <UTooltip title={this.tipFormatter((this.stateValue as number[])[1])} visible={this.tooltipVisible} offset={[0, 0]}>\n            <Handle prefix-cls={this.prefixCls} style={this.maxPointStyle} onKeydown={(e: any) => this.handleKeyDown(e, 'max')} />\n          </UTooltip>\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref=\"sliderRef\"\n        class={[\n          this.prefixCls,\n          `${this.prefixCls}-variant-${this.variant}`,\n          {\n            [`${this.prefixCls}-with-marks`]: this.marks && Object.keys(this.marks).length,\n            [`${this.prefixCls}-disabled`]: this.disabled,\n            [`${this.prefixCls}-vertical`]: this.vertical,\n            [`${this.prefixCls}-rtl`]: this.direction === 'rtl' && !this.vertical\n          }\n        ]}\n        onMousedown={this.handleMouseDown}\n        onMouseup={this.handleMouseUp}\n      >\n        <div class={`${this.prefixCls}-content`}>\n          <div class={`${this.prefixCls}-track`}></div>\n          {this.included && !this.disabled ? (\n            this.range ? (\n              <>\n                <div class={`${this.prefixCls}-mask-start`} style={(this.maskStyle as any[])[0]} />\n                <div class={`${this.prefixCls}-mask`} style={(this.maskStyle as any[])[1]} />\n              </>\n            ) : (\n              <div class={`${this.prefixCls}-mask`} style={this.maskStyle} />\n            )\n          ) : null}\n          {this.included && <div class={`${this.prefixCls}-range`} style={this.rangeStyle} />}\n\n          <Steps\n            prefixCls={this.prefixCls}\n            included={this.included}\n            marks={this.marks}\n            min={this.min}\n            max={this.max}\n            lowerBound={this.lowerBound}\n            upperBound={this.upperBound}\n            vertical={this.vertical}\n            direction={this.direction}\n            showDots={this.showDots}\n            step={this.step}\n          />\n          {handler}\n          {!!this.marks && (\n            <Marks\n              prefix-cls={this.prefixCls}\n              included={this.included}\n              marks={this.marks}\n              min={this.min}\n              max={this.max}\n              lowerBound={this.lowerBound}\n              upperBound={this.upperBound}\n              vertical={this.vertical}\n              direction={this.direction}\n              onMark-click={this.handleMarkClick}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","sliderProps","emits","sliderEmits","setup","emit","sliderRef","ref","stateValue","modelValue","handleSize","computed","variant","prefixCls","config","globalConfig","useGlobalConfig","computedDirection","direction","isRLT","value","vertical","getSliderStart","rect","getBoundingClientRect","top","window","pageXOffset","right","left","getMousePosition","e","zoom","visualViewport","width","document","body","toFixed","clientY","pageX","getSliderLength","coords","height","calcValue","offset","ratio","Math","max","min","round","trimAlignValue","v","calcValueByPosition","position","pixelOffset","nextValue","calcOffset","makeDecimal","step","stepStr","toString","m","split","length","multiple","updateStateValue","modulus","subValue","marks","marksMap","subValueArr","marksKeys","Object","keys","forEach","ele","key","abs","Number","push","minValue","apply","undefined","range","Array","isArray","handleMouseUp","removeDocumentEvents","handleMouseMove","newStateValue","addDocumentMouseEvents","addEventListener","removeEventListener","getCurrentValue","type","pauseEvent","stopPropagation","preventDefault","rangeStyle","bottom","size","maskStyle","sizes","minPointStyle","maxPointStyle","maxValue","lowerBound","upperBound","watch","handleMarkClick","point","handleMouseDown","disabled","handleKeyDown","stepValue","keyCode","KeyCode","RIGHT","UP","DOWN","LEFT","render","handler","_createVNode","_Fragment","UTooltip","tipFormatter","tooltipVisible","default","Handle","included","Steps","showDots","Marks"],"mappings":"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"}

package/es/components/Slider/Slider.type.d.ts

@@ -57,15 +57,6 @@ export declare const sliderProps: {
         type: PropType<"surface" | "strong">;
         default: string;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
-    size: {
-        type: PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: PropType<"ltr" | "rtl">;
     };

package/es/components/Slider/Slider.type.mjs

@@ -1,7 +1,3 @@
-import '../../utils/index.mjs';
-import { oneOf } from '../../utils/propsValidators.mjs';
-import { colorType } from '../../utils/globalType.mjs';
-
 const sliderProps = {
   modelValue: {
     type: [Number, Array],
@@ -55,15 +51,6 @@ const sliderProps = {
     type: String,
     default: "surface"
   },
-  color: {
-    type: String,
-    default: void 0,
-    validator: oneOf(colorType)
-  },
-  size: {
-    type: String,
-    default: "default"
-  },
   direction: {
     type: String
   }

package/es/components/Slider/Slider.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.type.mjs","sources":["../../../../src/components/Slider/Slider.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport type { ColorType, EmitFn } from '../../utils/globalType';\nimport { colorType, oneOf } from '../../utils';\n\nexport interface MarkObject {\n  label?: string;\n  style?: CSSProperties;\n}\n\nexport type MarkValueType = string | MarkObject;\n\nexport type SliderValueType = number | number[];\n\nexport const sliderProps = {\n  modelValue: {\n    type: [Number, Array] as PropType<SliderValueType>,\n    default: 0\n  },\n  min: {\n    type: Number,\n    default: 0\n  },\n  max: {\n    type: Number,\n    default: 100\n  },\n  step: {\n    type: Number\n  },\n  range: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showDots: {\n    type: Boolean,\n    default: false\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  tooltipVisible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  marks: {\n    type: Object\n  },\n  included: {\n    type: Boolean,\n    default: true\n  },\n  tipFormatter: {\n    type: Function as PropType<(val: number) => string>,\n    default: (val: number) => {\n      return `${val}`;\n    }\n  },\n  variant: {\n    type: String as PropType<'surface' | 'strong'>,\n    default: 'surface'\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  size: {\n    type: String as PropType<'small' | 'default'>,\n    default: 'default'\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>;\n\nexport const sliderEmits = {\n  'update:modelValue': (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  },\n  change: (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  },\n  'after-change': (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  }\n};\n\nexport type SliderEmits = typeof sliderEmits;\n\nexport type SliderEmit = EmitFn<SliderEmits>;\n"],"names":[],"mappings":";;;;MAaa,cAAc;AAAA,EACzB,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,SAAS;AAAA;AACX,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,QAAgB;AACxB,aAAO,GAAG;AAAA;AACZ;AACF,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAC5B,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,cAAc;AAAA,EACzB,qBAAqB,CAAC,MAAuB;AAC3C,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AACT,EACA,QAAQ,CAAC,MAAuB;AAC9B,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AACT,EACA,gBAAgB,CAAC,MAAuB;AACtC,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AAEX;;;;"}
+{"version":3,"file":"Slider.type.mjs","sources":["../../../../src/components/Slider/Slider.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport type { EmitFn } from '../../utils/globalType';\n\nexport interface MarkObject {\n  label?: string;\n  style?: CSSProperties;\n}\n\nexport type MarkValueType = string | MarkObject;\n\nexport type SliderValueType = number | number[];\n\nexport const sliderProps = {\n  modelValue: {\n    type: [Number, Array] as PropType<SliderValueType>,\n    default: 0\n  },\n  min: {\n    type: Number,\n    default: 0\n  },\n  max: {\n    type: Number,\n    default: 100\n  },\n  step: {\n    type: Number\n  },\n  range: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showDots: {\n    type: Boolean,\n    default: false\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  tooltipVisible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  marks: {\n    type: Object\n  },\n  included: {\n    type: Boolean,\n    default: true\n  },\n  tipFormatter: {\n    type: Function as PropType<(val: number) => string>,\n    default: (val: number) => {\n      return `${val}`;\n    }\n  },\n  variant: {\n    type: String as PropType<'surface' | 'strong'>,\n    default: 'surface'\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>;\n\nexport const sliderEmits = {\n  'update:modelValue': (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  },\n  change: (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  },\n  'after-change': (v: SliderValueType) => {\n    if (typeof v === 'number') {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return v.every((x) => typeof x === 'number');\n    }\n    return false;\n  }\n};\n\nexport type SliderEmits = typeof sliderEmits;\n\nexport type SliderEmit = EmitFn<SliderEmits>;\n"],"names":[],"mappings":"MAYa,cAAc;AAAA,EACzB,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,SAAS;AAAA;AACX,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,QAAgB;AACxB,aAAO,GAAG;AAAA;AACZ;AACF,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,cAAc;AAAA,EACzB,qBAAqB,CAAC,MAAuB;AAC3C,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AACT,EACA,QAAQ,CAAC,MAAuB;AAC9B,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AACT,EACA,gBAAgB,CAAC,MAAuB;AACtC,QAAI,OAAO,MAAM,UAAU;AACzB,aAAO;AAAA;AAET,QAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,aAAO,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA;AAE7C,WAAO;AAAA;AAEX;;;;"}