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

package/es/ele-toolbar/index.js

@@ -1,10 +1,38 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { defineComponent, ref, shallowReactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode } from "vue";
+import EleTooltip from "../ele-tooltip/index";
 import EleText from "../ele-text/index";
-import { toolbarProps } from "./props";
+import { toolbarProps, TOOLBAR_KEY } from "./props";
 const _sfc_main = defineComponent({
   name: "EleToolbar",
-  components: { EleText },
-  props: toolbarProps
+  components: { EleTooltip, EleText },
+  props: toolbarProps,
+  setup() {
+    const tooltipRef = ref(null);
+    const virtualRef = ref();
+    const tooltipContent = ref("");
+    const tooltipProps = ref({});
+    const showTooltip = (text, el, options) => {
+      virtualRef.value = el;
+      tooltipContent.value = text ?? "";
+      tooltipProps.value = options || {};
+    };
+    const hideTooltip = () => {
+      tooltipRef.value && tooltipRef.value.hide();
+    };
+    const toolbarProvide = shallowReactive({
+      showTooltip,
+      hideTooltip
+    });
+    provide(TOOLBAR_KEY, toolbarProvide);
+    return {
+      tooltipRef,
+      virtualRef,
+      tooltipContent,
+      tooltipProps,
+      showTooltip,
+      hideTooltip
+    };
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -15,6 +43,7 @@ const _export_sfc = (sfc, props) => {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleText = resolveComponent("EleText");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-toolbar",
@@ -57,7 +86,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.toolsStyle)
     }, [
       renderSlot(_ctx.$slots, "tools")
-    ], 4)
+    ], 4),
+    createVNode(_component_EleTooltip, mergeProps({
+      trigger: "hover",
+      placement: "top",
+      persistent: false,
+      content: _ctx.tooltipContent
+    }, _ctx.tooltipProps || {}, {
+      virtualTriggering: true,
+      virtualRef: _ctx.virtualRef,
+      ref: "tooltipRef"
+    }), null, 16, ["content", "virtualRef"])
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/es/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/es/ele-toolbar/props.js

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

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

@@ -1,2 +1,3 @@
+import "../../ele-tooltip/style/index";
 import "../../ele-text/style/index";
 import "./index.scss";

package/es/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/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>>;
@@ -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/es/ele-tooltip/index.js

@@ -76,34 +76,34 @@ const _sfc_main = 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 {
@@ -113,16 +113,16 @@ const _sfc_main = defineComponent({
       contentRef,
       isFocusInsideContent,
       updatePopper,
-      onOpen,
-      onClose,
+      handleOpen,
+      handleClose,
       hide,
-      onUpdateVisible,
-      onPopBeforeShow,
-      onPopBeforeHide,
-      onPopShow,
-      onPopHide,
-      onPopOpen,
-      onPopClose
+      handleUpdateVisible,
+      handlePopBeforeShow,
+      handlePopBeforeHide,
+      handlePopShow,
+      handlePopHide,
+      handlePopOpen,
+      handlePopClose
     };
   }
 });
@@ -138,13 +138,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTooltip = resolveComponent("ElTooltip");
   return openBlock(), createBlock(_component_ElTooltip, 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: withCtx(() => [
       renderSlot(_ctx.$slots, "body", {}, () => [

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

@@ -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/es/ele-tour/index.js

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

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>;
@@ -66,15 +66,15 @@ declare const _default: import('vue').DefineComponent<{
     updatePopover: () => void;
     treeFilter: (keywords: string, item: DataItem) => any;
     updateVisible: (visible: boolean) => void;
-    onSelectFilter: (keywords: string) => void;
-    onSelectRemove: (item: SelectedItem) => void;
-    onSelectClear: () => void;
-    onSelectFocus: (e: FocusEvent) => void;
-    onSelectBlur: (e: FocusEvent) => void;
-    onTreeClick: (item: DataItem, _node: any, e: MouseEvent) => void;
-    onTreeCheck: () => void;
-    onTreeExpand: () => void;
-    onTreeCollapse: () => void;
+    handleSelectFilter: (keywords: string) => void;
+    handleSelectRemove: (item: SelectedItem) => void;
+    handleSelectClear: () => void;
+    handleSelectFocus: (e: FocusEvent) => void;
+    handleSelectBlur: (e: FocusEvent) => void;
+    handleTreeClick: (item: DataItem, _node: any, e: MouseEvent) => void;
+    handleTreeCheck: () => void;
+    handleTreeExpand: () => void;
+    handleTreeCollapse: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: SelectValue) => boolean;
     change: (_value: SelectValue) => boolean;
@@ -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;