yuang-framework-ui-pc 1.0.19 → 1.1.0

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

@@ -0,0 +1,269 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-basic-select-var($ele);
+
+.ele-select {
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+
+  & > .el-input,
+  & > .el-input > .el-input__wrapper,
+  & > .el-input > .el-input__wrapper > .el-input__inner {
+    cursor: inherit;
+  }
+
+  &.is-filterable {
+    cursor: text;
+  }
+
+  /* 输入框 */
+  & > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'border');
+    background: eleVar('input', 'bg');
+    transition: all $transition-base;
+    box-sizing: border-box;
+    position: relative;
+    box-shadow: none;
+  }
+
+  &:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'hover-border');
+    background: eleVar('input', 'hover-bg');
+    box-shadow: eleVar('input', 'hover-shadow');
+  }
+
+  & > .el-input > .el-input__wrapper.is-focus,
+  &.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input', 'focus-border');
+    background: eleVar('input', 'focus-bg');
+    box-shadow: eleVar('input', 'focus-shadow');
+  }
+
+  /* 图标 */
+  & > .el-input > .el-input__wrapper .el-input__icon {
+    color: eleVar('input', 'icon-color');
+    font-size: eleVar('input', 'icon-size');
+    transition: all $transition-base;
+  }
+
+  & > .el-input .el-input__prefix-inner .el-input__icon {
+    margin-right: eleVar('input', 'icon-space');
+  }
+
+  & > .el-input .el-input__suffix-inner .el-input__icon {
+    margin-left: eleVar('input', 'icon-space');
+  }
+
+  /* 箭头和清空图标 */
+  & > .el-input .el-input__icon.ele-select-clear,
+  & > .el-input .el-input__icon.ele-select-arrow {
+    margin: eleVar('input', 'clear-margin');
+  }
+
+  & > .el-input .el-input__icon.ele-select-clear {
+    color: eleVar('input', 'clear-color');
+    cursor: pointer;
+
+    &:hover {
+      color: eleVar('input', 'clear-hover-color');
+    }
+  }
+
+  .ele-select-clear,
+  &:hover .ele-select-clear + .ele-select-arrow,
+  &:hover .ele-select-clear + .ele-select-arrow + .el-input__validateIcon {
+    display: none;
+  }
+
+  &:hover .ele-select-clear {
+    display: flex;
+  }
+
+  .ele-select-arrow > svg > path {
+    transition: d $transition-base;
+  }
+
+  &.is-opened .ele-select-arrow > svg > path {
+    #{'d'}: path('M10 31 24 17 38 31');
+  }
+
+  /* 多选 */
+  &.is-multiple {
+    min-height: elVar('component-size');
+
+    & > .el-input {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      width: 100%;
+      height: 100%;
+
+      & > .el-input__wrapper,
+      & > .el-input__wrapper > .el-input__inner {
+        height: 100%;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+  /* 多选标签 */
+  .ele-select-tags {
+    display: flex;
+    flex-wrap: wrap;
+    min-height: inherit;
+    box-sizing: border-box;
+    padding: 2px 0 2px 4px;
+    width: calc(100% - 22px);
+    position: relative;
+    z-index: 3;
+
+    & > .el-tag {
+      flex-shrink: 0;
+      margin: 2px 4px 2px 0;
+      height: calc(elVar('component-size') - 4px - 4px);
+      border: none;
+    }
+  }
+
+  &.is-empty .ele-select-tags {
+    padding-left: 8.8px;
+  }
+
+  /* 多选搜索框 */
+  .ele-select-search.el-tag {
+    flex: 1;
+    padding: 0;
+    margin-right: 0;
+    min-width: 60px;
+    overflow: hidden;
+    background: none;
+    display: none;
+    font-size: 0;
+
+    & > .el-tag__content {
+      width: 100%;
+      height: 100%;
+      display: block;
+      font-size: 0;
+    }
+
+    .el-input {
+      width: 100%;
+      height: 100%;
+      cursor: inherit;
+
+      .el-input__wrapper {
+        height: 100%;
+        padding: 0 0 0 2px;
+        box-sizing: border-box;
+        border: none;
+        box-shadow: none;
+        background: none;
+        cursor: inherit;
+      }
+
+      .el-input__inner {
+        height: 100%;
+        cursor: inherit;
+      }
+    }
+  }
+
+  &.is-opened .ele-select-search.el-tag {
+    display: block;
+  }
+
+  /* 小尺寸 */
+  &.is-small {
+    &.is-multiple {
+      min-height: elVar('component-size', 'small');
+    }
+
+    .ele-select-tags {
+      width: calc(100% - 20px);
+
+      & > .el-tag {
+        margin: 1px 4px 1px 0;
+        height: calc(elVar('component-size', 'small') - 4px - 2px);
+      }
+    }
+
+    &.is-empty .ele-select-tags {
+      padding-left: 6.8px;
+    }
+  }
+
+  /* 大尺寸 */
+  &.is-large {
+    &.is-multiple {
+      min-height: elVar('component-size', 'large');
+    }
+
+    .ele-select-tags {
+      padding: 4px 0 4px 6px;
+      width: calc(100% - 24px);
+
+      & > .el-tag {
+        height: calc(elVar('component-size', 'large') - 8px - 4px);
+      }
+    }
+
+    &.is-empty .ele-select-tags {
+      padding-left: 10.8px;
+    }
+  }
+
+  /* 禁用 */
+  &.is-disabled {
+    cursor: not-allowed;
+
+    & > .el-input.is-disabled > .el-input__wrapper {
+      border: eleVar('input', 'disabled-border');
+      background: eleVar('input', 'disabled-bg');
+      box-shadow: none;
+    }
+
+    & > .el-input > .el-input__wrapper > .el-input__inner {
+      color: eleVar('input', 'disabled-color');
+      -webkit-text-fill-color: eleVar('input', 'disabled-color');
+    }
+
+    .ele-select-tags > .el-tag {
+      color: elVar('disabled', 'text-color');
+      background: hsla(0, 0%, 60%, 0.15);
+    }
+  }
+}
+
+/* 表单验证 */
+.el-form-item.is-error {
+  .ele-select > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'border');
+    background: eleVar('input-error', 'bg');
+    box-shadow: none;
+  }
+
+  .ele-select:hover > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'hover-border');
+    background: eleVar('input-error', 'hover-bg');
+    box-shadow: eleVar('input-error', 'hover-shadow');
+  }
+
+  .ele-select > .el-input > .el-input__wrapper.is-focus,
+  .ele-select.is-opened > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'focus-border');
+    background: eleVar('input-error', 'focus-bg');
+    box-shadow: eleVar('input-error', 'focus-shadow') !important;
+  }
+
+  .ele-select.is-disabled > .el-input > .el-input__wrapper {
+    border: eleVar('input-error', 'disabled-border');
+    background: eleVar('input-error', 'disabled-bg');
+    box-shadow: none;
+  }
+}

