@element-plus/nightly 0.0.20260120 → 0.0.20260122

package/lib/components/color-picker/src/color-picker.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.vue2.js","sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    :visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :stop-popper-mouse-event=\"false\"\n    pure\n    loop\n    role=\"dialog\"\n    effect=\"light\"\n    trigger=\"click\"\n    :teleported=\"teleported\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    :persistent=\"persistent\"\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"setShowPicker(false)\"\n  >\n    <template #content>\n      <el-color-picker-panel\n        ref=\"pickerPanelRef\"\n        v-bind=\"panelProps\"\n        v-click-outside:[triggerRef]=\"handleClickOutside\"\n        :border=\"false\"\n        :validate-event=\"false\"\n        @keydown.esc=\"handleEsc\"\n      >\n        <template #footer>\n          <div>\n            <el-button\n              v-if=\"clearable\"\n              :class=\"ns.be('footer', 'link-btn')\"\n              text\n              size=\"small\"\n              @click=\"clear\"\n            >\n              {{ t('el.colorpicker.clear') }}\n            </el-button>\n            <el-button\n              plain\n              size=\"small\"\n              :class=\"ns.be('footer', 'btn')\"\n              @click=\"confirmValue\"\n            >\n              {{ t('el.colorpicker.confirm') }}\n            </el-button>\n          </div>\n        </template>\n      </el-color-picker-panel>\n    </template>\n    <template #default>\n      <div\n        :id=\"buttonId\"\n        ref=\"triggerRef\"\n        v-bind=\"$attrs\"\n        :class=\"btnKls\"\n        role=\"button\"\n        :aria-label=\"buttonAriaLabel\"\n        :aria-labelledby=\"buttonAriaLabelledby\"\n        :aria-description=\"\n          t('el.colorpicker.description', { color: modelValue || '' })\n        \"\n        :aria-disabled=\"colorDisabled\"\n        :tabindex=\"colorDisabled ? undefined : tabindex\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      >\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-show=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { debugWarn, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n  ElColorPickerPanel,\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = withDefaults(\n  defineProps<ColorPickerProps>(),\n  colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n  disabled: colorDisabled,\n  beforeBlur(event) {\n    return popper.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    setShowPicker(false)\n    resetColor()\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch((err) => debugWarn(err))\n    }\n  },\n})\n\nconst color = reactiveComputed(\n  () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n  pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n  if (!props.modelValue && !showPanelColor.value) {\n    return 'transparent'\n  }\n  return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n  return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string | undefined>(() => {\n  return !isLabeledByFormItem.value\n    ? props.ariaLabel || t('el.colorpicker.defaultLabel')\n    : undefined\n})\n\nconst buttonAriaLabelledby = computed<string | undefined>(() => {\n  return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n  return [\n    ns.b('picker'),\n    ns.is('disabled', colorDisabled.value),\n    ns.bm('picker', colorSize.value),\n    ns.is('focused', isFocused.value),\n  ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n  const { r, g, b, a } = color.toRgb()\n  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n  showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n  if (colorDisabled.value) return\n  setShowPicker(true)\n}\n\nfunction hide() {\n  debounceSetShowPicker(false)\n  resetColor()\n}\n\nfunction resetColor() {\n  nextTick(() => {\n    if (props.modelValue) {\n      color.fromString(props.modelValue)\n    } else {\n      color.value = ''\n      nextTick(() => {\n        showPanelColor.value = false\n      })\n    }\n  })\n}\n\nfunction handleTrigger() {\n  if (colorDisabled.value) return\n  if (showPicker.value) {\n    resetColor()\n  }\n  debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n  const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  if (props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  debounceSetShowPicker(false)\n  // check if modelValue change, if not change, then reset color.\n  nextTick(() => {\n    const newColor = new Color({\n      enableAlpha: props.showAlpha,\n      format: props.colorFormat || '',\n      value: props.modelValue,\n    })\n    if (!color.compare(newColor)) {\n      resetColor()\n    }\n  })\n}\n\nfunction clear() {\n  debounceSetShowPicker(false)\n  emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n  emit(CHANGE_EVENT, valueOnClear.value)\n  if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  resetColor()\n  emit('clear')\n}\n\nfunction handleShowTooltip() {\n  pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n  if (!showPicker.value) return\n  hide()\n  isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  setShowPicker(false)\n  resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n    case EVENT_CODE.space:\n      event.preventDefault()\n      event.stopPropagation()\n      show()\n      break\n    case EVENT_CODE.esc:\n      handleEsc(event)\n      break\n  }\n}\n\nfunction focus() {\n  triggerRef.value.focus()\n}\n\nfunction blur() {\n  triggerRef.value.blur()\n}\n\nwatch(\n  () => currentColor.value,\n  (val) => {\n    shouldActiveChange && emit('activeChange', val)\n    shouldActiveChange = true\n  }\n)\n\nwatch(\n  () => color.value,\n  () => {\n    if (!props.modelValue && !showPanelColor.value) {\n      showPanelColor.value = true\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      showPanelColor.value = false\n    } else if (newVal && newVal !== color.value) {\n      shouldActiveChange = false\n      color.fromString(newVal)\n    }\n  }\n)\n\nwatch(\n  () => showPicker.value,\n  () => {\n    pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n  }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description manually show ColorPicker\n   */\n  show,\n  /**\n   * @description manually hide ColorPicker\n   */\n  hide,\n  /**\n   * @description focus the input element\n   */\n  focus,\n  /**\n   * @description blur the input element\n   */\n  blur,\n})\n</script>\n"],"names":["useLocale","useNamespace","useFormItem","useFormSize","useFormDisabled","useEmptyValues","useCommonColor","useFormItemInputId","ref","useFocusController","debugWarn","color","reactiveComputed","computed","pick","colorPickerPanelProps","debounce","nextTick","UPDATE_MODEL_EVENT","CHANGE_EVENT","Color","getEventCode","EVENT_CODE","watch","provide","ROOT_COMMON_COLOR_INJECTION_KEY","_createBlock","_unref","ElTooltip","_withDirectives","_openBlock","_mergeProps","_createElementVNode","ElButton","_normalizeClass","_createVNode","vClickOutside","$attrs","_normalizeStyle","ElIcon","ArrowDown","_vShow","Close"],"mappings":"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"}
+{"version":3,"file":"color-picker.vue2.js","sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    :visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :stop-popper-mouse-event=\"false\"\n    pure\n    loop\n    role=\"dialog\"\n    effect=\"light\"\n    trigger=\"click\"\n    :teleported=\"teleported\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    :persistent=\"persistent\"\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"setShowPicker(false)\"\n  >\n    <template #content>\n      <el-color-picker-panel\n        ref=\"pickerPanelRef\"\n        v-bind=\"panelProps\"\n        v-click-outside:[triggerRef]=\"handleClickOutside\"\n        :border=\"false\"\n        :validate-event=\"false\"\n        @keydown.esc=\"handleEsc\"\n      >\n        <template #footer>\n          <div>\n            <el-button\n              v-if=\"clearable\"\n              :class=\"ns.be('footer', 'link-btn')\"\n              text\n              size=\"small\"\n              @click=\"clear\"\n            >\n              {{ t('el.colorpicker.clear') }}\n            </el-button>\n            <el-button\n              plain\n              size=\"small\"\n              :class=\"ns.be('footer', 'btn')\"\n              @click=\"confirmValue\"\n            >\n              {{ t('el.colorpicker.confirm') }}\n            </el-button>\n          </div>\n        </template>\n      </el-color-picker-panel>\n    </template>\n    <template #default>\n      <div\n        :id=\"buttonId\"\n        ref=\"triggerRef\"\n        v-bind=\"$attrs\"\n        :class=\"btnKls\"\n        role=\"button\"\n        :aria-label=\"buttonAriaLabel\"\n        :aria-labelledby=\"buttonAriaLabelledby\"\n        :aria-description=\"\n          t('el.colorpicker.description', { color: modelValue || '' })\n        \"\n        :aria-disabled=\"colorDisabled\"\n        :tabindex=\"colorDisabled ? undefined : tabindex\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      >\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-show=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { debugWarn, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n  ElColorPickerPanel,\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = withDefaults(\n  defineProps<ColorPickerProps>(),\n  colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n  disabled: colorDisabled,\n  beforeBlur(event) {\n    return popper.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    setShowPicker(false)\n    resetColor()\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch((err) => debugWarn(err))\n    }\n  },\n})\n\nconst color = reactiveComputed(\n  () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n  pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n  if (!props.modelValue && !showPanelColor.value) {\n    return 'transparent'\n  }\n  return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n  return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string | undefined>(() => {\n  return !isLabeledByFormItem.value\n    ? props.ariaLabel || t('el.colorpicker.defaultLabel')\n    : undefined\n})\n\nconst buttonAriaLabelledby = computed<string | undefined>(() => {\n  return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n  return [\n    ns.b('picker'),\n    ns.is('disabled', colorDisabled.value),\n    ns.bm('picker', colorSize.value),\n    ns.is('focused', isFocused.value),\n  ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n  const { r, g, b, a } = color.toRgb()\n  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n  showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n  if (colorDisabled.value) return\n  setShowPicker(true)\n}\n\nfunction hide() {\n  debounceSetShowPicker(false)\n  resetColor()\n}\n\nfunction resetColor() {\n  nextTick(() => {\n    if (props.modelValue) {\n      color.fromString(props.modelValue)\n    } else {\n      color.value = ''\n      nextTick(() => {\n        showPanelColor.value = false\n      })\n    }\n  })\n}\n\nfunction handleTrigger() {\n  if (colorDisabled.value) return\n  if (showPicker.value) {\n    resetColor()\n  }\n  debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n  const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  if (props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  debounceSetShowPicker(false)\n  // check if modelValue change, if not change, then reset color.\n  nextTick(() => {\n    const newColor = new Color({\n      enableAlpha: props.showAlpha,\n      format: props.colorFormat || '',\n      value: props.modelValue,\n    })\n    if (!color.compare(newColor)) {\n      resetColor()\n    }\n  })\n}\n\nfunction clear() {\n  debounceSetShowPicker(false)\n  emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n  emit(CHANGE_EVENT, valueOnClear.value)\n  if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n    formItem?.validate('change').catch((err) => debugWarn(err))\n  }\n  resetColor()\n  emit('clear')\n}\n\nfunction handleShowTooltip() {\n  pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n  if (!showPicker.value) return\n  hide()\n  isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  setShowPicker(false)\n  resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n    case EVENT_CODE.space:\n      event.preventDefault()\n      event.stopPropagation()\n      show()\n      break\n    case EVENT_CODE.esc:\n      handleEsc(event)\n      break\n  }\n}\n\nfunction focus() {\n  triggerRef.value.focus()\n}\n\nfunction blur() {\n  triggerRef.value.blur()\n}\n\nwatch(\n  () => currentColor.value,\n  (val) => {\n    shouldActiveChange && emit('activeChange', val)\n    shouldActiveChange = true\n  }\n)\n\nwatch(\n  () => color.value,\n  () => {\n    if (!props.modelValue && !showPanelColor.value) {\n      showPanelColor.value = true\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      showPanelColor.value = false\n    } else if (newVal && newVal !== color.value) {\n      shouldActiveChange = false\n      color.fromString(newVal)\n    }\n  }\n)\n\nwatch(\n  () => showPicker.value,\n  () => {\n    pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n  }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description manually show ColorPicker\n   */\n  show,\n  /**\n   * @description manually hide ColorPicker\n   */\n  hide,\n  /**\n   * @description focus the input element\n   */\n  focus,\n  /**\n   * @description blur the input element\n   */\n  blur,\n})\n</script>\n"],"names":["useLocale","useNamespace","useFormItem","useFormSize","useFormDisabled","useEmptyValues","useCommonColor","useFormItemInputId","ref","useFocusController","debugWarn","color","reactiveComputed","computed","pick","colorPickerPanelProps","debounce","nextTick","UPDATE_MODEL_EVENT","CHANGE_EVENT","Color","getEventCode","EVENT_CODE","watch","provide","ROOT_COMMON_COLOR_INJECTION_KEY","_createBlock","_unref","ElTooltip","_withDirectives","_openBlock","_mergeProps","_createElementVNode","ElButton","_normalizeClass","_createVNode","vClickOutside","$attrs","_normalizeStyle","ElIcon","ArrowDown","_vShow","Close"],"mappings":"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"}

