init

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

@@ -0,0 +1,50 @@
+import type { ExtractPropTypes } from 'vue'
+import { commonProps, makeNumericProp, makeStringProp } from '../_utils'
+import type { AvatarShape, AvatarSize } from '../avatar'
+
+export const AVATAR_GROUP_KEY = Symbol('avatarGroup')
+
+export const avatargroupProps = {
+  ...commonProps,
+  /**
+   * @description 显示的最大头像个数
+   */
+  maxCount: makeNumericProp(-1),
+
+  /**
+   * @description 头像数量超出时，会出现一个头像折叠元素，该元素内容可为`...`、`more`、`+N`
+   */
+  maxContent: makeStringProp(''),
+
+  /**
+   * @description 头像的大小，可选值为：`large`、`normal`、`small`，支持直接输入数字
+   */
+  size: makeNumericProp<AvatarSize | string | number>('normal'),
+
+  /**
+   * @description 头像的形状，可选值为：`square`、`round`
+   */
+  shape: makeStringProp<AvatarShape>('round'),
+
+  /**
+   * @description 头像折叠元素的字体颜色
+   */
+  maxColor: makeStringProp('#666'),
+
+  /**
+   * @description 头像折叠元素的背景色
+   */
+  maxBgColor: makeStringProp('#eee'),
+
+  /**
+   * @description 头像之间的间距
+   */
+  span: makeNumericProp('-8'),
+
+  /**
+   * @description 组合头像之间的层级方向，可选值为：`left`、`right`
+   */
+  zIndex: makeStringProp<'left' | 'right'>('left'),
+}
+
+export type AvatarGroupProps = ExtractPropTypes<typeof avatargroupProps>