package/es/ele-basic-select/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 单选值
+ */
+export type SingleValue = string | number | boolean;
+
+/**
+ * 多选值
+ */
+export type MultipleValue = Array<SingleValue>;
+
+/**
+ * 值
+ */
+export type SelectValue = SingleValue | MultipleValue | undefined | null;
+
+/**
+ * 多选选中数据
+ */
+export interface SelectedItem {
+  /** 文本 */
+  label: string;
+  /** 值 */
+  value: SingleValue;
+  /** 是否不显示 */
+  hide?: boolean;
+  /** 排序号 */
+  index?: number;
+}

package/es/ele-basic-select/util.d.ts

@@ -0,0 +1,21 @@
+import { SelectValue } from '../ele-basic-select/types';
+
+/**
+ * 判断是否是空值
+ * @param value 值
+ * @param multiple 值是否是数组
+ */
+export declare function isEmptyValue(value?: SelectValue, multiple?: boolean): boolean | undefined;
+/**
+ * 判断值是否有变化
+ * @param value1 新值
+ * @param value2 当前值
+ * @param multiple 是否多选
+ */
+export declare function valueIsChanged(value1: SelectValue, value2: SelectValue, multiple?: boolean): boolean;
+/**
+ * 触发表单验证
+ */
+export declare function useFormValidate(): {
+    validateChange: () => void;
+};