package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var colorPickerPanel = require('./color-picker-panel.js');
 var vue = require('vue');
 var index$1 = require('../../input/index.js');
 var alphaSlider_vue_vue_type_script_setup_true_lang = require('./components/alpha-slider.vue2.js');
 var hueSlider_vue_vue_type_script_setup_true_lang = require('./components/hue-slider.vue2.js');
 var predefine_vue_vue_type_script_setup_true_lang = require('./components/predefine.vue2.js');
 var svPanel_vue_vue_type_script_setup_true_lang = require('./components/sv-panel.vue2.js');
-var colorPickerPanel = require('./color-picker-panel.js');
 var useCommonColor = require('./composables/use-common-color.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var useFormItem = require('../../form/src/hooks/use-form-item.js');
@@ -21,15 +21,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorPickerPanel"
   },
   __name: "color-picker-panel",
-  props: {
-    modelValue: { type: [String, null], required: false, default: void 0 },
-    border: { type: Boolean, required: false, default: true },
-    showAlpha: { type: Boolean, required: false },
-    colorFormat: { type: String, required: false },
-    disabled: { type: Boolean, required: false },
-    predefine: { type: Array, required: false },
-    validateEvent: { type: Boolean, required: false, default: true }
-  },
+  props: colorPickerPanel.colorPickerPanelProps,
   emits: colorPickerPanel.colorPickerPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-panel.vue2.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"names":["useNamespace","useFormItem","useFormDisabled","ref","inject","ROOT_COMMON_COLOR_INJECTION_KEY","useCommonColor","debugWarn","onMounted","nextTick","watch","UPDATE_MODEL_EVENT","provide","colorPickerPanelContextKey","computed","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","HueSlider","SvPanel","_createBlock","AlphaSlider","Predefine","ElInput","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"color-picker-panel.vue2.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"names":["useNamespace","useFormItem","useFormDisabled","ref","inject","ROOT_COMMON_COLOR_INJECTION_KEY","useCommonColor","debugWarn","onMounted","nextTick","watch","UPDATE_MODEL_EVENT","provide","colorPickerPanelContextKey","computed","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","HueSlider","SvPanel","_createBlock","AlphaSlider","Predefine","ElInput","_renderSlot"],"mappings":"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"}

