@element-plus/nightly 0.0.20260526 → 0.0.20260529

package/lib/components/color-picker/src/color-picker.vue_vue_type_script_setup_true_lang.js

@@ -2,16 +2,16 @@ require("../../../_virtual/_rolldown/runtime.js");
 const require_aria = require("../../../constants/aria.js");
 const require_event = require("../../../constants/event.js");
 const require_event$1 = require("../../../utils/dom/event.js");
-const require_index = require("../../../hooks/use-locale/index.js");
-const require_index$1 = require("../../../hooks/use-namespace/index.js");
-const require_index$2 = require("../../../hooks/use-focus-controller/index.js");
-const require_index$3 = require("../../../hooks/use-empty-values/index.js");
-const require_index$4 = require("../../icon/index.js");
+const require_index = require("../../../directives/click-outside/index.js");
+const require_index$1 = require("../../../hooks/use-locale/index.js");
+const require_index$2 = require("../../../hooks/use-namespace/index.js");
+const require_index$3 = require("../../../hooks/use-focus-controller/index.js");
+const require_index$4 = require("../../../hooks/use-empty-values/index.js");
+const require_index$5 = require("../../icon/index.js");
 const require_use_form_common_props = require("../../form/src/hooks/use-form-common-props.js");
 const require_use_form_item = require("../../form/src/hooks/use-form-item.js");
-const require_index$5 = require("../../tooltip/index.js");
-const require_index$6 = require("../../button/index.js");
-const require_index$7 = require("../../../directives/click-outside/index.js");
+const require_index$6 = require("../../tooltip/index.js");
+const require_index$7 = require("../../button/index.js");
 const require_color_picker_panel = require("../../color-picker-panel/src/color-picker-panel.js");
 const require_color = require("../../color-picker-panel/src/utils/color.js");
 const require_use_common_color = require("../../color-picker-panel/src/composables/use-common-color.js");
@@ -39,12 +39,12 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { t } = require_index.useLocale();
-		const ns = require_index$1.useNamespace("color");
+		const { t } = require_index$1.useLocale();
+		const ns = require_index$2.useNamespace("color");
 		const { formItem } = require_use_form_item.useFormItem();
 		const colorSize = require_use_form_common_props.useFormSize();
 		const colorDisabled = require_use_form_common_props.useFormDisabled();
-		const { valueOnClear, isEmptyValue } = require_index$3.useEmptyValues(props, null);
+		const { valueOnClear, isEmptyValue } = require_index$4.useEmptyValues(props, null);
 		const commonColor = require_use_common_color.useCommonColor(props, emit);
 		const { inputId: buttonId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext: formItem });
 		const popper = (0, vue.ref)();
@@ -53,7 +53,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		const showPicker = (0, vue.ref)(false);
 		const showPanelColor = (0, vue.ref)(false);
 		let shouldActiveChange = true;
-		const { isFocused, handleFocus, handleBlur } = require_index$2.useFocusController(triggerRef, {
+		const { isFocused, handleFocus, handleBlur } = require_index$3.useFocusController(triggerRef, {
 			disabled: colorDisabled,
 			beforeBlur(event) {
 				return popper.value?.isFocusInsideContent(event);
@@ -217,7 +217,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 			blur
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElTooltip), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElTooltip), {
 				ref_key: "popper",
 				ref: popper,
 				visible: showPicker.value,
@@ -253,7 +253,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					"validate-event": false,
 					onKeydown: (0, vue.withKeys)(handleEsc, ["esc"])
 				}), {
-					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElButton), {
+					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$7.ElButton), {
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "link-btn")),
 						text: "",
@@ -262,7 +262,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("el.colorpicker.clear")), 1)]),
 						_: 1
-					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$6.ElButton), {
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$7.ElButton), {
 						plain: "",
 						size: "small",
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "btn")),
@@ -273,7 +273,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, 8, ["class"])])]),
 					_: 1
 				}, 16)), [[
-					(0, vue.unref)(require_index$7.default),
+					(0, vue.unref)(require_index.default),
 					handleClickOutside,
 					triggerRef.value
 				]])]),
