@varlet/ui 3.0.7 → 3.1.0-alpha.1709537939980

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.0.7",
+  "version": "3.1.0-alpha.1709537939980",
   "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.0.7",
-    "@varlet/use": "3.0.7",
-    "@varlet/shared": "3.0.7"
+    "@varlet/shared": "3.1.0-alpha.1709537939980",
+    "@varlet/use": "3.1.0-alpha.1709537939980",
+    "@varlet/icons": "3.1.0-alpha.1709537939980"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.15",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.15",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.0.7",
-    "@varlet/cli": "3.0.7",
-    "@varlet/touch-emulator": "3.0.7"
+    "@varlet/touch-emulator": "3.1.0-alpha.1709537939980",
+    "@varlet/ui": "3.1.0-alpha.1709537939980",
+    "@varlet/cli": "3.1.0-alpha.1709537939980"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/actionSheet.d.ts

@@ -13,6 +13,7 @@ export interface ActionSheetProps extends BasicAttributes {
   lockScroll?: boolean
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
+  closeOnKeyEscape?: boolean
   safeArea?: boolean
   teleport?: TeleportProps['to'] | false
   onOpen?: ListenerProp<() => void>
@@ -21,6 +22,7 @@ export interface ActionSheetProps extends BasicAttributes {
   onClosed?: ListenerProp<() => void>
   onSelect?: ListenerProp<(action: ActionItem) => void>
   onClickOverlay?: ListenerProp<() => void>
+  onKeyEscape?: ListenerProp<() => void>
   'onUpdate:show'?: ListenerProp<(show: boolean) => void>
 }
 
@@ -43,12 +45,14 @@ export interface ActionSheetOptions {
   lockScroll?: boolean
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
+  closeOnKeyEscape?: boolean
   safeArea?: boolean
   onOpen?: () => void
   onOpened?: () => void
   onClose?: () => void
   onClosed?: () => void
   onClickOverlay?: () => void
+  onKeyEscape?: () => void
   onSelect?: (action: ActionItem) => void
 }
 

package/types/input.d.ts

@@ -39,6 +39,10 @@ export interface InputProps extends BasicAttributes {
   'onUpdate:modelValue'?: ListenerProp<(value: string) => void>
 }
 
+export interface InputClearIconData {
+  clear: (e: Event) => void
+}
+
 export class Input extends VarComponent {
   static setPropsDefaults: SetPropsDefaults<InputProps>
 
@@ -47,7 +51,7 @@ export class Input extends VarComponent {
   $slots: {
     'prepend-icon'(): VNode[]
     'append-icon'(): VNode[]
-    'clear-icon'(): VNode[]
+    'clear-icon'(data: InputClearIconData): VNode[]
     'extra-message'(): VNode[]
   }
 

package/types/select.d.ts

@@ -40,6 +40,11 @@ export interface SelectProps extends BasicAttributes {
 
 export interface SelectArrowIconData {
   focus: boolean
+  menuOpen: boolean
+}
+
+export interface SelectClearIconData {
+  clear: (e: Event) => void
 }
 
 export class Select extends VarComponent {
@@ -50,7 +55,7 @@ export class Select extends VarComponent {
   $slots: {
     'selected'(): VNode[]
     'prepend-icon'(): VNode[]
-    'clear-icon'(): VNode[]
+    'clear-icon'(data: SelectClearIconData): VNode[]
     'append-icon'(): VNode[]
     'arrow-icon'(data: SelectArrowIconData): VNode[]
   }

package/types/styleVars.d.ts

@@ -753,6 +753,8 @@ export interface StyleVars {
   linkDisabledColor?: string
   '--link-font-size'?: string
   linkFontSize?: string
+  '--link-focus-opacity'?: string
+  linkFocusOpacity?: string
   '--list-loading-height'?: string
   listLoadingHeight?: string
   '--list-finished-height'?: string
@@ -857,6 +859,8 @@ export interface StyleVars {
   paginationSizePadding?: string
   '--paper-background'?: string
   paperBackground?: string
+  '--paper-border-radius'?: string
+  paperBorderRadius?: string
   '--picker-background'?: string
   pickerBackground?: string
   '--picker-toolbar-height'?: string
@@ -1151,98 +1155,6 @@ export interface StyleVars {
   stepVerticalTagMargin?: string
   '--step-vertical-min-height'?: string
   stepVerticalMinHeight?: string
-  '--font-size-xs'?: string
-  fontSizeXs?: string
-  '--font-size-sm'?: string
-  fontSizeSm?: string
-  '--font-size-md'?: string
-  fontSizeMd?: string
-  '--font-size-lg'?: string
-  fontSizeLg?: string
-  '--icon-size-xs'?: string
-  iconSizeXs?: string
-  '--icon-size-sm'?: string
-  iconSizeSm?: string
-  '--icon-size-md'?: string
-  iconSizeMd?: string
-  '--icon-size-lg'?: string
-  iconSizeLg?: string
-  '--color-body'?: string
-  colorBody?: string
-  '--color-text'?: string
-  colorText?: string
-  '--color-primary'?: string
-  colorPrimary?: string
-  '--color-info'?: string
-  colorInfo?: string
-  '--color-success'?: string
-  colorSuccess?: string
-  '--color-warning'?: string
-  colorWarning?: string
-  '--color-danger'?: string
-  colorDanger?: string
-  '--color-disabled'?: string
-  colorDisabled?: string
-  '--color-text-disabled'?: string
-  colorTextDisabled?: string
-  '--color-on-primary'?: string
-  colorOnPrimary?: string
-  '--color-on-info'?: string
-  colorOnInfo?: string
-  '--color-on-success'?: string
-  colorOnSuccess?: string
-  '--color-on-warning'?: string
-  colorOnWarning?: string
-  '--color-on-danger'?: string
-  colorOnDanger?: string
-  '--color-primary-container'?: string
-  colorPrimaryContainer?: string
-  '--color-info-container'?: string
-  colorInfoContainer?: string
-  '--color-success-container'?: string
-  colorSuccessContainer?: string
-  '--color-warning-container'?: string
-  colorWarningContainer?: string
-  '--color-danger-container'?: string
-  colorDangerContainer?: string
-  '--color-on-primary-container'?: string
-  colorOnPrimaryContainer?: string
-  '--color-on-info-container'?: string
-  colorOnInfoContainer?: string
-  '--color-on-success-container'?: string
-  colorOnSuccessContainer?: string
-  '--color-on-warning-container'?: string
-  colorOnWarningContainer?: string
-  '--color-on-danger-container'?: string
-  colorOnDangerContainer?: string
-  '--color-surface-container'?: string
-  colorSurfaceContainer?: string
-  '--color-surface-container-low'?: string
-  colorSurfaceContainerLow?: string
-  '--color-surface-container-high'?: string
-  colorSurfaceContainerHigh?: string
-  '--color-surface-container-highest'?: string
-  colorSurfaceContainerHighest?: string
-  '--color-inverse-surface'?: string
-  colorInverseSurface?: string
-  '--color-outline'?: string
-  colorOutline?: string
-  '--color-on-surface-variant'?: string
-  colorOnSurfaceVariant?: string
-  '--opacity-disabled'?: string
-  opacityDisabled?: string
-  '--opacity-hover'?: string
-  opacityHover?: string
-  '--opacity-focus'?: string
-  opacityFocus?: string
-  '--cubic-bezier'?: string
-  cubicBezier?: string
-  '--shadow-key-umbra-opacity'?: string
-  shadowKeyUmbraOpacity?: string
-  '--shadow-key-penumbra-opacity'?: string
-  shadowKeyPenumbraOpacity?: string
-  '--shadow-key-ambient-opacity'?: string
-  shadowKeyAmbientOpacity?: string
   '--swipe-indicator-color'?: string
   swipeIndicatorColor?: string
   '--swipe-indicators-offset'?: string
@@ -1341,6 +1253,102 @@ export interface StyleVars {
   tabFontSize?: string
   '--tab-font-weight'?: string
   tabFontWeight?: string
+  '--tab-active-font-size'?: string
+  tabActiveFontSize?: string
+  '--tab-active-font-weight'?: string
+  tabActiveFontWeight?: string
+  '--font-size-xs'?: string
+  fontSizeXs?: string
+  '--font-size-sm'?: string
+  fontSizeSm?: string
+  '--font-size-md'?: string
+  fontSizeMd?: string
+  '--font-size-lg'?: string
+  fontSizeLg?: string
+  '--icon-size-xs'?: string
+  iconSizeXs?: string
+  '--icon-size-sm'?: string
+  iconSizeSm?: string
+  '--icon-size-md'?: string
+  iconSizeMd?: string
+  '--icon-size-lg'?: string
+  iconSizeLg?: string
+  '--color-body'?: string
+  colorBody?: string
+  '--color-text'?: string
+  colorText?: string
+  '--color-primary'?: string
+  colorPrimary?: string
+  '--color-info'?: string
+  colorInfo?: string
+  '--color-success'?: string
+  colorSuccess?: string
+  '--color-warning'?: string
+  colorWarning?: string
+  '--color-danger'?: string
+  colorDanger?: string
+  '--color-disabled'?: string
+  colorDisabled?: string
+  '--color-text-disabled'?: string
+  colorTextDisabled?: string
+  '--color-on-primary'?: string
+  colorOnPrimary?: string
+  '--color-on-info'?: string
+  colorOnInfo?: string
+  '--color-on-success'?: string
+  colorOnSuccess?: string
+  '--color-on-warning'?: string
+  colorOnWarning?: string
+  '--color-on-danger'?: string
+  colorOnDanger?: string
+  '--color-primary-container'?: string
+  colorPrimaryContainer?: string
+  '--color-info-container'?: string
+  colorInfoContainer?: string
+  '--color-success-container'?: string
+  colorSuccessContainer?: string
+  '--color-warning-container'?: string
+  colorWarningContainer?: string
+  '--color-danger-container'?: string
+  colorDangerContainer?: string
+  '--color-on-primary-container'?: string
+  colorOnPrimaryContainer?: string
+  '--color-on-info-container'?: string
+  colorOnInfoContainer?: string
+  '--color-on-success-container'?: string
+  colorOnSuccessContainer?: string
+  '--color-on-warning-container'?: string
+  colorOnWarningContainer?: string
+  '--color-on-danger-container'?: string
+  colorOnDangerContainer?: string
+  '--color-surface-container'?: string
+  colorSurfaceContainer?: string
+  '--color-surface-container-low'?: string
+  colorSurfaceContainerLow?: string
+  '--color-surface-container-high'?: string
+  colorSurfaceContainerHigh?: string
+  '--color-surface-container-highest'?: string
+  colorSurfaceContainerHighest?: string
+  '--color-inverse-surface'?: string
+  colorInverseSurface?: string
+  '--color-outline'?: string
+  colorOutline?: string
+  '--color-on-surface-variant'?: string
+  colorOnSurfaceVariant?: string
+  '--opacity-disabled'?: string
+  opacityDisabled?: string
+  '--opacity-hover'?: string
+  opacityHover?: string
+  '--opacity-focus'?: string
+  opacityFocus?: string
+  '--cubic-bezier'?: string
+  cubicBezier?: string
+  '--shadow-key-umbra-opacity'?: string
+  shadowKeyUmbraOpacity?: string
+  '--shadow-key-penumbra-opacity'?: string
+  shadowKeyPenumbraOpacity?: string
+  '--shadow-key-ambient-opacity'?: string
+  shadowKeyAmbientOpacity?: string
   '--time-picker-border-radius'?: string
   timePickerBorderRadius?: string
   '--time-picker-font-size'?: string