ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.2

package/es/ele-data-table/util.d.ts

@@ -4,12 +4,6 @@ import { ElEmptyProps, ElTableInstance } from '../ele-app/el';
 import { Emitter } from '../ele-app/types';
 import { Slots, VNode } from 'vue';
 
-/**
- * 获取数据某字段值
- * @param data 数据
- * @param field 字段, 可嵌套 a.b.c
- */
-export declare function getValue<T, K>(data?: K, field?: string | ((d: K) => T)): T | undefined | null;
 /**
  * 递归获取表格列节点
  * @param cols 列配置
@@ -143,6 +137,11 @@ export declare function getColFixedNumber(fixed?: boolean | string): 0 | 1 | 2;
  * @param col 列属性
  */
 export declare function getCellClass(col: Column): string | undefined;
+/**
+ * 获取列筛选下拉框类名
+ * @param filterClassName 自定义类名
+ */
+export declare function getFilterPopperClass(filterClassName?: string): string;
 /**
  * 获取数据值
  * @param rows 数据
@@ -176,6 +175,18 @@ export declare function valueIsChanged<T>(value1?: T | null, value2?: T | null):
  * @param list2 新数组
  */
 export declare function arrayIsChanged<T>(list1?: T[] | null, list2?: T[] | null): boolean;
