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

package/lib/ele-toolbar/props.cjs

@@ -21,4 +21,6 @@ const toolbarProps = {
   /** 二级标题组件属性 */
   subtitleProps: Object
 };
+const TOOLBAR_KEY = Symbol("toolbar");
+exports.TOOLBAR_KEY = TOOLBAR_KEY;
 exports.toolbarProps = toolbarProps;

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

@@ -1,6 +1,7 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleTextProps } from '../ele-app/plus';
-import { ToolbarTheme } from './types';
+import { ToolbarTheme, ToolbarProvide } from './types';
 
 /**
  * 属性
@@ -16,14 +17,18 @@ 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>;
     /** 二级标题组件属性 */
     subtitleProps: PropType<EleTextProps>;
 };
 export type ToolbarProps = ExtractPropTypes<typeof toolbarProps>;
+/**
+ * 共享数据key
+ */
+export declare const TOOLBAR_KEY: InjectionKey<ToolbarProvide>;

package/lib/ele-toolbar/style/index.cjs

@@ -1,3 +1,4 @@
 "use strict";
+require("../../ele-tooltip/style/index");
 require("../../ele-text/style/index");
 require("./index.scss");

package/lib/ele-toolbar/types.d.ts

@@ -1,4 +1,19 @@
+import type { EleTooltipProps } from '../ele-app/plus';
 /**
  * 工具栏主题
  */
 export type ToolbarTheme = 'default' | 'plain';
+
+/**
+ * 共享数据
+ */
+export interface ToolbarProvide {
+  /** 显示提示 */
+  showTooltip?: (
+    text?: string,
+    el?: HTMLElement,
+    options?: EleTooltipProps
+  ) => void;
+  /** 关闭提示 */
+  hideTooltip?: () => void;
+}

package/lib/ele-tooltip/index.cjs

