nutui-uniapp/components/menu/menu.ts

京东风格的轻量级移动端 Uniapp、Vue3 组件库（支持小程序开发）

import type { ExtractPropTypes } from 'vue'
import { commonProps, makeNumberProp, makeStringProp, truthProp } from '../_utils'

export const MENU_KEY = Symbol('nut-menu')

export const menuProps = {
  ...commonProps,
  /**
   * @description 选项的选中态图标颜色
   */
  activeColor: makeStringProp(''),
  /**
   * @description 是否显示遮罩
   */
  overlay: truthProp,
  /**
   * @description 是否锁定滚动
   */
  lockScroll: truthProp,
  /**
   * @description 动画时长
   */
  duration: {
    type: [Number, String],
    default: 300,
  },
  /**
   * @description 标题图标
   */
  titleIcon: String,
  /**
   * @description 是否在点击遮罩层后关闭菜单
   */
  closeOnClickOverlay: truthProp,
  /**
   * @description 展开方向
   */
  direction: makeStringProp<'down' | 'up'>('down'),
  /**
   * @description 滚动后是否固定，可设置固定位置（需要配合 `scrollTop` 使用）
   */
  scrollFixed: {
    type: [Boolean, String, Number],
    default: false,
  },
  /**
   * @description 页面的滚动距离，通过 `onPageScroll` 获取
   */
  scrollTop: makeNumberProp(0),
  /**
   * @description 标题样式类名
   */
  titleClass: [String],
  /**
   * @description 收起的图标
   */
  upIcon: makeStringProp('rect-up'),
  /**
   * @description 展开时的图标
   */
  downIcon: makeStringProp('rect-down'),
}

export type MenuProps = ExtractPropTypes<typeof menuProps>