@varlet/ui 3.20.2 → 3.20.3

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.20.2",
+  "version": "3.20.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -10117,9 +10117,18 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "variant",
+              "description": "Appearance variant, optional values are `standard` `outlined` `filled`",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "elevation",
-              "description": "Elevation level, options `true` `false` and level of `0-24`, not in simple mode",
+              "description": "Elevation level, options `true` `false` and level of `0-24`, only effective with the `standard` variant",
               "default": "true",
               "value": {
                 "type": "string | number | boolean",

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.20.2",
+  "version": "3.20.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -10036,9 +10036,18 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "variant",
+              "description": "外观类型，可选值为 `standard` `outlined` `filled`",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "elevation",
-              "description": "海拔高度，可选值为 `true` `false` 和 `0-24` 的等级, 不为简单模式时生效",
+              "description": "海拔高度，可选值为 `true` `false` 和 `0-24` 的等级，仅在 `standard` 外观下生效",
               "default": "true",
               "value": {
                 "type": "string | number | boolean",

package/lib/varlet.cjs.js

@@ -28194,6 +28194,9 @@ var stdin_default$268 = {
 	"--uploader-file-name-background": "#303030",
 	"--uploader-file-name-color": "#aaa",
 	"--uploader-file-cover-background": "#303030",
+	"--uploader-outlined-background": "transparent",
+	"--uploader-filled-background": "var(--color-surface-container-highest)",
+	"--uploader-outline-color": "var(--color-outline)",
 	"--uploader-action-icon-size": "24px",
 	"--uploader-action-margin": "0 10px 10px 0",
 	"--uploader-file-size": "80px",
@@ -29568,6 +29571,9 @@ var stdin_default$192 = {
 	"--uploader-action-background": "var(--color-surface-container-highest)",
 	"--uploader-file-name-background": "var(--color-surface-container-highest)",
 	"--uploader-file-cover-background": "var(--color-surface-container-highest)",
+	"--uploader-outlined-background": "transparent",
+	"--uploader-filled-background": "var(--color-surface-container-highest)",
+	"--uploader-outline-color": "var(--color-outline)",
 	"--uploader-action-icon-color": "var(--color-on-surface-variant)",
 	"--uploader-file-name-color": "var(--color-on-surface-variant)",
 	"--uploader-action-icon-size": "24px",
@@ -30926,6 +30932,9 @@ var stdin_default$116 = {
 	"--uploader-action-background": "var(--color-surface-container-low)",
 	"--uploader-file-name-background": "var(--color-surface-container-low)",
 	"--uploader-file-cover-background": "var(--color-surface-container-low)",
+	"--uploader-outlined-background": "transparent",
+	"--uploader-filled-background": "var(--color-surface-container-highest)",
+	"--uploader-outline-color": "var(--color-outline)",
 	"--uploader-action-icon-color": "var(--color-on-surface-variant)",
 	"--uploader-file-name-color": "var(--color-on-surface-variant)",
 	"--uploader-action-icon-size": "24px",
@@ -32149,6 +32158,10 @@ var props$90 = {
 		],
 		default: true
 	},
+	variant: {
+		type: String,
+		default: "standard"
+	},
 	resolveType: {
 		type: String,
 		default: "default"
@@ -32234,7 +32247,7 @@ function __render__$1(_ctx, _cache) {
 		(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("file-list")) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.files, (f) => {
 			return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: f.id,
-				class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("file"), _ctx.formatElevation(_ctx.elevation, 2), [f.state === "loading", _ctx.n("--loading")])),
+				class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("file"), [_ctx.variant === "standard", _ctx.formatElevation(_ctx.elevation, 2)], [_ctx.variant === "outlined", _ctx.n("--outlined")], [_ctx.variant === "filled", _ctx.n("--filled")], [f.state === "loading", _ctx.n("--loading")])),
 				onClick: ($event) => _ctx.preview(f)
 			}, [
 				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(_ctx.n("file-name")) }, (0, vue.toDisplayString)(f.name || f.url), 3),
@@ -32267,7 +32280,7 @@ function __render__$1(_ctx, _cache) {
 		}), 128)), !_ctx.maxlength || _ctx.modelValue.length < _ctx.toNumber(_ctx.maxlength) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 			key: 0,
 			ref: "actionRef",
-			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("--outline-none"), [!_ctx.$slots.default, `${_ctx.n("action")} ${_ctx.formatElevation(_ctx.elevation, 2)}`], [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")])),
+			class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n("--outline-none"), [!_ctx.$slots.default, _ctx.n("action")], [!_ctx.$slots.default && _ctx.variant === "standard", _ctx.formatElevation(_ctx.elevation, 2)], [!_ctx.$slots.default && _ctx.variant === "outlined", _ctx.n("--outlined")], [!_ctx.$slots.default && _ctx.variant === "filled", _ctx.n("--filled")], [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")])),
 			tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
 			onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleActionClick && _ctx.handleActionClick(...args)),
 			onFocus: _cache[3] || (_cache[3] = ($event) => _ctx.isFocusing = true),
@@ -32817,7 +32830,7 @@ var _WatermarkComponent = stdin_default$108;
 var stdin_default$102 = stdin_default$108;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.20.2";
+var version = "3.20.3";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);