@@ -298,10 +298,10 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 				}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "color"), (0, vue.unref)(ns).is("alpha", __props.showAlpha)]) }, [(0, vue.createElementVNode)("span", {
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("picker", "color-inner")),
 					style: (0, vue.normalizeStyle)({ backgroundColor: displayedColor.value })
-				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
+				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowDown))]),
 					_: 1
-				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
+				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Close))]),
 					_: 1
 				}, 8, ["class"]), [[vue.vShow, !__props.modelValue && !showPanelColor.value]])], 6)], 2)], 2)], 16, _hoisted_1)]),

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

@@ -1 +1 @@
-{"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"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 { NOOP, 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(NOOP)\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(NOOP)\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(NOOP)\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"],"mappings":"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"}
+{"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"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 { NOOP, 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(NOOP)\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(NOOP)\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(NOOP)\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"],"mappings":"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"}

package/lib/components/config-provider/src/hooks/use-global-config.d.ts

@@ -32,7 +32,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: _$vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: _$vue.ComputedRef<"default" | "" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => _$vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/lib/components/config-provider/src/hooks/use-global-config.js

@@ -8,6 +8,7 @@ const require_index$2 = require("../../../../hooks/use-z-index/index.js");
 const require_index$3 = require("../../../../hooks/use-size/index.js");
 const require_index$4 = require("../../../../hooks/use-empty-values/index.js");
 const require_constants = require("../constants.js");
+let lodash_unified = require("lodash-unified");
 let vue = require("vue");
 //#region ../../packages/components/config-provider/src/hooks/use-global-config.ts
 const globalConfig = (0, vue.ref)();
@@ -20,7 +21,10 @@ function useGlobalComponentSettings(block, sizeFallback) {
 	const config = useGlobalConfig();
 	const ns = require_index$1.useNamespace(block, (0, vue.computed)(() => config.value?.namespace || "el"));
 	const locale = require_index.useLocale((0, vue.computed)(() => config.value?.locale));
-	const zIndex = require_index$2.useZIndex((0, vue.computed)(() => config.value?.zIndex || 2e3));
+	const zIndex = require_index$2.useZIndex((0, vue.computed)(() => {
+		const zIndex = config.value?.zIndex;
+		return (0, lodash_unified.isNil)(zIndex) || Number.isNaN(zIndex) ? require_index$2.defaultInitialZIndex : zIndex;
+	}));
 	const size = (0, vue.computed)(() => (0, vue.unref)(sizeFallback) || config.value?.size || "");
 	provideGlobalConfig((0, vue.computed)(() => (0, vue.unref)(config) || {}));
 	return {

package/lib/components/config-provider/src/hooks/use-global-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-global-config.js","names":["configProviderContextKey","useNamespace","useLocale","useZIndex","provide","localeContextKey","namespaceContextKey","zIndexContextKey","SIZE_INJECTION_KEY","emptyValuesContextKey","keysOf"],"sources":["../../../../../../../packages/components/config-provider/src/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn, keysOf } from '@element-plus/utils'\nimport {\n  SIZE_INJECTION_KEY,\n  defaultInitialZIndex,\n  defaultNamespace,\n  emptyValuesContextKey,\n  localeContextKey,\n  namespaceContextKey,\n  useLocale,\n  useNamespace,\n  useZIndex,\n  zIndexContextKey,\n} from '@element-plus/hooks'\nimport { configProviderContextKey } from '../constants'\n\nimport type { App, MaybeRef, Ref } from 'vue'\nimport type { ConfigProviderContext } from '../constants'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n  K extends keyof ConfigProviderContext,\n  D extends ConfigProviderContext[K],\n>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n  key?: keyof ConfigProviderContext,\n  defaultValue = undefined\n) {\n  const config = getCurrentInstance()\n    ? inject(configProviderContextKey, globalConfig)\n    : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\n// for components like `ElMessage` `ElNotification` `ElMessageBox`.\nexport function useGlobalComponentSettings(\n  block: string,\n  sizeFallback?: MaybeRef<ConfigProviderContext['size']>\n) {\n  const config = useGlobalConfig()\n\n  const ns = useNamespace(\n    block,\n    computed(() => config.value?.namespace || defaultNamespace)\n  )\n\n  const locale = useLocale(computed(() => config.value?.locale))\n  const zIndex = useZIndex(\n    computed(() => config.value?.zIndex || defaultInitialZIndex)\n  )\n  const size = computed(() => unref(sizeFallback) || config.value?.size || '')\n  provideGlobalConfig(computed(() => unref(config) || {}))\n\n  return {\n    ns,\n    locale,\n    zIndex,\n    size,\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App,\n  global = false\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  provideFn(\n    localeContextKey,\n    computed(() => context.value.locale)\n  )\n  provideFn(\n    namespaceContextKey,\n    computed(() => context.value.namespace)\n  )\n  provideFn(\n    zIndexContextKey,\n    computed(() => context.value.zIndex)\n  )\n\n  provideFn(SIZE_INJECTION_KEY, {\n    size: computed(() => context.value.size || ''),\n  })\n\n  provideFn(\n    emptyValuesContextKey,\n    computed(() => ({\n      emptyValues: context.value.emptyValues,\n      valueOnClear: context.value.valueOnClear,\n    }))\n  )\n\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (\n  a: ConfigProviderContext,\n  b: ConfigProviderContext\n): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] !== undefined ? b[key] : a[key]\n  }\n  return obj\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,gBAAA,GAAA,IAAA,MAA2C;AAUjD,SAAgB,gBACd,KACA,eAAe,KAAA,GACf;CACA,MAAM,UAAA,GAAA,IAAA,qBAA6B,IAAA,GAAA,IAAA,QACxBA,kBAAAA,0BAA0B,aAAa,GAC9C;CACJ,IAAI,KACF,QAAA,GAAA,IAAA,gBAAsB,OAAO,QAAQ,QAAQ,aAAa;MAE1D,OAAO;;AAKX,SAAgB,2BACd,OACA,cACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,MAAM,KAAKC,gBAAAA,aACT,QAAA,GAAA,IAAA,gBACe,OAAO,OAAO,aAAA,KAA8B,CAC5D;CAED,MAAM,SAASC,cAAAA,WAAAA,GAAAA,IAAAA,gBAAyB,OAAO,OAAO,OAAO,CAAC;CAC9D,MAAM,SAASC,gBAAAA,WAAAA,GAAAA,IAAAA,gBACE,OAAO,OAAO,UAAA,IAA+B,CAC7D;CACD,MAAM,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAA4B,aAAa,IAAI,OAAO,OAAO,QAAQ,GAAG;CAC5E,qBAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAyC,OAAO,IAAI,EAAE,CAAC,CAAC;CAExD,OAAO;EACL;EACA;EACA;EACA;EACD;;AAGH,MAAa,uBACX,QACA,KACA,SAAS,UACN;CACH,MAAM,UAAU,CAAC,EAAA,GAAA,IAAA,qBAAqB;CACtC,MAAM,YAAY,UAAU,iBAAiB,GAAG,KAAA;CAEhD,MAAM,YAAY,KAAK,YAAY,UAAUC,IAAAA,UAAU,KAAA;CACvD,IAAI,CAAC,WAAW;EACd,cAAA,UACE,uBACA,yDACD;EACD;;CAGF,MAAM,WAAA,GAAA,IAAA,gBAAyB;EAC7B,MAAM,OAAA,GAAA,IAAA,OAAY,OAAO;EACzB,IAAI,CAAC,WAAW,OAAO,OAAO;EAC9B,OAAO,YAAY,UAAU,OAAO,IAAI;GACxC;CACF,UAAUJ,kBAAAA,0BAA0B,QAAQ;CAC5C,UACEK,cAAAA,mBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,OAAO,CACrC;CACD,UACEC,gBAAAA,sBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,UAAU,CACxC;CACD,UACEC,gBAAAA,mBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,OAAO,CACrC;CAED,UAAUC,gBAAAA,oBAAoB,EAC5B,OAAA,GAAA,IAAA,gBAAqB,QAAQ,MAAM,QAAQ,GAAG,EAC/C,CAAC;CAEF,UACEC,gBAAAA,wBAAAA,GAAAA,IAAAA,iBACgB;EACd,aAAa,QAAQ,MAAM;EAC3B,cAAc,QAAQ,MAAM;EAC7B,EAAE,CACJ;CAED,IAAI,UAAU,CAAC,aAAa,OAC1B,aAAa,QAAQ,QAAQ;CAE/B,OAAO;;AAGT,MAAM,eACJ,GACA,MAC0B;CAC1B,MAAM,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGC,gBAAAA,OAAO,EAAE,EAAE,GAAGA,gBAAAA,OAAO,EAAE,CAAC,CAAC,CAAC;CACvD,MAAM,MAA2B,EAAE;CACnC,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,EAAE,SAAS,KAAA,IAAY,EAAE,OAAO,EAAE;CAE/C,OAAO"}
+{"version":3,"file":"use-global-config.js","names":["configProviderContextKey","useNamespace","useLocale","useZIndex","defaultInitialZIndex","provide","localeContextKey","namespaceContextKey","zIndexContextKey","SIZE_INJECTION_KEY","emptyValuesContextKey","keysOf"],"sources":["../../../../../../../packages/components/config-provider/src/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn, keysOf } from '@element-plus/utils'\nimport {\n  SIZE_INJECTION_KEY,\n  defaultInitialZIndex,\n  defaultNamespace,\n  emptyValuesContextKey,\n  localeContextKey,\n  namespaceContextKey,\n  useLocale,\n  useNamespace,\n  useZIndex,\n  zIndexContextKey,\n} from '@element-plus/hooks'\nimport { isNil } from 'lodash-unified'\nimport { configProviderContextKey } from '../constants'\n\nimport type { App, MaybeRef, Ref } from 'vue'\nimport type { ConfigProviderContext } from '../constants'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n  K extends keyof ConfigProviderContext,\n  D extends ConfigProviderContext[K],\n>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n  key?: keyof ConfigProviderContext,\n  defaultValue = undefined\n) {\n  const config = getCurrentInstance()\n    ? inject(configProviderContextKey, globalConfig)\n    : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\n// for components like `ElMessage` `ElNotification` `ElMessageBox`.\nexport function useGlobalComponentSettings(\n  block: string,\n  sizeFallback?: MaybeRef<ConfigProviderContext['size']>\n) {\n  const config = useGlobalConfig()\n\n  const ns = useNamespace(\n    block,\n    computed(() => config.value?.namespace || defaultNamespace)\n  )\n\n  const locale = useLocale(computed(() => config.value?.locale))\n  const zIndex = useZIndex(\n    computed(() => {\n      const zIndex = config.value?.zIndex\n      return isNil(zIndex) || Number.isNaN(zIndex)\n        ? defaultInitialZIndex\n        : zIndex\n    })\n  )\n  const size = computed(() => unref(sizeFallback) || config.value?.size || '')\n  provideGlobalConfig(computed(() => unref(config) || {}))\n\n  return {\n    ns,\n    locale,\n    zIndex,\n    size,\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App,\n  global = false\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  provideFn(\n    localeContextKey,\n    computed(() => context.value.locale)\n  )\n  provideFn(\n    namespaceContextKey,\n    computed(() => context.value.namespace)\n  )\n  provideFn(\n    zIndexContextKey,\n    computed(() => context.value.zIndex)\n  )\n\n  provideFn(SIZE_INJECTION_KEY, {\n    size: computed(() => context.value.size || ''),\n  })\n\n  provideFn(\n    emptyValuesContextKey,\n    computed(() => ({\n      emptyValues: context.value.emptyValues,\n      valueOnClear: context.value.valueOnClear,\n    }))\n  )\n\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (\n  a: ConfigProviderContext,\n  b: ConfigProviderContext\n): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] !== undefined ? b[key] : a[key]\n  }\n  return obj\n}\n"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,gBAAA,GAAA,IAAA,MAA2C;AAUjD,SAAgB,gBACd,KACA,eAAe,KAAA,GACf;CACA,MAAM,UAAA,GAAA,IAAA,qBAA6B,IAAA,GAAA,IAAA,QACxBA,kBAAAA,0BAA0B,aAAa,GAC9C;CACJ,IAAI,KACF,QAAA,GAAA,IAAA,gBAAsB,OAAO,QAAQ,QAAQ,aAAa;MAE1D,OAAO;;AAKX,SAAgB,2BACd,OACA,cACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,MAAM,KAAKC,gBAAAA,aACT,QAAA,GAAA,IAAA,gBACe,OAAO,OAAO,aAAA,KAA8B,CAC5D;CAED,MAAM,SAASC,cAAAA,WAAAA,GAAAA,IAAAA,gBAAyB,OAAO,OAAO,OAAO,CAAC;CAC9D,MAAM,SAASC,gBAAAA,WAAAA,GAAAA,IAAAA,gBACE;EACb,MAAM,SAAS,OAAO,OAAO;EAC7B,QAAA,GAAA,eAAA,OAAa,OAAO,IAAI,OAAO,MAAM,OAAO,GACxCC,gBAAAA,uBACA;GACJ,CACH;CACD,MAAM,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAA4B,aAAa,IAAI,OAAO,OAAO,QAAQ,GAAG;CAC5E,qBAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAyC,OAAO,IAAI,EAAE,CAAC,CAAC;CAExD,OAAO;EACL;EACA;EACA;EACA;EACD;;AAGH,MAAa,uBACX,QACA,KACA,SAAS,UACN;CACH,MAAM,UAAU,CAAC,EAAA,GAAA,IAAA,qBAAqB;CACtC,MAAM,YAAY,UAAU,iBAAiB,GAAG,KAAA;CAEhD,MAAM,YAAY,KAAK,YAAY,UAAUC,IAAAA,UAAU,KAAA;CACvD,IAAI,CAAC,WAAW;EACd,cAAA,UACE,uBACA,yDACD;EACD;;CAGF,MAAM,WAAA,GAAA,IAAA,gBAAyB;EAC7B,MAAM,OAAA,GAAA,IAAA,OAAY,OAAO;EACzB,IAAI,CAAC,WAAW,OAAO,OAAO;EAC9B,OAAO,YAAY,UAAU,OAAO,IAAI;GACxC;CACF,UAAUL,kBAAAA,0BAA0B,QAAQ;CAC5C,UACEM,cAAAA,mBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,OAAO,CACrC;CACD,UACEC,gBAAAA,sBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,UAAU,CACxC;CACD,UACEC,gBAAAA,mBAAAA,GAAAA,IAAAA,gBACe,QAAQ,MAAM,OAAO,CACrC;CAED,UAAUC,gBAAAA,oBAAoB,EAC5B,OAAA,GAAA,IAAA,gBAAqB,QAAQ,MAAM,QAAQ,GAAG,EAC/C,CAAC;CAEF,UACEC,gBAAAA,wBAAAA,GAAAA,IAAAA,iBACgB;EACd,aAAa,QAAQ,MAAM;EAC3B,cAAc,QAAQ,MAAM;EAC7B,EAAE,CACJ;CAED,IAAI,UAAU,CAAC,aAAa,OAC1B,aAAa,QAAQ,QAAQ;CAE/B,OAAO;;AAGT,MAAM,eACJ,GACA,MAC0B;CAC1B,MAAM,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGC,gBAAAA,OAAO,EAAE,EAAE,GAAGA,gBAAAA,OAAO,EAAE,CAAC,CAAC,CAAC;CACvD,MAAM,MAA2B,EAAE;CACnC,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,EAAE,SAAS,KAAA,IAAY,EAAE,OAAO,EAAE;CAE/C,OAAO"}

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

@@ -1,8 +1,8 @@
 require("../../../_virtual/_rolldown/runtime.js");
 const require_event = require("../../../constants/event.js");
 const require_raf = require("../../../utils/raf.js");
-const require_countdown = require("./countdown.js");
 const require_index = require("../../statistic/index.js");
+const require_countdown = require("./countdown.js");
 const require_utils = require("./utils.js");
 let vue = require("vue");
 //#region ../../packages/components/countdown/src/countdown.vue?vue&type=script&setup=true&lang.ts

package/lib/components/date-picker/src/date-picker.d.ts

@@ -7,7 +7,7 @@ import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region ../../packages/components/date-picker/src/date-picker.d.ts
 declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -188,7 +188,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -206,7 +206,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -387,7 +387,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -407,9 +407,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   readonly placeholder: string;
   readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -421,7 +422,6 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fallbackPlacements: Placement[];
   readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/date-picker/src/props.d.ts

@@ -7,7 +7,7 @@ import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 
 //#region ../../packages/components/date-picker/src/props.d.ts
 declare const datePickerProps: {
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -188,7 +188,7 @@ declare const datePickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

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

@@ -164,7 +164,7 @@ declare const useBasicDateTable: (props: BasicDateTableProps, emit: SetupContext
       isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
       isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
     } | undefined;
-    type?: ("normal" | "prev-month" | "next-month" | "today" | "week") | undefined;
+    type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
   }[][]>;
   tbodyRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   currentCellRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;

package/lib/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -56,7 +56,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -78,12 +78,12 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
-  readonly format: string;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showWeekNumber: boolean;
+  readonly format: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue_vue_type_script_setup_true_lang.js

@@ -2,15 +2,15 @@ const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_aria = require("../../../../constants/aria.js");
 const require_event = require("../../../../utils/dom/event.js");
 const require_arrays = require("../../../../utils/arrays.js");
-const require_index = require("../../../../hooks/use-locale/index.js");
-const require_index$1 = require("../../../../hooks/use-namespace/index.js");
-const require_index$2 = require("../../../icon/index.js");
+const require_index = require("../../../../directives/click-outside/index.js");
+const require_index$1 = require("../../../../hooks/use-locale/index.js");
+const require_index$2 = require("../../../../hooks/use-namespace/index.js");
+const require_index$3 = require("../../../icon/index.js");
 const require_use_form_common_props = require("../../../form/src/hooks/use-form-common-props.js");
-const require_index$3 = require("../../../input/index.js");
-const require_index$4 = require("../../../button/index.js");
+const require_index$4 = require("../../../input/index.js");
+const require_index$5 = require("../../../button/index.js");
 const require_constants = require("../../../time-picker/src/constants.js");
 const require_utils = require("../../../time-picker/src/utils.js");
-const require_index$5 = require("../../../../directives/click-outside/index.js");
 const require_panel_time_pick = require("../../../time-picker/src/time-picker-com/panel-time-pick.js");
 const require_constants$1 = require("../constants.js");
 const require_panel_date_pick = require("../props/panel-date-pick.js");
@@ -43,11 +43,11 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const timeWithinRange = (_, __, ___) => true;
 		const props = __props;
 		const contextEmit = __emit;
-		const ppNs = require_index$1.useNamespace("picker-panel");
-		const dpNs = require_index$1.useNamespace("date-picker");
+		const ppNs = require_index$2.useNamespace("picker-panel");
+		const dpNs = require_index$2.useNamespace("date-picker");
 		const attrs = (0, vue.useAttrs)();
 		const slots = (0, vue.useSlots)();
-		const { t, lang } = require_index.useLocale();
+		const { t, lang } = require_index$1.useLocale();
 		const pickerBase = (0, vue.inject)(require_constants.PICKER_BASE_INJECTION_KEY);
 		const isDefaultFormat = (0, vue.inject)(require_constants$1.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY, void 0);
 		const { shortcuts, disabledDate, cellClassName, defaultTime } = pickerBase.props;
@@ -455,7 +455,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					showTime.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("time-header"))
-					}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("editor-wrap")) }, [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElInput), {
+					}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("editor-wrap")) }, [(0, vue.createVNode)((0, vue.unref)(require_index$4.ElInput), {
 						placeholder: (0, vue.unref)(t)("el.datepicker.selectDate"),
 						"model-value": visibleDate.value,
 						size: "small",
@@ -469,7 +469,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						"model-value",
 						"disabled",
 						"readonly"
-					])], 2), (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("editor-wrap")) }, [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElInput), {
+					])], 2), (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("editor-wrap")) }, [(0, vue.createVNode)((0, vue.unref)(require_index$4.ElInput), {
 						placeholder: (0, vue.unref)(t)("el.datepicker.selectTime"),
 						"model-value": visibleTime.value,
 						size: "small",
@@ -493,7 +493,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						"visible",
 						"format",
 						"parsed-value"
-					])], 2)), [[(0, vue.unref)(require_index$5.default), handleTimePickClose]])], 2)) : (0, vue.createCommentVNode)("v-if", true),
+					])], 2)), [[(0, vue.unref)(require_index.default), handleTimePickClose]])], 2)) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(dpNs).e("header"), (currentView.value === "year" || currentView.value === "month") && (0, vue.unref)(dpNs).em("header", "bordered")]) }, [
 						(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("prev-btn")) }, [(0, vue.createElementVNode)("button", {
 							type: "button",
@@ -501,7 +501,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 							class: (0, vue.normalizeClass)(["d-arrow-left", (0, vue.unref)(ppNs).e("icon-btn")]),
 							disabled: (0, vue.unref)(dateDisabled),
 							onClick: _cache[2] || (_cache[2] = ($event) => moveByYear(false))
-						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$2.ElIcon), null, {
+						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.DArrowLeft))]),
 							_: 1
 						})])], 10, _hoisted_2), (0, vue.withDirectives)((0, vue.createElementVNode)("button", {
@@ -510,7 +510,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 							class: (0, vue.normalizeClass)([(0, vue.unref)(ppNs).e("icon-btn"), "arrow-left"]),
 							disabled: (0, vue.unref)(dateDisabled),
 							onClick: _cache[3] || (_cache[3] = ($event) => moveByMonth(false))
-						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$2.ElIcon), null, {
+						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowLeft))]),
 							_: 1
 						})])], 10, _hoisted_3), [[vue.vShow, currentView.value === "date"]])], 2),
