x-runtime-lib 0.9.51 → 0.9.52

package/dist/{i18n-en.dr8fhftl.js → i18n-en.ot9smdcm.js}

@@ -506,6 +506,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	value: "Value",
 	variant: "Variant",
 	vertical: "Vertical",
+	viewportPercent: "Viewport Percent",
 	warning: "Warning",
 	way: "Way",
 	weight: "Weight",

package/dist/{i18n-zhHans.nrj38btn.js → i18n-zhHans.jgc17e4x.js}

@@ -507,6 +507,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	variant: "变种",
 	vertical: "垂直",
 	warning: "警告",
+	viewportPercent: "视口百分比",
 	way: "方式",
 	weight: "重量",
 	width: "宽度",

package/dist/index.d.ts

@@ -678,7 +678,7 @@ export declare interface Transients {
 
 export declare type TriggerKind = 'propertyTrigger' | 'stateTrigger';
 
-export declare const typesKeys: readonly ["borderRadiusV1", "borderWidthV1", "colorV1", "elevationV1", "leftRightV1", "marginV1", "paddingV1", "progressChunkWayV1", "sizeV1", "tableColumnAlignV1", "topBottomV1"];
+export declare const typesKeys: readonly ["borderRadiusV1", "borderWidthV1", "colorV1", "elevationV1", "heightV1", "leftRightV1", "marginV1", "paddingV1", "progressChunkWayV1", "sizeV1", "tableColumnAlignV1", "topBottomV1", "widthV1"];
 
 export declare function unwrapEventId(id: string): {
     kind: EventKind;

package/dist/index.js

@@ -51,13 +51,15 @@ var rt = [
 	"borderWidthV1",
 	"colorV1",
 	"elevationV1",
+	"heightV1",
 	"leftRightV1",
 	"marginV1",
 	"paddingV1",
 	"progressChunkWayV1",
 	"sizeV1",
 	"tableColumnAlignV1",
-	"topBottomV1"
+	"topBottomV1",
+	"widthV1"
 ], at = {};
 function ot(e, t) {
 	at[e] = t;
@@ -1715,42 +1717,42 @@ var bn = {
 			key: "width",
 			name: "x-runtime-lib.width",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		},
 		{
 			key: "minWidth",
 			name: "x-runtime-lib.minWidth",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		},
 		{
 			key: "maxWidth",
 			name: "x-runtime-lib.maxWidth",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		},
 		{
 			key: "height",
 			name: "x-runtime-lib.height",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "heightV1",
 			default: null
 		},
 		{
 			key: "minHeight",
 			name: "x-runtime-lib.minHeight",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "heightV1",
 			default: null
 		},
 		{
 			key: "maxHeight",
 			name: "x-runtime-lib.maxHeight",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "heightV1",
 			default: null
 		}
 	]
@@ -1871,21 +1873,21 @@ var bn = {
 			key: "width",
 			name: "x-runtime-lib.width",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		},
 		{
 			key: "minWidth",
 			name: "x-runtime-lib.minWidth",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		},
 		{
 			key: "maxWidth",
 			name: "x-runtime-lib.maxWidth",
 			ui: "multiTypes",
-			types: "sizeV1",
+			types: "widthV1",
 			default: null
 		}
 	]
@@ -1957,7 +1959,7 @@ var bn = {
 	]
 };
 //#endregion