package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var slider = require('../props/slider.js');
 var vue = require('vue');
 var useSlider = require('../composables/use-slider.js');
 var index = require('../../../../hooks/use-locale/index.js');
@@ -14,11 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorAlphaSlider"
   },
   __name: "alpha-slider",
-  props: {
-    color: { type: Object, required: true },
-    vertical: { type: Boolean, required: false },
-    disabled: { type: Boolean, required: false }
-  },
+  props: slider.alphaSliderProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider.useSlider(props, { key: "alpha", minValue, maxValue });

package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { AlphaSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps<AlphaSliderProps>()\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"alpha-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { AlphaSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps<AlphaSliderProps>()\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":"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"}

package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var slider = require('../props/slider.js');
 var vue = require('vue');
 var useSlider = require('../composables/use-slider.js');
 var index = require('../../../../hooks/use-locale/index.js');
@@ -14,11 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorHueSlider"
   },
   __name: "hue-slider",
-  props: {
-    color: { type: Object, required: true },
-    vertical: { type: Boolean, required: false },
-    disabled: { type: Boolean, required: false }
-  },
+  props: slider.hueSliderProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider.useSlider(props, { key: "hue", minValue, maxValue });

package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { HueSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps<HueSliderProps>()\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;AAiCA,MAAM,QAAA,GAAW,CAAA;AACjB,MAAM,QAAA,GAAW,GAAA;;;;;;;;;;;;AAFjB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAE,YAAA,EAAc,GAAA,EAAK,KAAA,EAAO,YAAY,WAAA,EAAa,aAAA,EAAc,GACvEA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAA,EAAO,QAAA,EAAU,UAAU,CAAA;AAErD,IAAA,MAAM,EAAE,SAAS,MAAA,EAAQ,QAAA,EAAU,YAAY,QAAA,EAAU,MAAA,EAAO,GAC9DC,sBAAA,CAAa,KAAA,EAAO;AAAA,MAClB,SAAA,EAAW,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA;AAC7D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACxC,KAAK,YAAA,CAAa,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,GAAA;AAAA;AAAA;AAAA;AAAA,MAIA,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA,QAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;8BA3ECC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAAsD,KAAA;AAAA,YAAA;AAAA,uBAA7C,KAAA;AAAA,cAAJ,GAAA,EAAI,GAAA;AAAA,cAAO,KAAA,qBAAOD,SAAA,CAAA,MAAA,CAAM,CAAA;AAAA,cAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,2BAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;UACvCC,uBAcE,KAAA,EAAA;AAAA,qBAbI,OAAA;AAAA,YAAJ,GAAA,EAAI,KAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,QAAA,CAAQ,CAAA;AAAA,YACf,KAAA,qBAAOA,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAeA,UAAA,YAAA,CAAA;AAAA,YACf,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,kBAAA,EAAkB,OAAA,CAAA,QAAA,GAAQ,UAAA,GAAA,YAAA;AAAA,YAC1B,eAAA,EAAe,QAAA;AAAA,YACf,eAAA,EAAe,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YACf,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"hue-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { HueSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps<HueSliderProps>()\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;;AAiCA,MAAM,QAAA,GAAW,CAAA;AACjB,MAAM,QAAA,GAAW,GAAA;;;;;;;;AAFjB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAE,YAAA,EAAc,GAAA,EAAK,KAAA,EAAO,YAAY,WAAA,EAAa,aAAA,EAAc,GACvEA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAA,EAAO,QAAA,EAAU,UAAU,CAAA;AAErD,IAAA,MAAM,EAAE,SAAS,MAAA,EAAQ,QAAA,EAAU,YAAY,QAAA,EAAU,MAAA,EAAO,GAC9DC,sBAAA,CAAa,KAAA,EAAO;AAAA,MAClB,SAAA,EAAW,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA;AAC7D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACxC,KAAK,YAAA,CAAa,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,GAAA;AAAA;AAAA;AAAA;AAAA,MAIA,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA,QAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;8BA3ECC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAAsD,KAAA;AAAA,YAAA;AAAA,uBAA7C,KAAA;AAAA,cAAJ,GAAA,EAAI,GAAA;AAAA,cAAO,KAAA,qBAAOD,SAAA,CAAA,MAAA,CAAM,CAAA;AAAA,cAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,2BAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;UACvCC,uBAcE,KAAA,EAAA;AAAA,qBAbI,OAAA;AAAA,YAAJ,GAAA,EAAI,KAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,QAAA,CAAQ,CAAA;AAAA,YACf,KAAA,qBAAOA,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAeA,UAAA,YAAA,CAAA;AAAA,YACf,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,kBAAA,EAAkB,OAAA,CAAA,QAAA,GAAQ,UAAA,GAAA,YAAA;AAAA,YAC1B,eAAA,EAAe,QAAA;AAAA,YACf,eAAA,EAAe,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YACf,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/predefine.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var predefine = require('../props/predefine.js');
 var vue = require('vue');
 var usePredefine = require('../composables/use-predefine.js');
 var index = require('../../../../hooks/use-locale/index.js');
@@ -12,12 +13,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorPredefine"
   },
   __name: "predefine",