@@ -538,7 +538,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 							class: (0, vue.normalizeClass)([(0, vue.unref)(ppNs).e("icon-btn"), "arrow-right"]),
 							disabled: (0, vue.unref)(dateDisabled),
 							onClick: _cache[8] || (_cache[8] = ($event) => moveByMonth(true))
-						}, [(0, vue.renderSlot)(_ctx.$slots, "next-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$2.ElIcon), null, {
+						}, [(0, vue.renderSlot)(_ctx.$slots, "next-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowRight))]),
 							_: 1
 						})])], 10, _hoisted_6), [[vue.vShow, currentView.value === "date"]]), (0, vue.createElementVNode)("button", {
@@ -547,7 +547,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 							class: (0, vue.normalizeClass)([(0, vue.unref)(ppNs).e("icon-btn"), "d-arrow-right"]),
 							disabled: (0, vue.unref)(dateDisabled),
 							onClick: _cache[9] || (_cache[9] = ($event) => moveByYear(true))
-						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$2.ElIcon), null, {
+						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.DArrowRight))]),
 							_: 1
 						})])], 10, _hoisted_7)], 2)
@@ -620,7 +620,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			], 2), _ctx.showFooter && footerVisible.value && footerFilled.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 0,
 				class: (0, vue.normalizeClass)((0, vue.unref)(ppNs).e("footer"))
-			}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElButton), {
+			}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElButton), {
 				text: "",
 				size: "small",
 				class: (0, vue.normalizeClass)((0, vue.unref)(ppNs).e("link-btn")),
@@ -629,7 +629,7 @@ var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("el.datepicker.now")), 1)]),
 				_: 1
-			}, 8, ["class", "disabled"]), [[vue.vShow, !isMultipleType.value && _ctx.showNow]]), _ctx.showConfirm ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$4.ElButton), {
+			}, 8, ["class", "disabled"]), [[vue.vShow, !isMultipleType.value && _ctx.showNow]]), _ctx.showConfirm ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElButton), {
 				key: 0,
 				plain: "",
 				size: "small",