@element-plus/nightly 0.0.20260119 → 0.0.20260120

package/es/components/color-picker/src/color-picker.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, ref, computed, nextTick, watch, provide, createBlock, openBlock, unref, withCtx, createElementVNode, mergeProps, normalizeClass, normalizeStyle, withDirectives, createVNode, vShow, withKeys, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, mergeDefaults, ref, computed, nextTick, watch, provide, createBlock, openBlock, unref, withCtx, createElementVNode, mergeProps, normalizeClass, normalizeStyle, withDirectives, createVNode, vShow, withKeys, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 import { pick, debounce } from 'lodash-unified';
 import { ElIcon } from '../../icon/index.mjs';
 import { reactiveComputed } from '@vueuse/core';
 import { ElTooltip } from '../../tooltip/index.mjs';
 import { ElButton } from '../../button/index.mjs';
 import { ArrowDown, Close } from '@element-plus/icons-vue';
-import { colorPickerEmits, colorPickerProps } from './color-picker.mjs';
+import { colorPickerEmits, colorPickerPropsDefaults } from './color-picker.mjs';
 import { ElColorPickerPanel } from '../../color-picker-panel/index.mjs';
 import Color from '../../color-picker-panel/src/utils/color.mjs';
 import { useCommonColor } from '../../color-picker-panel/src/composables/use-common-color.mjs';
@@ -28,7 +28,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElColorPicker"
   },
   __name: "color-picker",
-  props: colorPickerProps,
+  props: /* @__PURE__ */ mergeDefaults({
+    persistent: { type: Boolean, required: false },
+    modelValue: { type: [String, null], required: false },
+    id: { type: String, required: false },
+    showAlpha: { type: Boolean, required: false },
+    colorFormat: { type: String, required: false },
+    disabled: { type: Boolean, required: false },
+    clearable: { type: Boolean, required: false },
+    size: { type: null, required: false },
+    popperClass: { type: null, required: false },
+    popperStyle: { type: null, required: false },
+    tabindex: { type: [String, Number], required: false },
+    teleported: { type: Boolean, required: false },
+    appendTo: { type: null, required: false },
+    predefine: { type: Array, required: false },
+    validateEvent: { type: Boolean, required: false },
+    emptyValues: { type: Array, required: false },
+    valueOnClear: { type: [String, Number, Boolean, Function, null], required: false },
+    ariaLabel: { type: String, required: false }
+  }, colorPickerPropsDefaults),
   emits: colorPickerEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -260,18 +279,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "fallback-placements": ["bottom", "top", "right", "left"],
         offset: 0,
         "gpu-acceleration": false,
-        "popper-class": [unref(ns).be("picker", "panel"), _ctx.popperClass],
-        "popper-style": _ctx.popperStyle,
+        "popper-class": [unref(ns).be("picker", "panel"), __props.popperClass],
+        "popper-style": __props.popperStyle,
         "stop-popper-mouse-event": false,
         pure: "",
         loop: "",
         role: "dialog",
         effect: "light",
         trigger: "click",
-        teleported: _ctx.teleported,
+        teleported: __props.teleported,
         transition: `${unref(ns).namespace.value}-zoom-in-top`,
