@varlet/ui 3.16.0-alpha.1778506868488 → 3.16.1

package/es/varlet.esm.js

@@ -13836,6 +13836,10 @@ var HD = Di, va = Di, pO = Object.defineProperty, mO = Object.defineProperties,
     type: [String, Number],
     default: 8
   },
+  align: {
+    type: String,
+    default: "center"
+  },
   validateTrigger: {
     type: Array,
     default: () => ["onInput", "onComplete"]
@@ -13867,7 +13871,7 @@ function SO(e, n) {
   const r = ee("var-input"), o = ee("var-form-details");
   return g(), C("div", {
     ref: "rootEl",
-    class: p(e.classes(e.n(), e.n("$--box"))),
+    class: p(e.classes(e.n(), e.n("$--box"), e.n(`--align-${e.align}`))),
     style: Z({
       "--otp-input-gutter": e.gutterStyle,
       "--otp-input-cell-height": e.cellHeightStyle,
@@ -14126,6 +14130,7 @@ var Dh = re({
       cellMaxWidthStyle: $,
       resolvedInputmode: S,
       nativeInputType: b,
+      align: e.align,
       n: Qc,
       classes: $O,
       setInputRef: L,
@@ -18819,8 +18824,7 @@ var G8 = {
   "--otp-input-gutter": "8px",
   "--otp-input-cell-height": "48px",
   "--otp-input-cell-max-width": "48px",
-  "--otp-input-input-font-size": "20px",
-  "--otp-input-separator-color": "var(--color-text-disabled)"
+  "--otp-input-input-font-size": "20px"
 }, A5 = { "--overlay-background-color": "rgba(0, 0, 0, 0.6)" }, N5 = {
   "--pagination-text-color": "#fff",
   "--pagination-hover-bg-color": "rgba(255, 255, 255, .15)",
@@ -19818,8 +19822,7 @@ var G8 = {
   "--otp-input-gutter": "8px",
   "--otp-input-cell-height": "48px",
   "--otp-input-cell-max-width": "48px",
-  "--otp-input-input-font-size": "20px",
-  "--otp-input-separator-color": "var(--color-text-disabled)"
+  "--otp-input-input-font-size": "20px"
 }, QT = { "--overlay-background-color": "rgba(0, 0, 0, 0.6)" }, xT = {
   "--pagination-text-color": "#fff",
   "--pagination-item-background": "var(--color-surface-container)",
@@ -20803,8 +20806,7 @@ var G8 = {
   "--otp-input-gutter": "8px",
   "--otp-input-cell-height": "48px",
   "--otp-input-cell-max-width": "48px",
-  "--otp-input-input-font-size": "20px",
-  "--otp-input-separator-color": "var(--color-text-disabled)"
+  "--otp-input-input-font-size": "20px"
 }, pI = { "--overlay-background-color": "rgba(0, 0, 0, 0.6)" }, mI = {
   "--pagination-text-color": "#555",
   "--pagination-font-size": "var(--font-size-md)",
@@ -22404,7 +22406,7 @@ xg.render = TB;
 var sl = xg;
 se(sl);
 ce(sl, Qg);
-var b7 = sl, eu = sl, EB = "3.16.0-alpha.1778506868488";
+var b7 = sl, eu = sl, EB = "3.16.1";
 function IB(e) {
   zl.install && e.use(zl), Tl.install && e.use(Tl), El.install && e.use(El), Dl.install && e.use(Dl), Nl.install && e.use(Nl), Vl.install && e.use(Vl), Rl.install && e.use(Rl), ta.install && e.use(ta), Ll.install && e.use(Ll), Fl.install && e.use(Fl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), An.install && e.use(An), jl.install && e.use(jl), Yl.install && e.use(Yl), Wl.install && e.use(Wl), io.install && e.use(io), Kl.install && e.use(Kl), aa.install && e.use(aa), Xl.install && e.use(Xl), Gl.install && e.use(Gl), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), Hn.install && e.use(Hn), xl.install && e.use(xl), rs.install && e.use(rs), ls.install && e.use(ls), us.install && e.use(us), ds.install && e.use(ds), cs.install && e.use(cs), ca.install && e.use(ca), fs.install && e.use(fs), vs.install && e.use(vs), Fo.install && e.use(Fo), ps.install && e.use(ps), ms.install && e.use(ms), En.install && e.use(En), hs.install && e.use(hs), Tn.install && e.use(Tn), Mn.install && e.use(Mn), Je.install && e.use(Je), gs.install && e.use(gs), Zo.install && e.use(Zo), bs.install && e.use(bs), ys.install && e.use(ys), Uo.install && e.use(Uo), Ko.install && e.use(Ko), ws.install && e.use(ws), ks.install && e.use(ks), fo.install && e.use(fo), $s.install && e.use($s), Ol.install && e.use(Ol), Cs.install && e.use(Cs), Yo.install && e.use(Yo), lo.install && e.use(lo), Wo.install && e.use(Wo), va.install && e.use(va), Ss.install && e.use(Ss), Os.install && e.use(Os), Ps.install && e.use(Ps), zs.install && e.use(zs), Ts.install && e.use(Ts), Mr.install && e.use(Mr), Es.install && e.use(Es), Is.install && e.use(Is), pa.install && e.use(pa), Bs.install && e.use(Bs), Ds.install && e.use(Ds), Ms.install && e.use(Ms), dn.install && e.use(dn), As.install && e.use(As), Ns.install && e.use(Ns), Vs.install && e.use(Vs), Rs.install && e.use(Rs), Ls.install && e.use(Ls), Us.install && e.use(Us), Hs.install && e.use(Hs), js.install && e.use(js), Ys.install && e.use(Ys), po.install && e.use(po), Ws.install && e.use(Ws), Xo.install && e.use(Xo), Go.install && e.use(Go), Ks.install && e.use(Ks), qs.install && e.use(qs), Xs.install && e.use(Xs), Gs.install && e.use(Gs), Zs.install && e.use(Zs), Js.install && e.use(Js), Qs.install && e.use(Qs), xs.install && e.use(xs), fa.install && e.use(fa), _s.install && e.use(_s), eu.install && e.use(eu);
 }

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.0-alpha.1778506868488",
+  "version": "3.16.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1589,7 +1589,7 @@
             },
             {
               "name": "hoverable",
-              "description": "Whether to show a hover highlight overlay on desktop",
+              "description": "Whether to enable hover effect",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -5668,6 +5668,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "align",
+              "description": "Overall content alignment, options are `start` `center` `end`",
+              "default": "center",
+              "value": {
+                "type": "OtpInputAlign",
+                "kind": "expression"
+              }
+            },
             {
               "name": "validate-trigger",
               "description": "Validation triggers, options are `onInput` `onClick` `onPaste` `onComplete`",
@@ -5984,7 +5993,7 @@
             },
             {
               "name": "hoverable",
-              "description": "Whether to show a hover highlight overlay on desktop",
+              "description": "Whether to enable hover effect",
               "default": "false",
               "value": {
                 "type": "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.16.0-alpha.1778506868488",
+  "version": "3.16.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1640,7 +1640,7 @@
             },
             {
               "name": "hoverable",
-              "description": "是否在桌面端悬停时显示一层高亮遮罩",
+              "description": "是否开启鼠标悬停效果",
               "default": "false",
               "value": {
                 "type": "boolean",
@@ -5710,6 +5710,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "align",
+              "description": "组件整体内容对齐方式，可选值为 `start` `center` `end`",
+              "default": "center",
+              "value": {
+                "type": "OtpInputAlign",
+                "kind": "expression"
+              }
+            },
             {
               "name": "validate-trigger",
               "description": "触发校验的时机，可选值为 `onInput` `onClick` `onPaste` `onComplete`",
@@ -6026,7 +6035,7 @@
             },
             {
               "name": "hoverable",
-              "description": "是否在桌面端悬停时显示一层高亮遮罩",
+              "description": "是否开启鼠标悬停效果",
               "default": "false",
               "value": {
                 "type": "boolean",

package/lib/varlet.cjs.js

@@ -18422,6 +18422,10 @@ var props$50 = __spreadProps$3(__spreadValues$9({
 		type: [String, Number],
 		default: 8
 	},
+	align: {
+		type: String,
+		default: "center"
+	},
 	validateTrigger: {
 		type: Array,
 		default: () => ["onInput", "onComplete"]
@@ -18458,7 +18462,7 @@ function __render__$35(_ctx, _cache) {
 	const _component_var_form_details = (0, vue.resolveComponent)("var-form-details");
 	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 		ref: "rootEl",
-		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
+		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--align-${_ctx.align}`))),
 		style: (0, vue.normalizeStyle)({
 			"--otp-input-gutter": _ctx.gutterStyle,
 			"--otp-input-cell-height": _ctx.cellHeightStyle,
@@ -18770,6 +18774,7 @@ var __sfc__$35 = (0, vue.defineComponent)({
 			cellMaxWidthStyle,
 			resolvedInputmode,
 			nativeInputType,
+			align: props2.align,
 			n: n$33,
 			classes: classes$26,
 			setInputRef,
@@ -24667,8 +24672,7 @@ var stdin_default$268 = {
 	"--otp-input-gutter": "8px",
 	"--otp-input-cell-height": "48px",
 	"--otp-input-cell-max-width": "48px",
-	"--otp-input-input-font-size": "20px",
-	"--otp-input-separator-color": "var(--color-text-disabled)"
+	"--otp-input-input-font-size": "20px"
 };
 //#endregion
 //#region es/themes/dark/overlay.mjs
@@ -25877,8 +25881,7 @@ var stdin_default$200 = {
 	"--otp-input-gutter": "8px",
 	"--otp-input-cell-height": "48px",
 	"--otp-input-cell-max-width": "48px",
-	"--otp-input-input-font-size": "20px",
-	"--otp-input-separator-color": "var(--color-text-disabled)"
+	"--otp-input-input-font-size": "20px"
 };
 //#endregion
 //#region es/themes/md3-dark/overlay.mjs
@@ -27073,8 +27076,7 @@ var stdin_default$132 = {
 	"--otp-input-gutter": "8px",
 	"--otp-input-cell-height": "48px",
 	"--otp-input-cell-max-width": "48px",
-	"--otp-input-input-font-size": "20px",
-	"--otp-input-separator-color": "var(--color-text-disabled)"
+	"--otp-input-input-font-size": "20px"
 };
 //#endregion
 //#region es/themes/md3-light/overlay.mjs
@@ -29040,7 +29042,7 @@ var _WatermarkComponent = stdin_default$100;
 var stdin_default$94 = stdin_default$100;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.16.0-alpha.1778506868488";
+var version = "3.16.1";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);