@varlet/ui 3.18.0-alpha.1781276267923 → 3.18.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.18.0-alpha.1781276267923",
+  "version": "3.18.1",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.18.0-alpha.1781276267923",
-    "@varlet/shared": "3.18.0-alpha.1781276267923",
-    "@varlet/use": "3.18.0-alpha.1781276267923"
+    "@varlet/icons": "3.18.1",
+    "@varlet/shared": "3.18.1",
+    "@varlet/use": "3.18.1"
   },
   "devDependencies": {
     "@types/node": "^20.19.0",
@@ -62,9 +62,9 @@
     "vue": "3.5.21",
     "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.18.0-alpha.1781276267923",
-    "@varlet/ui": "3.18.0-alpha.1781276267923",
-    "@varlet/touch-emulator": "3.18.0-alpha.1781276267923"
+    "@varlet/ui": "3.18.1",
+    "@varlet/touch-emulator": "3.18.1",
+    "@varlet/cli": "3.18.1"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/dialog.d.ts

@@ -1,4 +1,4 @@
-import { App, TeleportProps, VNode } from 'vue'
+import { App, Ref, TeleportProps, VNode } from 'vue'
 import { ButtonProps } from './button'
 import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'
 
@@ -6,6 +6,13 @@ export declare const dialogProps: Record<keyof DialogProps, any>
 
 export type DialogTypeMessageAlign = 'left' | 'center' | 'right'
 
+export interface DialogBeforeCloseRefs {
+  confirmButtonLoading: Ref<boolean>
+  cancelButtonLoading: Ref<boolean>
+  confirmButtonDisabled: Ref<boolean>
+  cancelButtonDisabled: Ref<boolean>
+}
+
 export interface DialogProps extends BasicAttributes {
   show?: boolean
   width?: string | number
@@ -37,7 +44,7 @@ export interface DialogProps extends BasicAttributes {
   teleport?: TeleportProps['to'] | false
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>
-  onBeforeClose?: ListenerProp<(action: DialogActions, done: () => void) => void>
+  onBeforeClose?: ListenerProp<(action: DialogActions, done: () => void, refs: DialogBeforeCloseRefs) => void>
   onClose?: ListenerProp<() => void>
   onClosed?: ListenerProp<() => void>
   onConfirm?: ListenerProp<() => void>
@@ -94,7 +101,7 @@ export interface DialogOptions {
   closeOnKeyEscape?: boolean
   onOpen?: () => void
   onOpened?: () => void
-  onBeforeClose?: (action: DialogActions, done: () => void) => void
+  onBeforeClose?: (action: DialogActions, done: () => void, refs: DialogBeforeCloseRefs) => void
   onClose?: () => void
   onClosed?: () => void
   onConfirm?: () => void

package/types/paper.d.ts

@@ -5,6 +5,8 @@ export declare const paperProps: Record<keyof PaperProps, any>
 
 export type PaperSurface = 'low'
 
+export type PaperVariant = 'standard' | 'outlined' | 'filled'
+
 export interface PaperRipple {
   disabled?: boolean
   color?: string
@@ -23,6 +25,7 @@ export interface PaperProps extends BasicAttributes {
   height?: string | number
   round?: boolean
   inline?: boolean
+  variant?: PaperVariant
   surface?: PaperSurface
   hoverable?: boolean | PaperHoverable
   onClick?: ListenerProp<(e: Event) => void>

package/types/styleVars.d.ts

@@ -167,6 +167,7 @@ interface BaseStyleVars {
   '--button-large-font-size'?: string
   '--card-background'?: string
   '--card-surface-low-background'?: string
+  '--card-outlined-background'?: string
   '--card-filled-background'?: string
   '--card-padding'?: string
   '--card-border-radius'?: string
@@ -304,9 +305,15 @@ interface BaseStyleVars {
   '--data-table-resize-trigger-color'?: string
   '--data-table-fixed-shadow-color'?: string
   '--data-table-border-radius'?: string
-  '--data-table-cell-padding'?: string
-  '--data-table-selection-cell-padding'?: string
-  '--data-table-expand-cell-padding'?: string
+  '--data-table-cell-normal-padding'?: string
+  '--data-table-cell-small-padding'?: string
+  '--data-table-cell-large-padding'?: string
+  '--data-table-selection-cell-normal-padding'?: string
+  '--data-table-selection-cell-small-padding'?: string
+  '--data-table-selection-cell-large-padding'?: string
+  '--data-table-expand-cell-normal-padding'?: string
+  '--data-table-expand-cell-small-padding'?: string
+  '--data-table-expand-cell-large-padding'?: string
   '--data-table-cell-font-size'?: string
   '--data-table-header-font-size'?: string
   '--data-table-header-font-weight'?: string
@@ -558,6 +565,9 @@ interface BaseStyleVars {
   '--pagination-quick-jumper-margin'?: string
   '--paper-background'?: string
   '--paper-surface-low-background'?: string
+  '--paper-outlined-background'?: string
+  '--paper-filled-background'?: string
+  '--paper-outline-color'?: string
   '--paper-border-radius'?: string
   '--picker-background'?: string
   '--picker-toolbar-height'?: string