init

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

@@ -0,0 +1,82 @@
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'
+import { CANCEL_EVENT, CHOOSE_EVENT, CLOSE_EVENT, UPDATE_VISIBLE_EVENT } from '../_constants'
+import { commonProps, isBoolean, isNumber, makeArrayProp, makeStringProp, truthProp } from '../_utils'
+import { popupProps } from '../popup/popup'
+
+export interface ActionSheetOption {
+  disable?: boolean
+  loading?: boolean
+  color?: string
+  name: string
+  subname?: string
+}
+
+export const actionsheetProps = {
+  ...popupProps,
+  ...commonProps,
+  /**
+   * @description 是否显示圆角
+   */
+  round: truthProp,
+  /**
+   * @description 是否开启 iPhone 系列全面屏底部安全区适配，仅当 `position` 为 `bottom` 时有效
+   */
+  safeAreaInsetBottom: truthProp,
+  /**
+   * @description 遮罩显示时的背景是否锁定
+   */
+  lockScroll: truthProp,
+  /**
+   * @description 自定义 popup 弹框样式
+   */
+  popStyle: {
+    type: Object as PropType<CSSProperties>,
+  },
+  /**
+   * @description 取消文案
+   */
+  cancelTxt: makeStringProp(''),
+  /**
+   * @description 设置列表项标题展示使用参数
+   */
+  optionTag: makeStringProp<keyof ActionSheetOption>('name'),
+  /**
+   * @description 设置列表项二级标题展示使用参数
+   */
+  optionSubTag: makeStringProp<keyof ActionSheetOption>('subname'),
+  /**
+   * @description 设置选中项的值，和 'option-tag' 的值对应
+   */
+  chooseTagValue: makeStringProp(''),
+  /**
+   * @description 设置列表项标题
+   */
+  title: makeStringProp(''),
+  /**
+   * @description 选中项颜色，当 choose-tag-value == option-tag 的值 生效
+   */
+  customColor: makeStringProp('#ee0a24'),
+  /**
+   * @description 设置列表项副标题/描述
+   */
+  description: makeStringProp(''),
+  /**
+   * @description 列表项
+   */
+  menuItems: makeArrayProp<ActionSheetOption>([]),
+  /**
+   * @description 遮罩层是否可关闭
+   */
+  closeAbled: truthProp,
+}
+
+export type ActionsheetProps = ExtractPropTypes<typeof actionsheetProps>
+
+export const actionsheetEmits = {
+  [CLOSE_EVENT]: () => true,
+  [UPDATE_VISIBLE_EVENT]: (val: boolean) => isBoolean(val),
+  [CANCEL_EVENT]: () => true,
+  [CHOOSE_EVENT]: (item: ActionSheetOption, index: number) => item instanceof Object && isNumber(index),
+}
+
+export type ActionsheetEmits = typeof actionsheetEmits