ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.10

package/es/core-installer.d.ts

@@ -1,3 +1,3 @@
-/** 全局安装核心组件 */
-import type { Plugin } from 'vue';
+import { Plugin } from 'vue';
+
 export declare const installer: Plugin;

package/es/ele-alert/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
     type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;

package/es/ele-alert/index.js

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, mergeProps } from "vue";
 import { ElIcon } from "element-plus";
 import { CloseOutlined, InfoCircleFilled, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled } from "../icons";
-import { useLicense } from "../ele-config-provider/receiver";
 import { alertProps, alertEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleAlert",
@@ -16,20 +15,19 @@ const _sfc_main = defineComponent({
   props: alertProps,
   emits: alertEmits,
   setup(props, { emit, slots }) {
-    const { authenticated } = useLicense();
     const visible = ref(true);
     const isRich = computed(() => {
       return !!props.description || !!slots.default;
     });
     const onClose = (e) => {
-      if (!visible.value || !props.closable || !authenticated.value) {
+      if (!visible.value || !props.closable) {
         return;
       }
       visible.value = false;
       emit("close", e);
     };
     const open = () => {
-      if (!visible.value && authenticated.value) {
+      if (!visible.value) {
         visible.value = true;
       }
     };

package/es/ele-alert/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElIconProps } from '../ele-app/el';
+import { ElIconProps } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -7,7 +8,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -22,21 +23,21 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     /** 图标样式 */
-    iconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
     /** 关闭图标样式 */
-    closeIconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    closeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 描述样式 */
-    descriptionStyle: PropType<Partial<import("vue").CSSProperties>>;
+    descriptionStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 过渡动画名称 */
     transitionName: {
         type: StringConstructor;

package/es/ele-app/el.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 import type {
+  CascaderProps,
   IconProps,
   RowProps,
   ColProps,
@@ -29,6 +30,9 @@ import type {
   TabPaneProps,
   TableProps,
   TableV2Props,
+  ImageProps,
+  ElAutocomplete,
+  ElCascader,
   ElPopper,
   ElPopover,
   ElTooltip,
@@ -45,17 +49,22 @@ import type {
   ElImage,
   ElScrollbar,
   ElTreeV2,
-  ElFormItem
+  ElForm,
+  ElFormItem,
+  FormItemRule
 } from 'element-plus';
 import type { dropdownProps } from 'element-plus';
 import type { dropdownItemProps } from 'element-plus';
 import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
 import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
 import type { ComponentProps } from './types';
+export type ElFormItemRule = FormItemRule;
 
 /**
  * 组件属性
  */
+export type ElCascaderProps = ComponentProps<CascaderProps>;
+
 export type ElIconProps = ComponentProps<IconProps>;
 
 export type ElRowProps = ComponentProps<RowProps>;
@@ -126,9 +135,15 @@ export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
 
 export type ElTreeV2Props = ComponentProps<TreeProps>;
 
+export type ElImageProps = ComponentProps<ImageProps>;
+
 /**
  * 组件实例
  */
+export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
+
+export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
+
 export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
 
 export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;
@@ -161,4 +176,6 @@ export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
 
 export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
 
+export type ElFormInstance = InstanceType<typeof ElForm> | null;
+
 export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;

package/es/ele-app/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const _default: import('vue').DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/ele-app/plus.d.ts

@@ -14,13 +14,17 @@ import type { PopoverProps } from '../ele-popover/props';
 import type ElePopover from '../ele-popover/index';
 import type { ProTableProps } from '../ele-pro-table/props';
 import type EleProTable from '../ele-pro-table/index';
+import type { PrinterProps } from '../ele-printer/props';
 import type EleTabs from '../ele-tabs/index';
+import type { TableProps } from '../ele-table/props';
 import type { TextProps } from '../ele-text/props';
 import type EleText from '../ele-text/index';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type { TooltipProps } from '../ele-tooltip/props';
+import type { ToolProps } from '../ele-tool/props';
 import type EleTooltip from '../ele-tooltip/index';
 import type EleVirtualTable from '../ele-virtual-table/index';
+import type ReceiverView from '../ele-config-provider/components/receiver-view';
 
 /**
  * 组件属性
@@ -45,12 +49,18 @@ export type ElePopoverProps = Partial<PopoverProps>;
 
 export type EleProTableProps = ComponentProps<ProTableProps>;
 
+export type ElePrinterProps = ComponentProps<PrinterProps>;
+
+export type EleTableProps = ComponentProps<TableProps>;
+
 export type EleTextProps = ComponentProps<TextProps>;
 
 export type EleToolbarProps = ComponentProps<ToolbarProps>;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+export type EleToolProps = Partial<ToolProps>;
+
 /**
  * 组件实例
  */
@@ -73,3 +83,5 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 export type EleVirtualTableInstance = InstanceType<
   typeof EleVirtualTable
 > | null;
+
+export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;

package/es/ele-app/style/overwrite/date-picker/index.scss

@@ -84,6 +84,13 @@
   .el-picker-panel__body .el-picker-panel__content {
     width: 100%;
   }
+
+  .el-year-table td.current:not(.disabled) > div,
+  .el-month-table td.current:not(.disabled) > div {
+    border-radius: 0;
+    margin-left: 0;
+    margin-right: 0;
+  }
 }
 
 // 内容宽度
@@ -235,6 +242,8 @@
   // 年/月表格
   .el-year-table td,
   .el-month-table td {
+    width: auto;
+
     .cell {
       color: eleVar('datepicker', 'color');
       width: eleVar('datepicker', 'year-width');
@@ -247,6 +256,9 @@
         border-color $ele-transition
       );
       box-sizing: border-box;
+      position: static;
+      left: auto;
+      transform: none;
     }
 
     &.today .cell {
@@ -269,11 +281,24 @@
   .el-year-table td {
     padding: eleVar('datepicker', 'year-padding');
 
-    &.disabled .cell {
-      color: eleVar('datepicker', 'disabled-color');
-      background: eleVar('datepicker', 'disabled-bg');
-      border-radius: 0;
-      width: 100%;
+    & > div {
+      height: auto;
+      padding: eleVar('datepicker', 'year-space');
+      transition: (
+        background-color $ele-transition,
+        border-color $ele-transition
+      );
+    }
+
+    &.disabled {
+      & > div {
+        background: eleVar('datepicker', 'disabled-bg');
+      }
+
+      .cell {
+        color: eleVar('datepicker', 'disabled-color');
+        background: none;
+      }
     }
   }
 
@@ -423,11 +448,13 @@
     &.start-date > div {
       border-top-left-radius: eleVar('datepicker', 'year-radius');
       border-bottom-left-radius: eleVar('datepicker', 'year-radius');
+      margin-left: 0;
     }
 
     &.end-date > div {
       border-top-right-radius: eleVar('datepicker', 'year-radius');
       border-bottom-right-radius: eleVar('datepicker', 'year-radius');
+      margin-right: 0;
     }
 
     &.in-range > div {

package/es/ele-app/style/overwrite/message-box/index.scss

@@ -60,6 +60,7 @@
   }
 
   .el-message-box__status {
+    flex-shrink: 0;
     font-size: eleVar('message-box', 'status-size');
   }
 
@@ -83,6 +84,10 @@
   }
 }
 
+.el-message-box__message {
+  word-break: break-all;
+}
+
 body .el-overlay.is-message-box > .el-overlay-message-box {
   overflow-x: hidden;
   scrollbar-width: none;

package/es/ele-avatar-group/index.d.ts

@@ -1,5 +1,6 @@
-import type { AvatarItem, AvatarErrorOption } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { AvatarItem, AvatarErrorOption } from './types';
+
+declare const _default: import('vue').DefineComponent<{
     data: {
         type: import("vue").PropType<AvatarItem[]>;
         required: boolean;
@@ -36,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     onError: (option: AvatarErrorOption) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     itemClick: (_item: AvatarItem) => boolean;
-    moreClick: () => boolean; /** 是否显示更多 */
+    moreClick: () => boolean;
     error: (_option: AvatarErrorOption) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {

package/es/ele-avatar-group/index.js

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, renderSlot, createCommentVNode, mergeProps, createVNode, createElementVNode, toDisplayString } from "vue";
 import { ElAvatar } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
-import { useLicense } from "../ele-config-provider/receiver";
 import { avatarGroupProps, avatarGroupEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleAvatarGroup",
@@ -9,7 +8,6 @@ const _sfc_main = defineComponent({
   props: avatarGroupProps,
   emits: avatarGroupEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const tooltipContent = ref("");
     const virtualRef = ref();
     const overflowVisible = ref(false);
@@ -27,7 +25,7 @@ const _sfc_main = defineComponent({
       return props.maxCount != null && props.maxCount > 0 && props.data != null && props.data.length > props.maxCount;
     });
     const avatarData = computed(() => {
-      if (!authenticated.value || props.data == null) {
+      if (props.data == null) {
         return [];
       }
       return isOverflow.value ? props.data.slice(0, props.maxCount) : props.data;

package/es/ele-avatar-group/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { AvatarItem, AvatarErrorOption } from './types';
+import { AvatarItem, AvatarErrorOption } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -12,29 +13,29 @@ export declare const avatarGroupProps: {
     /** 最大显示个数 */
     maxCount: NumberConstructor;
     /** 形状 */
-    shape: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    shape: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
     /** 大小 */
-    size: PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
     /** 自定义样式 */
-    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义头像样式 */
-    avatarStyle: PropType<Partial<import("vue").CSSProperties>>;
+    avatarStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义溢出样式 */
-    moreStyle: PropType<Partial<import("vue").CSSProperties>>;
+    moreStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 是否显示提示 */
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
     /** 是否显示溢出气泡 */
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 溢出气泡属性 */
-    overflowPopoverProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    overflowPopoverProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
     /** 是否鼠标移入展开 */
     hoverOpen: BooleanConstructor;
 };

package/es/ele-bar-code/index.d.ts

@@ -1,7 +1,8 @@
-import type { Ref } from 'vue';
-import JsBarCode from 'jsbarcode';
-import type { JsBarCodeInstance } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { JsBarCodeInstance } from './types';
+import { default as JsBarCode } from 'jsbarcode';
+import { Ref } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     value: StringConstructor;
     tag: {
         type: import("vue").PropType<import("./types").BarCodeTag>;

package/es/ele-bar-code/props.d.ts

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { Options } from 'jsbarcode';
-import type { BarCodeTag } from './types';
+import { BarCodeTag } from './types';
+import { Options } from 'jsbarcode';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */

package/es/ele-basic-select/index.d.ts

@@ -1,7 +1,8 @@
-import type { ElInputInstance } from '../ele-app/el';
-import type { EleTooltipInstance } from '../ele-app/plus';
-import type { SelectedItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { SelectedItem } from './types';
+import { EleTooltipInstance } from '../ele-app/plus';
+import { ElInputInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     value: {
         type: import("vue").PropType<import("./types").SelectValue>;
         default: () => null;
@@ -15,21 +16,21 @@ declare const _default: import("vue").DefineComponent<{
     selected: import("vue").PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>; /** 多选时搜索框值 */
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
     transition: {
-        type: StringConstructor;
+        type: StringConstructor; /** 是否未选中 */
         default: string;
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor; /** 输入框提示文本 */
+    selectClass: StringConstructor;
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     onClear: () => void;
     onInputFocus: (e: FocusEvent) => void;
     onInputBlur: (e: FocusEvent) => void;
+    onInputEsc: (e: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => boolean;
     removeTag: (_item: SelectedItem) => boolean;
@@ -74,21 +76,21 @@ declare const _default: import("vue").DefineComponent<{
     selected: import("vue").PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    tagType: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>; /** 多选时搜索框值 */
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
     transition: {
-        type: StringConstructor;
+        type: StringConstructor; /** 是否未选中 */
         default: string;
     };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor; /** 输入框提示文本 */
+    selectClass: StringConstructor;
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
@@ -96,8 +98,8 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onFilterChange?: ((_value: string) => any) | undefined;
     onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
+    onFilterChange?: ((_value: string) => any) | undefined;
 }, {
     disabled: boolean;
     teleported: boolean;
@@ -106,8 +108,8 @@ declare const _default: import("vue").DefineComponent<{
     visible: boolean;
     transition: string;
     value: import("./types").SelectValue;
+    filterable: boolean;
     multiple: boolean;
     automaticDropdown: boolean;
-    filterable: boolean;
 }, {}>;
 export default _default;

package/es/ele-basic-select/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, createSlots, withModifiers, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, withKeys, createSlots, withModifiers, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { ElInput, ElIcon, ElTag } from "element-plus";
-import { useLicense } from "../ele-config-provider/receiver";
-import EleTooltip from "../ele-tooltip/index";
 import { CloseCircleFilled, ArrowDown } from "../icons";
+import EleTooltip from "../ele-tooltip/index";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { basicSelectProps, basicSelectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleBasicSelect",
@@ -10,14 +10,14 @@ const _sfc_main = defineComponent({
     ElInput,
     ElIcon,
     ElTag,
-    EleTooltip,
     CloseCircleFilled,
-    ArrowDown
+    ArrowDown,
+    EleTooltip,
+    ReceiverView
   },
   props: basicSelectProps,
   emits: basicSelectEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const tooltipRef = ref(null);
     const inputRef = ref(null);
     const searchRef = ref(null);
@@ -81,12 +81,12 @@ const _sfc_main = defineComponent({
       }
     };
     const updateVisible = (visible) => {
-      if (authenticated.value && !props.disabled || !visible) {
+      if (!props.disabled || !visible) {
         emit("update:visible", visible);
       }
     };
     const onTagClose = (item) => {
-      if (authenticated.value && !props.disabled) {
+      if (!props.disabled) {
         emit("removeTag", item);
       }
     };
@@ -102,6 +102,13 @@ const _sfc_main = defineComponent({
     const onInputBlur = (e) => {
       emit("blur", e);
     };
+    const onInputEsc = (e) => {
+      if (!props.disabled && props.visible) {
+        e.stopPropagation();
+        e.preventDefault();
+        updateVisible(false);
+      }
+    };
     watch(
       () => props.selectedLabel,
       (label) => {
@@ -146,7 +153,8 @@ const _sfc_main = defineComponent({
       onTagClose,
       onClear,
       onInputFocus,
-      onInputBlur
+      onInputBlur,
+      onInputEsc
     };
   }
 });
@@ -167,6 +175,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown = resolveComponent("ArrowDown");
   const _component_ElInput = resolveComponent("ElInput");
   const _component_ElTag = resolveComponent("ElTag");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createBlock(_component_EleTooltip, {
     ref: "tooltipRef",
@@ -183,16 +192,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     effect: "light",
     persistent: true,
     isPopover: true,
+    triggerKeys: [],
     "onUpdate:visible": _ctx.updateVisible
   }, {
     body: withCtx(() => [
-      _ctx.persistent || _ctx.visible ? (openBlock(), createElementBlock("div", {
+      _ctx.persistent || _ctx.visible ? (openBlock(), createBlock(_component_ReceiverView, {
         key: 0,
         class: "ele-popover-body",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.focusSearchInput && _ctx.focusSearchInput(...args))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ])) : createCommentVNode("", true)
+        onClick: _ctx.focusSearchInput
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["onClick"])) : createCommentVNode("", true)
     ]),
     default: withCtx(() => [
       createElementVNode("div", {
@@ -220,7 +233,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
           onFocus: _ctx.onInputFocus,
-          onBlur: _ctx.onInputBlur
+          onBlur: _ctx.onInputBlur,
+          onKeydown: withKeys(_ctx.onInputEsc, ["esc"])
         }, createSlots({
           suffix: withCtx(() => [
             _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (openBlock(), createBlock(_component_ElIcon, {
@@ -253,7 +267,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onFocus", "onBlur"]),
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]),
         _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentTags, (item, index2) => {
             return openBlock(), createBlock(_component_ElTag, {
@@ -304,8 +318,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 validateEvent: false,
                 modelValue: _ctx.searchValue,
                 placeholder: _ctx.inputPlaceholder,
-                "onUpdate:modelValue": _ctx.updateSearchValue
-              }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue"])
+                "onUpdate:modelValue": _ctx.updateSearchValue,
+                onKeydown: withKeys(_ctx.onInputEsc, ["esc"])
+              }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
             ]),
             _: 1
           }, 8, ["size"])) : createCommentVNode("", true)