+/**
+ * 使用粘性表头
+ */
+export declare function useStickyHeader(): {
+    isLayoutFixedHead: import('vue').ComputedRef<boolean | undefined>;
+    isLayoutMaximized: import('vue').ComputedRef<boolean | undefined>;
+};
+/**
+ * 表格滚动条适配 KeepAlive
+ * @param getInstance 获取表格实例方法
+ */
+export declare function useScrollAlive(getInstance: GetInstance): void;
 /**
  * 表格实例方法统一处理
  * @param getInstance 获取表格实例方法

package/es/ele-data-table/util.js

@@ -1,22 +1,7 @@
-import { h, unref } from "vue";
+import { h, unref, computed, onDeactivated, onActivated } from "vue";
 import { ElTableColumn, ElEmpty } from "element-plus";
-import { omit, mapTree, eachTree, findTree } from "../utils/core";
-function getValue(data, field) {
-  if (data == null) {
-    return;
-  }
-  if (typeof field === "function") {
-    return field(data);
-  }
-  if (field == null || field === "") {
-    return;
-  }
-  let value = data;
-  field.split(".").forEach((f) => {
-    value = value ? value[f] : null;
-  });
-  return value;
-}
+import { omit, mapTree, findTree, eachTree, getValue } from "../utils/core";
+import { useLayoutState } from "../ele-pro-layout/util";
 function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
   const nodes = [];
   if (cols) {
@@ -27,6 +12,7 @@ function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
           {
             ...omit(col, [
               "showOverflowTooltip",
+              "filterClassName",
               "columnKey",
               "className",
               "uid",
@@ -40,6 +26,7 @@ function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
               col.showOverflowTooltip,
               globalTooltip
             ),
+            filterClassName: getFilterPopperClass(col.filterClassName),
             columnKey: col.columnKey ?? col.prop,
             className: getCellClass(col),
             index: col.index ?? pageIndex,
@@ -224,14 +211,10 @@ function getStateCols(cols, sorter, filter) {
   return { cols: result, sorter: hasSorter && hasSortCol ? sorter : void 0 };
 }
 function getSelectableFunction(columns) {
-  let selectable;
-  eachTree(columns, (col) => {
-    if (col.type === "selection") {
-      selectable = typeof col.selectable === "function" ? col.selectable : null;
-      return false;
-    }
-  });
-  return selectable;
+  const col = findTree(columns, (c) => c.type === "selection");
+  if (col != null) {
+    return typeof col.selectable === "function" ? col.selectable : null;
+  }
 }
 function isDisableRow(row, index, columns) {
   const selectable = getSelectableFunction(columns);
@@ -269,6 +252,13 @@ function getCellClass(col) {
   }
   return classes.length ? classes.join(" ") : void 0;
 }
+function getFilterPopperClass(filterClassName) {
+  const classes = ["ele-table-filter-popper"];
+  if (filterClassName) {
+    classes.push(filterClassName);
+  }
+  return classes.join(" ");
+}
 function getRowKeys(rows, rowKey) {
   const keys = [];
   if (rows) {
@@ -314,6 +304,41 @@ function arrayIsChanged(list1, list2) {
   }
   return list1.some((k) => !list2.includes(k));
 }
+function useStickyHeader() {
+  const layoutState = useLayoutState();
+  const isLayoutFixedHead = computed(() => layoutState.fixedHeader);
+  const isLayoutMaximized = computed(
+    () => layoutState.maximized && layoutState.maximized !== "expanded"
+  );
+  return { isLayoutFixedHead, isLayoutMaximized };
+}
+function useScrollAlive(getInstance) {
+  let scrollTop;
+  let scrollLeft;
+  const getWrapEl = () => {
+    var _a;
+    const ins = getInstance();
+    return (_a = ins == null ? void 0 : ins.scrollBarRef) == null ? void 0 : _a.wrapRef;
+  };
+  onDeactivated(() => {
+    const wrapEl = getWrapEl();
+    if (!wrapEl) {
+      scrollTop = void 0;
+      scrollLeft = void 0;
+      return;
+    }
+    scrollTop = wrapEl.scrollTop;
+    scrollLeft = wrapEl.scrollLeft;
+  });
+  onActivated(() => {
+    const ins = getInstance();
+    if (ins && (scrollTop || scrollLeft)) {
+      ins.scrollTo(scrollLeft || 0, scrollTop || 0);
+      scrollTop = void 0;
+      scrollLeft = void 0;
+    }
+  });
+}
 function useMethods(getInstance) {
   const methods = {
     clearSelection: () => {
@@ -473,6 +498,7 @@ export {
   getCols,
   getEmptyProps,
   getEmptySlot,
+  getFilterPopperClass,
   getGlobalTooltipProps,
   getHeadRowClass,
   getKeysAndList,
@@ -484,7 +510,6 @@ export {
   getStateCols,
   getTableFilter,
   getTooltipProps,
-  getValue,
   isDisableRow,
   isReserveChecked,
   mergeTooltipProps,
@@ -492,5 +517,7 @@ export {
   toggleRowSelectionPro,
   useEmits,
   useMethods,
+  useScrollAlive,
+  useStickyHeader,
   valueIsChanged
 };

package/es/ele-dot/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-dot/style/index.js

@@ -1 +1 @@
-import './index.scss';
+import "./index.scss";

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

@@ -145,21 +145,20 @@ declare const _default: import('vue').DefineComponent<{
     title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
     size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
     center: boolean;
-    showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modelValue: boolean;
-    appendTo: string;
     appendToBody: boolean;
+    appendTo: string;
     destroyOnClose: boolean;
     closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -173,6 +172,7 @@ declare const _default: import('vue').DefineComponent<{
     draggable: boolean;
     overflow: boolean;
     fullscreen: boolean;
+    showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
     direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     withHeader: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/ele-drawer/index.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, onActivated, onDeactivated, resolveComponent, openBlock, createBlock, Teleport, createVNode, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
 import { ElDrawer, ElIcon, drawerEmits } from "element-plus";
 import { CloseOutlined } from "../icons";
-import { useLayoutState } from "../ele-config-provider/receiver";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
+import { useLayoutState } from "../ele-pro-layout/util";
 import { getModalContainer } from "../ele-modal/util";
 import { drawerProps } from "./props";
 const _sfc_main = defineComponent({
@@ -11,7 +11,7 @@ const _sfc_main = defineComponent({
   props: drawerProps,
   emits: drawerEmits,
   setup(props, { emit }) {
-    const layoutProvide = useLayoutState();
+    const layoutState = useLayoutState();
     const drawerRef = ref(null);
     const isActivated = ref(true);
     const drawerClass = computed(() => {
@@ -35,7 +35,7 @@ const _sfc_main = defineComponent({
         props.inner,
         false,
         void 0,
-        layoutProvide.modalsEl
+        layoutState.modalsEl
       );
     });
     const handleClose = () => {

package/es/ele-drawer/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-drawer/style/index.js

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/drawer/style/index';
-import 'element-plus/es/components/icon/style/index';
-import './index.scss';
+import "element-plus/es/components/drawer/style/index";
+import "element-plus/es/components/icon/style/index";
+import "./index.scss";

package/es/ele-drawer/style/index.scss

@@ -58,7 +58,7 @@
   color: eleVar('drawer', 'icon-color');
   font-size: eleVar('drawer', 'icon-font-size');
   border-radius: eleVar('drawer', 'icon-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
+  transition: (color $transition-base, background-color $transition-base);
   box-sizing: border-box;
   cursor: pointer;
 
@@ -91,6 +91,6 @@
   position: absolute !important;
 
   &:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
-    transition: (width $ele-transition, left $ele-transition);
+    transition: (width $transition-base, left $transition-base);
   }
 }

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

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<{
     modelValue: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
     menuStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";
         readonly type: import('vue').PropType<string>;
@@ -16,12 +16,12 @@ declare const _default: import('vue').DefineComponent<{
         readonly __epPropKey: true;
     };
     type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
     size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -63,7 +63,7 @@ declare const _default: import('vue').DefineComponent<{
     modelValue: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
     menuStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";
         readonly type: import('vue').PropType<string>;
@@ -72,12 +72,12 @@ declare const _default: import('vue').DefineComponent<{
         readonly __epPropKey: true;
     };
     type: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
     size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -99,17 +99,20 @@ declare const _default: import('vue').DefineComponent<{
     };
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
-    onClick?: (() => any) | undefined;
     onChange?: ((_active: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onClick?: (() => any) | undefined;
     onCommand?: ((_command: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
 }, {
-    size: string;
-    trigger: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown>;
     effect: string;
-    placement: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown>;
+    placement: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown>;
+    popperClass: string;
+    teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    size: string;
     popperOptions: Partial<import('element-plus').Options>;
+    trigger: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown>;
     splitButton: boolean;
     hideOnClick: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     loop: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -117,9 +120,6 @@ declare const _default: import('vue').DefineComponent<{
     hideTimeout: number;
     tabindex: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     maxHeight: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    popperClass: string;
-    disabled: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     role: string;
-    teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -14,7 +14,7 @@ export declare const dropdownProps: {
     menuStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";
         readonly type: PropType<string>;
@@ -23,12 +23,12 @@ export declare const dropdownProps: {
         readonly __epPropKey: true;
     };
     type: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>) | ((new (...args: any[]) => "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text") | (() => import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "default" | "primary" | "danger" | "text", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
     popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
     size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/es/ele-dropdown/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-dropdown/style/index.js

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/dropdown/style/index';
-import 'element-plus/es/components/dropdown-menu/style/index';
-import 'element-plus/es/components/dropdown-item/style/index';
-import 'element-plus/es/components/icon/style/index';
-import '../../ele-popover/style/index';
-import './index.scss';
+import "element-plus/es/components/dropdown/style/index";
+import "element-plus/es/components/dropdown-menu/style/index";
+import "element-plus/es/components/dropdown-item/style/index";
+import "element-plus/es/components/icon/style/index";
+import "../../ele-popover/style/index";
+import "./index.scss";

package/es/ele-dropdown/style/index.scss

@@ -34,7 +34,7 @@
     font-size: eleVar('dropdown', 'item-font-size');
     padding: eleVar('dropdown', 'item-padding');
     border-radius: eleVar('dropdown', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
 
     & + .el-dropdown-menu__item {
       margin-top: eleVar('dropdown', 'item-margin');

package/es/ele-edit-tag/index.d.ts

@@ -1,36 +1,37 @@
-import { ElInputInstance } from '../ele-app/el';
+import { ElTagInstance, ElInputInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: import('vue').PropType<string[]>;
     type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "plain" | "light" | "dark", unknown> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined>;
+    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown> | undefined>;
     round: BooleanConstructor;
-    placeholder: StringConstructor; /** 输入框 */
+    placeholder: StringConstructor;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputTagStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** 输入框的值 */
     buttonStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     validator: import('vue').PropType<import('./types').Validator>;
     beforeRemove: import('vue').PropType<import('./types').BeforeRemove>;
     tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    readonly: BooleanConstructor;