-//#region src/element/_common/types/topBottom/v1/index.ts
+//#region src/element/_common/types/width/v1/index.ts
 ot("borderRadiusV1", [
 	{
 		value: "notSet",
@@ -2118,7 +2120,51 @@ ot("borderRadiusV1", [
 	max: 5,
 	step: 1,
 	default: 0
-}]), ot("leftRightV1", [
+}]), ot("heightV1", [
+	{
+		value: "notSet",
+		title: "x-runtime-lib.notSet",
+		validator: xt,
+		trait: "null",
+		default: null
+	},
+	{
+		value: "pixel",
+		title: "x-runtime-lib.pixel",
+		validator: (e) => Ct(e, "px"),
+		trait: "numberUnit",
+		unit: "px",
+		precision: 0,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0px"
+	},
+	{
+		value: "percent",
+		title: "x-runtime-lib.percent",
+		validator: (e) => Ct(e, "%"),
+		trait: "numberUnit",
+		unit: "%",
+		precision: 6,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0%"
+	},
+	{
+		value: "viewportPercent",
+		title: "x-runtime-lib.viewportPercent",
+		validator: (e) => Ct(e, "vh"),
+		trait: "numberUnit",
+		unit: "vh",
+		precision: 6,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0vh"
+	}
+]), ot("leftRightV1", [
 	{
 		value: "notSet",
 		title: "x-runtime-lib.notSet",
@@ -2326,6 +2372,57 @@ ot("borderRadiusV1", [
 		trait: "word",
 		default: "bottom"
 	}
+]), ot("widthV1", [
+	{
+		value: "notSet",
+		title: "x-runtime-lib.notSet",
+		validator: xt,
+		trait: "null",
+		default: null
+	},
+	{
+		value: "pixel",
+		title: "x-runtime-lib.pixel",
+		validator: (e) => Ct(e, "px"),
+		trait: "numberUnit",
+		unit: "px",
+		precision: 0,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0px"
+	},
+	{
+		value: "percent",
+		title: "x-runtime-lib.percent",
+		validator: (e) => Ct(e, "%"),
+		trait: "numberUnit",
+		unit: "%",
+		precision: 6,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0%"
+	},
+	{
+		value: "viewportPercent",
+		title: "x-runtime-lib.viewportPercent",
+		validator: (e) => Ct(e, "vw"),
+		trait: "numberUnit",
+		unit: "vw",
+		precision: 6,
+		min: 0,
+		max: Infinity,
+		step: 1,
+		default: "0vw"
+	},
+	{
+		value: "spaced",
+		title: "x-runtime-lib.spaced",
+		validator: (e) => e === "spaced",
+		trait: "word",
+		default: "spaced"
+	}
 ]);
 //#endregion
 //#region src/element/_pkgs/index.ts
@@ -2339,13 +2436,15 @@ var kn = { v1: {
 		"borderWidthV1",
 		"colorV1",
 		"elevationV1",
+		"heightV1",
 		"leftRightV1",
 		"marginV1",
 		"paddingV1",
 		"progressChunkWayV1",
 		"sizeV1",
 		"tableColumnAlignV1",
-		"topBottomV1"
+		"topBottomV1",
+		"widthV1"
 	]),
 	groups: {
 		pageUi: [
@@ -3845,24 +3944,19 @@ function sr(e) {
 //#endregion
 //#region src/composables/element/piece/ui/height/v1/index.ts
 function cr(e, t) {
-	let n = $(), r = gl(), i = w(() => {
-		let i = e.value.size?.height;
-		return n === "editor" && t && Dt(i) ? Ot(i) / 100 * r.value.height + "px" : i;
-	}), a = w(() => {
-		let i = e.value.size?.minHeight;
-		return n === "editor" && t && Dt(i) ? Ot(i) / 100 * r.value.height + "px" : i;
-	}), o = w(() => {
-		let i = e.value.size?.maxHeight;
-		return n === "editor" && t && Dt(i) ? Ot(i) / 100 * r.value.height + "px" : i;
-	});
-	function s(e) {
-		i.value && (e.height = i.value), a.value && (e.minHeight = a.value), o.value && (e.maxHeight = o.value);
+	let n = $(), r = gl();
+	function i(e) {
+		if (typeof e == "string") return n === "editor" && t && Dt(e) ? Ot(e) / 100 * r.value.height + "px" : Ct(e, "vh") ? wt(e, "vh") / 100 * r.value.height + "px" : e;
+	}
+	let a = w(() => i(e.value.size?.height)), o = w(() => i(e.value.size?.minHeight)), s = w(() => i(e.value.size?.maxHeight));
+	function c(e) {
+		a.value && (e.height = a.value), o.value && (e.minHeight = o.value), s.value && (e.maxHeight = s.value);
 	}
 	return {
-		height: i,
-		minHeight: a,
-		maxHeight: o,
-		applyHeight: s
+		height: a,
+		minHeight: o,
+		maxHeight: s,
+		applyHeight: c
 	};
 }
 //#endregion
@@ -3898,15 +3992,25 @@ function ur(e) {
 //#endregion
 //#region src/composables/element/piece/ui/width/v1/index.ts
 function Q(e) {
-	let t = w(() => e.value.size?.width), n = w(() => e.value.size?.minWidth), r = w(() => e.value.size?.maxWidth);
-	function i(e) {
-		t.value && (e.width = t.value), n.value && (e.minWidth = n.value), r.value && (e.maxWidth = r.value);
+	let t = gl();
+	function n(e) {
+		if (typeof e == "string") {
+			if (Ct(e, "vw")) return wt(e, "vw") / 100 * t.value.width + "px";
+			if (e === "spaced") {
+				let e = t.value.width;
+				return e <= 1280 ? e + "px" : e <= 1920 ? "768px" : "1024px";
+			} else return e;
+		}
+	}
+	let r = w(() => n(e.value.size?.width)), i = w(() => n(e.value.size?.minWidth)), a = w(() => n(e.value.size?.maxWidth));
+	function o(e) {
+		r.value && (e.width = r.value), i.value && (e.minWidth = i.value), a.value && (e.maxWidth = a.value);
 	}
 	return {
-		width: t,
-		minWidth: n,
-		maxWidth: r,
-		applyWidth: i
+		width: r,
+		minWidth: i,
+		maxWidth: a,
+		applyWidth: o
 	};
 }
 //#endregion
@@ -14207,7 +14311,7 @@ function gs(e, t) {
 	let { n, nodeIds: r } = U(e, t);
 	return {
 		nodePairs: [n("ui_dialog_v1", [n("inline_slot_v1", [n("ui_activator_v1", [n("ui_btn_v1", void 0, { "settings.text": "dialog" })])], { "settings.value": "activator" }), n("inline_slot_v1", [n("ui_container_v1", [n("ui_container_v1", [n("ui_container_v1", [], { "size.height": "48px" })], {
-			"size.width": "50%",
+			"size.width": "spaced",
 			"size.height": "100%",
 			"margin.left": "auto",
 			"margin.right": "auto",
@@ -21587,8 +21691,8 @@ var Cu = (e, t, n) => {
 //#region src/i18n/index.ts
 async function wu(e) {
 	return (await Cu(/* @__PURE__ */ Object.assign({
-		"./locales/en/index.ts": () => import("./i18n-en.dr8fhftl.js").then((e) => e.t),
-		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.nrj38btn.js").then((e) => e.t)
+		"./locales/en/index.ts": () => import("./i18n-en.ot9smdcm.js").then((e) => e.t),
+		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.jgc17e4x.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.9.51",
+  "version": "0.9.52",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,7 +37,7 @@
   },
   "peerDependencies": {
     "x-error-lib": "^0.5.18",
-    "x-essential-lib": "^0.9.31"
+    "x-essential-lib": "^0.9.35"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",