element-plus 2.1.10 → 2.1.11

package/lib/components/col/src/col.d.ts

@@ -2,6 +2,8 @@ import type { ExtractPropTypes } from 'vue';
 export declare type ColSizeObject = {
     span?: number;
     offset?: number;
+    pull?: number;
+    push?: number;
 };
 export declare type ColSize = number | ColSizeObject;
 export declare const colProps: {

package/lib/components/col/src/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { computed, defineComponent, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","inject","computed","rowContextKey","useNamespace","ns","style","paddingLeft","value","paddingRight","classes","pos","size","b","prop","sizes","forEach","sizeProps","keys","_createVNode"],"mappings":"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"}
+{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { computed, defineComponent, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n  pull?: number\n  push?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","inject","computed","rowContextKey","useNamespace","ns","style","paddingLeft","value","paddingRight","classes","pos","size","b","prop","sizes","forEach","sizeProps","keys","_createVNode"],"mappings":"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"}

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

@@ -69,6 +69,7 @@ const _sfc_main = vue.defineComponent({
     const svPanel = vue.ref(null);
     const alpha = vue.ref(null);
     const popper = vue.ref(null);
+    let shouldActiveChange = true;
     const color$1 = vue.reactive(new color["default"]({
       enableAlpha: props.showAlpha,
       format: props.colorFormat,
@@ -94,12 +95,14 @@ const _sfc_main = vue.defineComponent({
       if (!newVal) {
         showPanelColor.value = false;
       } else if (newVal && newVal !== color$1.value) {
+        shouldActiveChange = false;
         color$1.fromString(newVal);
       }
     });
     vue.watch(() => currentColor.value, (val) => {
       customInput.value = val;
-      emit("active-change", val);
+      shouldActiveChange && emit("active-change", val);
+      shouldActiveChange = true;
     });
     vue.watch(() => color$1.value, () => {
       if (!props.modelValue && !showPanelColor.value) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model: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'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\" />\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-if=\"!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\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useLocale, useNamespace, useSize } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\n      () => props.modelValue,\n      (newVal) => {\n        if (!newVal) {\n          showPanelColor.value = false\n        } else if (newVal && newVal !== color.value) {\n          color.fromString(newVal)\n        }\n      }\n    )\n    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        emit('active-change', val)\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw new TypeError('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\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\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElInput","ElIcon","Close","ArrowDown","SvPanel","HueSlider","AlphaSlider","Predefine","ClickOutside","isValidComponentSize","UPDATE_MODEL_EVENT","useLocale","useNamespace","inject","formContextKey","formItemContextKey","ref","color","reactive","Color","computed","useSize","watch","debounce","nextTick","debugWarn","onMounted","provide","OPTIONS_KEY","_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_withDirectives","_createElementBlock","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_vShow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,UAAY,EAAA;AAAA,cACVC,cAAA;AAAA,eACAC,iBAAA;AAAA,aACAC,eAAA;AAAA,YACAC,cAAA;AAAA,WACAC,cAAA;AAAA,eACAC,kBAAA;AAAA,aACAC,kBAAA;AAAA,eACAC,oBAAA;AAAA,iBACAC,sBAAA;AAAA,eACAC,oBAAA;AAAA,GACF;AAAA,EACA,UAAY,EAAA;AAAA,kBACVC,kBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA,OAAA;AAAA,IACX,WAAa,EAAA,MAAA;AAAA,IACb,QAAU,EAAA,OAAA;AAAA,IACV,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,MAAA;AAAA,MACN,SAAW,EAAAC,8BAAA;AAAA,KACb;AAAA,IACA,WAAa,EAAA,MAAA;AAAA,IACb,SAAW,EAAA,KAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA,CAAC,QAAU,EAAA,eAAA,EAAiBC,wBAAkB,CAAA;AAAA,EACrD,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAM,MAAA,EAAE,MAAMC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,MAAS,GAAAC,UAAA,CAAOC,mBAAgB,EAAA,EAAiB,CAAA,CAAA;AACvD,IAAA,MAAM,UAAa,GAAAD,UAAA,CAAOE,uBAAoB,EAAA,EAAqB,CAAA,CAAA;AAEnE,IAAM,MAAA,GAAA,GAAMC,QAAI,IAAI,CAAA,CAAA;AACpB,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AACxB,IAAM,MAAA,KAAA,GAAQA,QAAI,IAAI,CAAA,CAAA;AACtB,IAAM,MAAA,MAAA,GAASA,QAAI,IAAI,CAAA,CAAA;AAEvB,IAAM,MAAAC,OAAA,GAAQC,YACZ,CAAA,IAAIC,gBAAM,CAAA;AAAA,MACR,aAAa,KAAM,CAAA,SAAA;AAAA,MACnB,QAAQ,KAAM,CAAA,WAAA;AAAA,MACd,OAAO,KAAM,CAAA,UAAA;AAAA,KACd,CACH,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaH,QAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,WAAA,GAAcA,QAAI,EAAE,CAAA,CAAA;AAE1B,IAAM,MAAA,cAAA,GAAiBI,aAAS,MAAM;AACpC,MAAA,IAAI,CAAC,KAAA,CAAM,UAAc,IAAA,CAAC,eAAe,KAAO,EAAA;AAC9C,QAAO,OAAA,aAAA,CAAA;AAAA,OACT;AACA,MAAO,OAAA,YAAA,CAAaH,OAAO,EAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AACD,IAAA,MAAM,YAAYI,eAAQ,EAAA,CAAA;AAC1B,IAAM,MAAA,aAAA,GAAgBD,aAAS,MAAM;AACnC,MAAA,OAAO,CAAC,EAAQ,KAAA,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeA,aAAS,MAAM;AAClC,MAAA,OAAO,CAAC,KAAM,CAAA,UAAA,IAAc,CAAC,cAAe,CAAA,KAAA,GAAQ,KAAKH,OAAM,CAAA,KAAA,CAAA;AAAA,KAChE,CAAA,CAAA;AAED,IAAAK,SAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACd,MAAA,IAAA,MAAA,IAAU,MAAW,KAAAL,OAAA,CAAM,KAAO,EAAA;AAC3C,QAAAA,OAAA,CAAM,WAAW,MAAM,CAAA,CAAA;AAAA,OACzB;AAAA,KAEJ,CAAA,CAAA;AACA,IAAAK,SAAA,CACE,MAAM,YAAA,CAAa,KACnB,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AACpB,MAAA,IAAA,CAAK,iBAAiB,GAAG,CAAA,CAAA;AAAA,KAE7B,CAAA,CAAA;AAEA,IACEA,SAAA,CAAA,MAAML,OAAM,CAAA,KAAA,EACZ,MAAM;AACJ,MAAA,IAAI,CAAC,KAAA,CAAM,UAAc,IAAA,CAAC,eAAe,KAAO,EAAA;AAC9C,QAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,OACzB;AAAA,KAEJ,CAAA,CAAA;AAGA,IAAA,SAAA,YAAA,CAAsB,QAAO,SAAW,EAAA;AACtC,MAAI,IAAA,oBAAmBE,gBAAQ,CAAA,EAAA;AAC7B,QAAM,MAAA,IAAI,UAAU,0CAA0C,CAAA,CAAA;AAAA,OAChE;AAEA,MAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,CAAA,EAAA,GAAM,OAAM,KAAM,EAAA,CAAA;AAChC,MAAA,OAAO,SACH,GAAA,CAAA,KAAA,EAAQ,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,EAAM,CAAM,CAAA,EAAA,EAAA,MAAA,CAAM,GAAI,CAAA,OAAO,CAAI,GAAA,GAAA,CAAA,CAAA,CAAA,GAC/C,CAAO,IAAA,EAAA,CAAA,CAAA,EAAA,EAAM,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACzB;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAO,EAAA;AAC5B,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,KACrB;AAEA,IAAM,MAAA,qBAAA,GAAwBI,sBAAS,CAAA,aAAA,EAAe,GAAG,CAAA,CAAA;AAEzD,IAAgB,SAAA,IAAA,GAAA;AACd,MAAA,qBAAA,CAAsB,KAAK,CAAA,CAAA;AAC3B,MAAW,UAAA,EAAA,CAAA;AAAA,KACb;AAEA,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAAC,YAAA,CAAS,MAAM;AACb,QAAA,IAAI,MAAM,UAAY,EAAA;AACpB,UAAMP,OAAA,CAAA,UAAA,CAAW,MAAM,UAAU,CAAA,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAEA,IAAyB,SAAA,aAAA,GAAA;AACvB,MAAA,IAAI,aAAc,CAAA,KAAA;AAAO,QAAA,OAAA;AACzB,MAAsB,qBAAA,CAAA,CAAC,WAAW,KAAK,CAAA,CAAA;AAAA,KACzC;AAEA,IAAyB,SAAA,aAAA,GAAA;AACvB,MAAMA,OAAA,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA,CAAA;AAAA,KACpC;AAEA,IAAwB,SAAA,YAAA,GAAA;AACtB,MAAA,IAAA,EAAM;AACN,MAAA,2BAAyB,CAAK;AAC9B,MAAA,IAAA,CAAKP,wBAAe,EAAA,KAAA,CAAA,CAAA;AACpB,MAAW,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA,CAAW;AACtB,MAAA,CAAA,EAAA,GAAA,UAAA,CAAA,QAA2B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,KAAAe,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAE3B,MAAA,qBAAe,CAAA,KAAA,CAAA,CAAA;AACb,MAAMD,YAAA,CAAA,MAAA;AAAqB,QAAA,iBACN,IAAAL,gBAAA,CAAA;AAAA,UACnB,WAAc,EAAA,KAAA,CAAA,SAAA;AAAA,UACd,QAAa,KAAA,CAAA,WAAA;AAAA,UACd,KAAA,EAAA,KAAA,CAAA,UAAA;AACD,SAAA,CAAA,CAAA;AACE,QAAW,IAAA,CAAAF,OAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA;AAAA,UACb,UAAA,EAAA,CAAA;AAAA,SACD;AAAA,OACH,CAAA,CAAA;AAEA,KAAiB;AACf,IAAA,SAAA,KAAA,GAAA;AACA,MAAA,IAAA;AACA,MAAA,qBAAmB,CAAA,KAAA,CAAA,CAAA;AACnB,MAAI,IAAA,CAAAP,0BAAqB,IAAM,CAAA,CAAA;AAC7B,MAAW,IAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAkD,MAC/D,IAAA,KAAA,CAAA,UAAA,KAAA,IAAA,EAAA;AACA,QAAW,CAAA,EAAA,GAAA,UAAA,CAAA,QAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,KAAAe,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACb;AAEA,MAAA,UAAgB,EAAA,CAAA;AACd,KAAA;AACE,IAAAC,aAAA,CAAA,MAAY;AAAqB,MACnC,IAAA,KAAA,CAAA,UAAA,EAAA;AAAA,QACD,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AACD,OACE;AAEE,KAAA,CAAA,CAAA;AACE,IAAAJ,SAAA,CAAA,gBAAkB,CAAA,KAAA,EAAA,MAAA;AAClB,MAAAE,YAAA,CAAA;AACA,QAAA,IAAA,EAAM,QAAc,CAAA;AAAA,QACrB,CAAA,EAAA,GAAA,GAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AAAA,QAEL,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AAEA,QAAA,CAAA,EAAA,GAAkC,KAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AAAA,OAChC,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAOG,WAAA,CAAAC,qBAAA,EAAA;AAAA,MACL,YAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA;AAAA,aACAX,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,aAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,MACA,CAAA;AAAA,MACA,EAAA;AAAA,MACA,GAAA;AAAA,MACF,OAAA;AAAA,MACF,KAAA;AACF,MAAC,MAAA;;;;;;;;;;;;;wBAnPc,GAAAY,oBAAA,CAAA,OAAA,CAAA,CAAA;AAAA,EAAA,MAzFP,qBAAA,GAAAA,oBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,EAAA,MACa,wBAAA,GAAAC,oBAAA,CAAA,eAAA,CAAA,CAAA;AAAA,EAAU,OAAAC,aAAA,EAAA,EAAAC,eAAA,CAAA,qBAAA,EAAA;AAAA,IAC1B,GAAY,EAAA,QAAA;AAAA,IACZ,OAAqB,EAAA,IAAA,CAAA,UAAA;AAAA,IACrB,kBAAQ,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,UAAA,GAAA,MAAA,CAAA;AAAA,IACR,YAAkB,EAAA,KAAA;AAAA,IAClB,qBAAkB,EAAA,CAAA,wBAAuB,EAAG,MAAA,CAAA;AAA0B,IACtE,MAAyB,EAAA,CAAA;AAAA,IAC1B,kBAAO,EAAA,KAAA;AAAA,IACP,cAAQ,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,IAAA,CAAA,WAAA,CAAA;AAAA,IACR,yBAAW,EAAA,KAAA;AAAA,IACX,MAAA,EAAA,OAAA;AAAA,IAAA,OAAA,EAAA,OAAA;AAEW,IAAA,4BAwCH;AAAA,IAAA,UAAA,EAAA,EAAA;AAAA,GAAA,EAAA;AAnCE,IAHA,OAAA,EAAAC,WAAO,CAAA,MAAA;AAAK,MAAAC,kBAAA,EAAAH,aAAA,EAAA,EAAAI,sBAAA,CAAA,KAAA,EAAA,IAAA,EAAA;8BACmD,CAAA,KAAA,EAAA;AAAA,UAAA,KAAnD,EAAAC,kBAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,cAAA,CAAA,CAAA;AAAA,SAAA,EAAA;AAAY,UAAAC,eAAqB,CAAA,qBAAA,EAAA;AAAA,YAAO,GAAA,EAAA,KAAA;AAAA,YAAA,KAAA,EAAA,YAAA;YACf,KAAA,EAAA,IAAA,CAAA,KAAA;AAAA,YAA/B,QAAI,EAAA,EAAA;AAAA,WAAA,EAAkB,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA,UAAAA,eAAA,CAAA,mBAAA,EAAA;;AAEd,YAAA,KAAA,EAAA,IAAA,CAAA,KAAA;AAAwC,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;WAAzB,CAAA,CAAA;AAAA,QAAA,IAAgB,CAAA,SAAA,IAAAN,aAAA,EAAA,EAAAC,eAAA,CAAA,uBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAE3C,UAAA,GAAA,EAAA,OAAA;AAIN,UAAA,KAAA,EAAA,IAAA,CAAA,KAAA;WAHI,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAM,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,QAAA,IACI,CAAA,SAAA,IAAAP,aAAA,EAAA,EAAAC,eAAA,CAAA,oBAAA,EAAA;AAAA,UACP,GAAQ,EAAA,CAAA;AAAA,UAAA,GAAA,EAAA,WAAA;UA4BL,KAAA,EAAA,IAAA,CAAA,KAAA;AAAA,UA1BA,MAAA,EAAO,IAAA,CAAA,SAAA;AAAK,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,CAAA,IAAAM,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;8BAST,CAAA,KAAA,EAAA;AAAA,UARA,KAAA,EAAAF,kBAAO,CAAA,IAAA,CAAA,EAAA,CAAA,EAAG,CAAE,UAAA,EAAA,MAAA,CAAA,CAAA;AAAA,SAAA,EAAA;gCAOf,CAAA,MAAA,EAAA;AAAA,YALS,KAAA,EAAAA,kBAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,CAAA;AAAA,WAAW,EAAA;AAAA,YAAAC,eACH,CAAA,mBAAA,EAAA;AAAA,cACjB,UAAK,EAAA,IAAA,CAAA,WAAA;AAAA,cACJ,qBAA0B,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,WAAA,GAAA,MAAA,CAAA;AAAA,cAC1B,gBAAM,EAAA,KAAA;AAAA,cAAA,IAAA,EAAA,OAAA;;cAUC,MAAA,EAAA,IAAA,CAAA,aAAA;AAAA,aANL,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,QAAA,CAAA,CAAA;AAAA,WAAA,EACA,CAAA,CAAA;AAAA,UACJA,eAAO,CAAA,oBAAG,EAAE;AAAA,YACZ,IAAO,EAAA,OAAA;AAAA,YAAA,IAAA,EAAA,MAAA;qCAEuB,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,YAAA,OAAA,EAAA,IAAA,CAAA,KAAA;AAA3B,WAAA,EAAA;;;aASM,CAAA;AAAA,YANV,CAAA,EAAA,CAAA;AAAA,WAAA,EACK,CAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UACJA,eAAO,CAAA,oBAAG,EAAE;AAAA,YACZ,KAAO,EAAA,EAAA;AAAA,YAAA,IAAA,EAAA,OAAA;qCAEyB,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAAA,YAAA,OAAA,EAAA,IAAA,CAAA,YAAA;AAA7B,WAAA,EAAA;;;;;mCApCY,CAAI,CAAA;AAAA,SAAA,EAAA,CAAA,CAAA;;AAyCjB,QAAA,CAAA,wBAgCH,EAAA,IAAA,CAAA,IAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AA9BE,IAAA,oBAAkB,CAAA,MAAA;AAAA,MAAsBE,sBAAK,CAAA,KAAA,EAAa;AAAa,QAAa,KAAA,EAAAH,kBAAK,CAAW;AAAS,UAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA;;AAMxG,UAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,IAAA,CAAA,SAAkD,CAAA;AAAA,SAAA,CAAA;;AAAtB,QAAA,IAAA,CAAA,aAAA,IAAAL,aAAA,EAAA,EAAAI,sBAAA,CAAA,KAAA,EAAA;UAuBjC,GAAA,EAAA,CAAA;AAAA,UAtBA,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,SAAA,UAA6B,IAAEE,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,QAAAC,sBAAA,CAAA,KAAA,EAAA;UAC/C,KAoBO,EAAAH,kBAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UApBA,OAAA,EAAK,oBAAM,CAAA,CAAA,CAAA,GAAA,CAAA,8BAA0B,sBAAqB,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,SAAA,EAAA;gCAmBxD,CAAA,MAAA,EAAA;AAAA,YAjBJ,KAAA,EAAAA,kBAAO,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAK,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AACP,YAAqCG,sBAAA,CAAA,MAAA,EAAA;AAAA,cAAA,KAAA,EAAAH,kBAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,CAAA;;+BASjC,EAAA,IAAA,CAAA,cAAA;AAAA,eAAA,CAHP;AAAsC,aAAA,EAAA;gDAEzB,CAAA,kBAAA,EAAA;AAAA,gBAAA,KAAA,EAAAA,kBAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,MAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;AAAA,eAAA,EAAA;;;AAHN,iBAAA,CAAA;AAA4B,gBAAA,CAAA,EAAA,CAAA;eAM7B,EAAU,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,EAAA;AAIT,gBAAA,CAAAI,SAAA,EAAA,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,cAAA,CAAA;AAHP,eAAA,CAAA;AAAuC,cAAA,CAAA,IAAA,CAAA,UAAA,IAAA,CAAA,IAAA,CAAA,cAAA,IAAAT,aAAA,EAAA,EAAAC,eAAA,CAAA,kBAAA,EAAA;;AAE/B,gBAAA,KAAA,EAAAI,kBAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAAA,eAAA,EAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model: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'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\" />\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-if=\"!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\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useLocale, useNamespace, useSize } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // active-change is used to prevent modelValue changes from triggering.\n    let shouldActiveChange = true\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\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    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        shouldActiveChange && emit('active-change', val)\n        shouldActiveChange = true\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw new TypeError('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\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\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElInput","ElIcon","Close","ArrowDown","SvPanel","HueSlider","AlphaSlider","Predefine","ClickOutside","isValidComponentSize","UPDATE_MODEL_EVENT","useLocale","useNamespace","inject","formContextKey","formItemContextKey","ref","color","reactive","Color","computed","useSize","watch","debounce","nextTick","debugWarn","onMounted","provide","OPTIONS_KEY","_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_withDirectives","_createElementBlock","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_vShow"],"mappings":"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"}

package/lib/components/descriptions/src/descriptions-cell.js

@@ -7,7 +7,7 @@ require('../../../utils/index.js');
 require('../../../hooks/index.js');
 var token = require('./token.js');
 var vnode = require('../../../utils/vue/vnode.js');
-var style = require('../../../utils/vue/style.js');
+var style = require('../../../utils/dom/style.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
 var DescriptionsCell = vue.defineComponent({

package/lib/components/dropdown/src/dropdown.js

@@ -7,7 +7,7 @@ require('../../../constants/index.js');
 require('../../collection/index.js');
 require('../../tooltip/index.js');
 var props = require('../../../utils/vue/props.js');
-var tooltip = require('../../tooltip/src/tooltip2.js');
+var tooltip = require('../../tooltip/src/tooltip.js');
 var icon = require('../../../utils/vue/icon.js');
 var aria = require('../../../constants/aria.js');
 var collection = require('../../collection/src/collection.js');

package/lib/components/dropdown/src/dropdown2.js

@@ -18,7 +18,7 @@ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper
 var focusTrap = require('../../focus-trap/src/focus-trap.js');
 var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.js');
 var index$4 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/vue/style.js');
+var style = require('../../../utils/dom/style.js');
 var index$5 = require('../../../hooks/use-common-props/index.js');
 
 const { ButtonGroup: ElButtonGroup } = index.ElButton;

package/lib/components/form/src/form-item2.js

@@ -15,7 +15,7 @@ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper
 var form = require('../../../tokens/form.js');
 var index = require('../../../hooks/use-common-props/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/vue/style.js');
+var style = require('../../../utils/dom/style.js');
 var shared = require('@vue/shared');
 var objects = require('../../../utils/objects.js');
 

package/lib/components/icon/src/icon2.js

@@ -9,7 +9,7 @@ var icon = require('./icon.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var types = require('../../../utils/types.js');
-var style = require('../../../utils/vue/style.js');
+var style = require('../../../utils/dom/style.js');
 
 const __default__ = {
   name: "ElIcon",

package/lib/components/image/index.d.ts

@@ -10,6 +10,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
@@ -23,6 +24,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
         readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
         readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onError?: ((evt: Event) => any) | undefined;
@@ -78,6 +80,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }, {
         Mode: {
             CONTAIN: {
@@ -97,6 +100,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
             readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
             readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         }>> & {
             onClose?: (() => any) | undefined;
             onSwitch?: ((index: number) => any) | undefined;
@@ -200,6 +204,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onSwitch?: ((index: number) => any) | undefined;
@@ -208,6 +213,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
         teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         initialIndex: number;
+        closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         urlList: string[];
     }>> & Record<string, any>;
@@ -227,6 +233,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onError?: ((evt: Event) => any) | undefined;
@@ -239,6 +246,7 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
     fit: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
     appendToBody: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];

package/lib/components/image/src/image.d.ts

@@ -11,6 +11,7 @@ export declare const imageProps: {
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 };
 export declare type ImageProps = ExtractPropTypes<typeof imageProps>;
 export declare const imageEmits: {

package/lib/components/image/src/image.js

@@ -50,6 +50,10 @@ const imageProps = props.buildProps({
   infinite: {
     type: Boolean,
     default: true
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
   }
 });
 const imageEmits = {

package/lib/components/image/src/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  previewTeleported: {\n    type: Boolean,\n    default: false,\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":["buildProps","definePropType","mutable","isNumber"],"mappings":";;;;;;;;;AAMY,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKC,aAAQ,CAAC,GAAG,CAAC;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;"}
+{"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  previewTeleported: {\n    type: Boolean,\n    default: false,\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":["buildProps","definePropType","mutable","isNumber"],"mappings":";;;;;;;;;AAMY,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKC,aAAQ,CAAC,GAAG,CAAC;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;;"}

package/lib/components/image/src/image.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
@@ -24,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
         readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onError?: ((evt: Event) => any) | undefined;
@@ -79,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }, {
         Mode: {
             CONTAIN: {
@@ -98,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
             readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         }>> & {
             onClose?: (() => any) | undefined;
             onSwitch?: ((index: number) => any) | undefined;
@@ -201,6 +205,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onSwitch?: ((index: number) => any) | undefined;
@@ -209,6 +214,7 @@ declare const _default: import("vue").DefineComponent<{
         teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         initialIndex: number;
+        closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         urlList: string[];
     }>> & Record<string, any>;
@@ -228,6 +234,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onError?: ((evt: Event) => any) | undefined;
@@ -240,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{
     fit: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
     appendToBody: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];

package/lib/components/image/src/image2.js

@@ -217,6 +217,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "url-list": _ctx.previewSrcList,
             "hide-on-click-modal": _ctx.hideOnClickModal,
             teleported: vue.unref(teleported),
+            "close-on-press-escape": _ctx.closeOnPressEscape,
             onClose: closeViewer,
             onSwitch: switchViewer
           }, {
@@ -226,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "url-list", "hide-on-click-modal", "teleported"])) : vue.createCommentVNode("v-if", true)
+          }, 8, ["z-index", "initial-index", "infinite", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
         ], 2112)) : vue.createCommentVNode("v-if", true)
       ], 6);
     };

package/lib/components/image/src/image2.js.map

@@ -1 +1 @@
-{"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <slot v-if=\"loading\" name=\"placeholder\">\n      <div :class=\"ns.e('placeholder')\" />\n    </slot>\n    <slot v-else-if=\"hasLoadError\" name=\"error\">\n      <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n    </slot>\n    <img\n      v-else\n      v-bind=\"attrs\"\n      :src=\"src\"\n      :style=\"imageStyle\"\n      :class=\"[ns.e('inner'), preview ? ns.e('preview') : '']\"\n      @click=\"clickHandler\"\n    />\n    <template v-if=\"preview\">\n      <image-viewer\n        v-if=\"showViewer\"\n        :z-index=\"zIndex\"\n        :initial-index=\"imageIndex\"\n        :infinite=\"infinite\"\n        :url-list=\"previewSrcList\"\n        :hide-on-click-modal=\"hideOnClickModal\"\n        :teleported=\"teleported\"\n        @close=\"closeViewer\"\n        @switch=\"switchViewer\"\n      >\n        <div v-if=\"$slots.viewer\">\n          <slot name=\"viewer\" />\n        </div>\n      </image-viewer>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport {\n  isBoolean,\n  isClient,\n  useEventListener,\n  useThrottleFn,\n} from '@vueuse/core'\nimport {\n  useAttrs,\n  useDeprecated,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString,\n} from '@element-plus/utils'\nimport { imageEmits, imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElImage',\n})\n\nconst props = defineProps(imageProps)\nconst emit = defineEmits(imageEmits)\n\nlet prevOverflow = ''\n\nuseDeprecated(\n  {\n    scope: 'el-image',\n    from: 'append-to-body',\n    replacement: 'preview-teleported',\n    version: '2.2.0',\n    ref: 'https://element-plus.org/en-US/component/image.html#image-attributess',\n  },\n  computed(() => isBoolean(props.appendToBody))\n)\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\n\nconst attrs = useAttrs()\nconst hasLoadError = ref(false)\nconst loading = ref(true)\nconst imgWidth = ref(0)\nconst imgHeight = ref(0)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\n\nconst _scrollContainer = ref<HTMLElement | Window>()\nlet stopScrollListener: () => void\nlet stopWheelListener: () => void\n\nconst containerStyle = computed(() => attrs.value.style as StyleValue)\n\nconst imageStyle = computed<CSSProperties>(() => {\n  const { fit } = props\n  if (isClient && fit) {\n    return { objectFit: fit }\n  }\n  return {}\n})\n\nconst preview = computed(() => {\n  const { previewSrcList } = props\n  return Array.isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst teleported = computed(() => {\n  return props.appendToBody || props.previewTeleported\n})\n\nconst imageIndex = computed(() => {\n  const { previewSrcList, initialIndex } = props\n  let previewIndex = initialIndex\n  if (initialIndex > previewSrcList.length - 1) {\n    previewIndex = 0\n  }\n  return previewIndex\n})\n\nconst loadImage = () => {\n  if (!isClient) return\n\n  // reset status\n  loading.value = true\n  hasLoadError.value = false\n\n  const img = new Image()\n  const currentImageSrc = props.src\n\n  // load & error callbacks are only responsible for currentImageSrc\n  img.addEventListener('load', (e) => {\n    if (currentImageSrc !== props.src) {\n      return\n    }\n    handleLoad(e, img)\n  })\n  img.addEventListener('error', (e) => {\n    if (currentImageSrc !== props.src) {\n      return\n    }\n    handleError(e)\n  })\n\n  // bind html attrs\n  // so it can behave consistently\n  Object.entries(attrs.value).forEach(([key, value]) => {\n    // avoid onload to be overwritten\n    if (key.toLowerCase() === 'onload') return\n    img.setAttribute(key, value as string)\n  })\n  img.src = currentImageSrc\n}\n\nfunction handleLoad(e: Event, img: HTMLImageElement) {\n  imgWidth.value = img.width\n  imgHeight.value = img.height\n  loading.value = false\n  hasLoadError.value = false\n}\n\nfunction handleError(event: Event) {\n  loading.value = false\n  hasLoadError.value = true\n  emit('error', event)\n}\n\nfunction handleLazyLoad() {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage()\n    removeLazyLoadListener()\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200)\n\nasync function addLazyLoadListener() {\n  if (!isClient) return\n\n  await nextTick()\n\n  const { scrollContainer } = props\n  if (isElement(scrollContainer)) {\n    _scrollContainer.value = scrollContainer\n  } else if (isString(scrollContainer) && scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value)\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    )\n    setTimeout(() => handleLazyLoad(), 100)\n  }\n}\n\nfunction removeLazyLoadListener() {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n  stopScrollListener()\n  _scrollContainer.value = undefined\n}\n\nfunction wheelHandler(e: WheelEvent) {\n  if (!e.ctrlKey) return\n\n  if (e.deltaY < 0) {\n    e.preventDefault()\n    return false\n  } else if (e.deltaY > 0) {\n    e.preventDefault()\n    return false\n  }\n}\n\nfunction clickHandler() {\n  // don't show viewer when preview is false\n  if (!preview.value) return\n\n  stopWheelListener = useEventListener('wheel', wheelHandler, {\n    passive: false,\n  })\n\n  // prevent body scroll\n  prevOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n  showViewer.value = true\n}\n\nfunction closeViewer() {\n  stopWheelListener?.()\n  document.body.style.overflow = prevOverflow\n  showViewer.value = false\n  emit('close')\n}\n\nfunction switchViewer(val: number) {\n  emit('switch', val)\n}\n\nwatch(\n  () => props.src,\n  () => {\n    if (props.lazy) {\n      // reset status\n      loading.value = true\n      hasLoadError.value = false\n      removeLazyLoadListener()\n      addLazyLoadListener()\n    } else {\n      loadImage()\n    }\n  }\n)\n\nonMounted(() => {\n  if (props.lazy) {\n    addLazyLoadListener()\n  } else {\n    loadImage()\n  }\n})\n</script>\n"],"names":["useDeprecated","computed","isBoolean","useLocale","useNamespace","useAttrs","ref","isClient","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <slot v-if=\"loading\" name=\"placeholder\">\n      <div :class=\"ns.e('placeholder')\" />\n    </slot>\n    <slot v-else-if=\"hasLoadError\" name=\"error\">\n      <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n    </slot>\n    <img\n      v-else\n      v-bind=\"attrs\"\n      :src=\"src\"\n      :style=\"imageStyle\"\n      :class=\"[ns.e('inner'), preview ? ns.e('preview') : '']\"\n      @click=\"clickHandler\"\n    />\n    <template v-if=\"preview\">\n      <image-viewer\n        v-if=\"showViewer\"\n        :z-index=\"zIndex\"\n        :initial-index=\"imageIndex\"\n        :infinite=\"infinite\"\n        :url-list=\"previewSrcList\"\n        :hide-on-click-modal=\"hideOnClickModal\"\n        :teleported=\"teleported\"\n        :close-on-press-escape=\"closeOnPressEscape\"\n        @close=\"closeViewer\"\n        @switch=\"switchViewer\"\n      >\n        <div v-if=\"$slots.viewer\">\n          <slot name=\"viewer\" />\n        </div>\n      </image-viewer>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport {\n  isBoolean,\n  isClient,\n  useEventListener,\n  useThrottleFn,\n} from '@vueuse/core'\nimport {\n  useAttrs,\n  useDeprecated,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString,\n} from '@element-plus/utils'\nimport { imageEmits, imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElImage',\n})\n\nconst props = defineProps(imageProps)\nconst emit = defineEmits(imageEmits)\n\nlet prevOverflow = ''\n\nuseDeprecated(\n  {\n    scope: 'el-image',\n    from: 'append-to-body',\n    replacement: 'preview-teleported',\n    version: '2.2.0',\n    ref: 'https://element-plus.org/en-US/component/image.html#image-attributess',\n  },\n  computed(() => isBoolean(props.appendToBody))\n)\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\n\nconst attrs = useAttrs()\nconst hasLoadError = ref(false)\nconst loading = ref(true)\nconst imgWidth = ref(0)\nconst imgHeight = ref(0)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\n\nconst _scrollContainer = ref<HTMLElement | Window>()\nlet stopScrollListener: () => void\nlet stopWheelListener: () => void\n\nconst containerStyle = computed(() => attrs.value.style as StyleValue)\n\nconst imageStyle = computed<CSSProperties>(() => {\n  const { fit } = props\n  if (isClient && fit) {\n    return { objectFit: fit }\n  }\n  return {}\n})\n\nconst preview = computed(() => {\n  const { previewSrcList } = props\n  return Array.isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst teleported = computed(() => {\n  return props.appendToBody || props.previewTeleported\n})\n\nconst imageIndex = computed(() => {\n  const { previewSrcList, initialIndex } = props\n  let previewIndex = initialIndex\n  if (initialIndex > previewSrcList.length - 1) {\n    previewIndex = 0\n  }\n  return previewIndex\n})\n\nconst loadImage = () => {\n  if (!isClient) return\n\n  // reset status\n  loading.value = true\n  hasLoadError.value = false\n\n  const img = new Image()\n  const currentImageSrc = props.src\n\n  // load & error callbacks are only responsible for currentImageSrc\n  img.addEventListener('load', (e) => {\n    if (currentImageSrc !== props.src) {\n      return\n    }\n    handleLoad(e, img)\n  })\n  img.addEventListener('error', (e) => {\n    if (currentImageSrc !== props.src) {\n      return\n    }\n    handleError(e)\n  })\n\n  // bind html attrs\n  // so it can behave consistently\n  Object.entries(attrs.value).forEach(([key, value]) => {\n    // avoid onload to be overwritten\n    if (key.toLowerCase() === 'onload') return\n    img.setAttribute(key, value as string)\n  })\n  img.src = currentImageSrc\n}\n\nfunction handleLoad(e: Event, img: HTMLImageElement) {\n  imgWidth.value = img.width\n  imgHeight.value = img.height\n  loading.value = false\n  hasLoadError.value = false\n}\n\nfunction handleError(event: Event) {\n  loading.value = false\n  hasLoadError.value = true\n  emit('error', event)\n}\n\nfunction handleLazyLoad() {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage()\n    removeLazyLoadListener()\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200)\n\nasync function addLazyLoadListener() {\n  if (!isClient) return\n\n  await nextTick()\n\n  const { scrollContainer } = props\n  if (isElement(scrollContainer)) {\n    _scrollContainer.value = scrollContainer\n  } else if (isString(scrollContainer) && scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value)\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    )\n    setTimeout(() => handleLazyLoad(), 100)\n  }\n}\n\nfunction removeLazyLoadListener() {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n  stopScrollListener()\n  _scrollContainer.value = undefined\n}\n\nfunction wheelHandler(e: WheelEvent) {\n  if (!e.ctrlKey) return\n\n  if (e.deltaY < 0) {\n    e.preventDefault()\n    return false\n  } else if (e.deltaY > 0) {\n    e.preventDefault()\n    return false\n  }\n}\n\nfunction clickHandler() {\n  // don't show viewer when preview is false\n  if (!preview.value) return\n\n  stopWheelListener = useEventListener('wheel', wheelHandler, {\n    passive: false,\n  })\n\n  // prevent body scroll\n  prevOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n  showViewer.value = true\n}\n\nfunction closeViewer() {\n  stopWheelListener?.()\n  document.body.style.overflow = prevOverflow\n  showViewer.value = false\n  emit('close')\n}\n\nfunction switchViewer(val: number) {\n  emit('switch', val)\n}\n\nwatch(\n  () => props.src,\n  () => {\n    if (props.lazy) {\n      // reset status\n      loading.value = true\n      hasLoadError.value = false\n      removeLazyLoadListener()\n      addLazyLoadListener()\n    } else {\n      loadImage()\n    }\n  }\n)\n\nonMounted(() => {\n  if (props.lazy) {\n    addLazyLoadListener()\n  } else {\n    loadImage()\n  }\n})\n</script>\n"],"names":["useDeprecated","computed","isBoolean","useLocale","useNamespace","useAttrs","ref","isClient","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","watch","onMounted"],"mappings":"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"}

package/lib/components/image-viewer/index.d.ts

@@ -5,6 +5,7 @@ export declare const ElImageViewer: import("element-plus/es/utils").SFCWithInsta
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     Mode: {
         CONTAIN: {
@@ -24,6 +25,7 @@ export declare const ElImageViewer: import("element-plus/es/utils").SFCWithInsta
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onSwitch?: ((index: number) => any) | undefined;
@@ -127,6 +129,7 @@ export declare const ElImageViewer: import("element-plus/es/utils").SFCWithInsta
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onSwitch?: ((index: number) => any) | undefined;
@@ -135,6 +138,7 @@ export declare const ElImageViewer: import("element-plus/es/utils").SFCWithInsta
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
+    closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     urlList: string[];
 }>> & Record<string, any>;

package/lib/components/image-viewer/src/image-viewer.d.ts

@@ -7,6 +7,7 @@ export declare const imageViewerProps: {
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 };
 export declare type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>;
 export declare const imageViewerEmits: {

package/lib/components/image-viewer/src/image-viewer.js

@@ -29,6 +29,10 @@ const imageViewerProps = props.buildProps({
   teleported: {
     type: Boolean,
     default: false
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
   }
 });
 const imageViewerEmits = {

package/lib/components/image-viewer/src/image-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.js","sources":["../../../../../../packages/components/image-viewer/src/image-viewer.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type ImageViewerAction =\n  | 'zoomIn'\n  | 'zoomOut'\n  | 'clockwise'\n  | 'anticlockwise'\n\nexport const imageViewerProps = buildProps({\n  urlList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  teleported: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>\n\nexport const imageViewerEmits = {\n  close: () => true,\n  switch: (index: number) => typeof index === 'number',\n}\nexport type ImageViewerEmits = typeof imageViewerEmits\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;;;AACY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ;AAC9C;;;;;"}
+{"version":3,"file":"image-viewer.js","sources":["../../../../../../packages/components/image-viewer/src/image-viewer.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type ImageViewerAction =\n  | 'zoomIn'\n  | 'zoomOut'\n  | 'clockwise'\n  | 'anticlockwise'\n\nexport const imageViewerProps = buildProps({\n  urlList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  teleported: {\n    type: Boolean,\n    default: false,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>\n\nexport const imageViewerEmits = {\n  close: () => true,\n  switch: (index: number) => typeof index === 'number',\n}\nexport type ImageViewerEmits = typeof imageViewerEmits\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;;;AACY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ;AAC9C;;;;;"}

package/lib/components/image-viewer/src/image-viewer.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     Mode: {
         CONTAIN: {
@@ -26,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
         onSwitch?: ((index: number) => any) | undefined;
@@ -129,6 +131,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onSwitch?: ((index: number) => any) | undefined;
@@ -137,6 +140,7 @@ declare const _default: import("vue").DefineComponent<{
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
+    closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     urlList: string[];
 }>;

package/lib/components/image-viewer/src/image-viewer2.js

@@ -109,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const keydownHandler = lodashUnified.throttle((e) => {
         switch (e.code) {
           case aria.EVENT_CODE.esc:
-            hide();
+            props.closeOnPressEscape && hide();
             break;
           case aria.EVENT_CODE.space:
             toggleMode();