package/es/ele-basic-select/util.js

@@ -0,0 +1,43 @@
+import { inject } from "vue";
+import { formItemContextKey } from "element-plus";
+import { debugWarn } from "element-plus/es/utils/error";
+function isEmptyValue(value, multiple) {
+  const isNull = value == null || value === "";
+  return isNull || multiple && !value.length;
+}
+function valueIsChanged(value1, value2, multiple) {
+  const isNull1 = isEmptyValue(value1);
+  const isNull2 = isEmptyValue(value2);
+  if (isNull1 && isNull2) {
+    return false;
+  }
+  if (!multiple) {
+    return isNull1 !== isNull2 || value1 !== value2;
+  }
+  const isEmpty1 = isNull1 || !value1.length;
+  const isEmpty2 = isNull2 || !value2.length;
+  if (isEmpty1 && isEmpty2) {
+    return false;
+  }
+  if (isEmpty1 !== isEmpty2) {
+    return true;
+  }
+  if (value1.length !== value2.length) {
+    return true;
+  }
+  return value1.some((v) => !value2.includes(v));
+}
+function useFormValidate() {
+  const formItem = inject(formItemContextKey, null);
+  const validateChange = () => {
+    if (formItem != null) {
+      formItem.validate("change").catch((e) => debugWarn(e));
+    }
+  };
+  return { validateChange };
+}
+export {
+  isEmptyValue,
+  useFormValidate,
+  valueIsChanged
+};

package/es/ele-bottom-bar/index.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<{
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    teleported: BooleanConstructor;
+}, {
+    isActivated: import('vue').Ref<boolean>;
+    teleportTo: import('vue').ComputedRef<HTMLElement | null | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    teleported: BooleanConstructor;
+}>>, {
+    teleported: boolean;
+}, {}>;
+export default _default;

package/es/ele-bottom-bar/index.js

@@ -0,0 +1,56 @@
+import { defineComponent, ref, computed, onActivated, onDeactivated, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { useLayoutState } from "../ele-pro-layout/util";
+import { bottomBarProps } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleBottomBar",
+  props: bottomBarProps,
+  setup() {
+    const layoutState = useLayoutState();
+    const isActivated = ref(true);
+    const teleportTo = computed(() => {
+      var _a;
+      return (_a = layoutState.getBodyWrapperEl) == null ? void 0 : _a.call(layoutState);
+    });
+    onActivated(() => {
+      isActivated.value = true;
+    });
+    onDeactivated(() => {
+      isActivated.value = false;
+    });
+    return { isActivated, teleportTo };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.teleportTo,
+    disabled: !_ctx.teleported || !_ctx.teleportTo
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["ele-bottom-bar", { "is-deactivated": !_ctx.isActivated }])
+    }, [
+      createElementVNode("div", {
+        class: "ele-bottom-bar-body",
+        style: normalizeStyle(_ctx.bodyStyle)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4),
+      createElementVNode("div", {
+        class: "ele-bottom-bar-extra",
+        style: normalizeStyle(_ctx.extraStyle)
+      }, [
+        renderSlot(_ctx.$slots, "extra")
+      ], 4)
+    ], 2)
+  ], 8, ["to", "disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/es/ele-bottom-bar/props.d.ts

@@ -0,0 +1,15 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+
+/**
+ * 属性
+ */
+export declare const bottomBarProps: {
+    /** 内容样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 右侧样式 */
+    extraStyle: PropType<StyleValue>;
+    /** 是否插入到布局的内容节点后 */
+    teleported: BooleanConstructor;
+};
+export type BottomBarProps = ExtractPropTypes<typeof bottomBarProps>;

package/es/ele-bottom-bar/props.js

@@ -0,0 +1,11 @@
+const bottomBarProps = {
+  /** 内容样式 */
+  bodyStyle: Object,
+  /** 右侧样式 */
+  extraStyle: Object,
+  /** 是否插入到布局的内容节点后 */
+  teleported: Boolean
+};
+export {
+  bottomBarProps
+};

package/es/ele-bottom-bar/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 底部工具栏主题变量 */
+@mixin set-bottom-bar-var($var) {
+  .ele-bottom-bar {
+    @include set-ele-var('bottom-bar', $var);
+  }
+}

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

@@ -0,0 +1 @@
+

package/es/ele-bottom-bar/style/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-bottom-bar/style/index.scss

@@ -0,0 +1,31 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-bottom-bar-var($ele);
+
+.ele-bottom-bar {
+  flex-shrink: 0;
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: eleVar('bottom-bar', 'padding');
+  background: eleVar('bottom-bar', 'bg');
+  box-shadow: eleVar('bottom-bar', 'shadow');
+  z-index: var(#{eleVarName('layout', 'index')}, 99);
+
+  .ele-bottom-bar-body {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .ele-bottom-bar-extra {
+    flex-shrink: 0;
+  }
+
+  &.is-deactivated {
+    display: none;
+  }
+}

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

@@ -0,0 +1,40 @@
+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;
+    };
+    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>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    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>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], 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;
+    };
+    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>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {
+    separator: import('./types').BreadcrumbSeparator;
+}, {}>;
+export default _default;

