@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Slider/Slider.mjs

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

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

@@ -0,0 +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":";;;;;;;;;AASA,aAAeA,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,KAAQ;AACrB,UAAMC,YAAYC,IAAgB,IAAI;AACtC,UAAMC,aAAaD,IAAIP,MAAMS,UAAU;AACvC,UAAMC,aAAaC,SAAS,MAAM;AAChC,aAAOX,MAAMY,YAAY,WAAW,qCAAqC;AAAA,KAC1E;AAGD,UAAM;AAAA,MAAEC;AAAAA,MAAWC,QAAQC;AAAAA,QAAiBC,gBAAgB,QAAQ;AAEpE,UAAMC,oBAAoBN,SAAS,MAAM;AACvC,aAAOX,MAAMkB,aAAaH,aAAaG,aAAa;AAAA,KACrD;AAED,UAAMC,QAAQR,SAAS,MAAM;AAC3B,aAAOM,kBAAkBG,UAAU,SAAS,CAACpB,MAAMqB;AAAAA,KACpD;AAID,UAAMC,iBAAiBA,MAAM;AAC3B,UAAIhB,UAAUc,OAAO;AACnB,cAAMG,OAAOjB,UAAUc,MAAMI;AAC7B,YAAIxB,MAAMqB,UAAU;AAClB,iBAAOE,KAAKE;AAAAA;AAEd,YAAIN,MAAMC,OAAO;AACf,iBAAOM,OAAOC,cAAcJ,KAAKK;AAAAA;AAEnC,eAAOF,OAAOC,cAAcJ,KAAKM;AAAAA;AAEnC,aAAO;AAAA;AAGT,UAAMC,mBAAoBC,OAAW;AACnC,UAAIC,OAAO;AACX,UAAIN,OAAOO,gBAAgB;AACzBD,eAAO,EAAEN,OAAOO,eAAeC,QAAQC,SAASC,KAAKZ,wBAAwBU,OAAOG,QAAQ,CAAC;AAAA;AAE/F,cAAQrC,MAAMqB,WAAWU,EAAEO,UAAUP,EAAEQ,SAASP;AAAAA;AAGlD,UAAMQ,kBAAkBA,MAAM;AAC5B,UAAI,CAAClC,UAAUc,OAAO;AACpB,eAAO;AAAA;AAET,YAAMqB,SAASnC,UAAUc,MAAMI;AAC/B,aAAOxB,MAAMqB,WAAWoB,OAAOC,SAASD,OAAOP;AAAAA;AAGjD,UAAMS,YAAaC,YAAmB;AACpC,YAAMC,QAAQC,KAAKC,IAAIH,QAAQ,CAAC,IAAIJ;AACpC,YAAMpB,QAAQpB,MAAMqB,YAAY,IAAIwB,UAAU7C,MAAM+C,MAAM/C,MAAMgD,OAAOhD,MAAMgD,MAAMH,SAAS7C,MAAM+C,MAAM/C,MAAMgD,OAAOhD,MAAMgD;AAC3H,aAAOF,KAAKG,MAAM7B,KAAK;AAAA;AAGzB,UAAM8B,iBAAkBC,OAAc;AACpC,UAAIA,KAAKnD,MAAMgD,KAAK;AAClB,eAAOhD,MAAMgD;AAAAA;AAEf,UAAIG,KAAKnD,MAAM+C,KAAK;AAClB,eAAO/C,MAAM+C;AAAAA;AAEf,aAAOI;AAAAA;AAGT,UAAMC,sBAAuBC,cAAqB;AAChD,YAAMC,cAAcrC,kBAAkBG,UAAU,QAAQiC,WAAW/B,mBAAmBA,mBAAmB+B;AACzG,YAAME,YAAYL,eAAeP,UAAUW,WAAW,CAAC;AACvD,aAAOC;AAAAA;AAGT,UAAMC,aAAcpC,WAAkB;AACpC,YAAMyB,SAASzB,QAAQpB,MAAMgD,QAAQhD,MAAM+C,MAAM/C,MAAMgD;AACvD,aAAOH,QAAQ;AAAA;AAGjB,UAAMY,cAAcA,CAACrC,OAAesC,SAAiB;AACnD,UAAIA,OAAO,GAAG;AACZ,cAAMC,UAAUD,KAAKE;AACrB,cAAMC,IAAIF,QAAQG,MAAM,GAAG,EAAE,GAAGC,UAAU;AAC1C,cAAMC,WAAW,MAAMH;AACvB,eAASzC,QAAQ4C,YAAaN,OAAOM,YAAaA;AAAAA;AAEpD,aAAO5C,QAAQsC;AAAAA;AAGjB,UAAMO,mBAAoB7C,WAAkB;AAC1C,UAAImC,YAAYnC;AAChB,UAAIpB,MAAM0D,MAAM;AACd,cAAMQ,UAAUT,YAAYF,WAAWvD,MAAM0D,IAAI;AACjD,cAAMS,WAAWZ,YAAYW;AAC7BX,oBAAYW,UAAUlE,MAAM0D,OAAO,IAAIS,WAAWnE,MAAM0D,OAAOS;AAAAA;AAEjE,UAAInE,MAAMoE,OAAO;AACf,cAAMC,WAAmC;AACzC,cAAMC,cAAwB;AAC9B,cAAMC,YAAYC,OAAOC,KAAKzE,MAAMoE,KAAK;AACzCG,kBAAUG,QAASC,SAAQ;AACzB,gBAAMC,MAAM9B,KAAK+B,IAAIzD,QAAQ0D,OAAOH,GAAG,CAAC;AACxCL,sBAAYS,KAAKH,GAAG;AACpBP,mBAASO,OAAOE,OAAOH,GAAG;AAAA,SAC3B;AACD,cAAMK,WAAWlC,KAAKE,IAAIiC,MAAM,MAAMX,WAAW;AACjDf,oBAAYT,KAAK+B,IAAIzD,QAAQmC,SAAS,IAAIyB,YAAYhF,MAAM0D,SAASwB,SAAYb,SAASW,YAAYzB;AAAAA;AAExG,UAAI,CAACvD,MAAMmF,OAAO;AAChB3E,mBAAWY,QAAQmC;AAAAA,iBACV6B,MAAMC,QAAQ7E,WAAWY,KAAK,GAAG;AAC1C,YAAImC,YAAY/C,WAAWY,MAAM,MAAM0B,KAAK+B,IAAItB,YAAY/C,WAAWY,MAAM,EAAE,IAAI0B,KAAK+B,IAAItB,YAAY/C,WAAWY,MAAM,EAAE,GAAG;AAC5HZ,qBAAWY,MAAM,KAAKmC;AAAAA,mBAErB/C,WAAWY,MAAM,KAAKmC,cAAc,KAAKA,YAAY/C,WAAWY,MAAM,OAAO,KAC7EmC,YAAY/C,WAAWY,MAAM,OAAO,KAAKmC,cAAc/C,WAAWY,MAAM,IACzE;AACAZ,qBAAWY,MAAM,KAAKZ,WAAWY,MAAM;AAAA,mBAC9BZ,WAAWY,MAAM,OAAOZ,WAAWY,MAAM,IAAI;AACtD,cAAImC,YAAY/C,WAAWY,MAAM,IAAI;AACnCZ,uBAAWY,MAAM,KAAKmC;AAAAA,iBACjB;AACL/C,uBAAWY,MAAM,KAAKmC;AAAAA;AACxB,eACK;AACL/C,qBAAWY,MAAM,KAAKmC;AAAAA;AACxB;AAEFlD,WAAK,qBAAqBG,WAAWY,KAAK;AAC1Cf,WAAK,UAAUG,WAAWY,KAAK;AAAA;AAGjC,UAAMkE,gBAAgBA,MAAM;AAE1BC;AACAlF,WAAK,gBAAgBG,WAAWY,KAAK;AAAA;AAGvC,UAAMoE,kBAAmBzD,OAAW;AAClC,UAAI,CAACzB,UAAUc,OAAO;AACpBkE;AACA,eAAO;AAAA;AAET,YAAMjC,WAAWvB,iBAAiBC,CAAC;AACnC,YAAM0D,gBAAgBrC,oBAAoBC,QAAQ;AAClDY,uBAAiBwB,aAAa;AAAA;AAGhC,UAAMC,yBAAyBA,MAAM;AACnCvD,eAASwD,iBAAiB,aAAaH,eAAe;AACtDrD,eAASwD,iBAAiB,WAAWL,aAAa;AAAA;AAEpD,UAAMC,uBAAuBA,MAAM;AACjCpD,eAASyD,oBAAoB,aAAaJ,eAAe;AACzDrD,eAASyD,oBAAoB,WAAWN,aAAa;AAAA;AAGvD,UAAMO,kBAAmBC,UAAiB;AACxC,UAAIA,SAAS,OAAO;AAClB,eAAOV,MAAMC,QAAQ7E,WAAWY,KAAK,IAAIZ,WAAWY,MAAM,KAAKZ,WAAWY;AAAAA;AAE5E,aAAQZ,WAAWY,MAAmB;AAAA;AAGxC,UAAM2E,aAAchE,OAAW;AAC7BA,QAAEiE;AACFjE,QAAEkE;AAAe;AAInB,UAAMC,aAAavF,SAAS,MAAM;AAChC,UAAIyE,MAAMC,QAAQ7E,WAAWY,KAAK,GAAG;AACnC,YAAIS,OAAO;AACX,YAAIK,QAAQ;AACZ,YAAI1B,WAAWY,MAAM,OAAOpB,MAAMgD,OAAOxC,WAAWY,MAAM,OAAOpB,MAAMgD,KAAK;AAC1EnB,iBAAO;AACPK,kBAAQ;AAAA,mBACClC,MAAMY,YAAY,UAAU;AACrCiB,iBAAQ,QAAO2B,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAChEc,kBAAS,QAAOsB,WAAWhD,WAAWY,MAAM,KAAKZ,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAAAA,eAClF;AACLS,iBAAQ,QAAO2B,WAAWhD,WAAWY,MAAM,EAAE;AAC7Cc,kBAAS,QAAOsB,WAAWhD,WAAWY,MAAM,KAAKZ,WAAWY,MAAM,EAAE;AAAA;AAGtE,YAAIpB,MAAMqB,UAAU;AAClB,iBAAO;AAAA,YACL8E,QAAS,GAAEtE;AAAAA,YACXa,QAAS,GAAER;AAAAA;AACb;AAEF,YAAIjB,kBAAkBG,UAAU,OAAO;AACrC,iBAAO;AAAA,YACLQ,OAAQ,GAAEC;AAAAA,YACVK,OAAQ,GAAEA;AAAAA;AACZ;AAEF,eAAO;AAAA,UACLL,MAAO,GAAEA;AAAAA,UACTK,OAAQ,GAAEA;AAAAA;AACZ;AAEF,UAAIkE,OAAO;AAEX,UAAI5F,WAAWY,UAAUpB,MAAMgD,KAAK;AAClCoD,eAAO;AAAA,iBACEpG,MAAMY,YAAY,UAAU;AACrCwF,eAAQ,QAAO5C,WAAWhD,WAAWY,KAAK,QAAQV,WAAWU;AAAAA,aACxD;AACLgF,eAAQ,QAAO5C,WAAWhD,WAAWY,KAAK,QAAQV,WAAWU;AAAAA;AAG/D,UAAIpB,MAAMqB,UAAU;AAClB,eAAO;AAAA,UACL8E,QAAS,aAAYzF,WAAWU;AAAAA,UAChCsB,QAAS,GAAE0D;AAAAA;AACb;AAEF,UAAInF,kBAAkBG,UAAU,OAAO;AACrC,eAAO;AAAA,UACLQ,OAAQ,aAAYlB,WAAWU;AAAAA,UAC/Bc,OAAQ,GAAEkE;AAAAA;AACZ;AAEF,aAAO;AAAA,QACLvE,MAAO,aAAYnB,WAAWU;AAAAA,QAC9Bc,OAAQ,GAAEkE;AAAAA;AACZ,KACD;AAED,UAAMC,YAAY1F,SAAS,MAAM;AAC/B,UAAIyE,MAAMC,QAAQ7E,WAAWY,KAAK,GAAG;AACnC,cAAMkF,QAAQ,CACZ;AAAA,UACEzE,MAAM;AAAA,UACNK,OAAO;AAAA,WAET;AAAA,UACEL,MAAM;AAAA,UACNK,OAAO;AAAA,SACR;AAGH,YAAI1B,WAAWY,MAAM,OAAOpB,MAAMgD,OAAOxC,WAAWY,MAAM,OAAOpB,MAAMgD,KAAK;AAC1EsD,gBAAM,GAAGzE,OAAQ,aAAYnB,WAAWU;AACxCkF,gBAAM,GAAGpE,QAAS,eAAcxB,WAAWU;AAAAA,mBAClCpB,MAAMY,YAAY,UAAU;AACrC0F,gBAAM,GAAGzE,OAAQ,aAAYnB,WAAWU;AACxCkF,gBAAM,GAAGpE,QAAS,QAAOsB,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAC1EkF,gBAAM,GAAGzE,OAAQ,QAAO2B,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AACzEkF,gBAAM,GAAGpE,QAAS,QAAO,MAAMsB,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAAAA,eAC3E;AACLkF,gBAAM,GAAGzE,OAAQ,aAAYnB,WAAWU;AACxCkF,gBAAM,GAAGpE,QAAS,QAAOsB,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAC1EkF,gBAAM,GAAGzE,OAAQ,QAAO2B,WAAWhD,WAAWY,MAAM,EAAE;AACtDkF,gBAAM,GAAGpE,QAAS,QAAO,MAAMsB,WAAWhD,WAAWY,MAAM,EAAE,QAAQV,WAAWU;AAAAA;AAGlF,YAAIpB,MAAMqB,UAAU;AAClB,iBAAO,CACL;AAAA,YACE8E,QAAS,GAAEG,MAAM,GAAGzE;AAAAA,YACpBa,QAAS,GAAE4D,MAAM,GAAGpE;AAAAA,aAEtB;AAAA,YACEiE,QAAS,GAAEG,MAAM,GAAGzE;AAAAA,YACpBa,QAAS,GAAE4D,MAAM,GAAGpE;AAAAA,WACrB;AAAA;AAGL,eAAO,CACL;AAAA,UACEL,MAAO,GAAEyE,MAAM,GAAGzE;AAAAA,UAClBK,OAAQ,GAAEoE,MAAM,GAAGpE;AAAAA,WAErB;AAAA,UACEL,MAAO,GAAEyE,MAAM,GAAGzE;AAAAA,UAClBK,OAAQ,GAAEoE,MAAM,GAAGpE;AAAAA,SACpB;AAAA;AAGL,UAAIkE,OAAO;AACX,UAAIvE,OAAO;AACX,UAAI7B,MAAMY,YAAY,UAAU;AAC9BiB,eAAQ,aAAYnB,WAAWU;AAC/BgF,eAAQ,QAAO,MAAM5C,WAAWhD,WAAWY,KAAK,QAAQV,WAAWU;AAAAA,aAC9D;AACLS,eAAQ,aAAYnB,WAAWU;AAE/BgF,eAAQ,QAAO,MAAM5C,WAAWhD,WAAWY,KAAK,QAAQV,WAAWU;AAAAA;AAErE,UAAIpB,MAAMqB,UAAU;AAClB,eAAO;AAAA,UACLI,KAAM,GAAEI;AAAAA,UACRa,QAAS,GAAE0D;AAAAA;AACb;AAEF,UAAInF,kBAAkBG,UAAU,OAAO;AACrC,eAAO;AAAA,UACLS,MAAO,GAAEA;AAAAA,UACTK,OAAQ,GAAEkE;AAAAA;AACZ;AAEF,aAAO;AAAA,QACLxE,OAAQ,GAAEC;AAAAA,QACVK,OAAQ,GAAEkE;AAAAA;AACZ,KACD;AAED,UAAMG,gBAAgB5F,SAAS,MAAM;AACnC,YAAMqE,WAAWI,MAAMC,QAAQ7E,WAAWY,KAAK,IAAIZ,WAAWY,MAAM,KAAKZ,WAAWY;AACpF,UAAIpB,MAAMqB,UAAU;AAClB,eAAO;AAAA,UACL8E,QAAS,GAAE3C,WAAWwB,QAAQ;AAAA;AAChC;AAEF,UAAI/D,kBAAkBG,UAAU,OAAO;AACrC,eAAO;AAAA,UACLQ,OAAQ,GAAE4B,WAAWwB,QAAQ;AAAA;AAC/B;AAEF,aAAO;AAAA,QACLnD,MAAO,GAAE2B,WAAWwB,QAAQ;AAAA;AAC9B,KACD;AACD,UAAMwB,gBAAgB7F,SAAS,MAAM;AACnC,YAAM8F,WAAWrB,MAAMC,QAAQ7E,WAAWY,KAAK,IAAIZ,WAAWY,MAAM,KAAKpB,MAAM+C;AAC/E,UAAI/C,MAAMqB,UAAU;AAClB,eAAO;AAAA,UACL8E,QAAS,GAAE3C,WAAWiD,QAAQ;AAAA;AAChC;AAEF,UAAIxF,kBAAkBG,UAAU,OAAO;AACrC,eAAO;AAAA,UACLQ,OAAQ,GAAE4B,WAAWiD,QAAQ;AAAA;AAC/B;AAEF,aAAO;AAAA,QACL5E,MAAO,GAAE2B,WAAWiD,QAAQ;AAAA;AAC9B,KACD;AACD,UAAMC,aAAa/F,SAAS,MAAM;AAChC,aAAOyE,MAAMC,QAAQ7E,WAAWY,KAAK,IAAIZ,WAAWY,MAAM,KAAKpB,MAAMgD;AAAAA,KACtE;AACD,UAAM2D,aAAahG,SAAS,MAAM;AAChC,aAAOyE,MAAMC,QAAQ7E,WAAWY,KAAK,IAAIZ,WAAWY,MAAM,KAAKZ,WAAWY;AAAAA,KAC3E;AAEDwF,UACE,MAAM5G,MAAMS,YACZ,MAAM;AACJD,iBAAWY,QAAQpB,MAAMS;AAAAA,KAE7B;AAGA,UAAMoG,kBAAkBA,CAAC;AAAA,MAAE9E;AAAAA,MAAG+E;AAAAA,UAAuC;AACnEf,iBAAWhE,CAAC;AACZkC,uBAAiB6C,KAAK;AAAA;AAExB,UAAMC,kBAAmBhF,OAAW;AAClC,UAAI/B,MAAMgH;AAAU;AACpB,YAAM3D,WAAWvB,iBAAiBC,CAAC;AACnC,YAAM0D,gBAAgBrC,oBAAoBC,QAAQ;AAClDY,uBAAiBwB,aAAa;AAC9BC;AACAK,iBAAWhE,CAAC;AAAA;AAGd,UAAMkF,gBAAgBA,CAAClF,GAAQ+D,SAAiB;AAC9C,UAAIvC,YAAYsC,gBAAgBC,IAAI;AACpC,YAAMoB,YAAYlH,MAAM0D,QAAQ;AAChC,UAAI3B,EAAEoF,YAAYC,QAAQC,SAAStF,EAAEoF,YAAYC,QAAQE,IAAI;AAC3D/D,qBAAa2D;AAAAA;AAEf,UAAInF,EAAEoF,YAAYC,QAAQG,QAAQxF,EAAEoF,YAAYC,QAAQI,MAAM;AAC5DjE,qBAAa2D;AAAAA;AAEfjD,uBAAiBV,SAAS;AAC1BwC,iBAAWhE,CAAC;AAAA;AAGd,WAAO;AAAA,MACLzB;AAAAA,MACAO;AAAAA,MACAqF;AAAAA,MACAG;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAhG;AAAAA,MACAkG;AAAAA,MACAC;AAAAA,MACAI;AAAAA,MACAzB;AAAAA,MACA2B;AAAAA,MACAJ;AAAAA;AACF;AACF,EACAY,SAAS;AACP,UAAMC,UAAOC,YAAAC,iBAAAD,YAAAE;MAAA,SAGA,KAAKC,aAAa,KAAK3C,QAAS,KAAK3E,WAAwB,KAAM,KAAKA,UAAqB;AAAA,MAAC,WAC5F,KAAKuH;AAAAA,MAAc,UACpB,CAAC,GAAG,CAAC;AAAA;MAACC,SAAAA,OAAAL,YAAAM;QAAA,cAGA,KAAKpH;AAAAA,QAAS,SACnB,KAAK0F;AAAAA,QAAa,aACbxE,OAAW,KAAKkF,cAAclF,GAAG,KAAK;AAAA,QAAC,gBACrC,KAAKoD;AAAAA;QAGtB,KAAKA,SAAKwC,YAAAE;MAAA,SACQ,KAAKC,aAAc,KAAKtH,WAAwB,EAAE;AAAA,MAAC,WAAW,KAAKuH;AAAAA,MAAc,UAAU,CAAC,GAAG,CAAC;AAAA;MAACC,SAAAA,OAAAL,YAAAM;QAAA,cAC5F,KAAKpH;AAAAA,QAAS,SAAS,KAAK2F;AAAAA,QAAa,aAAczE,OAAW,KAAKkF,cAAclF,GAAG,KAAK;AAAA;MAEpH;AAIL,WAAA4F;MAAA;MAAA,SAGW,CACL,KAAK9G,WACJ,GAAE,KAAKA,qBAAqB,KAAKD,WACjC,GAAE,KAAKC,kBAAkB,KAAKuF,QAC/B;AAAA,QACE,CAAE,GAAE,KAAKvF,yBAAyB,KAAKuD,SAASI,OAAOC,KAAK,KAAKL,KAAK,EAAEL;AAAAA,QACxE,CAAE,GAAE,KAAKlD,uBAAuB,KAAKmG;AAAAA,QACrC,CAAE,GAAE,KAAKnG,uBAAuB,KAAKQ;AAAAA,QACrC,CAAE,GAAE,KAAKR,kBAAkB,KAAKK,cAAc,SAAS,CAAC,KAAKG;AAAAA,OAC9D;AAAA,MACF,cACW,KAAK6G;AAAAA,MAAK,eACT,KAAKnB;AAAAA,MAAe,aACtB,KAAKzB;AAAAA,QAAaqC;MAAA,SAEhB,GAAE,KAAK9G;AAAAA,QAAmB8G;MAAA,SACxB,GAAE,KAAK9G;AAAAA,cACnB,KAAKsH,YAAY,CAAC,KAAKnB,WACtB,KAAK7B,QAAKwC,YAAAC,iBAAAD;MAAA,SAEO,GAAE,KAAK9G;AAAAA,MAAsB,SAAU,KAAKwF,UAAoB;AAAA,cAAEsB;MAAA,SAClE,GAAE,KAAK9G;AAAAA,MAAgB,SAAU,KAAKwF,UAAoB;AAAA,iBAAEsB;MAAA,SAG9D,GAAE,KAAK9G;AAAAA,MAAgB,SAAS,KAAKwF;AAAAA,eAElD,MACH,KAAK8B,YAAQR;MAAA,SAAiB,GAAE,KAAK9G;AAAAA,MAAiB,SAAS,KAAKqF;AAAAA,cAAcyB,YAAAS;MAAA,aAGtE,KAAKvH;AAAAA,MAAS,YACf,KAAKsH;AAAAA,MAAQ,SAChB,KAAK/D;AAAAA,MAAK,OACZ,KAAKpB;AAAAA,MAAG,OACR,KAAKD;AAAAA,MAAG,cACD,KAAK2D;AAAAA,MAAU,cACf,KAAKC;AAAAA,MAAU,YACjB,KAAKtF;AAAAA,MAAQ,aACZ,KAAKH;AAAAA,MAAS,YACf,KAAKmH;AAAAA,MAAQ,QACjB,KAAK3E;AAAAA,cAEZgE,SACA,CAAC,CAAC,KAAKtD,SAAKuD,YAAAW;MAAA,cAEG,KAAKzH;AAAAA,MAAS,YAChB,KAAKsH;AAAAA,MAAQ,SAChB,KAAK/D;AAAAA,MAAK,OACZ,KAAKpB;AAAAA,MAAG,OACR,KAAKD;AAAAA,MAAG,cACD,KAAK2D;AAAAA,MAAU,cACf,KAAKC;AAAAA,MAAU,YACjB,KAAKtF;AAAAA,MAAQ,aACZ,KAAKH;AAAAA,MAAS,gBACX,KAAK2F;AAAAA,YAEtB;;AAKX,CAAC;;;;"}

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

@@ -0,0 +1,80 @@
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import type { EmitFn } from '../../utils/globalType';
+export interface MarkObject {
+    label?: string;
+    style?: CSSProperties;
+}
+export declare type MarkValueType = string | MarkObject;
+export declare type SliderValueType = number | number[];
+export declare const sliderProps: {
+    modelValue: {
+        type: PropType<SliderValueType>;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    marks: {
+        type: ObjectConstructor;
+    };
+    included: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tipFormatter: {
+        type: PropType<(val: number) => string>;
+        default: (val: number) => string;
+    };
+    variant: {
+        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">;
+    };
+};
+export declare type SliderProps = ExtractPropTypes<typeof sliderProps>;
+export declare const sliderEmits: {
+    'update:modelValue': (v: SliderValueType) => boolean;
+    change: (v: SliderValueType) => boolean;
+    'after-change': (v: SliderValueType) => boolean;
+};
+export declare type SliderEmits = typeof sliderEmits;
+export declare type SliderEmit = EmitFn<SliderEmits>;