-  props: {
-    colors: { type: Array, required: true },
-    color: { type: Object, required: true },
-    enableAlpha: { type: Boolean, required: true },
-    disabled: { type: Boolean, required: false }
-  },
+  props: predefine.predefineProps,
   setup(__props) {
     const props = __props;
     const { rgbaColors, handleSelect } = usePredefine.usePredefine(props);

package/lib/components/color-picker-panel/src/components/predefine.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"predefine.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\nimport type { PredefineProps } from '../props/predefine'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps<PredefineProps>()\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["usePredefine","usePredefineDOM","useLocale","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAIA,0BAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAIC,6BAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;8BAnCEC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,gBAUSI,YAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,eATiBJ,SAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;0CADrBD,sBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAK,OAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAU,OAAA,CAAA,QAAA;AAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKM,kBAAA,CAAEL,SAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,SAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,sBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKK,kBAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"predefine.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\nimport type { PredefineProps } from '../props/predefine'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps<PredefineProps>()\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["usePredefine","usePredefineDOM","useLocale","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAIA,0BAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAIC,6BAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;8BAnCEC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,gBAUSI,YAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,eATiBJ,SAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;0CADrBD,sBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAK,OAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAU,OAAA,CAAA,QAAA;AAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKM,kBAAA,CAAEL,SAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,SAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,sBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKK,kBAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/sv-panel.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var svPanel = require('../props/sv-panel.js');
 var vue = require('vue');
 var index = require('../../../../hooks/use-locale/index.js');
 var useSvPanel = require('../composables/use-sv-panel.js');
@@ -12,10 +13,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSvPanel"
   },
   __name: "sv-panel",
