@varlet/ui 2.7.5 → 2.8.0-alpha.1676455225773

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.7.5",
+  "version": "2.8.0-alpha.1676455225773",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,8 +46,8 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.7.5",
-    "@varlet/shared": "2.7.5"
+    "@varlet/icons": "2.8.0-alpha.1676455225773",
+    "@varlet/shared": "2.8.0-alpha.1676455225773"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -62,8 +62,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.25",
     "vue-router": "4.0.12",
-    "@varlet/cli": "2.7.5",
-    "@varlet/touch-emulator": "2.7.5"
+    "@varlet/cli": "2.8.0-alpha.1676455225773",
+    "@varlet/touch-emulator": "2.8.0-alpha.1676455225773"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/appBar.d.ts

@@ -12,6 +12,8 @@ export interface AppBarProps extends BasicAttributes {
   titlePosition?: AppBarTitlePosition
   elevation?: boolean
   round?: boolean
+  image?: string
+  imageLinearGradient?: string
 }
 
 export class AppBar extends VarComponent {

package/types/avatar.d.ts

@@ -0,0 +1,29 @@
+import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
+
+export declare const avatarProps: Record<string, any>
+
+export type AvatarFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export type AvatarSize = 'mini' | 'small' | 'normal' | 'large' | number | string
+
+export interface AvatarProps extends BasicAttributes {
+  round?: boolean
+  size?: AvatarSize
+  color?: string
+  src?: string
+  fit?: AvatarFit
+  bordered?: boolean
+  borderColor?: string
+  loading?: string
+  error?: string
+  lazy?: boolean
+  onClick?: ListenerProp<(e: Event) => void>
+  onLoad?: ListenerProp<(e: Event) => void>
+  onError?: ListenerProp<(e: Event) => void>
+}
+
+export class Avatar extends VarComponent {
+  $props: AvatarProps
+}
+
+export class _AvatarComponent extends Avatar {}

package/types/avatarGroup.d.ts

@@ -0,0 +1,14 @@
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export declare const avatarGroupProps: Record<string, any>
+
+export interface AvatarGroupProps extends BasicAttributes {
+  offset?: number | string
+  vertical?: boolean
+}
+
+export class AvatarGroup extends VarComponent {
+  $props: AvatarGroupProps
+}
+
+export class _AvatarGroupComponent extends AvatarGroup {}

package/types/cell.d.ts

@@ -1,4 +1,4 @@
-import { VarComponent, BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
 import { VNode } from 'vue'
 
 export declare const cellProps: Record<string, any>
@@ -8,10 +8,13 @@ export interface CellProps extends BasicAttributes {
   icon?: string
   description?: string
   border?: boolean
+  borderOffset?: number | string
   iconClass?: string
   titleClass?: string
   descriptionClass?: string
   extraClass?: string
+  ripple?: boolean
+  onClick?: ListenerProp<(e: Event) => void>
 }
 
 export class Cell extends VarComponent {

package/types/ellipsis.d.ts

@@ -0,0 +1,23 @@
+import { TooltipProps } from './tooltip'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export declare const ellipsisProps: Record<string, any>
+
+export type EllipsisExpandTrigger = 'click'
+
+export interface EllipsisProps extends BasicAttributes {
+  expandTrigger?: EllipsisExpandTrigger
+  lineClamp?: string | number
+  tooltip?: boolean | TooltipProps
+}
+
+export class Ellipsis extends VarComponent {
+  $props: EllipsisProps
+
+  $slots: {
+    default(): VNode[]
+    'tooltip-content'(): VNode[]
+  }
+}
+
+export class _EllipsisComponent extends Ellipsis {}

package/types/index.d.ts

@@ -5,6 +5,8 @@ export const install: (app: App) => void
 
 export * from './actionSheet'
 export * from './appBar'
+export * from './avatar'
+export * from './avatarGroup'
 export * from './backTop'
 export * from './badge'
 export * from './bottomNavigation'
@@ -25,6 +27,7 @@ export * from './counter'
 export * from './datePicker'
 export * from './dialog'
 export * from './divider'
+export * from './ellipsis'
 export * from './form'
 export * from './formDetails'
 export * from './icon'
@@ -43,6 +46,7 @@ export * from './menu'
 export * from './option'
 export * from './overlay'
 export * from './pagination'
+export * from './paper'
 export * from './picker'
 export * from './popup'
 export * from './progress'
@@ -81,6 +85,8 @@ declare module 'vue' {
   export interface GlobalComponents {
     VarActionSheet: typeof import('@varlet/ui')['_ActionSheetComponent']
     VarAppBar: typeof import('@varlet/ui')['_AppBarComponent']
+    VarAvatar: typeof import('@varlet/ui')['_AvatarComponent']
+    VarAvatarGroup: typeof import('@varlet/ui')['_AvatarGroupComponent']
     VarBackTop: typeof import('@varlet/ui')['_BackTopComponent']
     VarBadge: typeof import('@varlet/ui')['_BadgeComponent']
     VarBottomNavigation: typeof import('@varlet/ui')['_BottomNavigationComponent']
@@ -101,6 +107,7 @@ declare module 'vue' {
     VarDatePicker: typeof import('@varlet/ui')['_DatePickerComponent']
     VarDialog: typeof import('@varlet/ui')['_DialogComponent']
     VarDivider: typeof import('@varlet/ui')['_DividerComponent']
+    VarEllipsis: typeof import('@varlet/ui')['_EllipsisComponent']
     VarForm: typeof import('@varlet/ui')['_FormComponent']
     VarFormDetails: typeof import('@varlet/ui')['_FormDetailsComponent']
     VarIcon: typeof import('@varlet/ui')['_IconComponent']
@@ -119,6 +126,7 @@ declare module 'vue' {
     VarOption: typeof import('@varlet/ui')['_OptionComponent']
     VarOverlay: typeof import('@varlet/ui')['_OverlayComponent']
     VarPagination: typeof import('@varlet/ui')['_PaginationComponent']
+    VarPaper: typeof import('@varlet/ui')['_PaperComponent']
     VarPicker: typeof import('@varlet/ui')['_PickerComponent']
     VarPopup: typeof import('@varlet/ui')['_PopupComponent']
     VarProgress: typeof import('@varlet/ui')['_ProgressComponent']

package/types/paper.d.ts

@@ -0,0 +1,25 @@
+import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
+import { VNode } from 'vue'
+
+export declare const paperProps: Record<string, any>
+
+export interface PaperProps extends BasicAttributes {
+  elevation?: string | number
+  ripple?: boolean
+  radius?: string | number
+  width?: string | number
+  height?: string | number
+  round?: boolean
+  inline?: boolean
+  onClick?: ListenerProp<(e: Event) => void>
+}
+
+export class Paper extends VarComponent {
+  $props: PaperProps
+
+  $slots: {
+    default(): VNode[]
+  }
+}
+
+export class _PaperComponent extends Paper {}

package/types/tooltip.d.ts

@@ -23,6 +23,7 @@ export interface TooltipProps extends BasicAttributes {
   offsetX?: string | number
   offsetY?: string | number
   teleport?: TeleportProps['to']
+  sameWidth?: boolean
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>
   onClose?: ListenerProp<() => void>