@varlet/ui 3.18.2 → 3.19.1

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.18.2",
+  "version": "3.19.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -10,7 +10,7 @@
           "name": "var-action-sheet",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to display the action sheet",
               "default": "false",
               "value": {
@@ -146,6 +146,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to display the action sheet"
             }
           ],
           "slots": [
@@ -418,7 +422,7 @@
           "name": "var-auto-complete",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "-",
               "value": {
@@ -631,6 +635,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -854,6 +862,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "size",
+              "description": "BackTop button size",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "elevation",
               "description": "Elevation level, options `true` `false` and level of `0-24`",
@@ -998,6 +1015,10 @@
             {
               "name": "value",
               "description": "The value shown in the badge"
+            },
+            {
+              "name": "icon",
+              "description": "Badge icon"
             }
           ]
         },
@@ -1005,7 +1026,7 @@
           "name": "var-bottom-navigation",
           "attributes": [
             {
-              "name": "v-model:active",
+              "name": "active",
               "description": "Identifier of current tab",
               "default": "0",
               "value": {
@@ -1116,6 +1137,10 @@
             {
               "name": "fab-click",
               "description": "Triggered when clicking fab button"
+            },
+            {
+              "name": "update:active",
+              "description": "Identifier of current tab"
             }
           ],
           "slots": [
@@ -1606,7 +1631,7 @@
               }
             },
             {
-              "name": "v-model:floating",
+              "name": "floating",
               "description": "Whether to full screen",
               "default": "false",
               "value": {
@@ -1646,6 +1671,10 @@
             {
               "name": "click",
               "description": "Triggered when the card is click"
+            },
+            {
+              "name": "update:floating",
+              "description": "Whether to full screen"
             }
           ],
           "slots": [
@@ -1815,7 +1844,7 @@
           "name": "var-checkbox",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "false",
               "value": {
@@ -1931,6 +1960,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -1956,7 +1989,7 @@
           "name": "var-checkbox-group",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "[]",
               "value": {
@@ -2023,6 +2056,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -2098,9 +2135,18 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "icon",
+              "description": "Custom closeable icon must be used when `closeable` is `true`",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "icon-name",
-              "description": "Custom closeable icon must be used when `Closeable` is `true`",
+              "description": "Deprecated, use `icon` instead",
               "default": "-",
               "value": {
                 "type": "string",
@@ -2153,6 +2199,10 @@
             {
               "name": "right",
               "description": "The content inserted to the right of the label"
+            },
+            {
+              "name": "icon",
+              "description": "Close icon"
             }
           ]
         },
@@ -2319,7 +2369,7 @@
           "name": "var-collapse",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Names of current active panels",
               "default": "-",
               "value": {
@@ -2368,6 +2418,10 @@
             {
               "name": "change",
               "description": "Emitted when active index changed"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Names of current active panels"
             }
           ],
           "slots": [
@@ -2577,7 +2631,7 @@
           "name": "var-counter",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "0",
               "value": {
@@ -2791,6 +2845,10 @@
             {
               "name": "decrement",
               "description": "Triggered on decrement"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": []
@@ -2880,7 +2938,7 @@
               }
             },
             {
-              "name": "v-model:page",
+              "name": "page",
               "description": "Current page",
               "default": "1",
               "value": {
@@ -2889,7 +2947,7 @@
               }
             },
             {
-              "name": "v-model:page-size",
+              "name": "page-size",
               "description": "Current page size",
               "default": "10",
               "value": {
@@ -2898,7 +2956,7 @@
               }
             },
             {
-              "name": "v-model:checked-row-keys",
+              "name": "checked-row-keys",
               "description": "Selected row keys",
               "default": "[]",
               "value": {
@@ -2907,7 +2965,7 @@
               }
             },
             {
-              "name": "v-model:expanded-row-keys",
+              "name": "expanded-row-keys",
               "description": "Expanded detail row keys for `type: 'expand'` columns",
               "default": "[]",
               "value": {
@@ -2916,7 +2974,7 @@
               }
             },
             {
-              "name": "v-model:expanded-tree-row-keys",
+              "name": "expanded-tree-row-keys",
               "description": "Expanded tree row keys for `tree` mode",
               "default": "[]",
               "value": {
@@ -2952,7 +3010,7 @@
               }
             },
             {
-              "name": "v-model:sorters",
+              "name": "sorters",
               "description": "Controlled sorter states",
               "default": "[]",
               "value": {
@@ -3060,7 +3118,32 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "update:page",
+              "description": "Current page"
+            },
+            {
+              "name": "update:pageSize",
+              "description": "Current page size"
+            },
+            {
+              "name": "update:checkedRowKeys",
+              "description": "Selected row keys"
+            },
+            {
+              "name": "update:expandedRowKeys",
+              "description": "Expanded detail row keys for `type: 'expand'` columns"
+            },
+            {
+              "name": "update:expandedTreeRowKeys",
+              "description": "Expanded tree row keys for `tree` mode"
+            },
+            {
+              "name": "update:sorters",
+              "description": "Controlled sorter states"
+            }
+          ],
           "slots": [
             {
               "name": "empty",
@@ -3076,12 +3159,309 @@
             }
           ]
         },
+        {
+          "name": "var-date-input",
+          "attributes": [
+            {
+              "name": "model-value",
+              "description": "Binding value. Default formats are `YYYY-MM-DD` / `YYYY-MM` / `YYYY` / `YYYY-MM-DD HH:mm:ss`; datetime uses `YYYY-MM-DD HH:mm` when `use-seconds` is `false`. `value-format` can change the binding value type",
+              "default": "-",
+              "value": {
+                "type": "string | number | Date | Array<string | number | Date> | undefined",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "type",
+              "description": "Input type, can be `date` `month` `year` `datetime`",
+              "default": "date",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "format",
+              "description": "Input display format",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value-format",
+              "description": "Binding value format, can be `timestamp` `date` or a date format string",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "use-seconds",
+              "description": "Whether to keep precision to seconds when `type` is `datetime`",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "Whether to enable multiple selection. This prop is not supported when `type` is `datetime`",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "range",
+              "description": "Whether to enable range selection",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "separator",
+              "description": "Separator between multiple dates in the input",
+              "default": ", ",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "range-separator",
+              "description": "Separator for range display",
+              "default": " ~ ",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Input variant, can be `standard` `outlined` `filled`",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Input size, can be `normal` `small`",
+              "default": "normal",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "line",
+              "description": "Whether to show divider",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "hint",
+              "description": "Whether to use placeholder as hint",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "text-color",
+              "description": "Text color",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "focus-color",
+              "description": "Main color when focused",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "blur-color",
+              "description": "Main color when blurred",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Whether to be readonly. Input and panel selection are disabled when readonly",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether to disable the input",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "Whether to show clear icon",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "validate-trigger",
+              "description": "Validation trigger timing, can be `onFocus` `onBlur` `onChange` `onClick` `onClear` `onInput`",
+              "default": "['onInput', 'onClear', 'onChange']",
+              "value": {
+                "type": "InputValidateTrigger[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "rules",
+              "description": "Validation rules. Return `true` to pass validation, other values are converted into user messages. [Zod validation](#/en-US/zodValidation) is supported since `3.5.0`",
+              "default": "-",
+              "value": {
+                "type": "((v: any) => any) | ZodType | Array<((v: any) => any) | ZodType>",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "allowed-dates",
+              "description": "Selectable date filter",
+              "default": "-",
+              "value": {
+                "type": "(value: string) => boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "allowed-times",
+              "description": "Selectable time filter, only works when `type` is `datetime`",
+              "default": "-",
+              "value": {
+                "type": "(date: string, position?: 'start' | 'end') => { hours?, minutes?, seconds? }",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "min",
+              "description": "Minimum selectable boundary",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Maximum selectable boundary",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "first-day-of-week",
+              "description": "First day of week, starts from Sunday `0`",
+              "default": "0",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "tabindex",
+              "description": "Same as native input tabindex",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "focus",
+              "description": "Emitted on focus"
+            },
+            {
+              "name": "blur",
+              "description": "Emitted on blur"
+            },
+            {
+              "name": "clear",
+              "description": "Emitted on clear"
+            },
+            {
+              "name": "change",
+              "description": "Emitted when binding value changes"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Binding value. Default formats are `YYYY-MM-DD` / `YYYY-MM` / `YYYY` / `YYYY-MM-DD HH:mm:ss`; datetime uses `YYYY-MM-DD HH:mm` when `use-seconds` is `false`. `value-format` can change the binding value type"
+            }
+          ],
+          "slots": [
+            {
+              "name": "prepend-icon",
+              "description": "Prepend icon"
+            },
+            {
+              "name": "append-icon",
+              "description": "Append icon"
+            },
+            {
+              "name": "clear-icon",
+              "description": "Clear icon"
+            },
+            {
+              "name": "extra-message",
+              "description": "Extra message"
+            }
+          ]
+        },
         {
           "name": "var-date-picker",
           "attributes": [
             {
-              "name": "v-model",
-              "description": "Selected date（ISO 8601 format, `YYYY-MM-DD` or `YYYY-MM`）",
+              "name": "model-value",
+              "description": "Selected value. The format follows `type` (`YYYY` / `YYYY-MM` / `YYYY-MM-DD`), and is an array when `multiple` or `range`",
               "default": "undefined",
               "value": {
                 "type": "string[] | string",
@@ -3099,7 +3479,7 @@
             },
             {
               "name": "allowed-dates",
-              "description": "Restricts which dates can be selected",
+              "description": "Restricts selectable values. The value format follows `type` (`YYYY` / `YYYY-MM` / `YYYY-MM-DD`)",
               "default": "-",
               "value": {
                 "type": "function",
@@ -3126,8 +3506,8 @@
             },
             {
               "name": "hint",
-              "description": "Picker hint",
-              "default": "SELECT DATE",
+              "description": "Picker hint. Inferred by `type` when not set",
+              "default": "-",
               "value": {
                 "type": "string",
                 "kind": "expression"
@@ -3162,7 +3542,7 @@
             },
             {
               "name": "min",
-              "description": "Minimum allowed date/month (ISO 8601 format)",
+              "description": "Minimum allowed value. The format follows `type` (`YYYY` / `YYYY-MM` / `YYYY-MM-DD`)",
               "default": "-",
               "value": {
                 "type": "string",
@@ -3171,7 +3551,7 @@
             },
             {
               "name": "max",
-              "description": "Maximum allowed date/month (ISO 8601 format)",
+              "description": "Maximum allowed value. The format follows `type` (`YYYY` / `YYYY-MM` / `YYYY-MM-DD`)",
               "default": "-",
               "value": {
                 "type": "string",
@@ -3187,6 +3567,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "show-title",
+              "description": "Whether to display the top title area",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "readonly",
               "description": "readonly",
@@ -3214,15 +3603,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": "touchable",
-              "description": "Allow switch panel by touch",
-              "default": "true",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
             {
               "name": "fallback-view-date",
               "description": "Controls the panel view fallback date when there is no usable selected value. It does not update `v-model`.",
@@ -3236,33 +3616,37 @@
           "events": [
             {
               "name": "preview",
-              "description": "Emitted after date switched"
+              "description": "Emitted after the preview panel changes. `dayOfMonth` is available when the date picker has a selected day."
             },
             {
               "name": "change",
               "description": "Emitted after date changed"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Selected value. The format follows `type` (`YYYY` / `YYYY-MM` / `YYYY-MM-DD`), and is an array when `multiple` or `range`"
             }
           ],
           "slots": [
             {
               "name": "year",
-              "description": "Custom the year in the title"
+              "description": "Custom title text when `type=\"year\"`"
             },
             {
               "name": "month",
-              "description": "Custom the month in the title"
+              "description": "Custom title text when `type=\"month\"`"
             },
             {
               "name": "date",
-              "description": "Custom the date in the title"
+              "description": "Custom title text when `type=\"date\"`"
             },
             {
               "name": "range",
-              "description": "Custom the range in the title"
+              "description": "Custom title text when selecting a range"
             },
             {
               "name": "multiple",
-              "description": "Custom the multiple in the title"
+              "description": "Custom title text when selecting multiple values"
             },
             {
               "name": "actions",
@@ -3274,7 +3658,7 @@
           "name": "var-dialog",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to display a Dialog",
               "default": "false",
               "value": {
@@ -3562,6 +3946,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to display a Dialog"
             }
           ],
           "slots": [
@@ -3720,7 +4108,7 @@
           "name": "var-ellipsis",
           "attributes": [
             {
-              "name": "v-model:expand",
+              "name": "expand",
               "description": "Whether to expand",
               "default": "false",
               "value": {
@@ -3756,7 +4144,12 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "update:expand",
+              "description": "Whether to expand"
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -3772,7 +4165,7 @@
           "name": "var-fab",
           "attributes": [
             {
-              "name": "v-model:active",
+              "name": "active",
               "description": "Whether to activate the action menu",
               "default": "false",
               "value": {
@@ -4008,6 +4401,10 @@
             {
               "name": "closed",
               "description": "Fires when the animation of inactivating and closing the action menu ends"
+            },
+            {
+              "name": "update:active",
+              "description": "Whether to activate the action menu"
             }
           ],
           "slots": [
@@ -4025,7 +4422,7 @@
           "name": "var-floating-panel",
           "attributes": [
             {
-              "name": "v-model:anchor",
+              "name": "anchor",
               "description": "The panel initially displays the anchor point, or the first value of the `anchors` attribute if not passed",
               "default": "-",
               "value": {
@@ -4092,6 +4489,10 @@
             {
               "name": "anchor-change",
               "description": "Triggered after moving to an anchor"
+            },
+            {
+              "name": "update:anchor",
+              "description": "The panel initially displays the anchor point, or the first value of the `anchors` attribute if not passed"
             }
           ],
           "slots": [
@@ -4458,7 +4859,7 @@
           "name": "var-image-preview",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether or display",
               "default": "false",
               "value": {
@@ -4585,6 +4986,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether or display"
             }
           ],
           "slots": [
@@ -4711,7 +5116,7 @@
           "name": "var-input",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "-",
               "value": {
@@ -4960,6 +5365,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -5098,7 +5507,7 @@
           "name": "var-list",
           "attributes": [
             {
-              "name": "v-model:loading",
+              "name": "loading",
               "description": "Loading state",
               "default": "false",
               "value": {
@@ -5107,7 +5516,7 @@
               }
             },
             {
-              "name": "v-model:error",
+              "name": "error",
               "description": "Error state",
               "default": "false",
               "value": {
@@ -5174,6 +5583,14 @@
             {
               "name": "load",
               "description": "Triggered when it hit bottom"
+            },
+            {
+              "name": "update:loading",
+              "description": "Loading state"
+            },
+            {
+              "name": "update:error",
+              "description": "Error state"
             }
           ],
           "slots": [
@@ -5353,7 +5770,7 @@
           "name": "var-menu",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to show the menu",
               "default": "false",
               "value": {
@@ -5517,6 +5934,10 @@
             {
               "name": "click-outside",
               "description": "Triggered when clicking outside the menu"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to show the menu"
             }
           ],
           "slots": [
@@ -5582,7 +6003,7 @@
           "name": "var-menu-select",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "-",
               "value": {
@@ -5591,7 +6012,7 @@
               }
             },
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to show the menu",
               "default": "false",
               "value": {
@@ -5804,6 +6225,14 @@
             {
               "name": "select",
               "description": "Triggered when selecting a option"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to show the menu"
             }
           ],
           "slots": [
@@ -5869,7 +6298,7 @@
           "name": "var-otp-input",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "OTP value",
               "default": "''",
               "value": {
@@ -6065,6 +6494,10 @@
             {
               "name": "complete",
               "description": "Emitted when input reaches `length`"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "OTP value"
             }
           ],
           "slots": [
@@ -6078,7 +6511,7 @@
           "name": "var-overlay",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to display the Overlay",
               "default": "false",
               "value": {
@@ -6122,6 +6555,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to display the Overlay"
             }
           ],
           "slots": [
@@ -6135,7 +6572,7 @@
           "name": "var-pagination",
           "attributes": [
             {
-              "name": "v-model:current",
+              "name": "current",
               "description": "Current page number",
               "default": "1",
               "value": {
@@ -6144,7 +6581,7 @@
               }
             },
             {
-              "name": "v-model:size",
+              "name": "size",
               "description": "Number of data items per page",
               "default": "10",
               "value": {
@@ -6238,6 +6675,14 @@
             {
               "name": "change",
               "description": "Callback after `current` or `size` changes"
+            },
+            {
+              "name": "update:current",
+              "description": "Current page number"
+            },
+            {
+              "name": "update:size",
+              "description": "Number of data items per page"
             }
           ],
           "slots": [
@@ -6362,7 +6807,7 @@
           "name": "var-picker",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Selected values",
               "default": "[]",
               "value": {
@@ -6522,6 +6967,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Selected values"
             }
           ],
           "slots": [
@@ -6543,7 +6992,7 @@
           "name": "var-popup",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to display the Popup",
               "default": "false",
               "value": {
@@ -6693,6 +7142,10 @@
             {
               "name": "key-escape",
               "description": "Triggered when click keyboard ESC"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to display the Popup"
             }
           ],
           "slots": [
@@ -6826,7 +7279,7 @@
           "name": "var-pull-refresh",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Loading status",
               "default": "-",
               "value": {
@@ -6911,6 +7364,10 @@
             {
               "name": "refresh",
               "description": "Emitted after pulling refresh"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Loading status"
             }
           ],
           "slots": [
@@ -6924,7 +7381,7 @@
           "name": "var-radio",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "false",
               "value": {
@@ -7031,6 +7488,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -7052,7 +7513,7 @@
           "name": "var-radio-group",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "-",
               "value": {
@@ -7119,6 +7580,10 @@
             {
               "name": "change",
               "description": "Triggered on change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -7132,7 +7597,7 @@
           "name": "var-rail-navigation",
           "attributes": [
             {
-              "name": "v-model:active",
+              "name": "active",
               "description": "Index or name of active item",
               "default": "0",
               "value": {
@@ -7172,6 +7637,10 @@
             {
               "name": "change",
               "description": "Triggered when active item changes"
+            },
+            {
+              "name": "update:active",
+              "description": "Index or name of active item"
             }
           ],
           "slots": [
@@ -7204,7 +7673,20 @@
               "description": "Triggered when the rating changes"
             }
           ],
-          "slots": []
+          "slots": [
+            {
+              "name": "icon",
+              "description": "The selected icon"
+            },
+            {
+              "name": "empty-icon",
+              "description": "The unchecked icon"
+            },
+            {
+              "name": "half-icon",
+              "description": "The half-selected icon"
+            }
+          ]
         },
         {
           "name": "var-result",
@@ -7386,7 +7868,7 @@
           "name": "var-segmented-buttons",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Bound value, uses a single value in single-select mode and an array in multiple mode",
               "default": "-",
               "value": {
@@ -7471,6 +7953,10 @@
             {
               "name": "change",
               "description": "Triggered when the segmented buttons group value changes"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Bound value, uses a single value in single-select mode and an array in multiple mode"
             }
           ],
           "slots": [
@@ -7484,7 +7970,7 @@
           "name": "var-select",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of the binding",
               "default": "-",
               "value": {
@@ -7715,6 +8201,10 @@
             {
               "name": "change",
               "description": "Triggered when change"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of the binding"
             }
           ],
           "slots": [
@@ -7906,7 +8396,7 @@
           "name": "var-slider",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "The value of slider",
               "default": "0",
               "value": {
@@ -8071,6 +8561,10 @@
             {
               "name": "end",
               "description": "Emitted when end dragged"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "The value of slider"
             }
           ],
           "slots": [
@@ -8084,7 +8578,7 @@
           "name": "var-snackbar",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to show `Snackbar`",
               "default": "false",
               "value": {
@@ -8235,6 +8729,10 @@
             {
               "name": "closed",
               "description": "Triggered when the `Snackbar` close-animation ends"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to show `Snackbar`"
             }
           ],
           "slots": [
@@ -8381,6 +8879,18 @@
             {
               "name": "default",
               "description": "Content of step"
+            },
+            {
+              "name": "active-icon",
+              "description": "Active icon"
+            },
+            {
+              "name": "current-icon",
+              "description": "Current icon"
+            },
+            {
+              "name": "inactive-icon",
+              "description": "Inactive icon"
             }
           ]
         },
@@ -8651,7 +9161,7 @@
           "name": "var-switch",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Check status of Switch",
               "default": "false",
               "value": {
@@ -8816,6 +9326,10 @@
             {
               "name": "before-change",
               "description": "Triggered before a change event (`lazy-change` mode only)"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Check status of Switch"
             }
           ],
           "slots": []
@@ -8959,7 +9473,7 @@
           "name": "var-tabs",
           "attributes": [
             {
-              "name": "v-model:active",
+              "name": "active",
               "description": "The `active` tab identifier matches `name` first, followed by `index`",
               "default": "index",
               "value": {
@@ -9129,6 +9643,10 @@
             {
               "name": "change",
               "description": "Triggered when switching tab"
+            },
+            {
+              "name": "update:active",
+              "description": "The `active` tab identifier matches `name` first, followed by `index`"
             }
           ],
           "slots": [
@@ -9142,7 +9660,7 @@
           "name": "var-tabs-items",
           "attributes": [
             {
-              "name": "v-model:active",
+              "name": "active",
               "description": "The identity of the active tab",
               "default": "-",
               "value": {
@@ -9178,7 +9696,12 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "update:active",
+              "description": "The identity of the active tab"
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -9196,7 +9719,7 @@
           "name": "var-time-picker",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "Selected time（ISO 8601 format, `HH:mm` or `HH:mm:ss`）",
               "default": "-",
               "value": {
@@ -9299,6 +9822,10 @@
             {
               "name": "change",
               "description": "Emitted after time changed"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "Selected time（ISO 8601 format, `HH:mm` or `HH:mm:ss`）"
             }
           ],
           "slots": []
@@ -9307,7 +9834,7 @@
           "name": "var-tooltip",
           "attributes": [
             {
-              "name": "v-model:show",
+              "name": "show",
               "description": "Whether to show the tooltip",
               "default": "false",
               "value": {
@@ -9471,6 +9998,10 @@
             {
               "name": "click-outside",
               "description": "Triggered when clicking outside the tooltip"
+            },
+            {
+              "name": "update:show",
+              "description": "Whether to show the tooltip"
             }
           ],
           "slots": [
@@ -9512,7 +10043,7 @@
           "name": "var-uploader",
           "attributes": [
             {
-              "name": "v-model",
+              "name": "model-value",
               "description": "File list",
               "default": "[]",
               "value": {
@@ -9697,6 +10228,10 @@
             {
               "name": "click-action",
               "description": "Intercept click behavior of upload button"
+            },
+            {
+              "name": "update:modelValue",
+              "description": "File list"
             }
           ],
           "slots": [