@@ -77,34 +77,34 @@ const _sfc_main = vue.defineComponent({
     const updatePopper = () => {
       tooltipRef.value && tooltipRef.value.updatePopper();
     };
-    const onOpen = (opt) => {
+    const handleOpen = (opt) => {
       tooltipRef.value && tooltipRef.value.onOpen(opt);
     };
-    const onClose = (opt) => {
+    const handleClose = (opt) => {
       tooltipRef.value && tooltipRef.value.onClose(opt);
     };
     const hide = (opt) => {
       tooltipRef.value && tooltipRef.value.hide(opt);
     };
-    const onUpdateVisible = (visible) => {
+    const handleUpdateVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const onPopBeforeShow = (e) => {
+    const handlePopBeforeShow = (e) => {
       emit("before-show", e);
     };
-    const onPopBeforeHide = (e) => {
+    const handlePopBeforeHide = (e) => {
       emit("before-hide", e);
     };
-    const onPopShow = (e) => {
+    const handlePopShow = (e) => {
       emit("show", e);
     };
-    const onPopHide = (e) => {
+    const handlePopHide = (e) => {
       emit("hide", e);
     };
-    const onPopOpen = (e) => {
+    const handlePopOpen = (e) => {
       emit("open", e);
     };
-    const onPopClose = (e) => {
+    const handlePopClose = (e) => {
       emit("close", e);
     };
     return {
@@ -114,16 +114,16 @@ const _sfc_main = vue.defineComponent({
       contentRef,
       isFocusInsideContent,
       updatePopper,
-      onOpen,
-      onClose,
+      handleOpen,
+      handleClose,
       hide,
-      onUpdateVisible,
-      onPopBeforeShow,
-      onPopBeforeHide,
-      onPopShow,
-      onPopHide,
-      onPopOpen,
-      onPopClose
+      handleUpdateVisible,
+      handlePopBeforeShow,
+      handlePopBeforeHide,
+      handlePopShow,
+      handlePopHide,
+      handlePopOpen,
+      handlePopClose
     };
   }
 });
@@ -139,13 +139,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTooltip = vue.resolveComponent("ElTooltip");
   return vue.openBlock(), vue.createBlock(_component_ElTooltip, vue.mergeProps(_ctx.rootProps, {
     ref: "tooltipRef",
-    "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeShow: _ctx.onPopBeforeShow,
-    onBeforeHide: _ctx.onPopBeforeHide,
-    onShow: _ctx.onPopShow,
-    onHide: _ctx.onPopHide,
-    onOpen: _ctx.onPopOpen,
-    onClose: _ctx.onPopClose
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeShow,
+    onBeforeHide: _ctx.handlePopBeforeHide,
+    onShow: _ctx.handlePopShow,
+    onHide: _ctx.handlePopHide,
+    onOpen: _ctx.handlePopOpen,
+    onClose: _ctx.handlePopClose
   }), {
     content: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "body", {}, () => [

package/lib/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>>;
@@ -51,18 +52,18 @@ declare const _default: import('vue').DefineComponent<{
     contentRef: import('vue').ComputedRef<any>;
     isFocusInsideContent: () => void;
     updatePopper: () => void;
-    onOpen: (opt?: Event) => void;
-    onClose: (opt?: Event) => void;
+    handleOpen: (opt?: Event) => void;
+    handleClose: (opt?: Event) => void;
     hide: (opt?: Event) => void;
-    onUpdateVisible: (visible: boolean) => void;
-    onPopBeforeShow: (e: Event) => void;
-    onPopBeforeHide: (e: Event) => void;
-    onPopShow: (e: Event) => void;
-    onPopHide: (e: Event) => void;
-    onPopOpen: (e: any) => void;
-    onPopClose: (e: any) => void;
+    handleUpdateVisible: (visible: boolean) => void;
+    handlePopBeforeShow: (e: Event) => void;
+    handlePopBeforeHide: (e: Event) => void;
+    handlePopShow: (e: Event) => void;
+    handlePopHide: (e: Event) => void;
+    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/lib/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/lib/ele-tour/index.cjs

@@ -69,17 +69,17 @@ const _sfc_main = vue.defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
-    const onPrev = () => {
+    const handlePrev = () => {
       if (props2.modelValue != null && props2.steps != null && props2.steps.length && props2.modelValue > 0) {
         updateModelValue(props2.modelValue - 1);
       }
     };
-    const onNext = () => {
+    const handleNext = () => {
       if (props2.modelValue != null && props2.steps != null && props2.steps.length && props2.modelValue < props2.steps.length - 1) {
         updateModelValue(props2.modelValue + 1);
       }
     };
-    const onFinish = () => {
+    const handleFinish = () => {
       updateModelValue(null);
     };
     const updatePopper = () => {
@@ -104,9 +104,9 @@ const _sfc_main = vue.defineComponent({
       isLast,
       boxStyle,
       showMask,
-      onPrev,
-      onNext,
-      onFinish
+      handlePrev,
+      handleNext,
+      handleFinish
     };
   }
 });
@@ -182,7 +182,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     !_ctx.isLast ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
                       key: 0,
                       size: "small",
-                      onClick: _ctx.onFinish
+                      onClick: _ctx.handleFinish
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(_ctx.lang.skip), 1)
@@ -192,7 +192,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     _ctx.modelValue !== 0 ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
                       key: 1,
                       size: "small",
-                      onClick: _ctx.onPrev
+                      onClick: _ctx.handlePrev
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(_ctx.lang.prev), 1)
@@ -203,7 +203,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 2,
                       size: "small",
                       type: "primary",
-                      onClick: _ctx.onNext
+                      onClick: _ctx.handleNext
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(_ctx.lang.next), 1)
@@ -214,7 +214,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 3,
                       size: "small",
                       type: "primary",
-                      onClick: _ctx.onFinish
+                      onClick: _ctx.handleFinish
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(_ctx.lang.finish), 1)

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

@@ -28,11 +28,11 @@ declare const _default: import('vue').DefineComponent<{
     isLast: Ref<boolean>;
     boxStyle: Ref<Partial<import('vue').CSSProperties>>;
     showMask: Ref<boolean>;
-    onPrev: () => void;
-    onNext: () => void;
-    onFinish: () => void;
+    handlePrev: () => void;
+    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/lib/ele-tree-select/index.cjs

@@ -12,6 +12,7 @@ const _sfc_main = vue.defineComponent({
   props: props.treeSelectProps,
   emits: props.treeSelectEmits,
   setup(props2, { emit }) {
+    const { validateChange } = util.useFormValidate();
     const selectRef = vue.ref(null);
     const treeRef = vue.ref(null);
     const selectVisible = vue.ref(false);
@@ -134,7 +135,7 @@ const _sfc_main = vue.defineComponent({
       const label = item[treeOptions.value.label];
       return label != null && label.includes(keywords);
     };
-    const onSelectFilter = (keywords) => {
+    const handleSelectFilter = (keywords) => {
       treeRef.value && treeRef.value.filter(keywords);
     };
     const focusSearchInput = () => {
@@ -143,19 +144,20 @@ const _sfc_main = vue.defineComponent({
     const updateModelValue = (modelValue) => {
       if (util.valueIsChanged(modelValue, props2.modelValue, props2.multiple)) {
         emit("update:modelValue", modelValue);
+        validateChange();
         emit("change", modelValue);
       }
     };
     const updateVisible = (visible) => {
       if (visible) {
-        onSelectFilter("");
+        handleSelectFilter("");
       }
       if (selectVisible.value !== visible) {
         selectVisible.value = visible;
         emit("visibleChange", visible);
       }
     };
-    const onSelectRemove = (item) => {
+    const handleSelectRemove = (item) => {
       treeRef.value && treeRef.value.setChecked(item.value, false);
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
@@ -164,18 +166,18 @@ const _sfc_main = vue.defineComponent({
       );
       emit("removeTag", item.value);
     };
-    const onSelectClear = () => {
+    const handleSelectClear = () => {
       updateModelValue(props2.multiple ? [] : null);
       updateVisible(false);
       emit("clear");
     };
-    const onSelectFocus = (e) => {
+    const handleSelectFocus = (e) => {
       emit("focus", e);
     };
-    const onSelectBlur = (e) => {
+    const handleSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onTreeClick = (item, _node, e) => {
+    const handleTreeClick = (item, _node, e) => {
       var _a, _b, _c;
       e.stopPropagation();
       const valueKey = treeOptions.value.value;
@@ -241,7 +243,7 @@ const _sfc_main = vue.defineComponent({
         );
       }
     };
-    const onTreeCheck = () => {
+    const handleTreeCheck = () => {
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
       updateModelValue(
@@ -249,10 +251,10 @@ const _sfc_main = vue.defineComponent({
       );
       focusSearchInput();
     };
-    const onTreeExpand = () => {
+    const handleTreeExpand = () => {
       focusSearchInput();
     };
-    const onTreeCollapse = () => {
+    const handleTreeCollapse = () => {
       focusSearchInput();
     };
     vue.watch(
@@ -354,15 +356,15 @@ const _sfc_main = vue.defineComponent({
       updatePopover,
       treeFilter,
       updateVisible,
-      onSelectFilter,
-      onSelectRemove,
-      onSelectClear,
-      onSelectFocus,
-      onSelectBlur,
-      onTreeClick,
-      onTreeCheck,
-      onTreeExpand,
-      onTreeCollapse
+      handleSelectFilter,
+      handleSelectRemove,
+      handleSelectClear,
+      handleSelectFocus,
+      handleSelectBlur,
+      handleTreeClick,
+      handleTreeCheck,
+      handleTreeExpand,
+      handleTreeCollapse
     };
   }
 });
@@ -399,15 +401,16 @@ 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,
     "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.onSelectFilter,
-    onRemoveTag: _ctx.onSelectRemove,
-    onClear: _ctx.onSelectClear,
-    onFocus: _ctx.onSelectFocus,
-    onBlur: _ctx.onSelectBlur
+    onFilterChange: _ctx.handleSelectFilter,
+    onRemoveTag: _ctx.handleSelectRemove,
+    onClear: _ctx.handleSelectClear,
+    onFocus: _ctx.handleSelectFocus,
+    onBlur: _ctx.handleSelectBlur
   }, vue.createSlots({
     default: vue.withCtx(() => [
       vue.createVNode(_component_ElTreeV2, vue.mergeProps({
@@ -420,10 +423,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         showCheckbox: !!_ctx.multiple,
         checkOnClickNode: false,
         defaultCheckedKeys: _ctx.multiple ? _ctx.modelValue : void 0,
-        onCheck: _ctx.onTreeCheck,
-        onNodeClick: _ctx.onTreeClick,
-        onNodeExpand: _ctx.onTreeExpand,
-        onNodeCollapse: _ctx.onTreeCollapse
+        onCheck: _ctx.handleTreeCheck,
+        onNodeClick: _ctx.handleTreeClick,
+        onNodeExpand: _ctx.handleTreeExpand,
+        onNodeCollapse: _ctx.handleTreeCollapse
       }), {
         default: vue.withCtx((slotProps) => [
           vue.createElementVNode("span", {
@@ -450,7 +453,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]]);
 module.exports = index;