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

package/lib/ele-app/style/overwrite/tree-select/index.scss

@@ -29,7 +29,7 @@
       &::before {
         content: '';
         border-radius: eleVar('tree', 'item-radius');
-        transition: background-color $ele-transition;
+        transition: background-color $transition-base;
         position: absolute;
         top: 0;
         left: 0;

package/lib/ele-app/style/scrollbar/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-avatar-group/index.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     maxCount: NumberConstructor;
     shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     maxCount: NumberConstructor;
     shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
     itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;

package/lib/ele-avatar-group/props.d.ts

@@ -1,5 +1,5 @@
-import { AvatarItem, AvatarErrorOption } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { AvatarItem, AvatarErrorOption } from './types';
 
 /**
  * 属性

package/lib/ele-avatar-group/style/index.cjs

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/lib/components/avatar/style/index");
+require("element-plus/es/components/avatar/style/index");
 require("../../ele-tooltip/style/index");
 require("./index.scss");

package/lib/ele-avatar-group/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-backtop/index.cjs

@@ -0,0 +1,103 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const core = require("../utils/core");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleBacktop",
+  components: { ArrowUp: icons.ArrowUp },
+  props: props.backtopProps,
+  emits: props.backtopEmits,
+  setup(props2, { emit }) {
+    const visible = vue.ref(false);
+    const targetEl = vue.shallowRef(null);
+    const updateTarget = (el) => {
+      if (el !== targetEl.value && !(el == null && targetEl.value == null)) {
+        targetEl.value = !el || typeof el === "string" ? null : el;
+      }
+    };
+    const handleClick = (e) => {
+      if (targetEl.value) {
+        targetEl.value.scrollTo({ top: 0, behavior: "smooth" });
+      }
+      emit("click", e);
+    };
+    const handleScroll = () => {
+      if (targetEl.value != null && props2.visibilityHeight != null) {
+        visible.value = targetEl.value.scrollTop >= props2.visibilityHeight;
+      } else {
+        visible.value = false;
+      }
+    };
+    const scrollListener = core.throttle(handleScroll, 300, true);
+    const unbindEvent = () => {
+      if (targetEl.value != null) {
+        targetEl.value.removeEventListener("scroll", scrollListener);
+        targetEl.value = null;
+      }
+    };
+    const bindEvent = () => {
+      unbindEvent();
+      if (typeof props2.target === "undefined") {
+        updateTarget(document.body);
+      } else if (typeof props2.target === "string" && props2.target) {
+        updateTarget(document.querySelector(props2.target));
+      } else {
+        updateTarget(props2.target);
+      }
+      handleScroll();
+      if (targetEl.value) {
+        targetEl.value.addEventListener("scroll", scrollListener);
+      }
+    };
+    vue.watch(
+      () => props2.target,
+      () => {
+        bindEvent();
+      }
+    );
+    vue.onMounted(() => {
+      bindEvent();
+    });
+    vue.onBeforeUnmount(() => {
+      unbindEvent();
+    });
+    return { visible, handleClick };
+  }
+});
+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_ArrowUp = vue.resolveComponent("ArrowUp");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
+    default: vue.withCtx(() => [
+      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "ele-backtop",
+        style: vue.normalizeStyle({
+          bottom: typeof _ctx.bottom === "number" ? `${_ctx.bottom}px` : _ctx.bottom,
+          right: typeof _ctx.right === "number" ? `${_ctx.right}px` : _ctx.right
+        }),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createVNode(_component_ElIcon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowUp)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : vue.createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,50 @@
+declare const _default: import('vue').DefineComponent<{
+    target: import('vue').PropType<string | HTMLElement>;
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    right: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string; /** 目标元素 */
+    };
+}, {
+    visible: import('vue').Ref<boolean>;
+    handleClick: (e: MouseEvent) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    target: import('vue').PropType<string | HTMLElement>;
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    right: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string; /** 目标元素 */
+    };
+}>> & {
+    onClick?: ((_e: MouseEvent) => any) | undefined;
+}, {
+    visibilityHeight: number;
+    bottom: string | number;
+    right: string | number;
+    transitionName: string;
+}, {}>;
+export default _default;

package/lib/ele-backtop/props.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const backtopProps = {
+  /** 触发滚动的对象 */
+  target: [String, Object],
+  /** 滚动高度达到此参数值才出现 */
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  /** 距离页面底部距离 */
+  bottom: {
+    type: [Number, String],
+    default: 60
+  },
+  /** 距离页面右边距 */
+  right: {
+    type: [Number, String],
+    default: 30
+  },
+  /** 过渡动画名称 */
+  transitionName: {
+    type: String,
+    default: "ele-backtop-fade"
+  }
+};
+const backtopEmits = {
+  click: (_e) => true
+};
+exports.backtopEmits = backtopEmits;
+exports.backtopProps = backtopProps;

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