-  props: {
-    color: { type: Object, required: true },
-    disabled: { type: Boolean, required: false }
-  },
+  props: svPanel.svPanelProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const {

package/lib/components/color-picker-panel/src/components/sv-panel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\nimport type { SvPanelProps } from '../props/sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps<SvPanelProps>()\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["useSvPanel","useSvPanelDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAIA,sBAAW,KAAK,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,QAAO,GAAIC,wBAAA;AAAA,MAC7D,KAAA;AAAA,MACA;AAAA,QACE,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,wBAAwB,CAAC,CAAA;AAC5D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,8BAAA,EAAgC;AAAA,QACvC,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BArECC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAAA;AAAA,UAfA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO,CAAA;AAAA,UAAG,KAAA,qBAAOA,SAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,uBAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;UAC/CC,uBAaE,KAAA,EAAA;AAAA,qBAZI,WAAA;AAAA,YAAJ,GAAA,EAAI,SAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS,CAAA;AAAA,YAChB,KAAA,qBAAOA,SAAA,CAAA,WAAA,CAAW,CAAA;AAAA,YAClB,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACL,eAAA,EAAc,KAAA;AAAA,YACd,eAAA,EAAc,SAAA;AAAA,YACb,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAa,GAAKA,SAAA,CAAA,UAAA,CAAU,CAAA,CAAA,EAAIA,SAAA,CAAA,UAAA,CAAU,CAAA,CAAA;AAAA,YAC1C,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"sv-panel.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\nimport type { SvPanelProps } from '../props/sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps<SvPanelProps>()\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["useSvPanel","useSvPanelDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAIA,sBAAW,KAAK,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,QAAO,GAAIC,wBAAA;AAAA,MAC7D,KAAA;AAAA,MACA;AAAA,QACE,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,wBAAwB,CAAC,CAAA;AAC5D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,8BAAA,EAAgC;AAAA,QACvC,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BArECC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAAA;AAAA,UAfA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO,CAAA;AAAA,UAAG,KAAA,qBAAOA,SAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,uBAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;UAC/CC,uBAaE,KAAA,EAAA;AAAA,qBAZI,WAAA;AAAA,YAAJ,GAAA,EAAI,SAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS,CAAA;AAAA,YAChB,KAAA,qBAAOA,SAAA,CAAA,WAAA,CAAW,CAAA;AAAA,YAClB,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACL,eAAA,EAAc,KAAA;AAAA,YACd,eAAA,EAAc,SAAA;AAAA,YACb,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAa,GAAKA,SAAA,CAAA,UAAA,CAAU,CAAA,CAAA,EAAIA,SAAA,CAAA,UAAA,CAAU,CAAA,CAAA;AAAA,YAC1C,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}

package/lib/components/countdown/src/countdown.vue2.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var countdown = require('./countdown.js');
 var vue = require('vue');
 var index = require('../../statistic/index.js');
-var countdown = require('./countdown.js');
 var utils = require('./utils.js');
 var raf = require('../../../utils/raf.js');
 var event = require('../../../constants/event.js');
@@ -14,14 +14,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElCountdown"
   },
   __name: "countdown",
-  props: {
-    format: { type: String, required: false, default: "HH:mm:ss" },
-    prefix: { type: String, required: false },
-    suffix: { type: String, required: false },
-    title: { type: String, required: false },
-    value: { type: null, required: false, default: 0 },
-    valueStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: void 0 }
-  },
+  props: countdown.countdownProps,
   emits: countdown.countdownEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

