ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.3

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

@@ -3,10 +3,11 @@ import { EleTooltipProps } from '../ele-app/plus';
 declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     disabled: BooleanConstructor;
+    clickHideTooltip: BooleanConstructor;
 }, {
     handleClick: (e: MouseEvent) => void;
     handleMouseover: (e: MouseEvent) => void;
@@ -17,14 +18,16 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
     placement: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     disabled: BooleanConstructor;
+    clickHideTooltip: BooleanConstructor;
 }>> & {
     onClick?: ((_e: MouseEvent) => any) | undefined;
 }, {
     placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     disabled: boolean;
+    clickHideTooltip: boolean;
 }, {}>;
 export default _default;

package/es/ele-tool/index.js

@@ -1,5 +1,4 @@
 import { defineComponent, inject, watch, openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
-import { useTimer } from "../utils/hook";
 import { TOOLBAR_KEY } from "../ele-toolbar/props";
 import { toolProps, toolEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -8,7 +7,6 @@ const _sfc_main = defineComponent({
   emits: toolEmits,
   setup(props, { emit }) {
     const toolbarProvide = inject(TOOLBAR_KEY, {});
-    const [startHideTipTimer, stopHideTipTimer] = useTimer(200);
     const showTooltip = (text, el, options) => {
       if (toolbarProvide.showTooltip) {
         toolbarProvide.showTooltip(text, el, options);
@@ -18,14 +16,13 @@ const _sfc_main = defineComponent({
       toolbarProvide.hideTooltip && toolbarProvide.hideTooltip();
     };
     const handleClick = (e) => {
-      startHideTipTimer(() => {
+      if (props.clickHideTooltip) {
         hideTooltip();
-      });
+      }
       emit("click", e);
     };
     const handleMouseover = (e) => {
       if (props.title && !props.disabled) {
-        stopHideTipTimer();
         showTooltip(props.title, e.currentTarget, {
           placement: props.placement,
           offset: 10

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { EleTooltipProps } from '../ele-app/plus';
 
 /**
  * 属性
@@ -8,11 +9,13 @@ export declare const toolProps: {
     title: StringConstructor;
     /** 提示方向 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 是否禁用提示 */
     disabled: BooleanConstructor;
+    /** 是否点击时关闭提示 */
+    clickHideTooltip: BooleanConstructor;
 };
 export type ToolProps = ExtractPropTypes<typeof toolProps>;
 /**

package/es/ele-tool/props.js

@@ -7,7 +7,9 @@ const toolProps = {
     default: "top"
   },
   /** 是否禁用提示 */
-  disabled: Boolean
+  disabled: Boolean,
+  /** 是否点击时关闭提示 */
+  clickHideTooltip: Boolean
 };
 const toolEmits = {
   /** 点击事件 */

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

@@ -32,6 +32,19 @@
     line-height: inherit;
     position: static;
   }
+
+  .el-tooltip__trigger {
+    position: static;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
 }
 
 .ele-toolbar .ele-tool {

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

@@ -7,9 +7,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('./types').ToolbarTheme>;
         default: string;
     };
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    toolsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    toolsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleProps: import('vue').PropType<import('../ele-app/plus').EleTextProps>;
     subtitleProps: import('vue').PropType<import('../ele-app/plus').EleTextProps>;
 }, {
@@ -28,18 +28,18 @@ declare const _default: import('vue').DefineComponent<{
                 name?: any;
                 enabled?: boolean | undefined;
                 phase?: import('@popperjs/core').ModifierPhases | undefined;
-                requires?: string[] | undefined;
-                requiresIfExists?: string[] | undefined;
-                fn?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => void | import('@popperjs/core').State) | undefined;
-                effect?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => void | (() => void)) | undefined;
+                requires?: Array<string>;
+                requiresIfExists?: Array<string>;
+                fn?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => import('@popperjs/core').State | void) | undefined;
+                effect?: ((arg0: import('@popperjs/core').ModifierArguments<any>) => (() => void) | void) | undefined;
                 options?: Partial<any> | undefined;
-                data?: import('@popperjs/core').Obj | undefined;
+                data?: import('@popperjs/core').Obj;
             }[] | undefined;
             strategy?: import('@popperjs/core').PositioningStrategy | undefined;
-            onFirstUpdate?: ((arg0: Partial<import('@popperjs/core').State>) => void) | undefined;
+            onFirstUpdate?: (arg0: Partial<import('@popperjs/core').State>) => void;
         } | undefined;
-        visible?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown> | undefined;
-        trigger?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown> | undefined;
+        visible?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown> | undefined;
+        trigger?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown> | undefined;
         triggerKeys?: string[] | undefined;
         content?: string | undefined;
         enterable?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
@@ -433,7 +433,7 @@ declare const _default: import('vue').DefineComponent<{
             writingMode?: import("csstype").Property.WritingMode | undefined;
             zIndex?: import("csstype").Property.ZIndex | undefined;
             zoom?: import("csstype").Property.Zoom | undefined;
-            all?: import('csstype').Globals | undefined;
+            all?: import("csstype").Property.All | undefined;
             animation?: import("csstype").Property.Animation<string & {}> | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
             background?: import("csstype").Property.Background<string | number> | undefined;
@@ -1650,7 +1650,7 @@ declare const _default: import('vue').DefineComponent<{
             "text-anchor"?: import("csstype").Property.TextAnchor | undefined;
             "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
         } | undefined;
-        appendTo?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown> | undefined;
+        appendTo?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown> | undefined;
         width?: string | number | undefined;
         zIndex?: number | undefined;
         transition?: string | undefined;
@@ -2031,7 +2031,7 @@ declare const _default: import('vue').DefineComponent<{
             writingMode?: import("csstype").Property.WritingMode | undefined;
             zIndex?: import("csstype").Property.ZIndex | undefined;
             zoom?: import("csstype").Property.Zoom | undefined;
-            all?: import('csstype').Globals | undefined;
+            all?: import("csstype").Property.All | undefined;
             animation?: import("csstype").Property.Animation<string & {}> | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
             background?: import("csstype").Property.Background<string | number> | undefined;
@@ -3263,9 +3263,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('./types').ToolbarTheme>;
         default: string;
     };
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    toolsStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    toolsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleProps: import('vue').PropType<import('../ele-app/plus').EleTextProps>;
     subtitleProps: import('vue').PropType<import('../ele-app/plus').EleTextProps>;
 }>>, {

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleTextProps } from '../ele-app/plus';
 import { ToolbarTheme, ToolbarProvide } from './types';
 
@@ -16,11 +17,11 @@ export declare const toolbarProps: {
         default: string;
     };
     /** 标题区样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 按钮区样式 */
-    toolsStyle: PropType<Partial<import('vue').CSSProperties>>;
+    toolsStyle: PropType<StyleValue>;
     /** 标题组件属性 */
     titleProps: PropType<EleTextProps>;
     /** 二级标题组件属性 */

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

@@ -1,7 +1,8 @@
+import { StyleValue } from '../ele-app/types';
 import { ElTooltipInstance, ElPopperInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<StyleValue>;
     bg: StringConstructor;
     arrowBg: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
@@ -14,14 +15,14 @@ declare const _default: import('vue').DefineComponent<{
     offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 12, 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>;
     appendTo: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (... /** 打开事件 */args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: NumberConstructor;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, 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>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     transition: StringConstructor;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -43,7 +44,7 @@ declare const _default: import('vue').DefineComponent<{
     rawContent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     className: StringConstructor;
     popperClass: StringConstructor;
-    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    popperStyle: import('vue').PropType<StyleValue>;
 }, {
     tooltipRef: import('vue').Ref<ElTooltipInstance | undefined>;
     rootProps: import('vue').ComputedRef<Partial<import('element-plus').ElTooltipProps>>;
@@ -62,7 +63,7 @@ declare const _default: import('vue').DefineComponent<{
     handlePopOpen: (e: any) => void;
     handlePopClose: (e: any) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('./props').TooltipEmits, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<StyleValue>;
     bg: StringConstructor;
     arrowBg: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
@@ -75,14 +76,14 @@ declare const _default: import('vue').DefineComponent<{
     offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 12, 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>;
     appendTo: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (... /** 打开事件 */args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     zIndex: NumberConstructor;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, 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>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     transition: StringConstructor;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -104,7 +105,7 @@ declare const _default: import('vue').DefineComponent<{
     rawContent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     className: StringConstructor;
     popperClass: StringConstructor;
-    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    popperStyle: import('vue').PropType<StyleValue>;
 }>> & {
     onHide?: ((e: Event) => any) | undefined;
     onClose?: ((e: any) => any) | undefined;
@@ -120,8 +121,8 @@ declare const _default: import('vue').DefineComponent<{
     disabled: boolean;
     offset: number;
     popperOptions: Partial<import('element-plus').Options>;
-    visible: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown>;
-    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>;
+    visible: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown>;
+    trigger: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown>;
     triggerKeys: string[];
     content: string;
     enterable: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -1,11 +1,12 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
  */
 export declare const tooltipProps: {
     /** 自定义内容样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 自定义背景色 */
     bg: StringConstructor;
     /** 自定义箭头颜色 */
@@ -17,10 +18,10 @@ export declare const tooltipProps: {
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
     disabled: BooleanConstructor;
-    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[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     virtualRef: {
-        readonly type: PropType<import('element-plus').Measurable>;
+        readonly type: import('vue').PropType<import('element-plus').Measurable>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -28,7 +29,7 @@ export declare const tooltipProps: {
     virtualTriggering: BooleanConstructor;
     ariaLabel: StringConstructor;
     appendTo: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -36,7 +37,7 @@ export declare const tooltipProps: {
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     rawContent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     persistent: BooleanConstructor;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     transition: StringConstructor;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     effect: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
@@ -51,7 +52,7 @@ export declare const tooltipProps: {
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     className: StringConstructor;
     popperClass: StringConstructor;
-    popperStyle: PropType<Partial<import('vue').CSSProperties>>;
+    popperStyle: PropType<StyleValue>;
 };
 export type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
 /**

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

@@ -32,7 +32,7 @@ declare const _default: import('vue').DefineComponent<{
     handleNext: () => void;
     handleFinish: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: number | null | undefined) => boolean;
+    'update:modelValue': (_value?: number | null) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: NumberConstructor;
     steps: {

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

@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    cacheData: import('vue').PropType<import('element-plus/es/components/tree-v2/src/types').TreeData | undefined>;
+    cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
     treeProps: {
         type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
         required: boolean;
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -37,19 +37,19 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     placement: {
-        /** 下拉框类名 */
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
         type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>; /** 树配置选项 */
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     selectRef: import('vue').Ref<EleBasicSelectInstance>;
     treeRef: import('vue').Ref<ElTreeV2Instance>;
@@ -57,8 +57,8 @@ declare const _default: import('vue').DefineComponent<{
     selectedItems: import('vue').Ref<{
         label: string;
         value: SingleValue;
-        hide?: boolean | undefined;
-        index?: number | undefined;
+        hide?: boolean;
+        index?: number;
     }[]>;
     selectedLabel: import('vue').ComputedRef<string>;
     selectPopperClass: import('vue').ComputedRef<string>;
@@ -90,10 +90,10 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    cacheData: import('vue').PropType<import('element-plus/es/components/tree-v2/src/types').TreeData | undefined>;
+    cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
     treeProps: {
         type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
         required: boolean;
@@ -103,7 +103,7 @@ declare const _default: import('vue').DefineComponent<{
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -117,19 +117,19 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     placement: {
-        /** 下拉框类名 */
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
     transition: {
         type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>; /** 树配置选项 */
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>> & {
     onChange?: ((_value: SelectValue) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComp
 import { ElTreeV2 } from "element-plus";
 import { findTree } from "../utils/core";
 import EleBasicSelect from "../ele-basic-select/index";
-import { isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
+import { useFormValidate, isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import { getModelValue, getNormalSelectedItems, checkSelectedItems, getTreeSelectedItems, isCheckAll } from "./util";
 import { treeSelectProps, treeSelectEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -11,6 +11,7 @@ const _sfc_main = defineComponent({
   props: treeSelectProps,
   emits: treeSelectEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const selectRef = ref(null);
     const treeRef = ref(null);
     const selectVisible = ref(false);
@@ -142,6 +143,7 @@ const _sfc_main = defineComponent({
     const updateModelValue = (modelValue) => {
       if (valueIsChanged(modelValue, props.modelValue, props.multiple)) {
         emit("update:modelValue", modelValue);
+        validateChange();
         emit("change", modelValue);
       }
     };
@@ -398,6 +400,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     popperClass: _ctx.selectPopperClass,
     selectStyle: _ctx.selectStyle,
     inputStyle: _ctx.inputStyle,
+    selectTagsStyle: _ctx.selectTagsStyle,
     selectedLabel: _ctx.selectedLabel,
     selected: _ctx.selectedItems.filter((d) => !d.hide),
     visible: _ctx.selectVisible,
@@ -449,7 +452,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
+  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-tree-select/props.d.ts

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElTreeV2Props } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElTagProps, ElTreeV2Props } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { SelectValue, SingleValue } from '../ele-basic-select/types';
 import { ShowCheckedStrategy } from './types';
 
@@ -17,13 +19,13 @@ export declare const treeSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
     placeholder: StringConstructor;
     /** 缓存数据 */
-    cacheData: PropType<import('element-plus/es/components/tree-v2/src/types').TreeData | undefined>;
+    cacheData: PropType<ElTreeV2Props["data"]>;
     /** 树配置 */
     treeProps: {
         type: PropType<ElTreeV2Props>;
@@ -39,7 +41,7 @@ export declare const treeSelectProps: {
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
     tagType: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+        type: PropType<ElTagProps["type"]>;
         default: string;
     };
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
@@ -58,7 +60,7 @@ export declare const treeSelectProps: {
     };
     /** 下拉框位置 */
     placement: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+        type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
     /** 下拉框渐变动画 */
@@ -67,15 +69,17 @@ export declare const treeSelectProps: {
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义输入框样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
 };
 export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 /**

package/es/ele-tree-select/props.js

@@ -69,7 +69,9 @@ const treeSelectProps = {
   /** 自定义样式 */
   selectStyle: Object,
   /** 自定义输入框样式 */
-  inputStyle: Object
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object
 };
 const treeSelectEmits = {
   /** 更新选中值 */