@@ -0,0 +1,36 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const backtopProps: {
+    /** 触发滚动的对象 */
+    target: PropType<string | HTMLElement>;
+    /** 滚动高度达到此参数值才出现 */
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 距离页面底部距离 */
+    bottom: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /** 距离页面右边距 */
+    right: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /** 过渡动画名称 */
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type BacktopProps = ExtractPropTypes<typeof backtopProps>;
+/**
+ * 事件
+ */
+export declare const backtopEmits: {
+    click: (_e: MouseEvent) => boolean;
+};

package/lib/ele-backtop/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 返回顶部主题变量 */
+@mixin set-backtop-var($var) {
+  .ele-backtop {
+    @include set-ele-var('backtop', $var);
+  }
+}

package/lib/ele-backtop/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-backtop/style/index.scss

@@ -0,0 +1,34 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-backtop-var($ele);
+
+.ele-backtop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  font-size: 18px;
+  color: eleVar('backtop', 'color');
+  background: eleVar('backtop', 'bg');
+  box-shadow: eleVar('backtop', 'shadow');
+  transition: (color $transition-base, background-color $transition-base);
+  position: fixed;
+  right: 40px;
+  bottom: 40px;
+  cursor: pointer;
+  z-index: 5;
+
+  & > .el-icon > .ele-arrow-up {
+    stroke-width: 5px;
+  }
+}
+
+.ele-backtop-fade-enter-from,
+.ele-backtop-fade-leave-active {
+  opacity: 0;
+}

package/lib/ele-bar-code/index.d.ts

@@ -1,6 +1,6 @@
-import { JsBarCodeInstance } from './types';
-import { default as JsBarCode } from 'jsbarcode';
 import { Ref } from 'vue';
+import { default as JsBarCode } from 'jsbarcode';
+import { JsBarCodeInstance } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     value: StringConstructor;

package/lib/ele-bar-code/props.d.ts

@@ -1,6 +1,6 @@
-import { BarCodeTag } from './types';
-import { Options } from 'jsbarcode';
 import { PropType, ExtractPropTypes } from 'vue';
