@varlet/ui 3.9.0 → 3.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "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.9.0",
-    "@varlet/shared": "3.9.0",
-    "@varlet/use": "3.9.0"
+    "@varlet/icons": "3.10.0",
+    "@varlet/shared": "3.10.0",
+    "@varlet/use": "3.10.0"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",
@@ -62,9 +62,9 @@
     "vue": "3.5.13",
     "vue-router": "4.5.0",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.9.0",
-    "@varlet/ui": "3.9.0",
-    "@varlet/touch-emulator": "3.9.0"
+    "@varlet/cli": "3.10.0",
+    "@varlet/ui": "3.10.0",
+    "@varlet/touch-emulator": "3.10.0"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/index.d.ts

@@ -74,6 +74,7 @@ export * from './result'
 export * from './ripple'
 export * from './row'
 export * from './select'
+export * from './signature'
 export * from './skeleton'
 export * from './slider'
 export * from './snackbar'
@@ -169,6 +170,7 @@ declare module 'vue' {
     VarResult: typeof import('@varlet/ui')['_ResultComponent']
     VarRow: typeof import('@varlet/ui')['_RowComponent']
     VarSelect: typeof import('@varlet/ui')['_SelectComponent']
+    VarSignature: typeof import('@varlet/ui')['_SignatureComponent']
     VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
     VarSlider: typeof import('@varlet/ui')['_SliderComponent']
     VarSnackbar: typeof import('@varlet/ui')['_SnackbarComponent']

package/types/signature.d.ts

@@ -0,0 +1,26 @@
+import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'
+
+export declare const signatureProps: Record<keyof SignatureProps, any>
+
+export type SignatureDataUrlType = 'png' | 'jpg'
+
+export interface SignatureProps extends BasicAttributes {
+  lineWidth?: number
+  strokeStyle?: string
+  dataUrlType?: SignatureDataUrlType
+  onStart?: ListenerProp<() => void>
+  onEnd?: ListenerProp<() => void>
+  onSigning?: ListenerProp<() => void>
+}
+
+export class Signature extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<SignatureProps>
+
+  $props: SignatureProps
+
+  confirm(): string
+
+  reset(): void
+}
+
+export class _SignatureComponent extends Signature {}

package/types/skeleton.d.ts

@@ -1,30 +1,33 @@
 import { VNode } from 'vue'
 import { BasicAttributes, SetPropsDefaults, VarComponent } from './varComponent'
 
-export declare const skeletonProps: Record<keyof SkeletonProps, any>
-
-export interface SkeletonProps extends BasicAttributes {
-  loading?: boolean
-  title?: boolean
-  avatar?: boolean
-  card?: boolean
-  fullscreen?: boolean
-  fullscreenZIndex?: string | number
-  titleWidth?: string | number
-  avatarSize?: string | number
-  cardHeight?: string | number
-  rows?: string | number
-  rowsWidth?: (string | number)[]
+export type SignatureType = 'png' | 'jpg'
+
+export declare const signatureProps: Record<keyof SignatureProps, any>
+
+export interface SignatureProps extends BasicAttributes {
+  modelValue?: string
+  lineWidth?: number
+  strokeStyle?: string
+  type?: SignatureType
+  unsupportText?: string
+  customClass?: string
+  height?: number | string
+  validateTrigger?: string[]
+  rules?: Array<(v: string) => any>
 }
 
-export class Skeleton extends VarComponent {
-  static setPropsDefaults: SetPropsDefaults<SkeletonProps>
+export class Signature extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<SignatureProps>
 
-  $props: SkeletonProps
+  $props: SignatureProps
 
   $slots: {
     default(): VNode[]
   }
+
+  clear(): void
+  confirm(): void
 }
 
-export class _SkeletonComponent extends Skeleton {}
+export class _SignatureComponent extends Signature {}

package/types/styleVars.d.ts

@@ -575,6 +575,10 @@ interface BaseStyleVars {
   '--option-font-size'?: string
   '--option-selected-background'?: string
   '--option-text-color'?: string
+  '--signature-height'?: string
+  '--signature-background-color'?: string
+  '--signature-stroke-color'?: string
+  '--signature-border-radius'?: string
   '--skeleton-content-padding'?: string
   '--skeleton-card-height'?: string
   '--skeleton-card-border-radius'?: string