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

package/lib/ele-icon-select/components/icon-grid.d.ts

@@ -56,7 +56,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {
-    popperVisible: boolean;
     tooltip: boolean;
+    popperVisible: boolean;
 }, {}>;
 export default _default;

package/lib/ele-icon-select/index.d.ts

@@ -158,8 +158,8 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>> & {
-    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
@@ -169,9 +169,9 @@ declare const _default: import('vue').DefineComponent<{
     teleported: boolean;
     clearable: boolean;
     disabled: boolean;
+    persistent: boolean;
     tooltip: boolean;
     transition: string;
-    persistent: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;

package/lib/ele-image-viewer/index.cjs

@@ -0,0 +1,87 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleImageViewer",
+  components: { ElImageViewer: elementPlus.ElImageViewer },
+  props: props.imageViewerProps,
+  emits: props.imageViewerEmits,
+  setup(props2, { emit }) {
+    const imageViewerRef = vue.ref(null);
+    const viewerProps = vue.computed(() => {
+      const options = core.omit(props2, [
+        "modelValue",
+        "customClass",
+        "customStyle",
+        "transitionName",
+        "keepAlive"
+      ]);
+      options.teleported = false;
+      return options;
+    });
+    const handleClose = () => {
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    const handleSwitch = (index2) => {
+      emit("switch", index2);
+    };
+    const handleRotate = (deg) => {
+      emit("rotate", deg);
+    };
+    vue.onDeactivated(() => {
+      handleClose();
+    });
+    return {
+      imageViewerRef,
+      viewerProps,
+      handleClose,
+      handleSwitch,
+      handleRotate
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElImageViewer = vue.resolveComponent("ElImageViewer");
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: "body",
+    disabled: !_ctx.teleported
+  }, [
+    vue.createVNode(vue.Transition, {
+      name: _ctx.transitionName,
+      appear: true
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.modelValue ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["ele-image-viewer", _ctx.customClass]),
+          style: vue.normalizeStyle(_ctx.customStyle)
+        }, [
+          vue.createVNode(_component_ElImageViewer, vue.mergeProps(_ctx.viewerProps, {
+            ref: "imageViewerRef",
+            onClose: _ctx.handleClose,
+            onSwitch: _ctx.handleSwitch,
+            onRotate: _ctx.handleRotate
+          }), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["onClose", "onSwitch", "onRotate"])
+        ], 6)) : vue.createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["name"])
+  ], 8, ["disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-image-viewer/index.d.ts

@@ -0,0 +1,120 @@
+import { ElImageViewerInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: BooleanConstructor;
+    customClass: StringConstructor;
+    customStyle: ObjectConstructor;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    imageViewerRef: import('vue').Ref<ElImageViewerInstance>;
+    viewerProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<{
+        readonly modelValue: boolean;
+        readonly teleported: boolean;
+        readonly closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly hideOnClickModal: boolean;
+        readonly initialIndex: number;
+        readonly infinite: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly zoomRate: number;
+        readonly minScale: number;
+        readonly maxScale: number;
+        readonly urlList: string[];
+        readonly transitionName: string;
+        readonly keepAlive: boolean;
+        readonly zIndex?: number | undefined;
+        readonly crossorigin?: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown> | undefined;
+        readonly customClass?: string | undefined;
+        readonly customStyle?: Record<string, any> | undefined;
+        readonly "onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
+        readonly onClose?: (() => any) | undefined;
+        readonly onSwitch?: ((_index: number) => any) | undefined;
+        readonly onRotate?: ((_deg: number) => any) | undefined;
+    } & {}>, "modelValue" | "customClass" | "customStyle" | "transitionName" | "keepAlive">>>;
+    handleClose: () => void;
+    handleSwitch: (index: number) => void;
+    handleRotate: (deg: number) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_value?: boolean) => boolean;
+    close: () => boolean;
+    switch: (_index: number) => boolean;
+    rotate: (_deg: number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: BooleanConstructor;
+    customClass: StringConstructor;
+    customStyle: ObjectConstructor;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((_index: number) => any) | undefined;
+    onRotate?: ((_deg: number) => any) | undefined;
+}, {
+    modelValue: boolean;
+    teleported: boolean;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: boolean;
+    initialIndex: number;
+    infinite: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+    urlList: string[];
+    transitionName: string;
+    keepAlive: boolean;
+}, {}>;
+export default _default;

package/lib/ele-image-viewer/props.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const imageViewerProps = {
+  ...elementPlus.imageViewerProps,
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否打开 */
+  modelValue: Boolean,
+  /** 自定义类名 */
+  customClass: String,
+  /** 自定义样式 */
+  customStyle: Object,
+  /** 过渡动画名称 */
+  transitionName: {
+    type: String,
+    default: "ele-image-viewer-fade"
+  },
+  /** 是否失活后仍然显示 */
+  keepAlive: Boolean
+};
+const imageViewerEmits = {
+  /** 更新打开状态 */
+  "update:modelValue": (_value) => true,
+  /** 关闭事件 */
+  close: () => true,
+  /** 切换图像事件 */
+  switch: (_index) => true,
+  /** 旋转图像事件 */
+  rotate: (_deg) => true
+};
+exports.imageViewerEmits = imageViewerEmits;
+exports.imageViewerProps = imageViewerProps;

package/lib/ele-image-viewer/props.d.ts

@@ -0,0 +1,58 @@
+import { ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const imageViewerProps: {
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否打开 */
+    modelValue: BooleanConstructor;
+    /** 自定义类名 */
+    customClass: StringConstructor;
+    /** 自定义样式 */
+    customStyle: ObjectConstructor;
+    /** 过渡动画名称 */
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 是否失活后仍然显示 */
+    keepAlive: BooleanConstructor;
+    urlList: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideOnClickModal: BooleanConstructor;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    minScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => ("" | "anonymous" | "use-credentials") & {}) | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>;
+/**
+ * 事件
+ */
+export declare const imageViewerEmits: {
+    /** 更新打开状态 */
+    'update:modelValue': (_value?: boolean) => boolean;
+    /** 关闭事件 */
+    close: () => boolean;
+    /** 切换图像事件 */
+    switch: (_index: number) => boolean;
+    /** 旋转图像事件 */
+    rotate: (_deg: number) => boolean;
+};

package/lib/ele-image-viewer/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 图片预览主题变量 */
+@mixin set-image-viewer-var($var) {
+  .ele-image-viewer {
+    @include set-ele-var('image-viewer', $var);
+  }
+}

package/lib/ele-image-viewer/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/image-viewer/style/index");
+require("./index.scss");

package/lib/ele-image-viewer/style/index.scss

@@ -0,0 +1,117 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-image-viewer-var($ele);
+
+.ele-image-viewer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  transition: all $transition-slow;
+  box-sizing: border-box;
+
+  .el-image-viewer__wrapper {
+    position: absolute;
+    background: elVar('overlay-color', 'lighter');
+    transition: opacity $transition-slow;
+    overflow: hidden;
+
+    &.viewer-fade-enter-active {
+      animation: none;
+    }
+
+    &.viewer-fade-leave-active {
+      animation: none;
+    }
+  }
+
+  .el-image-viewer__mask {
+    background: none;
+  }
+
+  .el-image-viewer__canvas {
+    transition: transform $transition-slow;
+  }
+
+  .el-image-viewer__img {
+    cursor: grab;
+  }
+
+  .el-image-viewer__close,
+  .el-image-viewer__prev,
+  .el-image-viewer__next {
+    width: eleVar('image-viewer', 'tool-size');
+    height: eleVar('image-viewer', 'tool-size');
+    font-size: eleVar('image-viewer', 'tool-font-size');
+    background: eleVar('image-viewer', 'tool-bg');
+    box-shadow: eleVar('image-viewer', 'tool-shadow');
+    transition: all $transition-base;
+    opacity: 1;
+
+    .el-icon {
+      cursor: inherit;
+    }
+
+    &:not(.is-disabled):hover {
+      background: eleVar('image-viewer', 'tool-hover-bg');
+    }
+
+    &.is-disabled {
+      opacity: eleVar('image-viewer', 'disabled-opacity');
+      cursor: not-allowed;
+    }
+  }
+
+  .el-image-viewer__actions {
+    $padding: calc(eleVar('image-viewer', 'tool-action-size') / 2);
+    width: auto;
+    height: auto;
+    padding: 0 $padding;
+    background: eleVar('image-viewer', 'tool-bg');
+    box-shadow: eleVar('image-viewer', 'tool-shadow');
+    border-radius: $padding;
+    cursor: default;
+    opacity: 1;
+  }
+
+  .el-image-viewer__actions__inner {
+    width: auto;
+    height: auto;
+
+    & > .el-icon {
+      width: eleVar('image-viewer', 'tool-action-size');
+      height: eleVar('image-viewer', 'tool-action-size');
+      font-size: eleVar('image-viewer', 'tool-action-font-size');
+      transition: all $transition-base;
+
+      &:hover {
+        background: eleVar('image-viewer', 'tool-action-hover-bg');
+      }
+
+      &:last-child > svg,
+      &:nth-last-child(2) > svg {
+        transform: scale(1.1);
+      }
+    }
+
+    & > i + i {
+      margin-left: eleVar('image-viewer', 'tool-action-gap');
+    }
+  }
+
+  .el-image-viewer__actions__divider {
+    display: none;
+  }
+}
+
+.ele-image-viewer-fade-enter-from > .el-image-viewer__wrapper,
+.ele-image-viewer-fade-leave-active > .el-image-viewer__wrapper {
+  opacity: 0;
+
+  & > .el-image-viewer__canvas {
+    transform: scale(0);
+  }
+}

package/lib/ele-map-picker/components/map-view.d.ts

@@ -77,12 +77,12 @@ declare const _default: import('vue').DefineComponent<{
     confirmLoading: import('vue').Ref<boolean>;
     data: import('vue').Ref<{
         [x: string]: any;
-        key?: string;
-        name?: string;
-        address?: string;
-        lat?: number;
-        lng?: number;
-        district?: string;
+        key?: string | undefined;
+        name?: string | undefined;
+        address?: string | undefined;
+        lat?: number | undefined;
+        lng?: number | undefined;
+        district?: string | undefined;
         city?: {
             province: string;
             city: string;
@@ -92,12 +92,12 @@ declare const _default: import('vue').DefineComponent<{
     }[]>;
     suggestionData: import('vue').Ref<{
         [x: string]: any;
-        key?: string;
-        name?: string;
-        address?: string;
-        lat?: number;
-        lng?: number;
-        district?: string;
+        key?: string | undefined;
+        name?: string | undefined;
+        address?: string | undefined;
+        lat?: number | undefined;
+        lng?: number | undefined;
+        district?: string | undefined;
         city?: {
             province: string;
             city: string;
@@ -109,12 +109,12 @@ declare const _default: import('vue').DefineComponent<{
     keywords: import('vue').Ref<string>;
     current: import('vue').Ref<{
         [x: string]: any;
-        key?: string;
-        name?: string;
-        address?: string;
-        lat?: number;
-        lng?: number;
-        district?: string;
+        key?: string | undefined;
+        name?: string | undefined;
+        address?: string | undefined;
+        lat?: number | undefined;
+        lng?: number | undefined;
+        district?: string | undefined;
         city?: {
             province: string;
             city: string;

package/lib/ele-menus/components/item-title.cjs

@@ -0,0 +1,107 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../../utils/core");
+const _sfc_main = vue.defineComponent({
+  name: "ItemTitle",
+  components: { ElIcon: elementPlus.ElIcon, ElBadge: elementPlus.ElBadge },
+  props: {
+    /** 菜单项数据 */
+    item: {
+      type: Object,
+      required: true
+    },
+    /** 是否需要标题 */
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
+    /** 是否需要链接 */
+    showLink: Boolean
+  },
+  emits: {
+    itemClick: (_item, _e) => true,
+    itemMouseenter: (_item, _e) => true,
+    itemMouseleave: (_item, _e) => true
+  },
+  setup(_props, { emit }) {
+    const handleItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const handleItemMouseenter = (item, e) => {
+      emit("itemMouseenter", item, e);
+    };
+    const handleItemMouseleave = (item, e) => {
+      emit("itemMouseleave", item, e);
+    };
+    return {
+      isExternalLink: core.isExternalLink,
+      handleItemClick,
+      handleItemMouseenter,
+      handleItemMouseleave
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-menu-title"
+};
+const _hoisted_2 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElBadge = vue.resolveComponent("ElBadge");
+  const _component_RouterLink = vue.resolveComponent("RouterLink");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.renderSlot(_ctx.$slots, "icon", {
+      item: _ctx.item,
+      icon: _ctx.item.icon
+    }, () => [
+      _ctx.item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.item.iconProps || {})), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.item.icon), {
+            style: vue.normalizeStyle(_ctx.item.iconStyle)
+          }, null, 8, ["style"]))
+        ]),
+        _: 1
+      }, 16)) : vue.createCommentVNode("", true)
+    ]),
+    _ctx.showTitle ? vue.renderSlot(_ctx.$slots, "title", {
+      key: 0,
+      item: _ctx.item,
+      title: _ctx.item.title
+    }, () => [
+      _ctx.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.item.title), 1)) : vue.createCommentVNode("", true)
+    ]) : vue.createCommentVNode("", true),
+    _ctx.item.badge != null ? (vue.openBlock(), vue.createBlock(_component_ElBadge, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.item.badge)), null, 16)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", {
+      class: "ele-menu-trigger",
+      onClick: _cache[1] || (_cache[1] = (e) => _ctx.handleItemClick(_ctx.item, e)),
+      onMouseenter: _cache[2] || (_cache[2] = (e) => _ctx.handleItemMouseenter(_ctx.item, e)),
+      onMouseleave: _cache[3] || (_cache[3] = (e) => _ctx.handleItemMouseleave(_ctx.item, e))
+    }, [
+      _ctx.showLink ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        _ctx.isExternalLink(_ctx.item.path) ? (vue.openBlock(), vue.createElementBlock("a", {
+          key: 0,
+          href: _ctx.item.path,
+          target: "_blank",
+          class: "ele-menu-link",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, null, 8, _hoisted_2)) : _ctx.item.path ? (vue.openBlock(), vue.createBlock(_component_RouterLink, {
+          key: 1,
+          to: _ctx.item.path,
+          class: "ele-menu-link"
+        }, null, 8, ["to"])) : vue.createCommentVNode("", true)
+      ], 64)) : vue.createCommentVNode("", true)
+    ], 32)
+  ], 64);
+}
+const itemTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = itemTitle;

package/lib/ele-menus/components/item-title.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+import { isExternalLink } from '../../utils/core';
+import { MenuItem, MenuItemEvent } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 菜单项数据 */
+    item: {
+        type: PropType<MenuItem>;
+        required: true;
+    };
+    /** 是否需要标题 */
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否需要链接 */
+    showLink: BooleanConstructor;
+}, {
+    isExternalLink: typeof isExternalLink;
+    handleItemClick: MenuItemEvent;
+    handleItemMouseenter: MenuItemEvent;
+    handleItemMouseleave: MenuItemEvent;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: MenuItem, _e: MouseEvent) => true;
+    itemMouseenter: (_item: MenuItem, _e: MouseEvent) => true;
+    itemMouseleave: (_item: MenuItem, _e: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 菜单项数据 */
+    item: {
+        type: PropType<MenuItem>;
+        required: true;
+    };
+    /** 是否需要标题 */
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否需要链接 */
+    showLink: BooleanConstructor;
+}>> & {
+    onItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+}, {
+    showTitle: boolean;
+    showLink: boolean;
+}, {}>;
+export default _default;