+import { Options } from 'jsbarcode';
+import { BarCodeTag } from './types';
 
 /**
  * 属性

package/lib/ele-bar-code/style/index.cjs

@@ -1,2 +1 @@
 "use strict";
-//

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

@@ -1,6 +1,6 @@
-import { SelectedItem } from './types';
-import { EleTooltipInstance } from '../ele-app/plus';
 import { ElInputInstance } from '../ele-app/el';
+import { EleTooltipInstance } from '../ele-app/plus';
+import { SelectedItem } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     value: {
@@ -96,20 +96,20 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
 }, {
     value: import('./types').SelectValue;
-    disabled: boolean;
     teleported: boolean;
     clearable: boolean;
-    persistent: boolean;
-    visible: boolean;
-    transition: string;
+    disabled: boolean;
     filterable: boolean;
     multiple: boolean;
+    visible: boolean;
+    transition: string;
+    persistent: boolean;
     automaticDropdown: boolean;
 }, {}>;
 export default _default;

package/lib/ele-basic-select/props.d.ts

@@ -1,5 +1,5 @@
-import { SelectValue, SelectedItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { SelectValue, SelectedItem } from './types';
 
 /**
  * 属性

package/lib/ele-basic-select/style/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
-require("element-plus/lib/components/input/style/index");
-require("element-plus/lib/components/icon/style/index");
-require("element-plus/lib/components/tag/style/index");
+require("element-plus/es/components/input/style/index");
+require("element-plus/es/components/icon/style/index");
+require("element-plus/es/components/tag/style/index");
 require("../../ele-tooltip/style/index");
 require("./index.scss");

package/lib/ele-basic-select/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-basic-select/style/index.scss

@@ -23,7 +23,7 @@
   & > .el-input > .el-input__wrapper {
     border: eleVar('input', 'border');
     background: eleVar('input', 'bg');
-    transition: all $ele-transition;
+    transition: all $transition-base;
     box-sizing: border-box;
     position: relative;
     box-shadow: none;
@@ -46,7 +46,7 @@
   & > .el-input > .el-input__wrapper .el-input__icon {
     color: eleVar('input', 'icon-color');
     font-size: eleVar('input', 'icon-size');
-    transition: all $ele-transition;
+    transition: all $transition-base;
   }
 
   & > .el-input .el-input__prefix-inner .el-input__icon {
@@ -83,7 +83,7 @@
   }
 
   .ele-select-arrow > svg > path {
-    transition: d $ele-transition;
+    transition: d $transition-base;
   }
 
   &.is-opened .ele-select-arrow > svg > path {

package/lib/ele-bottom-bar/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-breadcrumb/index.cjs

@@ -6,9 +6,30 @@ const _sfc_main = vue.defineComponent({
   name: "EleBreadcrumb",
   components: { ElBreadcrumb: elementPlus.ElBreadcrumb, ElBreadcrumbItem: elementPlus.ElBreadcrumbItem, ElIcon: elementPlus.ElIcon },
   props: props.breadcrumbProps,
-  setup(_props) {
+  setup(props2) {
     const breadcrumbRef = vue.ref(null);
-    return { breadcrumbRef };
+    const breadcrumbSeparator = vue.computed(
+      () => {
+        if (typeof props2.separator !== "string") {
+          return;
+        }
+        return props2.separator;
+      }
+    );
+    const breadcrumbSeparatorIcon = vue.computed(() => {
+      if (props2.separatorIcon != null && props2.separatorIcon !== "") {
+        return props2.separatorIcon;
+      }
+      if (props2.separator != null && typeof props2.separator !== "string") {
+        return props2.separator;
+      }
+      return props2.separatorIcon;
+    });
+    return {
+      breadcrumbRef,
+      breadcrumbSeparator,
+      breadcrumbSeparatorIcon
+    };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -25,8 +46,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElBreadcrumb = vue.resolveComponent("ElBreadcrumb");
   return vue.openBlock(), vue.createBlock(_component_ElBreadcrumb, {
     ref: "breadcrumbRef",
-    separator: _ctx.separator,
-    separatorIcon: _ctx.separatorIcon,
+    separator: _ctx.breadcrumbSeparator,
+    separatorIcon: _ctx.breadcrumbSeparatorIcon,
     class: "ele-breadcrumb"
   }, {
     default: vue.withCtx(() => [
@@ -41,7 +62,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               item
             }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, item.iconProps || {})), {
+              item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.mergeProps({
+                key: 0,
+                ref_for: true
+              }, item.iconProps || {}), {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
                     style: vue.normalizeStyle(item.iconStyle)

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

@@ -1,11 +1,14 @@
 import { ElBreadcrumbInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
+    separator: {
+        type: import('vue').PropType<import('./types').BreadcrumbSeparator>;
+        default: string;
+    };
     items: {
         type: import('vue').PropType<import('./types').BreadcrumbItem[]>;
         required: boolean;
     };
-    separator: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "/", boolean>;
     separatorIcon: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
         readonly required: false;
@@ -14,12 +17,17 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     breadcrumbRef: import('vue').Ref<ElBreadcrumbInstance>;
+    breadcrumbSeparator: import('vue').ComputedRef<string | undefined>;
+    breadcrumbSeparatorIcon: import('vue').ComputedRef<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    separator: {
+        type: import('vue').PropType<import('./types').BreadcrumbSeparator>;
+        default: string;
+    };
     items: {
         type: import('vue').PropType<import('./types').BreadcrumbItem[]>;
         required: boolean;
     };
-    separator: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "/", boolean>;
     separatorIcon: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
         readonly required: false;
@@ -27,6 +35,6 @@ declare const _default: import('vue').DefineComponent<{
         __epPropKey: true;
     };
 }>>, {
-    separator: string;
+    separator: import('./types').BreadcrumbSeparator;
 }, {}>;
 export default _default;

package/lib/ele-breadcrumb/props.cjs

@@ -3,6 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
 const breadcrumbProps = {
   ...elementPlus.breadcrumbProps,
+  separator: {
+    type: [String, Object, Function],
+    default: "/"
+  },
   /** 面包屑数据 */
   items: {
     type: Array,

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

@@ -1,16 +1,19 @@
-import { BreadcrumbItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { BreadcrumbSeparator, BreadcrumbItem } from './types';
 
 /**
  * 属性
  */
 export declare const breadcrumbProps: {
+    separator: {
+        type: PropType<BreadcrumbSeparator>;
+        default: string;
+    };
     /** 面包屑数据 */
     items: {
         type: PropType<BreadcrumbItem[]>;
         required: boolean;
     };
-    separator: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "/", boolean>;
     separatorIcon: {
         readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>>;
         readonly required: false;

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

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/lib/components/breadcrumb/style/index");
-require("element-plus/lib/components/breadcrumb-item/style/index");
+require("element-plus/es/components/breadcrumb/style/index");
+require("element-plus/es/components/breadcrumb-item/style/index");
 require("./index.scss");

package/lib/ele-breadcrumb/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -1,9 +1,20 @@
 import type { Component } from 'vue';
 import type { StyleValue } from '../ele-app/types';
-import type { ElIconProps, ElBreadcrumbItemProps } from '../ele-app/el';
+import type {
+  ElIconProps,
+  ElBreadcrumbProps,
+  ElBreadcrumbItemProps
+} from '../ele-app/el';
 
 /**
- * 面包屑数据
+ * 面包屑导航分隔符
+ */
+export type BreadcrumbSeparator =
+  | ElBreadcrumbProps['separator']
+  | ElBreadcrumbProps['separatorIcon'];
+
+/**
+ * 面包屑导航数据
  */
 export interface BreadcrumbItem extends ElBreadcrumbItemProps {
   /** 循环的 key */