init

uni_modules/nutui-uni/components/menu/menu.ts

@@ -0,0 +1,65 @@
+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'),
+  offset: Number,
+}
+
+export type MenuProps = ExtractPropTypes<typeof menuProps>