@varlet/ui 3.5.4 → 3.6.0-alpha.1728668115499

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.5.4",
+  "version": "3.6.0-alpha.1728668115499",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,26 +48,27 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.5.4",
-    "@varlet/shared": "3.5.4",
-    "@varlet/use": "3.5.4"
+    "@varlet/icons": "3.6.0-alpha.1728668115499",
+    "@varlet/shared": "3.6.0-alpha.1728668115499",
+    "@varlet/use": "3.6.0-alpha.1728668115499"
   },
   "devDependencies": {
-    "@vue/runtime-core": "3.4.21",
-    "@vue/test-utils": "2.4.1",
     "@types/node": "^18.7.18",
     "@vitest/coverage-istanbul": "2.0.5",
-    "zod": "^3.23.8",
-    "jsdom": "24.1.1",
-    "vitest": "2.0.5",
+    "@vue/runtime-core": "3.4.21",
+    "@vue/test-utils": "2.4.1",
     "clipboard": "^2.0.6",
+    "jsdom": "24.1.1",
     "live-server": "^1.2.1",
+    "shiki": "^1.21.0",
     "typescript": "^5.1.5",
+    "vitest": "2.0.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.5.4",
-    "@varlet/ui": "3.5.4",
-    "@varlet/touch-emulator": "3.5.4"
+    "zod": "^3.23.8",
+    "@varlet/cli": "3.6.0-alpha.1728668115499",
+    "@varlet/touch-emulator": "3.6.0-alpha.1728668115499",
+    "@varlet/ui": "3.6.0-alpha.1728668115499"
   },
   "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

@@ -0,0 +1,19 @@
+import { VarComponent, BasicAttributes, SetPropsDefaults } from './varComponent'
+
+export declare const codeProps: Record<keyof CodeProps, any>
+
+export interface CodeProps extends BasicAttributes {
+  code?: string
+  language?: string
+  theme?: string
+  wordWrap?: boolean
+  trim?: boolean
+}
+
+export class Code extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<CodeProps>
+
+  $props: CodeProps
+}
+
+export class _CodeComponent extends Code {}

package/types/highlighterProvider.d.ts

@@ -0,0 +1,26 @@
+import { VarComponent, BasicAttributes, SetPropsDefaults } from './varComponent'
+
+export declare const highlighterProps: Record<keyof HighlighterProviderProps, any>
+
+export interface CodeToHtmlOptions {
+  lang?: string
+  theme?: string
+}
+
+export interface Highlighter {
+  codeToHtml: (code: string, options: CodeToHtmlOptions) => Promise<string>
+}
+
+export interface HighlighterProviderProps extends BasicAttributes {
+  highlighter?: Highlighter
+  theme?: string
+  tag?: string
+}
+
+export class HighlighterProvider extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<HighlighterProviderProps>
+
+  $props: HighlighterProviderProps
+}
+
+export class _HighlighterProviderComponent extends HighlighterProvider {}

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'
@@ -21,6 +22,7 @@ export * from './cell'
 export * from './checkbox'
 export * from './checkboxGroup'
 export * from './chip'
+export * from './code'
 export * from './col'
 export * from './collapse'
 export * from './collapseItem'
@@ -37,6 +39,7 @@ export * from './fab'
 export * from './floatingPanel'
 export * from './form'
 export * from './formDetails'
+export * from './highlighterProvider'
 export * from './hover'
 export * from './hoverOverlay'
 export * from './icon'
@@ -98,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']
@@ -115,6 +119,7 @@ declare module 'vue' {
     VarCheckbox: typeof import('@varlet/ui')['_CheckboxComponent']
     VarCheckboxGroup: typeof import('@varlet/ui')['_CheckboxGroupComponent']
     VarChip: typeof import('@varlet/ui')['_ChipComponent']
+    VarCode: typeof import('@varlet/ui')['_CodeComponent']
     VarCol: typeof import('@varlet/ui')['_ColComponent']
     VarCollapse: typeof import('@varlet/ui')['_CollapseComponent']
     VarCollapseItem: typeof import('@varlet/ui')['_CollapseItemComponent']
@@ -131,6 +136,7 @@ declare module 'vue' {
     VarFloatingPanel: typeof import('@varlet/ui')['_FloatingPanelComponent']
     VarForm: typeof import('@varlet/ui')['_FormComponent']
     VarFormDetails: typeof import('@varlet/ui')['_FormDetailsComponent']
+    VarHighlighterProvider: typeof import('@varlet/ui')['_HighlighterProviderComponent']
     VarHoverOverlay: typeof import('@varlet/ui')['_HoverOverlayComponent']
     VarIcon: typeof import('@varlet/ui')['_IconComponent']
     VarImage: typeof import('@varlet/ui')['_ImageComponent']

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
@@ -224,6 +252,8 @@ interface BaseStyleVars {
   '--chip-small-font-size'?: string
   '--chip-normal-font-size'?: string
   '--chip-large-font-size'?: string
+  '--code-line-height'?: string
+  '--code-font-size'?: string
   '--collapse-background'?: string
   '--collapse-text-color'?: string
   '--collapse-header-font-size'?: string