Notoriously Problematic Merge

    @icedesign/styled-menu

    1.0.6 • Public • Published

    title: StyledMenu category: Components chinese: ICE 风格导航

    ICE 导航组件,为页面和功能提供导航的菜单列表。底层基于 rc-menu 并做了 ICE Design 的样式改造。

    何时使用

    导航菜单是一个网站的灵魂,用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航,顶部导航提供全局性的类目和功能,侧边导航提供多级结构来收纳和排列网站架构。

    <StyledMenu>
      <StyledMenu.Item>菜单项</StyledMenu.Item>
      <StyledMenu.SubMenu title="子菜单">
        <StyledMenu.Item>子菜单项</StyledMenu.Item>
      </StyledMenu.SubMenu>
    </StyledMenu>

    API

    Menu props

    参数 说明 类型 默认值
    theme 主题颜色 string: light dark light
    color 支持 Colorful ICE 配色 string: blue, green, orange, red, roseo
    mode 菜单类型,现在支持垂直、水平、和内嵌模式三种 string: vertical horizontal inline vertical
    selectedKeys 当前选中的菜单项 key 数组 string[]
    defaultSelectedKeys 初始选中的菜单项 key 数组 string[]
    openKeys 当前展开的 SubMenu 菜单项 key 数组 string[]
    defaultOpenKeys 初始展开的 SubMenu 菜单项 key 数组
    onOpenChange SubMenu 展开/关闭的回调 Function(openKeys: string[]) noop
    onSelect 被选中时调 Function({ item, key, selectedKeys })
    onDeselect 取消选中时调用,仅在 multiple 生效 Function({ item, key, selectedKeys }) -
    onClick 点击 menuitem 调用此函数,参数为 {item, key, keyPath},在 MenuItem 上面设置 onClick 无效 function -
    style 根节点样式 object
    inlineIndent inline 模式的菜单缩进宽度 number 24
    multiple 是否允许多选 boolean false

    More options in rc-menu

    StyledMenu.Item props

    参数 说明 类型 默认值
    disabled 是否禁用 boolean false
    key item 的唯一标志 string

    StyledMenu.SubMenu props

    参数 说明 类型 默认值
    disabled 是否禁用 boolean false
    key 唯一标志 string
    title 子菜单项值 string|ReactNode
    children 子菜单的菜单项 Array<MenuItem|SubMenu>
    onTitleClick 点击子菜单标题 Function({ eventKey, domEvent })

    StyledMenu.ItemGroup props

    参数 说明 类型 默认值
    title 分组标题 string|ReactNode
    children 分组的菜单项 MenuItem[]

    StyledMenu.Divider

    菜单项分割线,只用在弹出菜单内。

    Install

    npm i @icedesign/styled-menu

    DownloadsWeekly Downloads

    27

    Version

    1.0.6

    License

    ISC

    Unpacked Size

    1.07 MB

    Total Files

    19

    Last publish

    Collaborators

    • rax-publisher
    • luhengchang228
    • chenjun1011
    • yuanyan
    • zeroling
    • temper357
    • sobear
    • bindoon
    • clarkxia
    • alvinhui
    • aboutblank