@varlet/ui 3.16.1 → 3.17.0

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.16.1",
+  "version": "3.17.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1562,10 +1562,10 @@
             },
             {
               "name": "ripple",
-              "description": "Whether to enable ripple",
+              "description": "Whether to enable ripple, supports object form `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -1589,10 +1589,10 @@
             },
             {
               "name": "hoverable",
-              "description": "Whether to enable hover effect",
+              "description": "Whether to enable hover effect, supports object form `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -5930,10 +5930,10 @@
             },
             {
               "name": "ripple",
-              "description": "Whether to enable ripple effect",
+              "description": "Whether to enable ripple effect, supports object form `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -5993,10 +5993,10 @@
             },
             {
               "name": "hoverable",
-              "description": "Whether to enable hover effect",
+              "description": "Whether to enable hover effect, supports object form `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             }
@@ -6914,6 +6914,161 @@
             }
           ]
         },
+        {
+          "name": "var-segmented-button",
+          "attributes": [
+            {
+              "name": "checked-value",
+              "description": "Value represented by the current button",
+              "default": "-",
+              "value": {
+                "type": "any",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether to disable the current button",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Whether to make the current button readonly",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "ripple",
+              "description": "Whether to enable ripple effect for the current button",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Triggered when the segmented button is clicked"
+            }
+          ],
+          "slots": [
+            {
+              "name": "checkmark",
+              "description": "Custom checkmark icon content displayed when the segmented button is checked"
+            },
+            {
+              "name": "default",
+              "description": "Label content of the segmented button"
+            }
+          ]
+        },
+        {
+          "name": "var-segmented-buttons",
+          "attributes": [
+            {
+              "name": "v-model",
+              "description": "Bound value, uses a single value in single-select mode and an array in multiple mode",
+              "default": "-",
+              "value": {
+                "type": "any",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "options",
+              "description": "Option list",
+              "default": "[]",
+              "value": {
+                "type": "SegmentedButtonsOption[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "label-key",
+              "description": "As the key that uniquely identifies label",
+              "default": "label",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value-key",
+              "description": "As the key that uniquely identifies value",
+              "default": "value",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "Whether to enable multiple selection",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "checkmark",
+              "description": "Whether checked items display the checkmark icon",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Size of segmented buttons, can be `mini` `small` `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "validate-trigger",
+              "description": "Validation trigger timing, can be `onClick` `onChange`",
+              "default": "['onChange']",
+              "value": {
+                "type": "Array<'onClick' | 'onChange'>",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "rules",
+              "description": "Validation rules",
+              "default": "-",
+              "value": {
+                "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Triggered when the segmented buttons group value changes"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Segmented button content"
+            }
+          ]
+        },
         {
           "name": "var-select",
           "attributes": [

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.16.1",
+  "version": "3.17.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1613,10 +1613,10 @@
             },
             {
               "name": "ripple",
-              "description": "是否开启水波",
+              "description": "是否开启水波，支持对象形式 `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -1640,10 +1640,10 @@
             },
             {
               "name": "hoverable",
-              "description": "是否开启鼠标悬停效果",
+              "description": "是否开启鼠标悬停效果，支持对象形式 `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -5972,10 +5972,10 @@
             },
             {
               "name": "ripple",
-              "description": "是否启用水波效果",
+              "description": "是否启用水波效果，支持对象形式 `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             },
@@ -6035,10 +6035,10 @@
             },
             {
               "name": "hoverable",
-              "description": "是否开启鼠标悬停效果",
+              "description": "是否开启鼠标悬停效果，支持对象形式 `{ disabled?: boolean, color?: string }`",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | object",
                 "kind": "expression"
               }
             }
@@ -7128,6 +7128,161 @@
             }
           ]
         },
+        {
+          "name": "var-segmented-button",
+          "attributes": [
+            {
+              "name": "checked-value",
+              "description": "当前按钮对应的值",
+              "default": "-",
+              "value": {
+                "type": "any",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "是否禁用当前按钮",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "是否将当前按钮设为只读",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "ripple",
+              "description": "是否为当前按钮开启水波纹效果",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击分段按钮时触发"
+            }
+          ],
+          "slots": [
+            {
+              "name": "checkmark",
+              "description": "分段按钮在选中时显示的自定义勾选图标内容"
+            },
+            {
+              "name": "default",
+              "description": "分段按钮的文字或标签内容"
+            }
+          ]
+        },
+        {
+          "name": "var-segmented-buttons",
+          "attributes": [
+            {
+              "name": "v-model",
+              "description": "绑定的值，单选模式下为单个值，多选模式下为数组",
+              "default": "-",
+              "value": {
+                "type": "any",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "options",
+              "description": "选项数组",
+              "default": "[]",
+              "value": {
+                "type": "SegmentedButtonsOption[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "label-key",
+              "description": "作为 label 唯一标识的键名",
+              "default": "label",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value-key",
+              "description": "作为 value 唯一标识的键名",
+              "default": "value",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "是否开启多选",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "checkmark",
+              "description": "选中项是否显示勾选图标",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "分段按钮尺寸，可选值为 `mini` `small` `normal` `large`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "validate-trigger",
+              "description": "校验触发时机，可选值为 `onClick` `onChange`",
+              "default": "['onChange']",
+              "value": {
+                "type": "Array<'onClick' | 'onChange'>",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "rules",
+              "description": "校验规则",
+              "default": "-",
+              "value": {
+                "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "分段按钮组的值变化时触发"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "分段按钮内容"
+            }
+          ]
+        },
         {
           "name": "var-select",
           "attributes": [