-        persistent: _ctx.persistent,
-        "append-to": _ctx.appendTo,
+        persistent: __props.persistent,
+        "append-to": __props.appendTo,
         onShow: handleShowTooltip,
         onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
       }, {
@@ -289,7 +308,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             {
               footer: withCtx(() => [
                 createElementVNode("div", null, [
-                  _ctx.clearable ? (openBlock(), createBlock(unref(ElButton), {
+                  __props.clearable ? (openBlock(), createBlock(unref(ElButton), {
                     key: 0,
                     class: normalizeClass(unref(ns).be("footer", "link-btn")),
                     text: "",
@@ -343,9 +362,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             role: "button",
             "aria-label": buttonAriaLabel.value,
             "aria-labelledby": buttonAriaLabelledby.value,
-            "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
+            "aria-description": unref(t)("el.colorpicker.description", { color: __props.modelValue || "" }),
             "aria-disabled": unref(colorDisabled),
-            tabindex: unref(colorDisabled) ? void 0 : _ctx.tabindex,
+            tabindex: unref(colorDisabled) ? void 0 : __props.tabindex,
             onKeydown: handleKeyDown,
             onFocus: _cache[0] || (_cache[0] = //@ts-ignore
             (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
@@ -362,7 +381,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "span",
                   {
-                    class: normalizeClass([unref(ns).be("picker", "color"), unref(ns).is("alpha", _ctx.showAlpha)])
+                    class: normalizeClass([unref(ns).be("picker", "color"), unref(ns).is("alpha", __props.showAlpha)])
                   },
                   [
                     createElementVNode(
@@ -383,7 +402,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                           /* STABLE */
                         }, 8, ["class"]), [
-                          [vShow, _ctx.modelValue || showPanelColor.value]
+                          [vShow, __props.modelValue || showPanelColor.value]
                         ]),
                         withDirectives(createVNode(unref(ElIcon), {
                           class: normalizeClass([unref(ns).be("picker", "empty"), unref(ns).is("icon-close")])
@@ -394,7 +413,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                           /* STABLE */
                         }, 8, ["class"]), [
-                          [vShow, !_ctx.modelValue && !showPanelColor.value]
+                          [vShow, !__props.modelValue && !showPanelColor.value]
                         ])
                       ],
                       6

package/es/components/color-picker/src/color-picker.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.vue2.mjs","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, colorPickerProps } 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'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = defineProps(colorPickerProps)\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":["color","_createBlock","_unref","popperClass","popperStyle","teleported","persistent","appendTo","_withDirectives","_openBlock","_mergeProps","_createElementVNode","clearable","_normalizeClass","_createVNode","vClickOutside","$attrs","modelValue","tabindex","showAlpha","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,WAAA,EAAY;AACjC,IAAA,MAAM,YAAY,WAAA,EAAY;AAC9B,IAAA,MAAM,gBAAgB,eAAA,EAAgB;AACtC,IAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAa,GAAI,cAAA,CAAe,OAAO,IAAI,CAAA;AACjE,IAAA,MAAM,WAAA,GAAc,cAAA,CAAe,KAAA,EAAO,IAAI,CAAA;AAC9C,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,mBAAA,EAAoB,GAAI,mBAAmB,KAAA,EAAO;AAAA,MAC3E,eAAA,EAAiB;AAAA,KAClB,CAAA;AAED,IAAA,MAAM,SAAS,GAAA,EAAqB;AACpC,IAAA,MAAM,aAAa,GAAA,EAAI;AACvB,IAAA,MAAM,iBAAiB,GAAA,EAA8B;AACrD,IAAA,MAAM,UAAA,GAAa,IAAI,KAAK,CAAA;AAC5B,IAAA,MAAM,cAAA,GAAiB,IAAI,KAAK,CAAA;AAGhC,IAAA,IAAI,kBAAA,GAAqB,IAAA;AAEzB,IAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,UAAA,EAAW,GAAI,mBAAmB,UAAA,EAAY;AAAA,MAC5E,QAAA,EAAU,aAAA;AAAA,MACV,WAAW,KAAA,EAAO;;AAChB,QAAA,OAAA,CAAO,EAAA,GAAA,MAAA,CAAO,KAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,oBAAA,CAAqB,KAAA,CAAA;AAAA,MAC5C,CAAA;AAAA,MACA,SAAA,GAAY;;AACV,QAAA,aAAA,CAAc,KAAK,CAAA;AACnB,QAAA,UAAA,EAAW;AACX,QAAA,IAAI,MAAM,aAAA,EAAe;AACvB,UAAA,CAAA,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,aAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAqB,MAAA,CAAA,CAAQ,MAAM,CAAC,GAAA,KAAQ,UAAU,GAAG,CAAA,CAAA;AAAA,QAC3D;AAAA,MACF;AAAA,KACD,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,gBAAA;AAAA,MACZ,MAAG;;AAAG,QAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,cAAA,CAAe,KAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAAsB,KAAA,KAAtB,IAAA,GAAA,EAAA,GAA+B,WAAA,CAAY,KAAA;AAAA,MAAA;AAAA,KACnD;AAEA,IAAA,MAAM,UAAA,GAAa,QAAA;AAAA,MAAS,MAC1B,IAAA,CAAK,KAAA,EAAO,MAAA,CAAO,IAAA,CAAK,qBAAqB,CAAC;AAAA,KAChD;AAEA,IAAA,MAAM,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,IAAI,CAAC,KAAA,CAAM,UAAA,IAAc,CAAC,eAAe,KAAA,EAAO;AAC9C,QAAA,OAAO,aAAA;AAAA,MACT;AACA,MAAA,OAAO,YAAA,CAAa,KAAA,EAAO,KAAA,CAAM,SAAS,CAAA;AAAA,IAC5C,CAAC,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,CAAC,KAAA,CAAM,UAAA,IAAc,CAAC,cAAA,CAAe,KAAA,GAAQ,KAAK,KAAA,CAAM,KAAA;AAAA,IACjE,CAAC,CAAA;AAED,IAAA,MAAM,eAAA,GAAkB,SAA6B,MAAM;AACzD,MAAA,OAAO,CAAC,mBAAA,CAAoB,KAAA,GACxB,MAAM,SAAA,IAAa,CAAA,CAAE,6BAA6B,CAAA,GAClD,MAAA;AAAA,IACN,CAAC,CAAA;AAED,IAAA,MAAM,oBAAA,GAAuB,SAA6B,MAAM;AAC9D,MAAA,OAAO,mBAAA,CAAoB,KAAA,GAAQ,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,OAAA,GAAU,MAAA;AAAA,IACzD,CAAC,CAAA;AAED,IAAA,MAAM,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,OAAO;AAAA,QACL,EAAA,CAAG,EAAE,QAAQ,CAAA;AAAA,QACb,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,aAAA,CAAc,KAAK,CAAA;AAAA,QACrC,EAAA,CAAG,EAAA,CAAG,QAAA,EAAU,SAAA,CAAU,KAAK,CAAA;AAAA,QAC/B,EAAA,CAAG,EAAA,CAAG,SAAA,EAAW,SAAA,CAAU,KAAK;AAAA,OAClC;AAAA,IACF,CAAC,CAAA;AAED,IAAA,SAAS,YAAA,CAAaA,QAAc,SAAA,EAAoB;AACtD,MAAA,MAAM,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE,GAAIA,OAAM,KAAA,EAAM;AACnC,MAAA,OAAO,SAAA,GAAY,CAAA,KAAA,EAAQ,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,MAAM,CAAA,IAAA,EAAO,CAAC,CAAA,EAAA,EAAK,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,IAC1E;AAEA,IAAA,SAAS,cAAc,KAAA,EAAgB;AACrC,MAAA,UAAA,CAAW,KAAA,GAAQ,KAAA;AAAA,IACrB;AAEA,IAAA,MAAM,wBAAwB,QAAA,CAAS,aAAA,EAAe,KAAK,EAAE,OAAA,EAAS,MAAM,CAAA;AAC5E,IAAA,SAAS,IAAA,GAAO;AACd,MAAA,IAAI,cAAc,KAAA,EAAO;AACzB,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB;AAEA,IAAA,SAAS,IAAA,GAAO;AACd,MAAA,qBAAA,CAAsB,KAAK,CAAA;AAC3B,MAAA,UAAA,EAAW;AAAA,IACb;AAEA,IAAA,SAAS,UAAA,GAAa;AACpB,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,IAAI,MAAM,UAAA,EAAY;AACpB,UAAA,KAAA,CAAM,UAAA,CAAW,MAAM,UAAU,CAAA;AAAA,QACnC,CAAA,MAAO;AACL,UAAA,KAAA,CAAM,KAAA,GAAQ,EAAA;AACd,UAAA,QAAA,CAAS,MAAM;AACb,YAAA,cAAA,CAAe,KAAA,GAAQ,KAAA;AAAA,UACzB,CAAC,CAAA;AAAA,QACH;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,SAAS,aAAA,GAAgB;AACvB,MAAA,IAAI,cAAc,KAAA,EAAO;AACzB,MAAA,IAAI,WAAW,KAAA,EAAO;AACpB,QAAA,UAAA,EAAW;AAAA,MACb;AACA,MAAA,qBAAA,CAAsB,CAAC,WAAW,KAAK,CAAA;AAAA,IACzC;AAEA,IAAA,SAAS,YAAA,GAAe;AACtB,MAAA,MAAM,QAAQ,YAAA,CAAa,KAAA,CAAM,KAAK,CAAA,GAAI,YAAA,CAAa,QAAQ,KAAA,CAAM,KAAA;AACrE,MAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA;AAC9B,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA;AACxB,MAAA,IAAI,MAAM,aAAA,EAAe;AACvB,QAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,SAAS,QAAA,CAAA,CAAU,KAAA,CAAM,CAAC,GAAA,KAAQ,UAAU,GAAG,CAAA,CAAA;AAAA,MAC3D;AACA,MAAA,qBAAA,CAAsB,KAAK,CAAA;AAE3B,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,MAAM,QAAA,GAAW,IAAI,KAAA,CAAM;AAAA,UACzB,aAAa,KAAA,CAAM,SAAA;AAAA,UACnB,MAAA,EAAQ,MAAM,WAAA,IAAe,EAAA;AAAA,UAC7B,OAAO,KAAA,CAAM;AAAA,SACd,CAAA;AACD,QAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC5B,UAAA,UAAA,EAAW;AAAA,QACb;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,SAAS,KAAA,GAAQ;AACf,MAAA,qBAAA,CAAsB,KAAK,CAAA;AAC3B,MAAA,IAAA,CAAK,kBAAA,EAAoB,aAAa,KAAK,CAAA;AAC3C,MAAA,IAAA,CAAK,YAAA,EAAc,aAAa,KAAK,CAAA;AACrC,MAAA,IAAI,KAAA,CAAM,UAAA,KAAe,YAAA,CAAa,KAAA,IAAS,MAAM,aAAA,EAAe;AAClE,QAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,SAAS,QAAA,CAAA,CAAU,KAAA,CAAM,CAAC,GAAA,KAAQ,UAAU,GAAG,CAAA,CAAA;AAAA,MAC3D;AACA,MAAA,UAAA,EAAW;AACX,MAAA,IAAA,CAAK,OAAO,CAAA;AAAA,IACd;AAEA,IAAA,SAAS,iBAAA,GAAoB;;AAC3B,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAgB,KAAA,KAAhB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuB,QAAA,KAAvB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiC,KAAA,EAAA;AAAA,IACnC;AAEA,IAAA,SAAS,kBAAA,GAAqB;AAC5B,MAAA,IAAI,CAAC,WAAW,KAAA,EAAO;AACvB,MAAA,IAAA,EAAK;AACL,MAAA,SAAA,CAAU,SAAS,KAAA,EAAM;AAAA,IAC3B;AAEA,IAAA,SAAS,UAAU,KAAA,EAAsB;AACvC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,aAAA,CAAc,KAAK,CAAA;AACnB,MAAA,UAAA,EAAW;AAAA,IACb;AAEA,IAAA,SAAS,cAAc,KAAA,EAAsB;AAC3C,MAAA,MAAM,IAAA,GAAO,aAAa,KAAK,CAAA;AAE/B,MAAA,QAAQ,IAAA;AAAM,QACZ,KAAK,UAAA,CAAW,KAAA;AAAA,QAChB,KAAK,UAAA,CAAW,WAAA;AAAA,QAChB,KAAK,UAAA,CAAW,KAAA;AACd,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,UAAA,IAAA,EAAK;AACL,UAAA;AAAA,QACF,KAAK,UAAA,CAAW,GAAA;AACd,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA;AAAA;AACJ,IACF;AAEA,IAAA,SAAS,KAAA,GAAQ;AACf,MAAA,UAAA,CAAW,MAAM,KAAA,EAAM;AAAA,IACzB;AAEA,IAAA,SAAS,IAAA,GAAO;AACd,MAAA,UAAA,CAAW,MAAM,IAAA,EAAK;AAAA,IACxB;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,YAAA,CAAa,KAAA;AAAA,MACnB,CAAC,GAAA,KAAQ;AACP,QAAA,kBAAA,IAAsB,IAAA,CAAK,gBAAgB,GAAG,CAAA;AAC9C,QAAA,kBAAA,GAAqB,IAAA;AAAA,MACvB;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,KAAA;AAAA,MACZ,MAAM;AACJ,QAAA,IAAI,CAAC,KAAA,CAAM,UAAA,IAAc,CAAC,eAAe,KAAA,EAAO;AAC9C,UAAA,cAAA,CAAe,KAAA,GAAQ,IAAA;AAAA,QACzB;AAAA,MACF;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,UAAA;AAAA,MACZ,CAAC,MAAA,KAAW;AACV,QAAA,IAAI,CAAC,MAAA,EAAQ;AACX,UAAA,cAAA,CAAe,KAAA,GAAQ,KAAA;AAAA,QACzB,CAAA,MAAA,IAAW,MAAA,IAAU,MAAA,KAAW,KAAA,CAAM,KAAA,EAAO;AAC3C,UAAA,kBAAA,GAAqB,KAAA;AACrB,UAAA,KAAA,CAAM,WAAW,MAAM,CAAA;AAAA,QACzB;AAAA,MACF;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,UAAA,CAAW,KAAA;AAAA,MACjB,MAAM;AACJ,QAAA,cAAA,CAAe,KAAA,IAAS,QAAA,CAAS,cAAA,CAAe,KAAA,CAAM,MAAM,CAAA;AAAA,MAC9D;AAAA,KACF;AAEA,IAAA,OAAA,CAAQ,iCAAiC,WAAW,CAAA;AAEpD,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA,IAAA;AAAA;AAAA;AAAA;AAAA,MAIA,IAAA;AAAA;AAAA;AAAA;AAAA,MAIA,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;0BAxYCC,WAAA,CAiGaC,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,iBAhGP,QAAA;AAAA,QAAJ,GAAA,EAAI,MAAA;AAAA,QACH,SAAS,UAAA,CAAA,KAAA;AAAA,QACT,YAAA,EAAY,KAAA;AAAA,QACZ,qBAAA,EAAqB,CAAA,QAAA,EAAA,KAAA,EAAA,SAAA,MAAA,CAAA;AAAA,QACrB,MAAA,EAAQ,CAAA;AAAA,QACR,kBAAA,EAAkB,KAAA;AAAA,QAClB,cAAA,EAAY,CAAGA,KAAA,CAAA,EAAA,CAAA,CAAG,uBAAuBC,IAAAA,CAAAA,WAAW,CAAA;AAAA,QACpD,gBAAcC,IAAAA,CAAAA,WAAAA;AAAAA,QACd,yBAAA,EAAyB,KAAA;AAAA,QAC1B,IAAA,EAAA,EAAA;AAAA,QACA,IAAA,EAAA,EAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,MAAA,EAAO,OAAA;AAAA,QACP,OAAA,EAAQ,OAAA;AAAA,QACP,YAAYC,IAAAA,CAAAA,UAAAA;AAAAA,QACZ,YAAU,CAAA,EAAKH,KAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,YAAA,CAAA;AAAA,QACjC,YAAYI,IAAAA,CAAAA,UAAAA;AAAAA,QACZ,aAAWC,IAAAA,CAAAA,QAAAA;AAAAA,QACX,MAAA,EAAM,iBAAA;AAAA,QACN,MAAA,wCAAM,aAAA,CAAa,KAAA,CAAA;AAAA;QAET,OAAA,UACT,MA6BwB;AAAA,UA7BxBC,cAAA,EAAAC,WAAA,EAAAR,WAAA;AAAA,YA6BwBC;YA7BxBQ,UAAA,CA6BwB;AAAA,uBA5BlB,gBAAA;AAAA,cAAJ,GAAA,EAAI;AAAA,eACI,WAAA,KAAA,EAAU;AAAA,cAEjB,MAAA,EAAQ,KAAA;AAAA,cACR,gBAAA,EAAgB,KAAA;AAAA,cAChB,SAAA,WAAa,SAAA,EAAS,CAAA,KAAA,CAAA;AAAA;;cAEZ,MAAA,UACT,MAkBM;AAAA,gBAlBNC,kBAAA,CAkBM,OAAA,IAAA,EAAA;AAAA,kBAhBIC,KAAAA,SAAAA,iBADRX,WAAA,CAQYC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA;oBANT,KAAA,EAAKW,eAAEX,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,UAAA,CAAA,CAAA;AAAA,oBACb,IAAA,EAAA,EAAA;AAAA,oBACA,IAAA,EAAK,OAAA;AAAA,oBACJ,OAAA,EAAO;AAAA;qCAER,MAA+B;AAAA;wCAA5BA,KAAA,CAAA,CAAA,CAAA,CAAC,sBAAA,CAAA,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;kBAENY,WAAA,CAOYZ,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA,oBANV,KAAA,EAAA,EAAA;AAAA,oBACA,IAAA,EAAK,OAAA;AAAA,oBACJ,KAAA,EAAKW,eAAEX,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,oBACZ,OAAA,EAAO;AAAA;qCAER,MAAiC;AAAA;wCAA9BA,KAAA,CAAA,CAAA,CAAA,CAAC,wBAAA,CAAA,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;YAtBoB,CAAAA,KAAA,CAAAa,YAAA,CAAA,EAAA,kBAAA,EAAd,WAAA,KAAY;AAAA;;QA4BrB,OAAA,UACT,MAwCM;AAAA,UAxCNJ,kBAAA,CAwCM,OAxCND,UAAA,CAwCM;AAAA,YAvCH,EAAA,EAAIR,MAAA,QAAA,CAAA;AAAA,qBACD,YAAA;AAAA,YAAJ,GAAA,EAAI;AAAA,aACIc,KAAAA,MAAAA,EAAM;AAAA,YACb,OAAO,MAAA,CAAA,KAAA;AAAA,YACR,IAAA,EAAK,QAAA;AAAA,YACJ,cAAY,eAAA,CAAA,KAAA;AAAA,YACZ,mBAAiB,oBAAA,CAAA,KAAA;AAAA,YACjB,kBAAA,EAA6Bd,KAAA,CAAA,CAAA,CAAA,wCAAyCe,IAAAA,CAAAA,UAAAA,IAAU,EAAA,EAAA,CAAA;AAAA,YAGhF,eAAA,EAAef,MAAA,aAAA,CAAA;AAAA,YACf,QAAA,EAAUA,KAAA,CAAA,aAAA,CAAA,GAAgB,SAAYgB,IAAAA,CAAAA,QAAAA;AAAAA,YACtC,SAAA,EAAS,aAAA;AAAA,YACT,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEhB,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,YACP,MAAA,EAAI,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,KAAA,CAAA,UAAA,KAAAA,KAAA,CAAA,UAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;YAEPS,kBAAA;AAAA,cAsBM,KAAA;AAAA,cAAA;AAAA,gBAtBA,KAAA,EAAKE,eAAEX,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,SAAA,CAAA,CAAA;AAAA,gBAAwB,OAAA,EAAO;AAAA;;gBAC/CS,kBAAA;AAAA,kBAoBO,MAAA;AAAA,kBAAA;AAAA,oBApBA,OAAKE,cAAA,CAAA,CAAGX,UAAG,uBAAuBA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,SAAUiB,IAAAA,CAAAA,SAAS,CAAA,CAAA;AAAA;;oBAC/DR,kBAAA;AAAA,sBAkBO,MAAA;AAAA,sBAAA;AAAA,wBAjBJ,KAAA,EAAKE,eAAEX,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,aAAA,CAAA,CAAA;AAAA,wBACZ,OAAKkB,cAAA,CAAA;AAAA,2CAAqC,cAAA,CAAA;AAAA;;;uCAI3CN,WAAA,CAKUZ,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,0BAHP,uBAAQA,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,MAAA,CAAA,EAAoBA,MAAA,EAAA,CAAA,CAAG,EAAA,CAAE,iBAAA,CAAA,CAAA;AAAA;2CAEvC,MAAc;AAAA,4BAAdY,WAAA,CAAcZ,KAAA,CAAA,SAAA,CAAA;AAAA;;;;0BAHNe,CAAAA,KAAAA,EAAAA,IAAAA,CAAAA,UAAAA,IAAc,eAAA,KAAc;AAAA;uCAKtCH,WAAA,CAKUZ,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,0BAHP,uBAAQA,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,QAAA,EAAA,OAAA,CAAA,EAAqBA,MAAA,EAAA,CAAA,CAAG,EAAA,CAAE,YAAA,CAAA,CAAA;AAAA;2CAExC,MAAS;AAAA,4BAATY,WAAA,CAASZ,KAAA,CAAA,KAAA,CAAA;AAAA;;;;0BAHAe,CAAAA,KAAAA,EAAAA,CAAAA,KAAAA,UAAAA,KAAe,eAAA,KAAc;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"color-picker.vue2.mjs","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":["color","_createBlock","_unref","_withDirectives","_openBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","vClickOutside","$attrs","_normalizeStyle","_vShow"],"mappings":"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"}

package/es/components/dialog/src/dialog-content.d.ts

@@ -1,8 +1,65 @@
+import type { Component } from 'vue';
+/**
+ * @description dialog-content component props
+ */
+export interface DialogContentProps {
+    /**
+     * @description whether to align the header and footer in center
+     */
+    center?: boolean;
+    /**
+     * @description whether to align the dialog both horizontally and vertically
+     */
+    alignCenter?: boolean;
+    /**
+     * @description custom close icon, default is Close
+     */
+    closeIcon?: string | Component;
+    /**
+     * @description enable dragging feature for Dialog
+     */
+    draggable?: boolean;
+    /**
+     * @description draggable Dialog can overflow the viewport
+     */
+    overflow?: boolean;
+    /**
+     * @description whether the Dialog takes up full screen
+     */
+    fullscreen?: boolean;
+    /**
+     * @description custom class names for header wrapper
+     */
+    headerClass?: string;
+    /**
+     * @description custom class names for body wrapper
+     */
+    bodyClass?: string;
+    /**
+     * @description custom class names for footer wrapper
+     */
+    footerClass?: string;
+    /**
+     * @description whether to show a close button
+     */
+    showClose?: boolean;
+    /**
+     * @description title of Dialog. Can also be passed with a named slot (see the following table)
+     */
+    title?: string;
+    /**
+     * @description header's aria-level attribute
+     */
+    ariaLevel?: string;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.
+ */
 export declare const dialogContentProps: {
     readonly center: BooleanConstructor;
     readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -20,3 +77,11 @@ export declare const dialogContentProps: {
 export declare const dialogContentEmits: {
     close: () => boolean;
 };
+export declare const dialogContentPropsDefaults: {
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+};

package/es/components/dialog/src/dialog-content.mjs

@@ -74,6 +74,14 @@ const dialogContentProps = buildProps({
 const dialogContentEmits = {
   close: () => true
 };
+const dialogContentPropsDefaults = {
+  alignCenter: void 0,
+  draggable: void 0,
+  overflow: void 0,
+  showClose: true,
+  title: "",
+  ariaLevel: "2"
+};
 
-export { dialogContentEmits, dialogContentProps };
+export { dialogContentEmits, dialogContentProps, dialogContentPropsDefaults };
 //# sourceMappingURL=dialog-content.mjs.map

package/es/components/dialog/src/dialog-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI3C,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAEH,MAAM,kBAAA,GAAqB;AAAA,EAChC,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { Component } from 'vue'\n\n/**\n * @description dialog-content component props\n */\nexport interface DialogContentProps {\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center?: boolean\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: string | Component\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable?: boolean\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow?: boolean\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen?: boolean\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass?: string\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass?: string\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass?: string\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title?: string\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.\n */\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n\nexport const dialogContentPropsDefaults = {\n  alignCenter: undefined,\n  draggable: undefined,\n  overflow: undefined,\n  showClose: true,\n  title: '',\n  ariaLevel: '2',\n} as const\n"],"names":[],"mappings":";;;AA6DO,MAAM,qBAAqB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI3C,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAEH,MAAM,kBAAA,GAAqB;AAAA,EAChC,OAAO,MAAM;AACf;AAEO,MAAM,0BAAA,GAA6B;AAAA,EACxC,WAAA,EAAa,MAAA;AAAA,EACb,SAAA,EAAW,MAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW,IAAA;AAAA,EACX,KAAA,EAAO,EAAA;AAAA,EACP,SAAA,EAAW;AACb;;;;"}

package/es/components/dialog/src/dialog-content.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DialogContentProps } from './dialog-content';
 declare var __VLS_1: {}, __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
@@ -6,64 +7,56 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogContentProps>, {
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+}>, {
     resetPosition: () => void;
     updatePosition: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogContentProps>, {
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+}>>> & {
     onClose?: (() => any) | undefined;
 }, {
-    readonly title: string;
-    readonly center: boolean;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly ariaLevel: string;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly fullscreen: boolean;
+    title: string;
+    overflow: boolean;
+    ariaLevel: string;
+    alignCenter: boolean;
+    draggable: boolean;
+    showClose: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/dialog/src/dialog-content.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, mergeDefaults, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { dialogInjectionKey } from './constants.mjs';
-import { dialogContentEmits, dialogContentProps } from './dialog-content.mjs';
+import { dialogContentEmits, dialogContentPropsDefaults } from './dialog-content.mjs';
 import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
 import { composeRefs } from '../../../utils/vue/refs.mjs';
 import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
@@ -14,7 +14,20 @@ const _hoisted_3 = ["id"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ElDialogContent" },
   __name: "dialog-content",
-  props: dialogContentProps,
+  props: /* @__PURE__ */ mergeDefaults({
+    center: { type: Boolean, required: false },
+    alignCenter: { type: Boolean, required: false },
+    closeIcon: { type: null, required: false },
+    draggable: { type: Boolean, required: false },
+    overflow: { type: Boolean, required: false },
+    fullscreen: { type: Boolean, required: false },
+    headerClass: { type: String, required: false },
+    bodyClass: { type: String, required: false },
+    footerClass: { type: String, required: false },
+    showClose: { type: Boolean, required: false },
+    title: { type: String, required: false },
+    ariaLevel: { type: String, required: false }
+  }, dialogContentPropsDefaults),
   emits: dialogContentEmits,
   setup(__props, { expose: __expose }) {
     const { t } = useLocale();
@@ -58,17 +71,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             {
               ref_key: "headerRef",
               ref: headerRef,
-              class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
+              class: normalizeClass([unref(ns).e("header"), __props.headerClass, { "show-close": __props.showClose }])
             },
             [
               renderSlot(_ctx.$slots, "header", {}, () => [
                 createElementVNode("span", {
                   role: "heading",
-                  "aria-level": _ctx.ariaLevel,
+                  "aria-level": __props.ariaLevel,
                   class: normalizeClass(unref(ns).e("title"))
-                }, toDisplayString(_ctx.title), 11, _hoisted_1)
+                }, toDisplayString(__props.title), 11, _hoisted_1)
               ]),
-              _ctx.showClose ? (openBlock(), createElementBlock("button", {
+              __props.showClose ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 "aria-label": unref(t)("el.dialog.close"),
                 class: normalizeClass(unref(ns).e("headerbtn")),
@@ -79,7 +92,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(unref(ns).e("close"))
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
+                    (openBlock(), createBlock(resolveDynamicComponent(__props.closeIcon || unref(Close))))
                   ]),
                   _: 1
                   /* STABLE */
@@ -91,7 +104,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ),
           createElementVNode("div", {
             id: unref(bodyId),
-            class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
+            class: normalizeClass([unref(ns).e("body"), __props.bodyClass])
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 10, _hoisted_3),
@@ -99,7 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "footer",
             {
               key: 0,
-              class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
+              class: normalizeClass([unref(ns).e("footer"), __props.footerClass])
             },
             [
               renderSlot(_ctx.$slots, "footer")

package/es/components/dialog/src/dialog-content.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n    <header\n      ref=\"headerRef\"\n      :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n    >\n      <slot name=\"header\">\n        <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <button\n        v-if=\"showClose\"\n        :aria-label=\"t('el.dialog.close')\"\n        :class=\"ns.e('headerbtn')\"\n        type=\"button\"\n        @click=\"$emit('close')\"\n      >\n        <el-icon :class=\"ns.e('close')\">\n          <component :is=\"closeIcon || Close\" />\n        </el-icon>\n      </button>\n    </header>\n    <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n      <slot />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => !!props.draggable)\nconst overflow = computed(() => !!props.overflow)\nconst { resetPosition, updatePosition, isDragging } = useDraggable(\n  dialogRef,\n  headerRef,\n  draggable,\n  overflow\n)\n\nconst dialogKls = computed(() => [\n  ns.b(),\n  ns.is('fullscreen', props.fullscreen),\n  ns.is('draggable', draggable.value),\n  ns.is('dragging', isDragging.value),\n  ns.is('align-center', !!props.alignCenter),\n  { [ns.m('center')]: props.center },\n])\n\ndefineExpose({\n  resetPosition,\n  updatePosition,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","headerClass","showClose","_renderSlot","ariaLevel","_normalizeClass","title","$emit","_createVNode","_createBlock","_resolveDynamicComponent","closeIcon","bodyClass","$slots","footerClass"],"mappings":"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"}
+{"version":3,"file":"dialog-content.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n    <header\n      ref=\"headerRef\"\n      :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n    >\n      <slot name=\"header\">\n        <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <button\n        v-if=\"showClose\"\n        :aria-label=\"t('el.dialog.close')\"\n        :class=\"ns.e('headerbtn')\"\n        type=\"button\"\n        @click=\"$emit('close')\"\n      >\n        <el-icon :class=\"ns.e('close')\">\n          <component :is=\"closeIcon || Close\" />\n        </el-icon>\n      </button>\n    </header>\n    <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n      <slot />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport {\n  dialogContentEmits,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { DialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = withDefaults(\n  defineProps<DialogContentProps>(),\n  dialogContentPropsDefaults\n)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => !!props.draggable)\nconst overflow = computed(() => !!props.overflow)\nconst { resetPosition, updatePosition, isDragging } = useDraggable(\n  dialogRef,\n  headerRef,\n  draggable,\n  overflow\n)\n\nconst dialogKls = computed(() => [\n  ns.b(),\n  ns.is('fullscreen', props.fullscreen),\n  ns.is('draggable', draggable.value),\n  ns.is('dragging', isDragging.value),\n  ns.is('align-center', !!props.alignCenter),\n  { [ns.m('center')]: props.center },\n])\n\ndefineExpose({\n  resetPosition,\n  updatePosition,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","_renderSlot","_normalizeClass","$emit","_createVNode","_createBlock","_resolveDynamicComponent","$slots"],"mappings":"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"}