props.ts 1.5 KB
Newer Older
陈文彬 已提交
1 2 3
import type { Menu } from '/@/router/types';
import type { PropType } from 'vue';

V
vben 已提交
4 5
import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
import { ThemeEnum } from '/@/enums/appEnum';
V
vben 已提交
6
import { propTypes } from '/@/utils/propTypes';
7 8
import type { MenuTheme } from 'ant-design-vue';
import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface';
V
vben 已提交
9

陈文彬 已提交
10 11 12 13 14
export const basicProps = {
  items: {
    type: Array as PropType<Menu[]>,
    default: () => [],
  },
V
vben 已提交
15
  collapsedShowTitle: propTypes.bool,
陈文彬 已提交
16
  // 最好是4 倍数
V
vben 已提交
17
  inlineIndent: propTypes.number.def(20),
陈文彬 已提交
18 19
  // 菜单组件的mode属性
  mode: {
20
    type: String as PropType<MenuMode>,
陈文彬 已提交
21 22
    default: MenuModeEnum.INLINE,
  },
23

陈文彬 已提交
24 25 26 27
  type: {
    type: String as PropType<MenuTypeEnum>,
    default: MenuTypeEnum.MIX,
  },
28 29 30 31
  theme: {
    type: String as PropType<MenuTheme>,
    default: ThemeEnum.DARK,
  },
V
vben 已提交
32
  inlineCollapsed: propTypes.bool,
33
  mixSider: propTypes.bool,
V
vben 已提交
34

V
vben 已提交
35 36
  isHorizontal: propTypes.bool,
  accordion: propTypes.bool.def(true),
陈文彬 已提交
37
  beforeClickFn: {
V
vben 已提交
38
    type: Function as PropType<(key: string) => Promise<boolean>>,
陈文彬 已提交
39 40
  },
};
V
vben 已提交
41 42 43 44

export const itemProps = {
  item: {
    type: Object as PropType<Menu>,
45
    default: () => ({}),
V
vben 已提交
46 47 48 49 50 51
  },
  level: propTypes.number,
  theme: propTypes.oneOf(['dark', 'light']),
  showTitle: propTypes.bool,
  isHorizontal: propTypes.bool,
};
V
vben 已提交
52 53 54 55 56 57 58 59 60 61

export const contentProps = {
  item: {
    type: Object as PropType<Menu>,
    default: null,
  },
  showTitle: propTypes.bool.def(true),
  level: propTypes.number.def(0),
  isHorizontal: propTypes.bool.def(true),
};