+    readonly: BooleanConstructor; /** 页面是否失活 */
     disabled: BooleanConstructor;
 }, {
+    inputTagRef: import('vue').Ref<ElTagInstance>;
     inputRef: import('vue').Ref<ElInputInstance>;
     isEdit: import('vue').Ref<boolean>;
     inputValue: import('vue').Ref<string>;
     errorMessage: import('vue').Ref<string>;
     loading: import('vue').Ref<boolean>;
     tooltipVisible: import('vue').Ref<boolean>;
-    onAddClick: () => void;
-    onTagClose: (index: number) => void;
-    onInputChange: () => void;
-    onInputBlur: () => void;
-    onInputFocus: () => void;
+    updateInputValue: (value: string) => void;
+    handleAddClick: () => void;
+    handleTagClose: (index: number) => void;
+    handleInputChange: () => void;
+    handleInputBlur: () => void;
+    handleInputFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value?: string[] | undefined) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -38,26 +39,25 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "plain" | "light" | "dark", unknown> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined>;
+    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown> | undefined>;
     round: BooleanConstructor;
-    placeholder: StringConstructor; /** 输入框 */
+    placeholder: StringConstructor;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputTagStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** 输入框的值 */
     buttonStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     validator: import('vue').PropType<import('./types').Validator>;
     beforeRemove: import('vue').PropType<import('./types').BeforeRemove>;
     tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    readonly: BooleanConstructor;
+    readonly: BooleanConstructor; /** 页面是否失活 */
     disabled: BooleanConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    round: boolean;
     readonly: boolean;
+    round: boolean;
     hit: boolean;
 }, {}>;
 export default _default;