@varlet/ui 3.6.0-alpha.1728498016952 → 3.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.6.0-alpha.1728498016952",
+  "version": "3.6.0",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.6.0-alpha.1728498016952",
-    "@varlet/shared": "3.6.0-alpha.1728498016952",
-    "@varlet/use": "3.6.0-alpha.1728498016952"
+    "@varlet/icons": "3.6.0",
+    "@varlet/shared": "3.6.0",
+    "@varlet/use": "3.6.0"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",
@@ -66,9 +66,9 @@
     "vue": "3.4.21",
     "vue-router": "4.2.0",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.6.0-alpha.1728498016952",
-    "@varlet/touch-emulator": "3.6.0-alpha.1728498016952",
-    "@varlet/ui": "3.6.0-alpha.1728498016952"
+    "@varlet/cli": "3.6.0",
+    "@varlet/ui": "3.6.0",
+    "@varlet/touch-emulator": "3.6.0"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/alert.d.ts

@@ -0,0 +1,35 @@
+import { VNode } from 'vue'
+import { VarComponent, BasicAttributes, SetPropsDefaults, ListenerProp } from './varComponent'
+
+export declare const alertProps: Record<keyof AlertProps, any>
+
+export type AlertType = 'info' | 'success' | 'warning' | 'danger'
+
+export type AlertVariant = 'tonal' | 'outlined' | 'standard'
+
+export interface AlertProps extends BasicAttributes {
+  type?: AlertType
+  variant?: AlertVariant
+  color?: string
+  title?: string
+  message?: string
+  closeable?: boolean
+  elevation?: boolean | string | number
+  onClose?: ListenerProp<(e: Event) => void>
+}
+
+export class Alert extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<AlertProps>
+
+  $props: AlertProps
+
+  $slots: {
+    default(): VNode[]
+    content(): VNode[]
+    title(): VNode[]
+    icon(): VNode[]
+    'close-icon'(): VNode[]
+  }
+}
+
+export class _AlertComponent extends Alert {}

package/types/code.d.ts

@@ -7,6 +7,7 @@ export interface CodeProps extends BasicAttributes {
   language?: string
   theme?: string
   wordWrap?: boolean
+  trim?: boolean
 }
 
 export class Code extends VarComponent {

package/types/index.d.ts

@@ -4,6 +4,7 @@ export const version: string
 export const install: (app: App) => void
 
 export * from './actionSheet'
+export * from './alert'
 export * from './appBar'
 export * from './autoComplete'
 export * from './avatar'
@@ -100,6 +101,7 @@ export * from './watermark'
 declare module 'vue' {
   export interface GlobalComponents {
     VarActionSheet: typeof import('@varlet/ui')['_ActionSheetComponent']
+    VarAlert: typeof import('@varlet/ui')['_AlertComponent']
     VarAppBar: typeof import('@varlet/ui')['_AppBarComponent']
     VarAutoComplete: typeof import('@varlet/ui')['_AutoCompleteComponent']
     VarAvatar: typeof import('@varlet/ui')['_AvatarComponent']

package/types/styleVars.d.ts

@@ -22,6 +22,34 @@ interface BaseStyleVars {
   '--action-sheet-action-item-disabled-color'?: string
   '--action-sheet-icon-margin'?: string
   '--action-sheet-icon-size'?: string
+  '--alert-padding'?: string
+  '--alert-border-radius'?: string
+  '--alert-icon-size'?: string
+  '--alert-icon-margin'?: string
+  '--alert-close-icon-size'?: string
+  '--alert-close-icon-margin'?: string
+  '--alert-standard-info-text-color'?: string
+  '--alert-standard-danger-text-color'?: string
+  '--alert-standard-success-text-color'?: string
+  '--alert-standard-warning-text-color'?: string
+  '--alert-danger-background'?: string
+  '--alert-success-background'?: string
+  '--alert-warning-background'?: string
+  '--alert-info-background'?: string
+  '--alert-tonal-danger-background'?: string
+  '--alert-tonal-success-background'?: string
+  '--alert-tonal-warning-background'?: string
+  '--alert-tonal-info-background'?: string
+  '--alert-tonal-danger-text-color'?: string
+  '--alert-tonal-success-text-color'?: string
+  '--alert-tonal-warning-text-color'?: string
+  '--alert-tonal-info-text-color'?: string
+  '--alert-message-font-size'?: string
+  '--alert-title-font-size'?: string
+  '--alert-title-font-weight'?: string
+  '--alert-message-margin-top'?: string
+  '--alert-message-line-height'?: string
+  '--alert-title-line-height'?: string
   '--app-bar-color'?: string
   '--app-bar-text-color'?: string
   '--app-bar-height'?: string