@koi-design/uxd-ui 14.0.3 → 14.0.4

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;;;;"}

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

@@ -50,15 +50,6 @@ export declare const USlider: {
             type: import("vue").PropType<"surface" | "strong">;
             default: string;
         };
-        color: {
-            type: import("vue").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: import("vue").PropType<"small" | "default">;
-            default: string;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -154,8 +145,6 @@ export declare const USlider: {
         change: (v: import("./Slider.type").SliderValueType) => boolean;
         'after-change': (v: import("./Slider.type").SliderValueType) => boolean;
     }, import("vue").PublicProps, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        size: "small" | "default";
         max: number;
         min: number;
         disabled: boolean;
@@ -225,15 +214,6 @@ export declare const USlider: {
             type: import("vue").PropType<"surface" | "strong">;
             default: string;
         };
-        color: {
-            type: import("vue").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: import("vue").PropType<"small" | "default">;
-            default: string;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -325,8 +305,6 @@ export declare const USlider: {
             point: number;
         }) => void;
     }, {}, {}, {}, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        size: "small" | "default";
         max: number;
         min: number;
         disabled: boolean;
@@ -393,15 +371,6 @@ export declare const USlider: {
         type: import("vue").PropType<"surface" | "strong">;
         default: string;
     };
-    color: {
-        type: import("vue").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: import("vue").PropType<"small" | "default">;
-        default: string;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -497,8 +466,6 @@ export declare const USlider: {
     change: (v: import("./Slider.type").SliderValueType) => boolean;
     'after-change': (v: import("./Slider.type").SliderValueType) => boolean;
 }, string, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    size: "small" | "default";
     max: number;
     min: number;
     disabled: boolean;

package/es/components/Tag/Tag.mjs

@@ -81,25 +81,23 @@ const _sfc_main = defineComponent({
         }
         if (props.variant === "outline") {
           return {
-            borderColor: void 0,
-            color: props.color,
-            boxShadow: `0 0 0 1px ${props.color} inset`
+            border: `1px solid ${props.color}`,
+            color: props.color
           };
         }
         if (props.variant === "solid") {
           return {
-            backgroundColor: props.color
+            backgroundColor: props.color,
+            color: "white"
           };
         }
         return {
           backgroundColor: hexToRgba(props.color, 0.1),
           color: props.color,
-          boxShadow: `0 0 0 1px ${props.color} inset`
+          border: `1px solid ${props.color}`
         };
       }
-      return {
-        backgroundColor: void 0
-      };
+      return {};
     });
     const showIcon = computed(() => {
       return !!slots.icon || !!props.icon;
@@ -126,7 +124,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass([
       `${_ctx.prefixCls}`,
       `${_ctx.prefixCls}-variant-${_ctx.variant}`,
-      `${_ctx.prefixCls}-${_ctx.size}`,
       {
         [`${_ctx.prefixCls}-has-color ${_ctx.prefixCls}-has-color-${_ctx.variant}`]: _ctx.color && !_ctx.isPresetColor && !_ctx.isStatusType,
         [`${_ctx.prefixCls}-has-icon`]: _ctx.showIcon,

package/es/components/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.vue"],"sourcesContent":["<template>\n  <span\n    v-show=\"visible && hasSlot\"\n    :class=\"[\n      `${prefixCls}`,\n      `${prefixCls}-variant-${variant}`,\n      `${prefixCls}-${size}`,\n      {\n        [`${prefixCls}-has-color ${prefixCls}-has-color-${variant}`]: color && !isPresetColor && !isStatusType,\n        [`${prefixCls}-has-icon`]: showIcon,\n        [`${prefixCls}-round`]: round,\n        [`${prefixCls}-closeable`]: closeable\n      }\n    ]\"\n    :data-color=\"computedColor\"\n    :style=\"customStyle\"\n  >\n    <span v-if=\"showIcon\" :class=\"`${prefixCls}-icon`\">\n      <slot name=\"icon\">\n        <UIcon>\n          <component :is=\"icon\" />\n        </UIcon>\n      </slot>\n    </span>\n    <slot />\n    <UIcon v-if=\"closeable\" :class=\"`${prefixCls}-close`\" @click=\"handleClose\">\n      <X />\n    </UIcon>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { X } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport type { HackColors, StatusType } from './Tag.type';\nimport { hackColors, statusType, tagEmits, tagProps } from './Tag.type';\nimport { colorType } from '../../utils';\nimport { hexToRgba } from '../../utils/tools';\n\nexport default defineComponent({\n  name: 'UTag',\n  components: {\n    UIcon,\n    X\n  },\n  props: tagProps,\n  emits: tagEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('tag');\n\n    const hasSlot = !!slots.default;\n\n    const visible = ref(props.modelValue);\n\n    watch(\n      () => props.modelValue,\n      (nextValue) => {\n        visible.value = nextValue;\n      }\n    );\n\n    const handleClose = (e: any) => {\n      e.stopPropagation();\n      if (!props.closeable) return;\n      emit('update:modelValue', false);\n      emit('close', e);\n      if (e.defaultPrevented) return;\n      visible.value = false;\n    };\n\n    const isPresetColor = computed(() => {\n      return props.color && (colorType as unknown as string[]).includes(props.color);\n    });\n\n    const isHackColor = computed(() => {\n      return props.color && (hackColors as unknown as string[]).includes(props.color);\n    });\n\n    const isStatusType = computed(() => {\n      return props.color && statusType.includes(props.color);\n    });\n\n    const computedColor = computed(() => {\n      if (isPresetColor.value) {\n        return props.color;\n      }\n      if (isHackColor.value) {\n        switch (props.color as HackColors) {\n          case 'geekblue':\n            return 'sky';\n          case 'magenta':\n            return 'iris';\n          case 'volcano':\n            return 'amber';\n          case 'gold':\n            return 'amber';\n          default:\n            return undefined;\n        }\n      }\n      if (isStatusType.value) {\n        // switch (props.color as StatusType) {\n        //   case 'success':\n        //     return 'green';\n        //   case 'error':\n        //     return 'red';\n        //   case 'warning':\n        //     return 'yellow';\n        //   case 'processing':\n        //     return 'blue';\n        //   case 'primary':\n        //     return '';\n        //   default:\n        //     return undefined;\n        // }\n        if ((props.color as StatusType) === 'default') {\n          return undefined;\n        }\n        return props.color;\n      }\n      return undefined;\n    });\n\n    const customStyle = computed(() => {\n      if (props.color && !isPresetColor.value && !isHackColor.value && !isStatusType.value) {\n        if (props.variant === 'soft') {\n          return {\n            backgroundColor: hexToRgba(props.color, 0.1),\n            color: props.color\n          };\n        }\n        if (props.variant === 'outline') {\n          return {\n            borderColor: undefined,\n            color: props.color,\n            boxShadow: `0 0 0 1px ${props.color} inset`\n          };\n        }\n        if (props.variant === 'solid') {\n          return {\n            backgroundColor: props.color\n          };\n        }\n        return {\n          backgroundColor: hexToRgba(props.color, 0.1),\n          color: props.color,\n          boxShadow: `0 0 0 1px ${props.color} inset`\n        };\n      }\n\n      return {\n        backgroundColor: undefined\n      };\n    });\n\n    const showIcon = computed(() => {\n      return !!slots.icon || !!props.icon;\n    });\n\n    return {\n      slots,\n      prefixCls,\n      hasSlot,\n      visible,\n      handleClose,\n      isPresetColor,\n      isStatusType,\n      computedColor,\n      customStyle,\n      showIcon\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createVNode","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;AAyCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,cAAc,gBAAgB,KAAK;UAErC,UAAU,CAAC,CAAC,MAAM;UAElB,UAAU,IAAI,MAAM,UAAU;;MAGlC,MAAM,MAAM;AAAA,MACZ,CAAC,cAAc;gBACL,QAAQ;AAAA;AAClB;UAGI,cAAc,CAAC,MAAW;QAC5B;UACE,CAAC,MAAM;;WACN,qBAAqB,KAAK;WAC1B,SAAS,CAAC;UACX,EAAE;;cACE,QAAQ;AAAA;UAGZ,gBAAgB,SAAS,MAAM;aAC5B,MAAM,SAAU,UAAkC,SAAS,MAAM,KAAK;AAAA,KAC9E;UAEK,cAAc,SAAS,MAAM;aAC1B,MAAM,SAAU,WAAmC,SAAS,MAAM,KAAK;AAAA,KAC/E;UAEK,eAAe,SAAS,MAAM;aAC3B,MAAM,SAAS,WAAW,SAAS,MAAM,KAAK;AAAA,KACtD;UAEK,gBAAgB,SAAS,MAAM;UAC/B,cAAc,OAAO;eAChB,MAAM;AAAA;UAEX,YAAY,OAAO;gBACb,MAAM;AAAA,eACP;mBACI;AAAA,eACJ;mBACI;AAAA,eACJ;mBACI;AAAA,eACJ;mBACI;AAAA;mBAEA;AAAA;AAAA;UAGT,aAAa,OAAO;YAejB,MAAM,UAAyB,WAAW;iBACtC;AAAA;eAEF,MAAM;AAAA;aAER;AAAA,KACR;UAEK,cAAc,SAAS,MAAM;UAC7B,MAAM,SAAS,CAAC,cAAc,SAAS,CAAC,YAAY,SAAS,CAAC,aAAa,OAAO;YAChF,MAAM,YAAY,QAAQ;iBACrB;AAAA,YACL,iBAAiB,UAAU,MAAM,OAAO,GAAG;AAAA,YAC3C,OAAO,MAAM;AAAA;AACf;YAEE,MAAM,YAAY,WAAW;iBACxB;AAAA,YACL,aAAa;AAAA,YACb,OAAO,MAAM;AAAA,YACb,WAAW,aAAa,MAAM;AAAA;AAChC;YAEE,MAAM,YAAY,SAAS;iBACtB;AAAA,YACL,iBAAiB,MAAM;AAAA;AACzB;eAEK;AAAA,UACL,iBAAiB,UAAU,MAAM,OAAO,GAAG;AAAA,UAC3C,OAAO,MAAM;AAAA,UACb,WAAW,aAAa,MAAM;AAAA;AAChC;aAGK;AAAA,QACL,iBAAiB;AAAA;AACnB,KACD;UAEK,WAAW,SAAS,MAAM;aACvB,CAAC,CAAC,MAAM,QAAQ,CAAC,CAAC,MAAM;AAAA,KAChC;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sCA9KCA,mBA2BO;IAzBJ,OAAKC;SAAa;SAAsB,0BAAqB;SAAoB,kBAAa;;YAA4B,4BAAuB,4BAAuB,iBAAY,cAAK,CAAK,sBAAa,CAAK;YAA0B,4BAAuB;YAAsB,yBAAoB;YAAmB,6BAAwB;;;IAWtV,cAAY;IACZ,OAAKC,eAAE,gBAAW;AAAA;IAEP,8BAAZF,mBAMO;;MANgB,OAAKC,kBAAK,qBAAS;AAAA;MACxCE,WAIO,yBAJP,MAIO;AAAA,QAHLC,YAEQ;2BADN,MAAwB;AAAA,0BAAxBC,YAAwBC,wBAAR,SAAI;;;;;;IAI1BH,WAAQ;IACK,+BAAbE,YAEQ;;MAFiB,OAAKJ,kBAAK,sBAAS;AAAA,MAAW,SAAO;;uBAC5D,MAAK;AAAA,QAALG,YAAK;;;;;YAxBC,gBAAW,YAAO;AAAA;;;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.vue"],"sourcesContent":["<template>\n  <span\n    v-show=\"visible && hasSlot\"\n    :class=\"[\n      `${prefixCls}`,\n      `${prefixCls}-variant-${variant}`,\n      {\n        [`${prefixCls}-has-color ${prefixCls}-has-color-${variant}`]: color && !isPresetColor && !isStatusType,\n        [`${prefixCls}-has-icon`]: showIcon,\n        [`${prefixCls}-round`]: round,\n        [`${prefixCls}-closeable`]: closeable\n      }\n    ]\"\n    :data-color=\"computedColor\"\n    :style=\"customStyle\"\n  >\n    <span v-if=\"showIcon\" :class=\"`${prefixCls}-icon`\">\n      <slot name=\"icon\">\n        <UIcon>\n          <component :is=\"icon\" />\n        </UIcon>\n      </slot>\n    </span>\n    <slot />\n    <UIcon v-if=\"closeable\" :class=\"`${prefixCls}-close`\" @click=\"handleClose\">\n      <X />\n    </UIcon>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { X } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport type { HackColors, StatusType } from './Tag.type';\nimport { hackColors, statusType, tagEmits, tagProps } from './Tag.type';\nimport { colorType } from '../../utils';\nimport { hexToRgba } from '../../utils/tools';\n\nexport default defineComponent({\n  name: 'UTag',\n  components: {\n    UIcon,\n    X\n  },\n  props: tagProps,\n  emits: tagEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('tag');\n\n    const hasSlot = !!slots.default;\n\n    const visible = ref(props.modelValue);\n\n    watch(\n      () => props.modelValue,\n      (nextValue) => {\n        visible.value = nextValue;\n      }\n    );\n\n    const handleClose = (e: any) => {\n      e.stopPropagation();\n      if (!props.closeable) return;\n      emit('update:modelValue', false);\n      emit('close', e);\n      if (e.defaultPrevented) return;\n      visible.value = false;\n    };\n\n    const isPresetColor = computed(() => {\n      return props.color && (colorType as unknown as string[]).includes(props.color);\n    });\n\n    const isHackColor = computed(() => {\n      return props.color && (hackColors as unknown as string[]).includes(props.color);\n    });\n\n    const isStatusType = computed(() => {\n      return props.color && statusType.includes(props.color);\n    });\n\n    const computedColor = computed(() => {\n      if (isPresetColor.value) {\n        return props.color;\n      }\n      if (isHackColor.value) {\n        switch (props.color as HackColors) {\n          case 'geekblue':\n            return 'sky';\n          case 'magenta':\n            return 'iris';\n          case 'volcano':\n            return 'amber';\n          case 'gold':\n            return 'amber';\n          default:\n            return undefined;\n        }\n      }\n      if (isStatusType.value) {\n        // switch (props.color as StatusType) {\n        //   case 'success':\n        //     return 'green';\n        //   case 'error':\n        //     return 'red';\n        //   case 'warning':\n        //     return 'yellow';\n        //   case 'processing':\n        //     return 'blue';\n        //   case 'primary':\n        //     return '';\n        //   default:\n        //     return undefined;\n        // }\n        if ((props.color as StatusType) === 'default') {\n          return undefined;\n        }\n        return props.color;\n      }\n      return undefined;\n    });\n\n    const customStyle = computed(() => {\n      if (props.color && !isPresetColor.value && !isHackColor.value && !isStatusType.value) {\n        if (props.variant === 'soft') {\n          return {\n            backgroundColor: hexToRgba(props.color, 0.1),\n            color: props.color\n          };\n        }\n        if (props.variant === 'outline') {\n          return {\n            border: `1px solid ${props.color}`,\n            color: props.color\n          };\n        }\n        if (props.variant === 'solid') {\n          return {\n            backgroundColor: props.color,\n            color: 'white'\n          };\n        }\n        return {\n          backgroundColor: hexToRgba(props.color, 0.1),\n          color: props.color,\n          border: `1px solid ${props.color}`\n        };\n      }\n\n      return {};\n    });\n\n    const showIcon = computed(() => {\n      return !!slots.icon || !!props.icon;\n    });\n\n    return {\n      slots,\n      prefixCls,\n      hasSlot,\n      visible,\n      handleClose,\n      isPresetColor,\n      isStatusType,\n      computedColor,\n      customStyle,\n      showIcon\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createVNode","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;AAwCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,cAAc,gBAAgB,KAAK;UAErC,UAAU,CAAC,CAAC,MAAM;UAElB,UAAU,IAAI,MAAM,UAAU;;MAGlC,MAAM,MAAM;AAAA,MACZ,CAAC,cAAc;gBACL,QAAQ;AAAA;AAClB;UAGI,cAAc,CAAC,MAAW;QAC5B;UACE,CAAC,MAAM;;WACN,qBAAqB,KAAK;WAC1B,SAAS,CAAC;UACX,EAAE;;cACE,QAAQ;AAAA;UAGZ,gBAAgB,SAAS,MAAM;aAC5B,MAAM,SAAU,UAAkC,SAAS,MAAM,KAAK;AAAA,KAC9E;UAEK,cAAc,SAAS,MAAM;aAC1B,MAAM,SAAU,WAAmC,SAAS,MAAM,KAAK;AAAA,KAC/E;UAEK,eAAe,SAAS,MAAM;aAC3B,MAAM,SAAS,WAAW,SAAS,MAAM,KAAK;AAAA,KACtD;UAEK,gBAAgB,SAAS,MAAM;UAC/B,cAAc,OAAO;eAChB,MAAM;AAAA;UAEX,YAAY,OAAO;gBACb,MAAM;AAAA,eACP;mBACI;AAAA,eACJ;mBACI;AAAA,eACJ;mBACI;AAAA,eACJ;mBACI;AAAA;mBAEA;AAAA;AAAA;UAGT,aAAa,OAAO;YAejB,MAAM,UAAyB,WAAW;iBACtC;AAAA;eAEF,MAAM;AAAA;aAER;AAAA,KACR;UAEK,cAAc,SAAS,MAAM;UAC7B,MAAM,SAAS,CAAC,cAAc,SAAS,CAAC,YAAY,SAAS,CAAC,aAAa,OAAO;YAChF,MAAM,YAAY,QAAQ;iBACrB;AAAA,YACL,iBAAiB,UAAU,MAAM,OAAO,GAAG;AAAA,YAC3C,OAAO,MAAM;AAAA;AACf;YAEE,MAAM,YAAY,WAAW;iBACxB;AAAA,YACL,QAAQ,aAAa,MAAM;AAAA,YAC3B,OAAO,MAAM;AAAA;AACf;YAEE,MAAM,YAAY,SAAS;iBACtB;AAAA,YACL,iBAAiB,MAAM;AAAA,YACvB,OAAO;AAAA;AACT;eAEK;AAAA,UACL,iBAAiB,UAAU,MAAM,OAAO,GAAG;AAAA,UAC3C,OAAO,MAAM;AAAA,UACb,QAAQ,aAAa,MAAM;AAAA;AAC7B;aAGK;AAAC,KACT;UAEK,WAAW,SAAS,MAAM;aACvB,CAAC,CAAC,MAAM,QAAQ,CAAC,CAAC,MAAM;AAAA,KAChC;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sCA3KCA,mBA0BO;IAxBJ,OAAKC;SAAa;SAAsB,0BAAqB;;YAA+B,4BAAuB,4BAAuB,iBAAY,cAAK,CAAK,sBAAa,CAAK;YAA0B,4BAAuB;YAAsB,yBAAoB;YAAmB,6BAAwB;;;IAUxT,cAAY;IACZ,OAAKC,eAAE,gBAAW;AAAA;IAEP,8BAAZF,mBAMO;;MANgB,OAAKC,kBAAK,qBAAS;AAAA;MACxCE,WAIO,yBAJP,MAIO;AAAA,QAHLC,YAEQ;2BADN,MAAwB;AAAA,0BAAxBC,YAAwBC,wBAAR,SAAI;;;;;;IAI1BH,WAAQ;IACK,+BAAbE,YAEQ;;MAFiB,OAAKJ,kBAAK,sBAAS;AAAA,MAAW,SAAO;;uBAC5D,MAAK;AAAA,QAALG,YAAK;;;;;YAvBC,gBAAW,YAAO;AAAA;;;;;;"}

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

@@ -14,10 +14,6 @@ export declare const tagProps: {
         type: PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;

package/es/components/Tag/Tag.type.mjs

@@ -9,10 +9,6 @@ const tagProps = {
     type: String,
     default: "surface"
   },
-  size: {
-    type: String,
-    default: "default"
-  },
   round: {
     type: Boolean,
     default: false

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.type.mjs","sources":["../../../../src/components/Tag/Tag.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\n\nimport type Tag from './Tag.vue';\n\nexport const statusType = ['primary', 'success', 'processing', 'error', 'warning', 'default'];\nexport const hackColors = ['geekblue', 'magenta', 'volcano', 'gold'];\n\nexport type StatusType = (typeof statusType)[number];\nexport type HackColors = (typeof hackColors)[number];\n\nexport const tagProps = {\n  modelValue: {\n    type: Boolean,\n    default: true\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'outline' | 'solid'>,\n    default: 'surface'\n  },\n  size: {\n    type: String as PropType<'small' | 'default' | 'large'>,\n    default: 'default'\n  },\n  round: {\n    type: Boolean,\n    default: false\n  },\n  closeable: {\n    type: Boolean,\n    default: false\n  },\n  color: {\n    type: String\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  }\n};\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>;\n\nexport const tagEmits = {\n  'update:modelValue': (v: boolean) => typeof v === 'boolean',\n  close: (e: Event) => e instanceof Event\n};\n\nexport type TagInstanceType = InstanceType<typeof Tag>;\n"],"names":[],"mappings":"MAKa,aAAa,CAAC,WAAW,WAAW,cAAc,SAAS,WAAW,SAAS;MAC/E,aAAa,CAAC,YAAY,WAAW,WAAW,MAAM;MAKtD,WAAW;AAAA,EACtB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AAEzB;MAIa,WAAW;AAAA,EACtB,qBAAqB,CAAC,MAAe,OAAO,MAAM;AAAA,EAClD,OAAO,CAAC,MAAa,aAAa;AACpC;;;;"}
+{"version":3,"file":"Tag.type.mjs","sources":["../../../../src/components/Tag/Tag.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\n\nimport type Tag from './Tag.vue';\n\nexport const statusType = ['primary', 'success', 'processing', 'error', 'warning', 'default'];\nexport const hackColors = ['geekblue', 'magenta', 'volcano', 'gold'];\n\nexport type StatusType = (typeof statusType)[number];\nexport type HackColors = (typeof hackColors)[number];\n\nexport const tagProps = {\n  modelValue: {\n    type: Boolean,\n    default: true\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'outline' | 'solid'>,\n    default: 'surface'\n  },\n  round: {\n    type: Boolean,\n    default: false\n  },\n  closeable: {\n    type: Boolean,\n    default: false\n  },\n  color: {\n    type: String\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  }\n};\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>;\n\nexport const tagEmits = {\n  'update:modelValue': (v: boolean) => typeof v === 'boolean',\n  close: (e: Event) => e instanceof Event\n};\n\nexport type TagInstanceType = InstanceType<typeof Tag>;\n"],"names":[],"mappings":"MAKa,aAAa,CAAC,WAAW,WAAW,cAAc,SAAS,WAAW,SAAS;MAC/E,aAAa,CAAC,YAAY,WAAW,WAAW,MAAM;MAKtD,WAAW;AAAA,EACtB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AAEzB;MAIa,WAAW;AAAA,EACtB,qBAAqB,CAAC,MAAe,OAAO,MAAM;AAAA,EAClD,OAAO,CAAC,MAAa,aAAa;AACpC;;;;"}

package/es/components/Tag/Tag.vue.d.ts

@@ -7,10 +7,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -39,23 +35,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     customStyle: import("vue").ComputedRef<{
         backgroundColor: string;
         color: string;
-        borderColor?: undefined;
-        boxShadow?: undefined;
+        border?: undefined;
     } | {
-        borderColor: any;
+        border: string;
         color: string;
-        boxShadow: string;
         backgroundColor?: undefined;
-    } | {
-        backgroundColor: string;
-        color?: undefined;
-        borderColor?: undefined;
-        boxShadow?: undefined;
     } | {
         backgroundColor: string;
         color: string;
-        boxShadow: string;
-        borderColor?: undefined;
+        border: string;
+    } | {
+        backgroundColor?: undefined;
+        color?: undefined;
+        border?: undefined;
     }>;
     showIcon: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -70,10 +62,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -92,7 +80,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (e: Event) => any;
     "onUpdate:modelValue"?: (v: boolean) => any;
 }>, {
-    size: "small" | "default" | "large";
     variant: "surface" | "soft" | "outline" | "solid";
     modelValue: boolean;
     round: boolean;

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

@@ -8,10 +8,6 @@ export declare const UTag: {
             type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
-            default: string;
-        };
         round: {
             type: BooleanConstructor;
             default: boolean;
@@ -43,30 +39,25 @@ export declare const UTag: {
         customStyle: import("vue").ComputedRef<{
             backgroundColor: string;
             color: string;
-            borderColor?: undefined;
-            boxShadow?: undefined;
+            border?: undefined;
         } | {
-            borderColor: any;
+            border: string;
             color: string;
-            boxShadow: string;
             backgroundColor?: undefined;
-        } | {
-            backgroundColor: string;
-            color?: undefined;
-            borderColor?: undefined;
-            boxShadow?: undefined;
         } | {
             backgroundColor: string;
             color: string;
-            boxShadow: string;
-            borderColor?: undefined;
+            border: string;
+        } | {
+            backgroundColor?: undefined;
+            color?: undefined;
+            border?: undefined;
         }>;
         showIcon: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (v: boolean) => boolean;
         close: (e: Event) => boolean;
     }, import("vue").PublicProps, {
-        size: "small" | "default" | "large";
         variant: "surface" | "soft" | "outline" | "solid";
         modelValue: boolean;
         round: boolean;
@@ -220,10 +211,6 @@ export declare const UTag: {
             type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
-            default: string;
-        };
         round: {
             type: BooleanConstructor;
             default: boolean;
@@ -255,27 +242,22 @@ export declare const UTag: {
         customStyle: import("vue").ComputedRef<{
             backgroundColor: string;
             color: string;
-            borderColor?: undefined;
-            boxShadow?: undefined;
+            border?: undefined;
         } | {
-            borderColor: any;
+            border: string;
             color: string;
-            boxShadow: string;
             backgroundColor?: undefined;
-        } | {
-            backgroundColor: string;
-            color?: undefined;
-            borderColor?: undefined;
-            boxShadow?: undefined;
         } | {
             backgroundColor: string;
             color: string;
-            boxShadow: string;
-            borderColor?: undefined;
+            border: string;
+        } | {
+            backgroundColor?: undefined;
+            color?: undefined;
+            border?: undefined;
         }>;
         showIcon: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {
-        size: "small" | "default" | "large";
         variant: "surface" | "soft" | "outline" | "solid";
         modelValue: boolean;
         round: boolean;
@@ -293,10 +275,6 @@ export declare const UTag: {
         type: import("vue").PropType<"surface" | "soft" | "outline" | "solid">;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
-        default: string;
-    };
     round: {
         type: BooleanConstructor;
         default: boolean;
@@ -328,30 +306,25 @@ export declare const UTag: {
     customStyle: import("vue").ComputedRef<{
         backgroundColor: string;
         color: string;
-        borderColor?: undefined;
-        boxShadow?: undefined;
+        border?: undefined;
     } | {
-        borderColor: any;
+        border: string;
         color: string;
-        boxShadow: string;
         backgroundColor?: undefined;
-    } | {
-        backgroundColor: string;
-        color?: undefined;
-        borderColor?: undefined;
-        boxShadow?: undefined;
     } | {
         backgroundColor: string;
         color: string;
-        boxShadow: string;
-        borderColor?: undefined;
+        border: string;
+    } | {
+        backgroundColor?: undefined;
+        color?: undefined;
+        border?: undefined;
     }>;
     showIcon: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (v: boolean) => boolean;
     close: (e: Event) => boolean;
 }, string, {
-    size: "small" | "default" | "large";
     variant: "surface" | "soft" | "outline" | "solid";
     modelValue: boolean;
     round: boolean;

package/es/components/TreeSelect/TreeSelect.vue.d.ts

@@ -254,8 +254,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onExpand?: (keys: (string | number)[]) => any;
 }>, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-    required: boolean;
     showIcon: boolean;
+    required: boolean;
     iconType: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     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";
     disabled: boolean;