v3.17.0

haoziqaq · haoziqaq · commit ab8e1ba2ec74 · 2026-05-19T01:04:53.000+08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,11 +1,34 @@
-## [3.16.2](https://github.com/varletjs/varlet/compare/v3.16.1...v3.16.2) (2026-05-12)
+# [3.17.0](https://github.com/varletjs/varlet/compare/v3.16.2...v3.17.0) (2026-05-18)
+
+
+### Bug Fixes
+
+* **segmented-buttons:** simplify modelValue watcher and remove unnecessary nextTick call ([11d2351](https://github.com/varletjs/varlet/commit/11d2351ba16f74d18a9b40e5a6393e7412dfae48))
+* **segmented-buttons:** update checked background and text color variables for consistency across themes ([be8da89](https://github.com/varletjs/varlet/commit/be8da893e53671198b262d671630a2c3649c09e4))
+* **segmented-buttons:** update default values for checked-value, ripple, and checkmark props in documentation ([debc2e6](https://github.com/varletjs/varlet/commit/debc2e6245749137fd91fdb51432340946844d8f))
+* **segmented-buttons:** update documentation for clarity, adjust variable names, and improve layout styles ([06723ea](https://github.com/varletjs/varlet/commit/06723eaa3e70f7559fb99d5cf821b4c698e213f7))
 
 
 ### Features
 
 * **card, paper:** add support for hoverable and ripple properties as objects with color and disabled options ([d5b224b](https://github.com/varletjs/varlet/commit/d5b224bdb5c848b69526ae7492274b40547fb790))
 * **config:** update team member details including names, descriptions, and social links ([351168e](https://github.com/varletjs/varlet/commit/351168ebb17fb8baa26a5fd991f77187e14a7824))
+* **form:** add segmented buttons for period selection and enhance form functionality ([0ac5a15](https://github.com/varletjs/varlet/commit/0ac5a15f871e0fb7236e1a2ca6936d8a00d6ebf3))
 * **index:** update hoverable and ripple properties to accept color options for features ([05e5289](https://github.com/varletjs/varlet/commit/05e5289aca3c35b4afb7e41bf70bc5182e5721cd))
+* **segmented-buttons:** add disabled and readonly states, enhance form validation, and update documentation ([9cbfcde](https://github.com/varletjs/varlet/commit/9cbfcde3f6451a2d6fecd4c86def3a476eb052ae))
+* **segmented-buttons:** add error handling styles and validation logic ([0f99bca](https://github.com/varletjs/varlet/commit/0f99bcaa89b8d0fa85d26a6300589be156b17427))
+* **segmented-buttons:** add SegmentedButtons and SegmentedButton components with comprehensive functionality and documentation ([2c0bf43](https://github.com/varletjs/varlet/commit/2c0bf43b7a510bdd33c881a423ce2b5d52d3bcfd))
+* **segmented-buttons:** enhance checkmark functionality and update documentation ([979dfdd](https://github.com/varletjs/varlet/commit/979dfddb1dcd532ff89da05ed176bba17ced224d))
+* **segmented-buttons:** enhance functionality with click event handling and update documentation ([22effb3](https://github.com/varletjs/varlet/commit/22effb3bc2c0f417c21285cf5c85f429e1c25aa9))
+* **segmented-buttons:** enhance SegmentedButton and SegmentedButtons components with improved props, updated documentation, and additional tests ([b64f08d](https://github.com/varletjs/varlet/commit/b64f08d2733b9b79c3c566171d828b829d9e5ade))
+* **segmented-buttons:** refactor click handling, enhance props for label and value keys, and update documentation ([f3eef34](https://github.com/varletjs/varlet/commit/f3eef3430a5d7fbf52c665d9b4939b0c8bafe09c))
+* **segmented-buttons:** update button styles for improved visual consistency and enhance test coverage for options handling ([7ae3c72](https://github.com/varletjs/varlet/commit/7ae3c724d81c76d90a021ee6867df2469e43569e))
+
+## [3.16.1](https://github.com/varletjs/varlet/compare/v3.16.0...v3.16.1) (2026-05-11)
+
+
+### Features
+
 * **otp-input:** add alignment options for OTP input cells and update documentation ([3772792](https://github.com/varletjs/varlet/commit/37727921447b5796aecad947ae75fe9a90b5e085))
 
 # [3.16.0](https://github.com/varletjs/varlet/compare/v3.15.2...v3.16.0) (2026-05-11)
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.16.2",
+  "version": "3.17.0",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/packages/varlet-cli/package.json b/packages/varlet-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "cli of varlet",
   "keywords": [
     "cli",
diff --git a/packages/varlet-icons/package.json b/packages/varlet-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/icons",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "Icons of varlet",
   "keywords": [
     "icons",
diff --git a/packages/varlet-import-resolver/package.json b/packages/varlet-import-resolver/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/import-resolver",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "varlet import resolver for unplugin-vue-components and unplugin-auto-import",
   "keywords": [
     "varlet",
diff --git a/packages/varlet-preset-tailwindcss/package.json b/packages/varlet-preset-tailwindcss/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/preset-tailwindcss",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "tailwindcss preset of varlet",
   "keywords": [
     "tailwindcss",
diff --git a/packages/varlet-preset-unocss/package.json b/packages/varlet-preset-unocss/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/preset-unocss",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "unocss preset of varlet",
   "keywords": [
     "unocss",
diff --git a/packages/varlet-shared/package.json b/packages/varlet-shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/shared",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "shared utils of varlet",
   "keywords": [
     "shared",
diff --git a/packages/varlet-touch-emulator/package.json b/packages/varlet-touch-emulator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/touch-emulator",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "touch-emulator",
   "keywords": [
     "emulator",
diff --git a/packages/varlet-ui-playground/package.json b/packages/varlet-ui-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui-playground",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "private": true,
   "description": "varlet ui playground",
   "keywords": [
diff --git a/packages/varlet-ui/package.json b/packages/varlet-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
diff --git a/packages/varlet-ui/types/index.d.ts b/packages/varlet-ui/types/index.d.ts
@@ -74,9 +74,9 @@ export * from './rate'
 export * from './result'
 export * from './ripple'
 export * from './row'
-export * from './select'
 export * from './segmentedButton'
 export * from './segmentedButtons'
+export * from './select'
 export * from './signature'
 export * from './skeleton'
 export * from './slider'
@@ -173,9 +173,9 @@ declare module 'vue' {
     VarRate: typeof import('@varlet/ui')['_RateComponent']
     VarResult: typeof import('@varlet/ui')['_ResultComponent']
     VarRow: typeof import('@varlet/ui')['_RowComponent']
-    VarSelect: typeof import('@varlet/ui')['_SelectComponent']
     VarSegmentedButton: typeof import('@varlet/ui')['_SegmentedButtonComponent']
     VarSegmentedButtons: typeof import('@varlet/ui')['_SegmentedButtonsComponent']
+    VarSelect: typeof import('@varlet/ui')['_SelectComponent']
     VarSignature: typeof import('@varlet/ui')['_SignatureComponent']
     VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
     VarSlider: typeof import('@varlet/ui')['_SliderComponent']
diff --git a/packages/varlet-ui/types/styleVars.d.ts b/packages/varlet-ui/types/styleVars.d.ts
@@ -592,19 +592,6 @@ interface BaseStyleVars {
   '--result-description-line-height'?: string
   '--ripple-cubic-bezier'?: string
   '--ripple-color'?: string
-  '--select-scroller-background'?: string
-  '--select-scroller-padding'?: string
-  '--select-scroller-max-height'?: string
-  '--select-scroller-border-radius'?: string
-  '--select-label-font-size'?: string
-  '--select-chips-margin'?: string
-  '--select-chips-padding'?: string
-  '--select-chip-margin'?: string
-  '--select-arrow-size'?: string
-  '--select-standard-menu-margin'?: string
-  '--select-empty-text-color'?: string
-  '--select-empty-height'?: string
-  '--select-empty-font-size'?: string
   '--segmented-buttons-border-color'?: string
   '--segmented-buttons-border-radius'?: string
   '--segmented-buttons-border-width'?: string
@@ -628,6 +615,19 @@ interface BaseStyleVars {
   '--segmented-button-small-font-size'?: string
   '--segmented-button-normal-font-size'?: string
   '--segmented-button-large-font-size'?: string
+  '--select-scroller-background'?: string
+  '--select-scroller-padding'?: string
+  '--select-scroller-max-height'?: string
+  '--select-scroller-border-radius'?: string
+  '--select-label-font-size'?: string
+  '--select-chips-margin'?: string
+  '--select-chips-padding'?: string
+  '--select-chip-margin'?: string
+  '--select-arrow-size'?: string
+  '--select-standard-menu-margin'?: string
+  '--select-empty-text-color'?: string
+  '--select-empty-height'?: string
+  '--select-empty-font-size'?: string
   '--option-height'?: string
   '--option-padding'?: string
   '--option-font-size'?: string
@@ -962,4 +962,4 @@ interface BaseStyleVars {
   [key: PropertyKey]: string
 }
 
-export interface StyleVars extends FormatStyleVars<BaseStyleVars> {}
+export interface StyleVars extends FormatStyleVars<BaseStyleVars> {}
diff --git a/packages/varlet-use/package.json b/packages/varlet-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "composable utils of varlet",
   "keywords": [
     "composable",
diff --git a/packages/varlet-vite-plugins/package.json b/packages/varlet-vite-plugins/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@varlet/vite-plugins",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "description": "vite plugins of varlet",
   "keywords": [
     "vite",
diff --git a/packages/varlet-vscode-extension/package.json b/packages/varlet-vscode-extension/package.json
@@ -1,7 +1,7 @@
 {
   "name": "varlet-vscode-extension",
   "displayName": "varlet-vscode-extension",
-  "version": "3.16.2",
+  "version": "3.17.0",
   "private": true,
   "description": "varlet extension for vscode",
   "categories": [

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "version": "3.16.2",`
	`2`	`+ "version": "3.17.0",`
`3`	`3`	`"private": true,`
`4`	`4`	`"type": "module",`
`5`	`5`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/cli",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "cli of varlet",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"cli",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/icons",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "Icons of varlet",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"icons",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/import-resolver",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "varlet import resolver for unplugin-vue-components and unplugin-auto-import",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"varlet",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/preset-tailwindcss",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "tailwindcss preset of varlet",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"tailwindcss",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/preset-unocss",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "unocss preset of varlet",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"unocss",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/shared",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "shared utils of varlet",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"shared",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/touch-emulator",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"description": "touch-emulator",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"emulator",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@varlet/ui-playground",`
`3`		`- "version": "3.16.2",`
	`3`	`+ "version": "3.17.0",`
`4`	`4`	`"private": true,`
`5`	`5`	`"description": "varlet ui playground",`
`6`	`6`	`"keywords": [`