package/lib/components/countdown/src/countdown.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.vue2.js","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <el-statistic\n    :value=\"rawValue\"\n    :title=\"title\"\n    :prefix=\"prefix\"\n    :suffix=\"suffix\"\n    :value-style=\"valueStyle\"\n    :formatter=\"formatter\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </el-statistic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { countdownEmits } from './countdown'\nimport { formatTime, getTime } from './utils'\n\nimport type { CountdownProps } from './countdown'\n\ndefineOptions({\n  name: 'ElCountdown',\n})\nconst props = withDefaults(defineProps<CountdownProps>(), {\n  format: 'HH:mm:ss',\n  value: 0,\n  valueStyle: undefined,\n})\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref<number>(0)\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n  if (timer) {\n    cAF(timer)\n    timer = undefined\n  }\n}\n\nconst startTimer = () => {\n  const timestamp = getTime(props.value)\n  const frameFunc = () => {\n    let diff = timestamp - Date.now()\n    emit(CHANGE_EVENT, diff)\n    if (diff <= 0) {\n      diff = 0\n      stopTimer()\n      emit('finish')\n    } else {\n      timer = rAF(frameFunc)\n    }\n    rawValue.value = diff\n  }\n  timer = rAF(frameFunc)\n}\n\nonMounted(() => {\n  rawValue.value = getTime(props.value) - Date.now()\n\n  watch(\n    () => [props.value, props.format],\n    () => {\n      stopTimer()\n      startTimer()\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  stopTimer()\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,QAAA,GAAWA,QAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAYC,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAKC,oBAAc,IAAI,CAAA;AACvB,QAAA,IAAI,QAAQ,CAAA,EAAG;AACb,UAAA,IAAA,GAAO,CAAA;AACP,UAAA,SAAA,EAAU;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,QACf,CAAA,MAAO;AACL,UAAA,KAAA,GAAQC,QAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAAI,SAAA;AAAA,QACE,MAAM,CAAC,KAAA,CAAM,KAAA,EAAO,MAAM,MAAM,CAAA;AAAA,QAChC,MAAM;AACJ,UAAA,SAAA,EAAU;AACV,UAAA,UAAA,EAAW;AAAA,QACb,CAAA;AAAA,QACA;AAAA,UACE,SAAA,EAAW;AAAA;AACb,OACF;AAAA,IACF,CAAC,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BAxFCC,eAAA,CAWeC,SAAA,CAAAC,iBAAA,CAAA,EAAA;AAAA,QAVZ,OAAO,QAAA,CAAA,KAAA;AAAA,QACP,OAAO,OAAA,CAAA,KAAA;AAAA,QACP,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,eAAa,OAAA,CAAA,UAAA;AAAA,QACb;AAAA;;;;uBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}
+{"version":3,"file":"countdown.vue2.js","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <el-statistic\n    :value=\"rawValue\"\n    :title=\"title\"\n    :prefix=\"prefix\"\n    :suffix=\"suffix\"\n    :value-style=\"valueStyle\"\n    :formatter=\"formatter\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </el-statistic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { countdownEmits } from './countdown'\nimport { formatTime, getTime } from './utils'\n\nimport type { CountdownProps } from './countdown'\n\ndefineOptions({\n  name: 'ElCountdown',\n})\nconst props = withDefaults(defineProps<CountdownProps>(), {\n  format: 'HH:mm:ss',\n  value: 0,\n  valueStyle: undefined,\n})\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref<number>(0)\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n  if (timer) {\n    cAF(timer)\n    timer = undefined\n  }\n}\n\nconst startTimer = () => {\n  const timestamp = getTime(props.value)\n  const frameFunc = () => {\n    let diff = timestamp - Date.now()\n    emit(CHANGE_EVENT, diff)\n    if (diff <= 0) {\n      diff = 0\n      stopTimer()\n      emit('finish')\n    } else {\n      timer = rAF(frameFunc)\n    }\n    rawValue.value = diff\n  }\n  timer = rAF(frameFunc)\n}\n\nonMounted(() => {\n  rawValue.value = getTime(props.value) - Date.now()\n\n  watch(\n    () => [props.value, props.format],\n    () => {\n      stopTimer()\n      startTimer()\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  stopTimer()\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,QAAA,GAAWA,QAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAYC,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAKC,oBAAc,IAAI,CAAA;AACvB,QAAA,IAAI,QAAQ,CAAA,EAAG;AACb,UAAA,IAAA,GAAO,CAAA;AACP,UAAA,SAAA,EAAU;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,QACf,CAAA,MAAO;AACL,UAAA,KAAA,GAAQC,QAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAAI,SAAA;AAAA,QACE,MAAM,CAAC,KAAA,CAAM,KAAA,EAAO,MAAM,MAAM,CAAA;AAAA,QAChC,MAAM;AACJ,UAAA,SAAA,EAAU;AACV,UAAA,UAAA,EAAW;AAAA,QACb,CAAA;AAAA,QACA;AAAA,UACE,SAAA,EAAW;AAAA;AACb,OACF;AAAA,IACF,CAAC,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BAxFCC,eAAA,CAWeC,SAAA,CAAAC,iBAAA,CAAA,EAAA;AAAA,QAVZ,OAAO,QAAA,CAAA,KAAA;AAAA,QACP,OAAO,OAAA,CAAA,KAAA;AAAA,QACP,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,eAAa,OAAA,CAAA,UAAA;AAAA,QACb;AAAA;;;;uBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js

@@ -23,7 +23,7 @@ const useBasicDateTable = (props, emit) => {
   const firstDayOfWeek = props.date.$locale().weekStart || 7;
   const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
   const offsetDay = vue.computed(() => {
-    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : firstDayOfWeek;
+    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
   });
   const startDate = vue.computed(() => {
     const startDayOfMonth = props.date.startOf("month");
@@ -153,8 +153,11 @@ const useBasicDateTable = (props, emit) => {
     return dayjs(date).locale(vue.unref(lang)).isSame(props.date.date(Number(cell.text)), "day");
   };
   const getDateOfCell = (row, column) => {
-    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - vue.unref(offsetDay);
-    return vue.unref(startDate).add(offsetFromStart, "day");
+    const startOfMonthDay = vue.unref(days).startOfMonthDay;
+    const offset = vue.unref(offsetDay);
+    const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
+    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0));
+    return props.date.startOf("month").subtract(numberOfDaysFromPreviousMonth, "day").add(offsetFromStart, "day");
   };
   const handleMouseMove = (event) => {
     var _a;

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-basic-date-table.js","sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), calculate the offset days to adjust the position of the first two rows of dates\n    // For weekStart <= 3: offset = weekStart (e.g., Monday = 1, Tuesday = 2, Wednesday = 3)\n    // For weekStart > 3: offset = 7 - weekStart (e.g., Thursday = 3, Friday = 2, Saturday = 1)\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    const offsetFromStart =\n      row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - unref(offsetDay)\n    return unref(startDate).add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"names":["useLocale","ref","computed","flatten","unref","castArray","buildPickerTable","watch","nextTick","isArray","useNamespace"],"mappings":"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"}
+{"version":3,"file":"use-basic-date-table.js","sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    //NOTE: because relying of startDate is not reliable in every weekStart (especially 2, 3); we re-create it\n    const startOfMonthDay = unref(days).startOfMonthDay\n    const offset = unref(offsetDay)\n    const numberOfDaysFromPreviousMonth =\n      startOfMonthDay + offset < 0\n        ? 7 + startOfMonthDay + offset\n        : startOfMonthDay + offset\n    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0))\n    return props.date\n      .startOf('month')\n      .subtract(numberOfDaysFromPreviousMonth, 'day')\n      .add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"names":["useLocale","ref","computed","flatten","unref","castArray","buildPickerTable","watch","nextTick","isArray","useNamespace"],"mappings":"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"}