@varlet/ui 2.20.5 → 3.0.0-alpha.1704352780759

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.20.5",
+  "version": "3.0.0-alpha.1704352780759",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,12 +48,12 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.20.5",
-    "@varlet/use": "2.20.5",
-    "@varlet/shared": "2.20.5"
+    "@varlet/icons": "3.0.0-alpha.1704352780759",
+    "@varlet/use": "3.0.0-alpha.1704352780759",
+    "@varlet/shared": "3.0.0-alpha.1704352780759"
   },
   "devDependencies": {
-    "@vue/runtime-core": "3.4.0",
+    "@vue/runtime-core": "3.4.3",
     "@vue/test-utils": "2.4.1",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^18.7.18",
@@ -64,11 +64,11 @@
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",
     "typescript": "^5.1.5",
-    "vue": "3.4.0",
+    "vue": "3.4.3",
     "vue-router": "4.2.0",
-    "@varlet/ui": "2.20.5",
-    "@varlet/cli": "2.20.5",
-    "@varlet/touch-emulator": "2.20.5"
+    "@varlet/ui": "3.0.0-alpha.1704352780759",
+    "@varlet/touch-emulator": "3.0.0-alpha.1704352780759",
+    "@varlet/cli": "3.0.0-alpha.1704352780759"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/chip.d.ts

@@ -22,8 +22,6 @@ export interface ChipProps extends BasicAttributes {
   plain?: boolean
   round?: boolean
   block?: boolean
-  /** @deprecated Use closeable to instead. */
-  closable?: boolean
   closeable?: boolean
   onClose?: ListenerProp<(e: Event) => void>
 }

package/types/datePicker.d.ts

@@ -11,8 +11,6 @@ export interface DatePickerProps extends BasicAttributes {
   allowedDates?: (val: string) => boolean
   color?: string
   hint?: string
-  /** @deprecated Use titleColor to instead. */
-  headerColor?: string
   titleColor?: string
   elevation?: boolean | string | number
   buttonElevation?: boolean | string | number

package/types/imagePreview.d.ts

@@ -21,9 +21,6 @@ export interface ImagePreviewProps extends BasicAttributes {
   onChange?: ListenerProp<(index: number) => void>
   onLongPress?: ListenerProp<(index: number) => void>
   'onUpdate:show'?: ListenerProp<(show: boolean) => void>
-
-  /** @deprecated Use initialIndex to instead. */
-  current?: string
 }
 
 export interface ImagePreviewOptions {
@@ -40,9 +37,6 @@ export interface ImagePreviewOptions {
   onClosed?: () => void
   onChange?: (index: number) => void
   onLongPress?: (index: number) => void
-
-  /** @deprecated Use initialIndex to instead. */
-  current?: string
 }
 
 export class ImagePreviewComponent extends VarComponent {

package/types/indexBar.d.ts

@@ -17,9 +17,6 @@ export interface IndexBarProps extends BasicAttributes {
   duration?: number | string
   onClick?: ListenerProp<(value: string | number) => void>
   onChange?: ListenerProp<(value: string | number) => void>
-
-  /** @deprecated Use stickyCssMode to instead. */
-  cssMode?: boolean
 }
 
 export class IndexBar extends VarComponent {

package/types/input.d.ts

@@ -47,6 +47,7 @@ export class Input extends VarComponent {
   $slots: {
     'prepend-icon'(): VNode[]
     'append-icon'(): VNode[]
+    'clear-icon'(): VNode[]
     'extra-message'(): VNode[]
   }
 

package/types/loadingBar.d.ts

@@ -8,9 +8,6 @@ export interface LoadingBarOptions {
 export declare const loadingBarProps: Record<string, any>
 
 export interface ILoadingBar {
-  /** @deprecated Use setDefaultOptions to instead. */
-  mergeConfig(options: LoadingBarOptions): void
-
   start(): void
 
   finish(): void

package/types/progress.d.ts

@@ -20,9 +20,6 @@ export interface ProgressProps extends BasicAttributes {
   value?: number | string
   size?: number | string
   rotate?: number
-
-  /** @deprecated  Use indeterminate to instead. */
-  ripple?: boolean
 }
 
 export class Progress extends VarComponent {

package/types/select.d.ts

@@ -50,6 +50,7 @@ export class Select extends VarComponent {
   $slots: {
     'selected'(): VNode[]
     'prepend-icon'(): VNode[]
+    'clear-icon'(): VNode[]
     'append-icon'(): VNode[]
     'arrow-icon'(data: SelectArrowIconData): VNode[]
   }

package/types/styleVars.d.ts

@@ -67,6 +67,8 @@ export interface StyleVars {
   backTopBottom?: string
   '--back-top-button-size'?: string
   backTopButtonSize?: string
+  '--back-top-button-border-radius'?: string
+  backTopButtonBorderRadius?: string
   '--badge-content-padding'?: string
   badgeContentPadding?: string
   '--badge-content-border'?: string
@@ -89,6 +91,18 @@ export interface StyleVars {
   badgeWarningColor?: string
   '--badge-info-color'?: string
   badgeInfoColor?: string
+  '--badge-default-text-color'?: string
+  badgeDefaultTextColor?: string
+  '--badge-primary-text-color'?: string
+  badgePrimaryTextColor?: string
+  '--badge-danger-text-color'?: string
+  badgeDangerTextColor?: string
+  '--badge-success-text-color'?: string
+  badgeSuccessTextColor?: string
+  '--badge-warning-text-color'?: string
+  badgeWarningTextColor?: string
+  '--badge-info-text-color'?: string
+  badgeInfoTextColor?: string
   '--badge-dot-width'?: string
   badgeDotWidth?: string
   '--badge-dot-height'?: string
@@ -117,6 +131,8 @@ export interface StyleVars {
   bottomNavigationItemIconSize?: string
   '--bottom-navigation-item-icon-margin-bottom'?: string
   bottomNavigationItemIconMarginBottom?: string
+  '--bottom-navigation-fab-border-radius'?: string
+  bottomNavigationFabBorderRadius?: string
   '--breadcrumb-active-color'?: string
   breadcrumbActiveColor?: string
   '--breadcrumb-inactive-color'?: string
@@ -125,10 +141,20 @@ export interface StyleVars {
   breadcrumbSeparatorMargin?: string
   '--breadcrumb-separator-font-size'?: string
   breadcrumbSeparatorFontSize?: string
-  '--button-default-color'?: string
-  buttonDefaultColor?: string
   '--button-default-text-color'?: string
   buttonDefaultTextColor?: string
+  '--button-primary-text-color'?: string
+  buttonPrimaryTextColor?: string
+  '--button-danger-text-color'?: string
+  buttonDangerTextColor?: string
+  '--button-success-text-color'?: string
+  buttonSuccessTextColor?: string
+  '--button-warning-text-color'?: string
+  buttonWarningTextColor?: string
+  '--button-info-text-color'?: string
+  buttonInfoTextColor?: string
+  '--button-default-color'?: string
+  buttonDefaultColor?: string
   '--button-primary-color'?: string
   buttonPrimaryColor?: string
   '--button-danger-color'?: string
@@ -241,6 +267,8 @@ export interface StyleVars {
   cardCloseButtonPrimaryColor?: string
   '--card-close-button-text-color'?: string
   cardCloseButtonTextColor?: string
+  '--card-close-button-border-radius'?: string
+  cardCloseButtonBorderRadius?: string
   '--cell-color'?: string
   cellColor?: string
   '--cell-font-size'?: string
@@ -279,6 +307,16 @@ export interface StyleVars {
   checkboxIconSize?: string
   '--chip-default-text-color'?: string
   chipDefaultTextColor?: string
+  '--chip-primary-text-color'?: string
+  chipPrimaryTextColor?: string
+  '--chip-danger-text-color'?: string
+  chipDangerTextColor?: string
+  '--chip-success-text-color'?: string
+  chipSuccessTextColor?: string
+  '--chip-warning-text-color'?: string
+  chipWarningTextColor?: string
+  '--chip-info-text-color'?: string
+  chipInfoTextColor?: string
   '--chip-default-color'?: string
   chipDefaultColor?: string
   '--chip-primary-color'?: string
@@ -291,6 +329,16 @@ export interface StyleVars {
   chipWarningColor?: string
   '--chip-info-color'?: string
   chipInfoColor?: string
+  '--chip-primary-plain-color'?: string
+  chipPrimaryPlainColor?: string
+  '--chip-danger-plain-color'?: string
+  chipDangerPlainColor?: string
+  '--chip-success-plain-color'?: string
+  chipSuccessPlainColor?: string
+  '--chip-warning-plain-color'?: string
+  chipWarningPlainColor?: string
+  '--chip-info-plain-color'?: string
+  chipInfoPlainColor?: string
   '--chip-border-radius'?: string
   chipBorderRadius?: string
   '--chip-mini-height'?: string
@@ -383,6 +431,8 @@ export interface StyleVars {
   datePickerMinWidth?: string
   '--date-picker-main-color'?: string
   datePickerMainColor?: string
+  '--date-picker-title-hint-color'?: string
+  datePickerTitleHintColor?: string
   '--date-picker-title-hint-font-size'?: string
   datePickerTitleHintFontSize?: string
   '--date-picker-title-height'?: string
@@ -407,16 +457,20 @@ export interface StyleVars {
   datePickerTitleDateFontWeight?: string
   '--date-picker-title-date-range-font-size'?: string
   datePickerTitleDateRangeFontSize?: string
+  '--date-picker-body-padding'?: string
+  datePickerBodyPadding?: string
   '--date-picker-body-background-color'?: string
   datePickerBodyBackgroundColor?: string
   '--date-picker-body-height'?: string
   datePickerBodyHeight?: string
-  '--picker-header-padding'?: string
-  pickerHeaderPadding?: string
-  '--picker-actions-padding'?: string
-  pickerActionsPadding?: string
-  '--picker-header-color'?: string
-  pickerHeaderColor?: string
+  '--date-picker-header-arrow-filter'?: string
+  datePickerHeaderArrowFilter?: string
+  '--date-picker-header-padding'?: string
+  datePickerHeaderPadding?: string
+  '--date-picker-actions-padding'?: string
+  datePickerActionsPadding?: string
+  '--date-picker-header-color'?: string
+  datePickerHeaderColor?: string
   '--month-picker-padding'?: string
   monthPickerPadding?: string
   '--month-picker-item-width'?: string
@@ -499,6 +553,8 @@ export interface StyleVars {
   fabRight?: string
   '--fab-trigger-size'?: string
   fabTriggerSize?: string
+  '--fab-trigger-border-radius'?: string
+  fabTriggerBorderRadius?: string
   '--fab-trigger-inactive-icon-size'?: string
   fabTriggerInactiveIconSize?: string
   '--fab-trigger-active-icon-size'?: string
@@ -507,6 +563,10 @@ export interface StyleVars {
   fabActionsPadding?: string
   '--fab-action-margin'?: string
   fabActionMargin?: string
+  '--fab-action-size'?: string
+  fabActionSize?: string
+  '--fab-action-border-radius'?: string
+  fabActionBorderRadius?: string
   '--fab-transition-standard-easing'?: string
   fabTransitionStandardEasing?: string
   '--floating-panel-z-index'?: string
@@ -807,8 +867,6 @@ export interface StyleVars {
   popupContentBackgroundColor?: string
   '--progress-font-size'?: string
   progressFontSize?: string
-  '--progress-ripple-color'?: string
-  progressRippleColor?: string
   '--progress-track-color'?: string
   progressTrackColor?: string
   '--progress-label-color'?: string
@@ -1069,10 +1127,6 @@ export interface StyleVars {
   stepLineBackground?: string
   '--step-line-gap'?: string
   stepLineGap?: string
-  '--step-min-size'?: string
-  stepMinSize?: string
-  '--step-line-size'?: string
-  stepLineSize?: string
   '--step-vertical-tag-margin'?: string
   stepVerticalTagMargin?: string
   '--step-vertical-min-height'?: string
@@ -1233,6 +1287,8 @@ export interface StyleVars {
   timePickerTitleColor?: string
   '--time-picker-title-margin-bottom'?: string
   timePickerTitleMarginBottom?: string
+  '--time-picker-title-hint-color'?: string
+  timePickerTitleHintColor?: string
   '--time-picker-title-hint-font-size'?: string
   timePickerTitleHintFontSize?: string
   '--time-picker-title-background'?: string
@@ -1289,6 +1345,8 @@ export interface StyleVars {
   timePickerClockItemActiveColor?: string
   '--time-picker-clock-item-disable-color'?: string
   timePickerClockItemDisableColor?: string
+  '--time-picker-clock-item-disable-background'?: string
+  timePickerClockItemDisableBackground?: string
   '--time-picker-clock-item-text-color'?: string
   timePickerClockItemTextColor?: string
   '--time-picker-inner-left'?: string
@@ -1313,10 +1371,10 @@ export interface StyleVars {
   tooltipFontSize?: string
   '--tooltip-padding'?: string
   tooltipPadding?: string
-  '--tooltip-default-color'?: string
-  tooltipDefaultColor?: string
   '--tooltip-offset'?: string
   tooltipOffset?: string
+  '--tooltip-default-color'?: string
+  tooltipDefaultColor?: string
   '--tooltip-primary-color'?: string
   tooltipPrimaryColor?: string
   '--tooltip-info-color'?: string
@@ -1327,6 +1385,18 @@ export interface StyleVars {
   tooltipWarningColor?: string
   '--tooltip-danger-color'?: string
   tooltipDangerColor?: string
+  '--tooltip-default-text-color'?: string
+  tooltipDefaultTextColor?: string
+  '--tooltip-primary-text-color'?: string
+  tooltipPrimaryTextColor?: string
+  '--tooltip-info-text-color'?: string
+  tooltipInfoTextColor?: string
+  '--tooltip-success-text-color'?: string
+  tooltipSuccessTextColor?: string
+  '--tooltip-warning-text-color'?: string
+  tooltipWarningTextColor?: string
+  '--tooltip-danger-text-color'?: string
+  tooltipDangerTextColor?: string
   '--uploader-action-background'?: string
   uploaderActionBackground?: string
   '--uploader-action-icon-color'?: string
@@ -1347,6 +1417,8 @@ export interface StyleVars {
   uploaderFileNameFontSize?: string
   '--uploader-file-name-padding'?: string
   uploaderFileNamePadding?: string
+  '--uploader-file-border-radius'?: string
+  uploaderFileBorderRadius?: string
   '--uploader-file-text-align'?: string
   uploaderFileTextAlign?: string
   '--uploader-file-close-background'?: string

package/types/themes.d.ts

@@ -2,6 +2,8 @@ import { StyleVars } from './styleProvider'
 
 interface Themes {
   dark: StyleVars
+  md3Light: StyleVars
+  md3Dark: StyleVars
 }
 
 export declare const Themes: Themes

package/types/timePicker.d.ts

@@ -16,8 +16,6 @@ export interface TimePickerProps extends BasicAttributes {
   elevation?: boolean | string | number
   color?: string
   hint?: string
-  /** @deprecated Use titleColor to instead. */
-  headerColor?: string
   titleColor?: string
   allowedTime?: AllowedTime
   format?: TimePickerFormat

package/types/uploader.d.ts

@@ -8,6 +8,7 @@ export type VarFileFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
 export type VarFileState = 'loading' | 'success' | 'error'
 
 export interface VarFile {
+  id?: number | string
   file?: File
   name?: string
   url?: string