tdesign-vue-next 1.10.4 → 1.10.5-alpha.1

package/es/color-picker/panel/linear-gradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.mjs","sources":["../../../src/color-picker/panel/linear-gradient.tsx"],"sourcesContent":["import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../const';\nimport { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';\nimport { InputNumber as TInputNumber } from '../../input-number';\nimport { useBaseClassName } from '../hooks';\nimport { useCommonClassName } from '../../hooks/useConfig';\nimport baseProps from './base-props';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\nexport default defineComponent({\n  name: 'LinearGradient',\n\n  inheritAttrs: false,\n  props: {\n    ...baseProps,\n    enableMultipleGradient: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const statusClassNames = STATUS.value;\n    const refSlider = ref<HTMLElement>(null);\n    const sliderRect = reactive({\n      left: 0,\n      width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n    });\n    const isDragging = ref<Boolean>(false);\n    const isMoved = ref<Boolean>(false);\n    const degree = ref(props.color.gradientDegree);\n    const selectedId = ref(props.color.gradientSelectedId);\n    const colors = ref<GradientColorPoint[]>(cloneDeep(props.color.gradientColors));\n\n    watch(\n      () => props.color.gradientDegree,\n      (value) => (degree.value = value),\n    );\n    watch(\n      () => props.color.gradientSelectedId,\n      (value) => (selectedId.value = value),\n    );\n    watch(\n      () => props.color.gradientColors,\n      (value) => {\n        colors.value = cloneDeep(value);\n      },\n      {\n        deep: true,\n      },\n    );\n\n    const handleChange = (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      props.onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    };\n\n    const handleDegreeChange = (value: number) => {\n      if (props.disabled || value === props.color.gradientDegree) {\n        return;\n      }\n      degree.value = value;\n      handleChange('degree', value, true);\n    };\n\n    const handleSelectedIdChange = (value: string) => {\n      if (props.disabled) {\n        return;\n      }\n      selectedId.value = value;\n      handleChange('selectedId', value);\n    };\n\n    const handleColorsChange = (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.value = value;\n      handleChange('colors', value, isEnded);\n    };\n\n    /**\n     * 设置bar的位置\n     * @param left\n     * @returns\n     */\n    const updateActiveThumbLeft = (left: number) => {\n      const index = colors.value.findIndex((c) => c.id === selectedId.value);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.value[index];\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      colors.value.splice(index, 1, {\n        color: point.color,\n        left: percentLeft,\n        id: point.id,\n      });\n      handleColorsChange(colors.value);\n    };\n\n    // 移动开始\n    const handleStart = (id: string) => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n      if (isDragging.value || props.disabled) {\n        return;\n      }\n      isMoved.value = false;\n      isDragging.value = true;\n      handleSelectedIdChange(id);\n      // 让slider获取焦点，以便键盘事件生效。\n      refSlider.value.focus();\n      window.addEventListener('mousemove', handleMove, false);\n      window.addEventListener('mouseup', handleEnd, false);\n      window.addEventListener('contextmenu', handleEnd, false);\n    };\n\n    // 移动中\n    const handleMove = (e: MouseEvent) => {\n      if (!isDragging.value || props.disabled) {\n        return;\n      }\n      const left = e.clientX - sliderRect.left;\n      isMoved.value = true;\n      updateActiveThumbLeft(left);\n    };\n\n    // 移动结束\n    const handleEnd = () => {\n      if (!isDragging.value) {\n        return;\n      }\n      setTimeout(() => {\n        isDragging.value = false;\n      }, 0);\n      if (isMoved.value) {\n        handleColorsChange(colors.value, true);\n        isMoved.value = false;\n      }\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n\n    const handleKeyup = (e: KeyboardEvent) => {\n      if (props.disabled) {\n        return;\n      }\n      const points = colors.value;\n      let pos = points.findIndex((c) => c.id === selectedId.value);\n      const { length } = points;\n      // 必须保证有两个点\n      if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n        points.splice(pos, 1);\n        if (!points[pos]) {\n          // eslint-disable-next-line no-nested-ternary\n          pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n        }\n        const current = points[pos];\n        handleColorsChange(points, true);\n        handleSelectedIdChange(current?.id);\n      }\n    };\n\n    const handleThumbBarClick = (e: MouseEvent) => {\n      if (props.disabled || !props.enableMultipleGradient) {\n        return;\n      }\n      let left = e.clientX - sliderRect.left;\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n      colors.value.push(newPoint);\n      handleColorsChange(colors.value, true);\n      handleSelectedIdChange(newPoint.id);\n    };\n\n    onMounted(() => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n    });\n\n    onBeforeUnmount(() => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    });\n\n    return {\n      baseClassName,\n      statusClassNames,\n      refSlider,\n      degree,\n      selectedId,\n      colors,\n      handleDegreeChange,\n      handleStart,\n      handleMove,\n      handleEnd,\n      handleKeyup,\n      handleThumbBarClick,\n    };\n  },\n  render() {\n    const { linearGradient, gradientColors } = this.color;\n    const { colors, selectedId, degree, disabled, baseClassName, statusClassNames } = this;\n    const thumbBackground = gradientColors2string({\n      points: gradientColors,\n      degree: 90,\n    });\n    return (\n      <div class={`${baseClassName}__gradient`}>\n        <div class={`${baseClassName}__gradient-slider`}>\n          <div\n            class={[`${baseClassName}__slider`, `${baseClassName}--bg-alpha`]}\n            onKeyup={this.handleKeyup}\n            tabindex={0}\n            ref=\"refSlider\"\n          >\n            <ul\n              class=\"gradient-thumbs\"\n              onClick={this.handleThumbBarClick}\n              style={{\n                background: thumbBackground,\n              }}\n            >\n              {colors.map((t) => {\n                const left = `${Math.round(t.left * 100) / 100}%`;\n                return (\n                  <li\n                    class={[\n                      `${baseClassName}__thumb`,\n                      'gradient-thumbs__item',\n                      selectedId === t.id ? statusClassNames.active : '',\n                    ]}\n                    key={t.id}\n                    title={`${t.color} ${left}`}\n                    style={{\n                      color: t.color,\n                      left,\n                    }}\n                    onClick={(e: MouseEvent) => e.stopPropagation()}\n                    onMousedown={() => this.handleStart(t.id)}\n                  >\n                    <span class={['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`]}></span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        </div>\n        <div class={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n          <TInputNumber\n            size=\"small\"\n            theme=\"normal\"\n            min={0}\n            max={360}\n            step={1}\n            format={(value: number) => `${value}°`}\n            v-model={this.degree}\n            onBlur={this.handleDegreeChange}\n            onEnter={this.handleDegreeChange}\n            disabled={disabled}\n          />\n        </div>\n        <div class={[`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`]}>\n          <span\n            class=\"preview-inner\"\n            style={{\n              background: linearGradient,\n            }}\n          ></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["DELETE_KEYS","defineComponent","name","inheritAttrs","props","_objectSpread","baseProps","enableMultipleGradient","type","Boolean","setup","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","statusClassNames","value","refSlider","ref","sliderRect","reactive","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","color","gradientDegree","selectedId","gradientSelectedId","colors","cloneDeep","gradientColors","watch","deep","handleChange","key","payload","addUsedColor","disabled","onChange","handleDegreeChange","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","Math","max","min","percentLeft","splice","handleStart","rect","getBoundingClientRect","focus","window","addEventListener","handleMove","handleEnd","e","clientX","setTimeout","removeEventListener","handleKeyup","points","pos","length","includes","toLocaleLowerCase","current","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","onMounted","onBeforeUnmount","render","_this","_this$color","linearGradient","thumbBackground","gradientColors2string","_createVNode","concat","background","map","t","round","active","onClick","stopPropagation","onMousedown","TInputNumber","format","onUpdateModelValue","$event"],"mappings":"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"}
+{"version":3,"file":"linear-gradient.mjs","sources":["../../../src/color-picker/panel/linear-gradient.tsx"],"sourcesContent":["import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants';\nimport { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';\nimport { InputNumber as TInputNumber } from '../../input-number';\nimport { useBaseClassName } from '../hooks';\nimport { useCommonClassName } from '../../hooks/useConfig';\nimport baseProps from './base-props';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\nexport default defineComponent({\n  name: 'LinearGradient',\n\n  inheritAttrs: false,\n  props: {\n    ...baseProps,\n    enableMultipleGradient: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const statusClassNames = STATUS.value;\n    const refSlider = ref<HTMLElement>(null);\n    const sliderRect = reactive({\n      left: 0,\n      width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n    });\n    const isDragging = ref<Boolean>(false);\n    const isMoved = ref<Boolean>(false);\n    const degree = ref(props.color.gradientDegree);\n    const selectedId = ref(props.color.gradientSelectedId);\n    const colors = ref<GradientColorPoint[]>(cloneDeep(props.color.gradientColors));\n\n    watch(\n      () => props.color.gradientDegree,\n      (value) => (degree.value = value),\n    );\n    watch(\n      () => props.color.gradientSelectedId,\n      (value) => (selectedId.value = value),\n    );\n    watch(\n      () => props.color.gradientColors,\n      (value) => {\n        colors.value = cloneDeep(value);\n      },\n      {\n        deep: true,\n      },\n    );\n\n    const handleChange = (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      props.onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    };\n\n    const handleDegreeChange = (value: number) => {\n      if (props.disabled || value === props.color.gradientDegree) {\n        return;\n      }\n      degree.value = value;\n      handleChange('degree', value, true);\n    };\n\n    const handleSelectedIdChange = (value: string) => {\n      if (props.disabled) {\n        return;\n      }\n      selectedId.value = value;\n      handleChange('selectedId', value);\n    };\n\n    const handleColorsChange = (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.value = value;\n      handleChange('colors', value, isEnded);\n    };\n\n    /**\n     * 设置bar的位置\n     * @param left\n     * @returns\n     */\n    const updateActiveThumbLeft = (left: number) => {\n      const index = colors.value.findIndex((c) => c.id === selectedId.value);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.value[index];\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      colors.value.splice(index, 1, {\n        color: point.color,\n        left: percentLeft,\n        id: point.id,\n      });\n      handleColorsChange(colors.value);\n    };\n\n    // 移动开始\n    const handleStart = (id: string) => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n      if (isDragging.value || props.disabled) {\n        return;\n      }\n      isMoved.value = false;\n      isDragging.value = true;\n      handleSelectedIdChange(id);\n      // 让slider获取焦点，以便键盘事件生效。\n      refSlider.value.focus();\n      window.addEventListener('mousemove', handleMove, false);\n      window.addEventListener('mouseup', handleEnd, false);\n      window.addEventListener('contextmenu', handleEnd, false);\n    };\n\n    // 移动中\n    const handleMove = (e: MouseEvent) => {\n      if (!isDragging.value || props.disabled) {\n        return;\n      }\n      const left = e.clientX - sliderRect.left;\n      isMoved.value = true;\n      updateActiveThumbLeft(left);\n    };\n\n    // 移动结束\n    const handleEnd = () => {\n      if (!isDragging.value) {\n        return;\n      }\n      setTimeout(() => {\n        isDragging.value = false;\n      }, 0);\n      if (isMoved.value) {\n        handleColorsChange(colors.value, true);\n        isMoved.value = false;\n      }\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n\n    const handleKeyup = (e: KeyboardEvent) => {\n      if (props.disabled) {\n        return;\n      }\n      const points = colors.value;\n      let pos = points.findIndex((c) => c.id === selectedId.value);\n      const { length } = points;\n      // 必须保证有两个点\n      if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n        points.splice(pos, 1);\n        if (!points[pos]) {\n          // eslint-disable-next-line no-nested-ternary\n          pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n        }\n        const current = points[pos];\n        handleColorsChange(points, true);\n        handleSelectedIdChange(current?.id);\n      }\n    };\n\n    const handleThumbBarClick = (e: MouseEvent) => {\n      if (props.disabled || !props.enableMultipleGradient) {\n        return;\n      }\n      let left = e.clientX - sliderRect.left;\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n      colors.value.push(newPoint);\n      handleColorsChange(colors.value, true);\n      handleSelectedIdChange(newPoint.id);\n    };\n\n    onMounted(() => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n    });\n\n    onBeforeUnmount(() => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    });\n\n    return {\n      baseClassName,\n      statusClassNames,\n      refSlider,\n      degree,\n      selectedId,\n      colors,\n      handleDegreeChange,\n      handleStart,\n      handleMove,\n      handleEnd,\n      handleKeyup,\n      handleThumbBarClick,\n    };\n  },\n  render() {\n    const { linearGradient, gradientColors } = this.color;\n    const { colors, selectedId, degree, disabled, baseClassName, statusClassNames } = this;\n    const thumbBackground = gradientColors2string({\n      points: gradientColors,\n      degree: 90,\n    });\n    return (\n      <div class={`${baseClassName}__gradient`}>\n        <div class={`${baseClassName}__gradient-slider`}>\n          <div\n            class={[`${baseClassName}__slider`, `${baseClassName}--bg-alpha`]}\n            onKeyup={this.handleKeyup}\n            tabindex={0}\n            ref=\"refSlider\"\n          >\n            <ul\n              class=\"gradient-thumbs\"\n              onClick={this.handleThumbBarClick}\n              style={{\n                background: thumbBackground,\n              }}\n            >\n              {colors.map((t) => {\n                const left = `${Math.round(t.left * 100) / 100}%`;\n                return (\n                  <li\n                    class={[\n                      `${baseClassName}__thumb`,\n                      'gradient-thumbs__item',\n                      selectedId === t.id ? statusClassNames.active : '',\n                    ]}\n                    key={t.id}\n                    title={`${t.color} ${left}`}\n                    style={{\n                      color: t.color,\n                      left,\n                    }}\n                    onClick={(e: MouseEvent) => e.stopPropagation()}\n                    onMousedown={() => this.handleStart(t.id)}\n                  >\n                    <span class={['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`]}></span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        </div>\n        <div class={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n          <TInputNumber\n            size=\"small\"\n            theme=\"normal\"\n            min={0}\n            max={360}\n            step={1}\n            format={(value: number) => `${value}°`}\n            v-model={this.degree}\n            onBlur={this.handleDegreeChange}\n            onEnter={this.handleDegreeChange}\n            disabled={disabled}\n          />\n        </div>\n        <div class={[`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`]}>\n          <span\n            class=\"preview-inner\"\n            style={{\n              background: linearGradient,\n            }}\n          ></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["DELETE_KEYS","defineComponent","name","inheritAttrs","props","_objectSpread","baseProps","enableMultipleGradient","type","Boolean","setup","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","statusClassNames","value","refSlider","ref","sliderRect","reactive","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","color","gradientDegree","selectedId","gradientSelectedId","colors","cloneDeep","gradientColors","watch","deep","handleChange","key","payload","addUsedColor","disabled","onChange","handleDegreeChange","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","Math","max","min","percentLeft","splice","handleStart","rect","getBoundingClientRect","focus","window","addEventListener","handleMove","handleEnd","e","clientX","setTimeout","removeEventListener","handleKeyup","points","pos","length","includes","toLocaleLowerCase","current","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","onMounted","onBeforeUnmount","render","_this","_this$color","linearGradient","thumbBackground","gradientColors2string","_createVNode","concat","background","map","t","round","active","onClick","stopPropagation","onMousedown","TInputNumber","format","onUpdateModelValue","$event"],"mappings":"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"}

package/es/color-picker/panel/saturation.mjs

@@ -1,66 +1,65 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-447b1efd.mjs';
+import { _ as _defineProperty } from '../../_chunks/dep-5305c0c1.mjs';
 import { defineComponent, ref, reactive, computed, nextTick, onMounted, onBeforeUnmount, createVNode } from 'vue';
-import '../const.mjs';
+import { SATURATION_PANEL_DEFAULT_WIDTH, SATURATION_PANEL_DEFAULT_HEIGHT } from '../../_common/js/color-picker/constants.mjs';
 import '../utils/index.mjs';
 import { useBaseClassName } from '../hooks.mjs';
 import baseProps from './base-props.mjs';
-import { SATURATION_PANEL_DEFAULT_WIDTH, SATURATION_PANEL_DEFAULT_HEIGHT } from '../../_common/js/color-picker/constants.mjs';
 import { Draggable } from '../../_common/js/color-picker/draggable.mjs';
-import '../../_chunks/dep-59d6cf71.mjs';
+import '../../_chunks/dep-d12bc056.mjs';
 import '../../_common/js/color-picker/index.mjs';
 import '../../_common/js/color-picker/cmyk.mjs';
 import '../../_common/js/color-picker/color.mjs';
-import '../../_chunks/dep-9593c472.mjs';
-import '../../_chunks/dep-7c2b21af.mjs';
-import '../../_chunks/dep-0df090f8.mjs';
-import '../../_chunks/dep-54c42f12.mjs';
+import '../../_chunks/dep-eca3eb05.mjs';
+import '../../_chunks/dep-79c204b8.mjs';
+import '../../_chunks/dep-5ca24545.mjs';
+import '../../_chunks/dep-af1f09bb.mjs';
 import '../../_common/js/color-picker/gradient.mjs';
-import '../../_chunks/dep-e183db76.mjs';
-import '../../_chunks/dep-7b6806b0.mjs';
-import '../../_chunks/dep-aa1952b2.mjs';
-import '../../_chunks/dep-075baec6.mjs';
-import '../../_chunks/dep-f5b45cec.mjs';
-import '../../_chunks/dep-d5020da3.mjs';
-import '../../_chunks/dep-0a3ebd0d.mjs';
+import '../../_chunks/dep-2130fae2.mjs';
+import '../../_chunks/dep-eb7ace72.mjs';
+import '../../_chunks/dep-01cf6684.mjs';
+import '../../_chunks/dep-7fc0715e.mjs';
+import '../../_chunks/dep-2573a82e.mjs';
+import '../../_chunks/dep-784afc77.mjs';
+import '../../_chunks/dep-2846e012.mjs';
 import '../../hooks/useConfig.mjs';
 import '../../config-provider/useConfig.mjs';
-import '../../_chunks/dep-13453475.mjs';
-import '../../_chunks/dep-0e0556ba.mjs';
-import '../../_chunks/dep-c7adb172.mjs';
-import '../../_chunks/dep-ef97ccc6.mjs';
-import '../../_chunks/dep-0f41a500.mjs';
-import '../../_chunks/dep-67955c92.mjs';
-import '../../_chunks/dep-7f35eb46.mjs';
-import '../../_chunks/dep-15a7009f.mjs';
-import '../../_chunks/dep-8ebdfd1b.mjs';
-import '../../_chunks/dep-248e1cf6.mjs';
-import '../../_chunks/dep-230c7d33.mjs';
-import '../../_chunks/dep-961eebf9.mjs';
-import '../../_chunks/dep-d9afaad4.mjs';
-import '../../_chunks/dep-d23e10e1.mjs';
-import '../../_chunks/dep-9f541570.mjs';
-import '../../_chunks/dep-a1f803c5.mjs';
-import '../../_chunks/dep-24417b60.mjs';
-import '../../_chunks/dep-b4e9b741.mjs';
-import '../../_chunks/dep-fda75515.mjs';
-import '../../_chunks/dep-13e401a2.mjs';
-import '../../_chunks/dep-84054edc.mjs';
-import '../../_chunks/dep-e7585570.mjs';
-import '../../_chunks/dep-41df0c20.mjs';
-import '../../_chunks/dep-05b68b83.mjs';
-import '../../_chunks/dep-d0643949.mjs';
-import '../../_chunks/dep-a53494e0.mjs';
+import '../../_chunks/dep-5cbf04ea.mjs';
+import '../../_chunks/dep-c8a5a3cf.mjs';
+import '../../_chunks/dep-1d8aa3fc.mjs';
+import '../../_chunks/dep-e064bba2.mjs';
+import '../../_chunks/dep-1d2a6645.mjs';
+import '../../_chunks/dep-37bc30c8.mjs';
+import '../../_chunks/dep-d165791a.mjs';
+import '../../_chunks/dep-3c7b12b9.mjs';
+import '../../_chunks/dep-3e0ba0e3.mjs';
+import '../../_chunks/dep-97fa541e.mjs';
+import '../../_chunks/dep-466ecd8f.mjs';
+import '../../_chunks/dep-522c9450.mjs';
+import '../../_chunks/dep-f56af6cb.mjs';
+import '../../_chunks/dep-fda71599.mjs';
+import '../../_chunks/dep-a24eeda5.mjs';
+import '../../_chunks/dep-09fbd2cb.mjs';
+import '../../_chunks/dep-b4c8ed0f.mjs';
+import '../../_chunks/dep-e25f4f4a.mjs';
+import '../../_chunks/dep-e1a6f623.mjs';
+import '../../_chunks/dep-3fec7de2.mjs';
+import '../../_chunks/dep-560a65d5.mjs';
+import '../../_chunks/dep-fbbd52ef.mjs';
+import '../../_chunks/dep-e6bb78a7.mjs';
+import '../../_chunks/dep-c1fbf8d8.mjs';
+import '../../_chunks/dep-f7ae8562.mjs';
+import '../../_chunks/dep-bcf19c1d.mjs';
 import '../../_common/js/global-config/default-config.mjs';
 import '../../_common/js/global-config/locale/zh_CN.mjs';
-import '../../_chunks/dep-9ea0ad04.mjs';
-import '../../_chunks/dep-d08cfbd5.mjs';
-import '../../_chunks/dep-83804362.mjs';
+import '../../_chunks/dep-70fb2973.mjs';
+import '../../_chunks/dep-f754e020.mjs';
+import '../../_chunks/dep-dd1bf553.mjs';
 import '../../config-provider/type.mjs';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/color-picker/panel/saturation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"saturation.mjs","sources":["../../../src/color-picker/panel/saturation.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\nimport { SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH } from '../const';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'SaturationPanel',\n\n  props: {\n    ...baseProps,\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SATURATION_PANEL_DEFAULT_WIDTH,\n      height: SATURATION_PANEL_DEFAULT_HEIGHT,\n    });\n\n    const styles = computed(() => {\n      const { saturation, value } = props.color;\n      const { width, height } = panelRect;\n      const top = Math.round((1 - value) * height);\n      const left = Math.round(saturation * width);\n      return {\n        color: props.color.rgb,\n        left: `${left}px`,\n        top: `${top}px`,\n      };\n    });\n\n    const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n      const { width, height } = panelRect;\n      const { x, y } = coordinate;\n      const saturation = Math.round((x / width) * 100);\n      const value = Math.round((1 - y / height) * 100);\n      return {\n        saturation,\n        value,\n      };\n    };\n\n    const handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { saturation, value } = getSaturationAndValueByCoordinate(coordinate);\n      props.onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnded,\n      });\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      nextTick(() => {\n        handleDrag(coordinate, true);\n      });\n    };\n\n    const panelBackground = computed(() => {\n      return `hsl(${props.color.hue}, 100%, 50%)`;\n    });\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n      panelRect.height = refPanel.value.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start() {\n          panelRect.width = refPanel.value.offsetWidth;\n          panelRect.height = refPanel.value.offsetHeight;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n      panelBackground,\n    };\n  },\n  render() {\n    const { baseClassName, styles, panelBackground } = this;\n    return (\n      <div\n        class={[`${baseClassName}__saturation`]}\n        ref=\"refPanel\"\n        style={{\n          background: panelBackground,\n        }}\n      >\n        <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","computed","_props$color","color","saturation","value","top","Math","round","left","rgb","getSaturationAndValueByCoordinate","coordinate","x","y","handleDrag","isEnded","disabled","_getSaturationAndValu","onChange","addUsedColor","handleDragEnd","nextTick","panelBackground","concat","hue","onMounted","offsetWidth","offsetHeight","Draggable","start","drag","end","onBeforeUnmount","destroy","render","_createVNode","background"],"mappings":"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"}
+{"version":3,"file":"saturation.mjs","sources":["../../../src/color-picker/panel/saturation.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\nimport {\n  SATURATION_PANEL_DEFAULT_HEIGHT,\n  SATURATION_PANEL_DEFAULT_WIDTH,\n} from '../../_common/js/color-picker/constants';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'SaturationPanel',\n\n  props: {\n    ...baseProps,\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SATURATION_PANEL_DEFAULT_WIDTH,\n      height: SATURATION_PANEL_DEFAULT_HEIGHT,\n    });\n\n    const styles = computed(() => {\n      const { saturation, value } = props.color;\n      const { width, height } = panelRect;\n      const top = Math.round((1 - value) * height);\n      const left = Math.round(saturation * width);\n      return {\n        color: props.color.rgb,\n        left: `${left}px`,\n        top: `${top}px`,\n      };\n    });\n\n    const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n      const { width, height } = panelRect;\n      const { x, y } = coordinate;\n      const saturation = Math.round((x / width) * 100);\n      const value = Math.round((1 - y / height) * 100);\n      return {\n        saturation,\n        value,\n      };\n    };\n\n    const handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { saturation, value } = getSaturationAndValueByCoordinate(coordinate);\n      props.onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnded,\n      });\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      nextTick(() => {\n        handleDrag(coordinate, true);\n      });\n    };\n\n    const panelBackground = computed(() => {\n      return `hsl(${props.color.hue}, 100%, 50%)`;\n    });\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n      panelRect.height = refPanel.value.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start() {\n          panelRect.width = refPanel.value.offsetWidth;\n          panelRect.height = refPanel.value.offsetHeight;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n      panelBackground,\n    };\n  },\n  render() {\n    const { baseClassName, styles, panelBackground } = this;\n    return (\n      <div\n        class={[`${baseClassName}__saturation`]}\n        ref=\"refPanel\"\n        style={{\n          background: panelBackground,\n        }}\n      >\n        <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","computed","_props$color","color","saturation","value","top","Math","round","left","rgb","getSaturationAndValueByCoordinate","coordinate","x","y","handleDrag","isEnded","disabled","_getSaturationAndValu","onChange","addUsedColor","handleDragEnd","nextTick","panelBackground","concat","hue","onMounted","offsetWidth","offsetHeight","Draggable","start","drag","end","onBeforeUnmount","destroy","render","_createVNode","background"],"mappings":"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"}

package/es/color-picker/panel/slider.mjs

@@ -1,66 +1,65 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-447b1efd.mjs';
+import { _ as _defineProperty } from '../../_chunks/dep-5305c0c1.mjs';
 import { defineComponent, ref, reactive, computed, onMounted, onBeforeUnmount, createVNode } from 'vue';
-import '../const.mjs';
+import { SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants.mjs';
 import '../utils/index.mjs';
 import { useBaseClassName } from '../hooks.mjs';
 import baseProps from './base-props.mjs';
-import { SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants.mjs';
 import { Draggable } from '../../_common/js/color-picker/draggable.mjs';
-import '../../_chunks/dep-59d6cf71.mjs';
+import '../../_chunks/dep-d12bc056.mjs';
 import '../../_common/js/color-picker/index.mjs';
 import '../../_common/js/color-picker/cmyk.mjs';
 import '../../_common/js/color-picker/color.mjs';
-import '../../_chunks/dep-9593c472.mjs';
-import '../../_chunks/dep-7c2b21af.mjs';
-import '../../_chunks/dep-0df090f8.mjs';
-import '../../_chunks/dep-54c42f12.mjs';
+import '../../_chunks/dep-eca3eb05.mjs';
+import '../../_chunks/dep-79c204b8.mjs';
+import '../../_chunks/dep-5ca24545.mjs';
+import '../../_chunks/dep-af1f09bb.mjs';
 import '../../_common/js/color-picker/gradient.mjs';
-import '../../_chunks/dep-e183db76.mjs';
-import '../../_chunks/dep-7b6806b0.mjs';
-import '../../_chunks/dep-aa1952b2.mjs';
-import '../../_chunks/dep-075baec6.mjs';
-import '../../_chunks/dep-f5b45cec.mjs';
-import '../../_chunks/dep-d5020da3.mjs';
-import '../../_chunks/dep-0a3ebd0d.mjs';
+import '../../_chunks/dep-2130fae2.mjs';
+import '../../_chunks/dep-eb7ace72.mjs';
+import '../../_chunks/dep-01cf6684.mjs';
+import '../../_chunks/dep-7fc0715e.mjs';
+import '../../_chunks/dep-2573a82e.mjs';
+import '../../_chunks/dep-784afc77.mjs';
+import '../../_chunks/dep-2846e012.mjs';
 import '../../hooks/useConfig.mjs';
 import '../../config-provider/useConfig.mjs';
-import '../../_chunks/dep-13453475.mjs';
-import '../../_chunks/dep-0e0556ba.mjs';
-import '../../_chunks/dep-c7adb172.mjs';
-import '../../_chunks/dep-ef97ccc6.mjs';
-import '../../_chunks/dep-0f41a500.mjs';
-import '../../_chunks/dep-67955c92.mjs';
-import '../../_chunks/dep-7f35eb46.mjs';
-import '../../_chunks/dep-15a7009f.mjs';
-import '../../_chunks/dep-8ebdfd1b.mjs';
-import '../../_chunks/dep-248e1cf6.mjs';
-import '../../_chunks/dep-230c7d33.mjs';
-import '../../_chunks/dep-961eebf9.mjs';
-import '../../_chunks/dep-d9afaad4.mjs';
-import '../../_chunks/dep-d23e10e1.mjs';
-import '../../_chunks/dep-9f541570.mjs';
-import '../../_chunks/dep-a1f803c5.mjs';
-import '../../_chunks/dep-24417b60.mjs';
-import '../../_chunks/dep-b4e9b741.mjs';
-import '../../_chunks/dep-fda75515.mjs';
-import '../../_chunks/dep-13e401a2.mjs';
-import '../../_chunks/dep-84054edc.mjs';
-import '../../_chunks/dep-e7585570.mjs';
-import '../../_chunks/dep-41df0c20.mjs';
-import '../../_chunks/dep-05b68b83.mjs';
-import '../../_chunks/dep-d0643949.mjs';
-import '../../_chunks/dep-a53494e0.mjs';
+import '../../_chunks/dep-5cbf04ea.mjs';
+import '../../_chunks/dep-c8a5a3cf.mjs';
+import '../../_chunks/dep-1d8aa3fc.mjs';
+import '../../_chunks/dep-e064bba2.mjs';
+import '../../_chunks/dep-1d2a6645.mjs';
+import '../../_chunks/dep-37bc30c8.mjs';
+import '../../_chunks/dep-d165791a.mjs';
+import '../../_chunks/dep-3c7b12b9.mjs';
+import '../../_chunks/dep-3e0ba0e3.mjs';
+import '../../_chunks/dep-97fa541e.mjs';
+import '../../_chunks/dep-466ecd8f.mjs';
+import '../../_chunks/dep-522c9450.mjs';
+import '../../_chunks/dep-f56af6cb.mjs';
+import '../../_chunks/dep-fda71599.mjs';
+import '../../_chunks/dep-a24eeda5.mjs';
+import '../../_chunks/dep-09fbd2cb.mjs';
+import '../../_chunks/dep-b4c8ed0f.mjs';
+import '../../_chunks/dep-e25f4f4a.mjs';
+import '../../_chunks/dep-e1a6f623.mjs';
+import '../../_chunks/dep-3fec7de2.mjs';
+import '../../_chunks/dep-560a65d5.mjs';
+import '../../_chunks/dep-fbbd52ef.mjs';
+import '../../_chunks/dep-e6bb78a7.mjs';
+import '../../_chunks/dep-c1fbf8d8.mjs';
+import '../../_chunks/dep-f7ae8562.mjs';
+import '../../_chunks/dep-bcf19c1d.mjs';
 import '../../_common/js/global-config/default-config.mjs';
 import '../../_common/js/global-config/locale/zh_CN.mjs';
-import '../../_chunks/dep-9ea0ad04.mjs';
-import '../../_chunks/dep-d08cfbd5.mjs';
-import '../../_chunks/dep-83804362.mjs';
+import '../../_chunks/dep-70fb2973.mjs';
+import '../../_chunks/dep-f754e020.mjs';
+import '../../_chunks/dep-dd1bf553.mjs';
 import '../../config-provider/type.mjs';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/color-picker/panel/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","sources":["../../../src/color-picker/panel/slider.tsx"],"sourcesContent":["import { computed, defineComponent, onBeforeUnmount, onMounted, PropType, reactive, ref } from 'vue';\nimport { SLIDER_DEFAULT_WIDTH } from '../const';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'ColorSlider',\n  props: {\n    ...baseProps,\n    className: {\n      type: String,\n      default: '',\n    },\n    value: {\n      type: Number,\n      default: 0,\n    },\n    maxValue: {\n      type: Number,\n      default: 360,\n    },\n    railStyle: {\n      type: Object as PropType<any>,\n    },\n    type: {\n      type: String as PropType<'hue' | 'alpha'>,\n      default: 'hue',\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SLIDER_DEFAULT_WIDTH,\n    });\n    const styles = computed(() => {\n      const { width } = panelRect;\n      if (!width) {\n        return;\n      }\n      const left = Math.round((props.value / props.maxValue) * 100);\n      return {\n        left: `${left}%`,\n        color: props.color.rgb,\n      };\n    });\n\n    const handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { width } = panelRect;\n      const { x } = coordinate;\n      const value = Math.round((x / width) * props.maxValue * 100) / 100;\n      props.onChange(value, isEnded);\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      handleDrag(coordinate, true);\n    };\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SLIDER_DEFAULT_WIDTH;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start: () => {\n          // pop模式下由于是隐藏显示，这个宽度让其每次点击的时候重新计算\n          panelRect.width = refPanel.value.offsetWidth;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n    };\n  },\n  render() {\n    const { baseClassName, className, railStyle, styles, type, color } = this;\n    const paddingStyle = {\n      background: `linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, ${color.rgb} 93%, ${color.rgb} 100%)`,\n    };\n    return (\n      <div class={[`${baseClassName}__slider-wrapper`, `${baseClassName}__slider-wrapper--${type}-type`]}>\n        {type === 'alpha' && <div className={`${baseClassName}__slider-padding`} style={paddingStyle} />}\n        <div class={[`${baseClassName}__slider`, className]} ref=\"refPanel\">\n          <div class={`${baseClassName}__rail`} style={railStyle}></div>\n          <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","className","type","String","value","Number","maxValue","railStyle","Object","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SLIDER_DEFAULT_WIDTH","styles","computed","left","Math","round","color","rgb","handleDrag","coordinate","isEnded","disabled","x","onChange","handleDragEnd","onMounted","offsetWidth","Draggable","start","drag","end","onBeforeUnmount","destroy","render","paddingStyle","background","concat","_createVNode"],"mappings":"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"}
+{"version":3,"file":"slider.mjs","sources":["../../../src/color-picker/panel/slider.tsx"],"sourcesContent":["import { computed, defineComponent, onBeforeUnmount, onMounted, PropType, reactive, ref } from 'vue';\nimport { SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'ColorSlider',\n  props: {\n    ...baseProps,\n    className: {\n      type: String,\n      default: '',\n    },\n    value: {\n      type: Number,\n      default: 0,\n    },\n    maxValue: {\n      type: Number,\n      default: 360,\n    },\n    railStyle: {\n      type: Object as PropType<any>,\n    },\n    type: {\n      type: String as PropType<'hue' | 'alpha'>,\n      default: 'hue',\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SLIDER_DEFAULT_WIDTH,\n    });\n    const styles = computed(() => {\n      const { width } = panelRect;\n      if (!width) {\n        return;\n      }\n      const left = Math.round((props.value / props.maxValue) * 100);\n      return {\n        left: `${left}%`,\n        color: props.color.rgb,\n      };\n    });\n\n    const handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { width } = panelRect;\n      const { x } = coordinate;\n      const value = Math.round((x / width) * props.maxValue * 100) / 100;\n      props.onChange(value, isEnded);\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      handleDrag(coordinate, true);\n    };\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SLIDER_DEFAULT_WIDTH;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start: () => {\n          // pop模式下由于是隐藏显示，这个宽度让其每次点击的时候重新计算\n          panelRect.width = refPanel.value.offsetWidth;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n    };\n  },\n  render() {\n    const { baseClassName, className, railStyle, styles, type, color } = this;\n    const paddingStyle = {\n      background: `linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, ${color.rgb} 93%, ${color.rgb} 100%)`,\n    };\n    return (\n      <div class={[`${baseClassName}__slider-wrapper`, `${baseClassName}__slider-wrapper--${type}-type`]}>\n        {type === 'alpha' && <div className={`${baseClassName}__slider-padding`} style={paddingStyle} />}\n        <div class={[`${baseClassName}__slider`, className]} ref=\"refPanel\">\n          <div class={`${baseClassName}__rail`} style={railStyle}></div>\n          <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","className","type","String","value","Number","maxValue","railStyle","Object","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SLIDER_DEFAULT_WIDTH","styles","computed","left","Math","round","color","rgb","handleDrag","coordinate","isEnded","disabled","x","onChange","handleDragEnd","onMounted","offsetWidth","Draggable","start","drag","end","onBeforeUnmount","destroy","render","paddingStyle","background","concat","_createVNode"],"mappings":"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"}

package/es/color-picker/panel/swatches.mjs

@@ -1,10 +1,10 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-447b1efd.mjs';
+import { _ as _defineProperty } from '../../_chunks/dep-5305c0c1.mjs';
 import { defineComponent, ref, computed, createVNode } from 'vue';
 import { DeleteIcon, AddIcon } from 'tdesign-icons-vue-next';
 import '../utils/index.mjs';
@@ -13,55 +13,55 @@ import { useCommonClassName } from '../../hooks/useConfig.mjs';
 import { useGlobalIcon } from '../../hooks/useGlobalIcon.mjs';
 import baseProps from './base-props.mjs';
 import { Color } from '../../_common/js/color-picker/color.mjs';
-import '../../_chunks/dep-59d6cf71.mjs';
+import '../../_chunks/dep-d12bc056.mjs';
 import '../../_common/js/color-picker/index.mjs';
 import '../../_common/js/color-picker/cmyk.mjs';
 import '../../_common/js/color-picker/draggable.mjs';
-import '../../_chunks/dep-0df090f8.mjs';
+import '../../_chunks/dep-5ca24545.mjs';
 import '../../_common/js/color-picker/gradient.mjs';
-import '../../_chunks/dep-e183db76.mjs';
-import '../../_chunks/dep-7b6806b0.mjs';
-import '../../_chunks/dep-aa1952b2.mjs';
-import '../../_chunks/dep-075baec6.mjs';
-import '../../_chunks/dep-f5b45cec.mjs';
-import '../../_chunks/dep-d5020da3.mjs';
-import '../../_chunks/dep-0a3ebd0d.mjs';
-import '../../_chunks/dep-54c42f12.mjs';
+import '../../_chunks/dep-2130fae2.mjs';
+import '../../_chunks/dep-eb7ace72.mjs';
+import '../../_chunks/dep-01cf6684.mjs';
+import '../../_chunks/dep-7fc0715e.mjs';
+import '../../_chunks/dep-2573a82e.mjs';
+import '../../_chunks/dep-784afc77.mjs';
+import '../../_chunks/dep-2846e012.mjs';
+import '../../_chunks/dep-af1f09bb.mjs';
 import '../../config-provider/useConfig.mjs';
-import '../../_chunks/dep-13453475.mjs';
-import '../../_chunks/dep-0e0556ba.mjs';
-import '../../_chunks/dep-c7adb172.mjs';
-import '../../_chunks/dep-ef97ccc6.mjs';
-import '../../_chunks/dep-0f41a500.mjs';
-import '../../_chunks/dep-67955c92.mjs';
-import '../../_chunks/dep-7f35eb46.mjs';
-import '../../_chunks/dep-15a7009f.mjs';
-import '../../_chunks/dep-8ebdfd1b.mjs';
-import '../../_chunks/dep-248e1cf6.mjs';
-import '../../_chunks/dep-230c7d33.mjs';
-import '../../_chunks/dep-961eebf9.mjs';
-import '../../_chunks/dep-d9afaad4.mjs';
-import '../../_chunks/dep-d23e10e1.mjs';
-import '../../_chunks/dep-9f541570.mjs';
-import '../../_chunks/dep-a1f803c5.mjs';
-import '../../_chunks/dep-24417b60.mjs';
-import '../../_chunks/dep-b4e9b741.mjs';
-import '../../_chunks/dep-fda75515.mjs';
-import '../../_chunks/dep-13e401a2.mjs';
-import '../../_chunks/dep-84054edc.mjs';
-import '../../_chunks/dep-e7585570.mjs';
-import '../../_chunks/dep-41df0c20.mjs';
-import '../../_chunks/dep-05b68b83.mjs';
-import '../../_chunks/dep-d0643949.mjs';
-import '../../_chunks/dep-a53494e0.mjs';
+import '../../_chunks/dep-5cbf04ea.mjs';
+import '../../_chunks/dep-c8a5a3cf.mjs';
+import '../../_chunks/dep-1d8aa3fc.mjs';
+import '../../_chunks/dep-e064bba2.mjs';
+import '../../_chunks/dep-1d2a6645.mjs';
+import '../../_chunks/dep-37bc30c8.mjs';
+import '../../_chunks/dep-d165791a.mjs';
+import '../../_chunks/dep-3c7b12b9.mjs';
+import '../../_chunks/dep-3e0ba0e3.mjs';
+import '../../_chunks/dep-97fa541e.mjs';
+import '../../_chunks/dep-466ecd8f.mjs';
+import '../../_chunks/dep-522c9450.mjs';
+import '../../_chunks/dep-f56af6cb.mjs';
+import '../../_chunks/dep-fda71599.mjs';
+import '../../_chunks/dep-a24eeda5.mjs';
+import '../../_chunks/dep-09fbd2cb.mjs';
+import '../../_chunks/dep-b4c8ed0f.mjs';
+import '../../_chunks/dep-e25f4f4a.mjs';
+import '../../_chunks/dep-e1a6f623.mjs';
+import '../../_chunks/dep-3fec7de2.mjs';
+import '../../_chunks/dep-560a65d5.mjs';
+import '../../_chunks/dep-fbbd52ef.mjs';
+import '../../_chunks/dep-e6bb78a7.mjs';
+import '../../_chunks/dep-c1fbf8d8.mjs';
+import '../../_chunks/dep-f7ae8562.mjs';
+import '../../_chunks/dep-bcf19c1d.mjs';
 import '../../_common/js/global-config/default-config.mjs';
 import '../../_common/js/global-config/locale/zh_CN.mjs';
-import '../../_chunks/dep-9ea0ad04.mjs';
-import '../../_chunks/dep-d08cfbd5.mjs';
-import '../../_chunks/dep-83804362.mjs';
+import '../../_chunks/dep-70fb2973.mjs';
+import '../../_chunks/dep-f754e020.mjs';
+import '../../_chunks/dep-dd1bf553.mjs';
 import '../../config-provider/type.mjs';
-import '../../_chunks/dep-9593c472.mjs';
-import '../../_chunks/dep-7c2b21af.mjs';
+import '../../_chunks/dep-eca3eb05.mjs';
+import '../../_chunks/dep-79c204b8.mjs';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/color-picker/props.mjs

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */