@varlet/ui 2.7.5 → 2.8.0-alpha.1676455225773

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": "2.7.5",
+  "version": "2.8.0-alpha.1676455225773",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -193,6 +193,24 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "image",
+              "description": "Background image",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "image-linear-gradient",
+              "description": "Background image linear gradient",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -208,6 +226,125 @@
             {
               "name": "right",
               "description": "Insert the content to the right of the app bar"
+            },
+            {
+              "name": "content",
+              "description": "Insert the content to the extra content of the app bar"
+            }
+          ]
+        },
+        {
+          "name": "var-avatar",
+          "attributes": [
+            {
+              "name": "round",
+              "description": "Whether the avatar is round or not",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the avatar, with optional values of `mini small normal large`",
+              "default": "normal",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "color",
+              "description": "Background color of the avatar",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "src",
+              "description": "Address of avatar",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "fit",
+              "description": "Filling mode of avatar image, optional value `fill contain cover none scale-down`",
+              "default": "cover",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "bordered",
+              "description": "Avatar with or without border",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "border-color",
+              "description": "Avatar border color",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "When lazy loading is enabled, the image displayed in the load",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "error",
+              "description": "When lazy loading is enabled, the image displayed when loading fails",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "lazy",
+              "description": "Whether to enable lazy loading",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Triggered when clicking on avatar"
+            },
+            {
+              "name": "load",
+              "description": "Triggered when the avatar image is successfully loaded (failure in lazy loading mode will try to load the avatar image multiple times and will only be triggered when successfully loaded)"
+            },
+            {
+              "name": "error",
+              "description": "Triggered when the avatar image fails to load (failure in lazy loading mode will try to load the avatar image multiple times, will only be triggered at the end of the number of attempts)"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Customize avatar content"
             }
           ]
         },
@@ -900,6 +1037,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "border-offset",
+              "description": "Border offset",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "icon-class",
               "description": "Icon className",
@@ -935,9 +1081,23 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ripple",
+              "description": "Whether to enable the water wave effect",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Triggered when the cell is clicked."
             }
           ],
-          "events": [],
           "slots": [
             {
               "name": "default",
@@ -2143,6 +2303,49 @@
             }
           ]
         },
+        {
+          "name": "var-ellipsis",
+          "attributes": [
+            {
+              "name": "expand-trigger",
+              "description": "Expand trigger method, optional value `click`",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "line-clamp",
+              "description": "Maximum number of display lines, see [line-clamp](https://caniuse.com/?search=line-clamp) for compatibility",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "tooltip",
+              "description": "Tooltip component props, for deep customization. For more convenience, `sameWidth` defaults to `true` here",
+              "default": "-",
+              "value": {
+                "type": "boolean | TooltipProps",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Text content"
+            },
+            {
+              "name": "tooltip-content",
+              "description": "Tooltip content"
+            }
+          ]
+        },
         {
           "name": "var-form",
           "attributes": [
@@ -3376,6 +3579,86 @@
             }
           ]
         },
+        {
+          "name": "var-paper",
+          "attributes": [
+            {
+              "name": "elevation",
+              "description": "Elevation, value `0-24`",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "ripple",
+              "description": "Whether to enable ripple effect",
+              "default": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "radius",
+              "description": "Paper border radius",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "width",
+              "description": "Paper width",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "height",
+              "description": "Paper height",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "round",
+              "description": "Whether to enable round paper",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "inline",
+              "description": "Whether to use inline paper",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Triggered when the paper is clicked"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Paper content"
+            }
+          ]
+        },
         {
           "name": "var-picker",
           "attributes": [
@@ -5717,6 +6000,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "same-width",
+              "description": "Whether to same width as trigger element",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "description": "whether to disable the tooltip",

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": "2.7.5",
+  "version": "2.8.0-alpha.1676455225773",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -193,6 +193,24 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "image",
+              "description": "背景图片",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "image-linear-gradient",
+              "description": "背景图片渐变色",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -208,6 +226,125 @@
             {
               "name": "right",
               "description": "插入至导航栏右侧的内容"
+            },
+            {
+              "name": "content",
+              "description": "扩展内容"
+            }
+          ]
+        },
+        {
+          "name": "var-avatar",
+          "attributes": [
+            {
+              "name": "round",
+              "description": "头像是否为圆形",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "头像的尺寸，可选值为 `mini small normal large`",
+              "default": "normal",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "color",
+              "description": "头像的背景颜色",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "src",
+              "description": "头像的地址",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "fit",
+              "description": "头像图片的填充模式，可选值 `fill contain cover none scale-down`",
+              "default": "cover",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "bordered",
+              "description": "头像是否带边框",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "border-color",
+              "description": "头像边框颜色",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "当开启懒加载时, 加载中显示的图片",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "error",
+              "description": "当开启懒加载时, 加载失败显示的图片",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "lazy",
+              "description": "是否开启懒加载",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击头像时触发"
+            },
+            {
+              "name": "load",
+              "description": "头像图片成功加载时触发(懒加载模式下失败时会多次尝试加载头像图片，只会在成功加载时触发)"
+            },
+            {
+              "name": "error",
+              "description": "头像图片失败加载时触发(懒加载模式下失败时会多次尝试加载头像图片，只会在尝试次数结束时触发)"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "自定义头像内容"
             }
           ]
         },
@@ -960,6 +1097,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "border-offset",
+              "description": "边框偏移量",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "icon-class",
               "description": "图标额外类名",
@@ -995,9 +1141,23 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ripple",
+              "description": "是否启用水波效果",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击时触发"
             }
           ],
-          "events": [],
           "slots": [
             {
               "name": "default",
@@ -2203,6 +2363,49 @@
             }
           ]
         },
+        {
+          "name": "var-ellipsis",
+          "attributes": [
+            {
+              "name": "expand-trigger",
+              "description": "展开触发方式，可选值 `click`",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "line-clamp",
+              "description": "最大显示行数，兼容性见 [line-clamp](https://caniuse.com/?search=line-clamp)",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "tooltip",
+              "description": "Tooltip 组件配置，用于深度定制。为了更方便使用，`sameWidth` 在这里默认为 `true`",
+              "default": "-",
+              "value": {
+                "type": "boolean | TooltipProps",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "文字内容"
+            },
+            {
+              "name": "tooltip-content",
+              "description": "Tooltip 的内容"
+            }
+          ]
+        },
         {
           "name": "var-form",
           "attributes": [
@@ -3449,6 +3652,86 @@
             }
           ]
         },
+        {
+          "name": "var-paper",
+          "attributes": [
+            {
+              "name": "elevation",
+              "description": "海拔, 取值 `0-24`",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "ripple",
+              "description": "是否启用水波效果",
+              "default": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "radius",
+              "description": "纸张圆角",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "width",
+              "description": "纸张宽度",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "height",
+              "description": "纸张高度",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "round",
+              "description": "是否启用圆形纸张",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "inline",
+              "description": "是否使用行内纸张",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击纸张时触发"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "纸张内容"
+            }
+          ]
+        },
         {
           "name": "var-picker",
           "attributes": [
@@ -5935,6 +6218,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "same-width",
+              "description": "是否与触发元素同宽",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "description": "是否禁用 Tooltip",