package/es/ele-breadcrumb/index.js

@@ -0,0 +1,88 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
+import { ElBreadcrumb, ElBreadcrumbItem, ElIcon } from "element-plus";
+import { breadcrumbProps } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleBreadcrumb",
+  components: { ElBreadcrumb, ElBreadcrumbItem, ElIcon },
+  props: breadcrumbProps,
+  setup(props) {
+    const breadcrumbRef = ref(null);
+    const breadcrumbSeparator = computed(
+      () => {
+        if (typeof props.separator !== "string") {
+          return;
+        }
+        return props.separator;
+      }
+    );
+    const breadcrumbSeparatorIcon = computed(() => {
+      if (props.separatorIcon != null && props.separatorIcon !== "") {
+        return props.separatorIcon;
+      }
+      if (props.separator != null && typeof props.separator !== "string") {
+        return props.separator;
+      }
+      return props.separatorIcon;
+    });
+    return {
+      breadcrumbRef,
+      breadcrumbSeparator,
+      breadcrumbSeparatorIcon
+    };
+  }
+});
+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: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ElBreadcrumbItem = resolveComponent("ElBreadcrumbItem");
+  const _component_ElBreadcrumb = resolveComponent("ElBreadcrumb");
+  return openBlock(), createBlock(_component_ElBreadcrumb, {
+    ref: "breadcrumbRef",
+    separator: _ctx.breadcrumbSeparator,
+    separatorIcon: _ctx.breadcrumbSeparatorIcon,
+    class: "ele-breadcrumb"
+  }, {
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+        return openBlock(), createBlock(_component_ElBreadcrumbItem, {
+          key: item.key ?? item.title,
+          replace: item.replace,
+          to: item.to
+        }, {
+          default: withCtx(() => [
+            item.slot && item.slot !== "default" && _ctx.$slots[item.slot] ? renderSlot(_ctx.$slots, item.slot, {
+              key: 0,
+              item
+            }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              item.icon ? (openBlock(), createBlock(_component_ElIcon, mergeProps({
+                key: 0,
+                ref_for: true
+              }, item.iconProps || {}), {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                    style: normalizeStyle(item.iconStyle)
+                  }, null, 8, ["style"]))
+                ]),
+                _: 2
+              }, 1040)) : createCommentVNode("", true),
+              item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
+            ], 64))
+          ]),
+          _: 2
+        }, 1032, ["replace", "to"]);
+      }), 128))
+    ]),
+    _: 3
+  }, 8, ["separator", "separatorIcon"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,24 @@
+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;
+    };
+    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>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;

package/es/ele-breadcrumb/props.js

@@ -0,0 +1,16 @@
+import { breadcrumbProps as breadcrumbProps$1 } from "element-plus";
+const breadcrumbProps = {
+  ...breadcrumbProps$1,
+  separator: {
+    type: [String, Object, Function],
+    default: "/"
+  },
+  /** 面包屑数据 */
+  items: {
+    type: Array,
+    required: true
+  }
+};
+export {
+  breadcrumbProps
+};

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

@@ -0,0 +1 @@
+