x-runtime-lib 0.9.8 → 0.9.9

package/dist/components/element/ui/container/v1/index.vue.d.ts

@@ -1,7 +1,7 @@
 import { ElementProps } from '@/types';
-declare var __VLS_8: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/element/ui/index.d.ts

@@ -15,8 +15,8 @@ import ZDatePickerV1 from './datePicker/v1/index.vue';
 import ZDialogV1 from './dialog/v1/index.vue';
 import ZFabV1 from './fab/v1/index.vue';
 import ZFileInputV1 from './fileInput/v1/index.vue';
-import ZFlexLayoutV1 from './flexLayout/v1/index.vue';
-import ZFlexLayoutEntryV1 from './flexLayoutEntry/v1/index.vue';
+import ZFlexboxV1 from './flexbox/v1/index.vue';
+import ZFlexboxEntryV1 from './flexboxEntry/v1/index.vue';
 import ZFormV1 from './form/v1/index.vue';
 import ZIconV1 from './icon/v1/index.vue';
 import ZMenuV1 from './menu/v1/index.vue';
@@ -51,4 +51,4 @@ import ZTimelineV1 from './timeline/v1/index.vue';
 import ZTimelineItemV1 from './timelineItem/v1/index.vue';
 import ZWindowV1 from './window/v1/index.vue';
 import ZWindowItemV1 from './windowItem/v1/index.vue';
-export { ZBadgeV1, ZBreadcrumbsV1, ZBtnV1, ZBtnToggleV1, ZBtnToggleEntryV1, ZCardV1, ZCheckboxV1, ZChipV1, ZChipGroupV1, ZColorPickerV1, ZComboboxV1, ZContainerV1, ZDataTableV1, ZDatePickerV1, ZDialogV1, ZFabV1, ZFileInputV1, ZFlexLayoutV1, ZFlexLayoutEntryV1, ZFormV1, ZIconV1, ZMenuV1, ZNumberInputV1, ZPaginationV1, ZRadioV1, ZRadioGroupV1, ZRangeSliderV1, ZRatingV1, ZSelectV1, ZSheetV1, ZSliderV1, ZSpeedDialV1, ZStepperV1, ZStepperHeaderV1, ZStepperItemV1, ZStepperWindowV1, ZStepperWindowItemV1, ZSwitchV1, ZTabV1, ZTableV1, ZTableBodyV1, ZTableBodyCellV1, ZTableHeadV1, ZTableHeadCellV1, ZTableRowV1, ZTabsV1, ZTextV1, ZTextareaV1, ZTextFieldV1, ZTimelineV1, ZTimelineItemV1, ZWindowV1, ZWindowItemV1 };
+export { ZBadgeV1, ZBreadcrumbsV1, ZBtnV1, ZBtnToggleV1, ZBtnToggleEntryV1, ZCardV1, ZCheckboxV1, ZChipV1, ZChipGroupV1, ZColorPickerV1, ZComboboxV1, ZContainerV1, ZDataTableV1, ZDatePickerV1, ZDialogV1, ZFabV1, ZFileInputV1, ZFlexboxV1, ZFlexboxEntryV1, ZFormV1, ZIconV1, ZMenuV1, ZNumberInputV1, ZPaginationV1, ZRadioV1, ZRadioGroupV1, ZRangeSliderV1, ZRatingV1, ZSelectV1, ZSheetV1, ZSliderV1, ZSpeedDialV1, ZStepperV1, ZStepperHeaderV1, ZStepperItemV1, ZStepperWindowV1, ZStepperWindowItemV1, ZSwitchV1, ZTabV1, ZTableV1, ZTableBodyV1, ZTableBodyCellV1, ZTableHeadV1, ZTableHeadCellV1, ZTableRowV1, ZTabsV1, ZTextV1, ZTextareaV1, ZTextFieldV1, ZTimelineV1, ZTimelineItemV1, ZWindowV1, ZWindowItemV1 };

package/dist/components/element/ui/tabs/v1/index.vue.d.ts

@@ -1,7 +1,7 @@
 import { ElementProps } from '@/types';
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/element/_pkgs/v1/elements.d.ts

@@ -1 +1 @@
-export declare const elements: Set<"globality_v1" | "multiple_ref_v1" | "multiple_slot_v1" | "ref_v1" | "render_switch_v1" | "slot_v1" | "ui_badge_v1" | "ui_breadcrumbs_v1" | "ui_bar_chart_v1" | "ui_btn_v1" | "ui_btn_toggle_v1" | "ui_btn_toggle_entry_v1" | "ui_card_v1" | "ui_checkbox_v1" | "ui_chip_v1" | "ui_chip_group_v1" | "ui_color_picker_v1" | "ui_combobox_v1" | "ui_container_v1" | "ui_data_table_v1" | "ui_date_picker_v1" | "ui_dialog_v1" | "ui_fab_v1" | "ui_file_input_v1" | "ui_flex_layout_v1" | "ui_flex_layout_entry_v1" | "ui_form_v1" | "ui_icon_v1" | "ui_line_chart_v1" | "ui_menu_v1" | "ui_number_input_v1" | "ui_pagination_v1" | "ui_radio_v1" | "ui_radio_group_v1" | "ui_range_slider_v1" | "ui_rating_v1" | "ui_select_v1" | "ui_sheet_v1" | "ui_slider_v1" | "ui_speed_dial_v1" | "ui_stepper_v1" | "ui_stepper_header_v1" | "ui_stepper_item_v1" | "ui_stepper_window_v1" | "ui_stepper_window_item_v1" | "ui_switch_v1" | "ui_tab_v1" | "ui_table_v1" | "ui_table_body_v1" | "ui_table_body_cell_v1" | "ui_table_head_v1" | "ui_table_head_cell_v1" | "ui_table_row_v1" | "ui_tabs_v1" | "ui_text_v1" | "ui_textarea_v1" | "ui_text_field_v1" | "ui_timeline_v1" | "ui_timeline_item_v1" | "ui_window_v1" | "ui_window_item_v1" | "3d_ambient_light_v1" | "3d_box_geometry_v1" | "3d_directional_light_v1" | "3d_group_v1" | "3d_keyboard_controls_v1" | "3d_map_controls_v1" | "3d_mesh_v1" | "3d_mesh_basic_material_v1" | "3d_orbit_controls_v1" | "3d_orthographic_camera_v1" | "3d_perspective_camera_v1" | "3d_point_light_v1" | "3d_sphere_geometry_v1" | "3d_spot_light_v1">;
+export declare const elements: Set<"globality_v1" | "multiple_ref_v1" | "multiple_slot_v1" | "ref_v1" | "render_switch_v1" | "slot_v1" | "ui_badge_v1" | "ui_breadcrumbs_v1" | "ui_bar_chart_v1" | "ui_btn_v1" | "ui_btn_toggle_v1" | "ui_btn_toggle_entry_v1" | "ui_card_v1" | "ui_checkbox_v1" | "ui_chip_v1" | "ui_chip_group_v1" | "ui_color_picker_v1" | "ui_combobox_v1" | "ui_container_v1" | "ui_data_table_v1" | "ui_date_picker_v1" | "ui_dialog_v1" | "ui_fab_v1" | "ui_file_input_v1" | "ui_flexbox_v1" | "ui_flexbox_entry_v1" | "ui_form_v1" | "ui_icon_v1" | "ui_line_chart_v1" | "ui_menu_v1" | "ui_number_input_v1" | "ui_pagination_v1" | "ui_radio_v1" | "ui_radio_group_v1" | "ui_range_slider_v1" | "ui_rating_v1" | "ui_select_v1" | "ui_sheet_v1" | "ui_slider_v1" | "ui_speed_dial_v1" | "ui_stepper_v1" | "ui_stepper_header_v1" | "ui_stepper_item_v1" | "ui_stepper_window_v1" | "ui_stepper_window_item_v1" | "ui_switch_v1" | "ui_tab_v1" | "ui_table_v1" | "ui_table_body_v1" | "ui_table_body_cell_v1" | "ui_table_head_v1" | "ui_table_head_cell_v1" | "ui_table_row_v1" | "ui_tabs_v1" | "ui_text_v1" | "ui_textarea_v1" | "ui_text_field_v1" | "ui_timeline_v1" | "ui_timeline_item_v1" | "ui_window_v1" | "ui_window_item_v1" | "3d_ambient_light_v1" | "3d_box_geometry_v1" | "3d_directional_light_v1" | "3d_group_v1" | "3d_keyboard_controls_v1" | "3d_map_controls_v1" | "3d_mesh_v1" | "3d_mesh_basic_material_v1" | "3d_orbit_controls_v1" | "3d_orthographic_camera_v1" | "3d_perspective_camera_v1" | "3d_point_light_v1" | "3d_sphere_geometry_v1" | "3d_spot_light_v1">;

package/dist/element/ui/flexbox/v1/meta.d.ts

@@ -0,0 +1,2 @@
+import { ZElement } from '@/meta';
+export declare const flexboxV1: ZElement;

package/dist/element/ui/flexboxEntry/v1/meta.d.ts

@@ -0,0 +1,2 @@
+import { ZElement } from '@/meta';
+export declare const flexboxEntryV1: ZElement;

package/dist/element/ui/index.d.ts

@@ -14,8 +14,8 @@ export * from './datePicker/v1';
 export * from './dialog/v1';
 export * from './fab/v1';
 export * from './fileInput/v1';
-export * from './flexLayout/v1';
-export * from './flexLayoutEntry/v1';
+export * from './flexbox/v1';
+export * from './flexboxEntry/v1';
 export * from './form/v1';
 export * from './icon/v1';
 export * from './menu/v1';

package/dist/{i18n-en.ijgolucs.js → i18n-en.b60i5ddj.js}

@@ -139,8 +139,8 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	fixedHeader: "Fixed Header",
 	fixedTabs: "Fixed Tabs",
 	flat: "Flat",
-	flexLayout: "Flex Layout",
-	flexLayoutEntry: "Flex Layout Entry",
+	flexbox: "Flexbox",
+	flexboxEntry: "Flexbox Entry",
 	floating: "Floating",
 	floatingActionButton: "Floating Action Button",
 	focus: "Focus",
@@ -302,6 +302,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	singleLine: "Sinle Line",
 	size: "Size",
 	slider: "Slider",
+	sliderColor: "Slider",
 	slot: "Slot",
 	slotPropertyChange: "Slot Property Change",
 	slots: "Slots",

package/dist/{i18n-zhHans.iukcgmn0.js → i18n-zhHans.mh8d6pad.js}

@@ -139,8 +139,8 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	fixedHeader: "固定头部",
 	fixedTabs: "固定选项卡",
 	flat: "扁平",
-	flexLayout: "弹性布局",
-	flexLayoutEntry: "弹性布局条目",
+	flexbox: "弹性盒子",
+	flexboxEntry: "弹性盒子条目",
 	floating: "漂浮",
 	floatingActionButton: "浮动操作按钮",
 	focus: "聚焦",
@@ -302,6 +302,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = { "x-runtime-lib": {
 	singleLine: "单行",
 	size: "大小",
 	slider: "滑动条",
+	sliderColor: "滑动条颜色",
 	slot: "插槽",
 	slotPropertyChange: "插槽属性变化",
 	slots: "插槽(s)",

package/dist/index.js

@@ -291,7 +291,7 @@ function _t(e, n) {
 }
 //#endregion
 //#region src/meta/element.ts
-var vt = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_fab_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_sheet_v1.ui_slider_v1.ui_speed_dial_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_table_body_v1.ui_table_body_cell_v1.ui_table_head_v1.ui_table_head_cell_v1.ui_table_row_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split("."), yt = {};
+var vt = /* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_fab_v1.ui_file_input_v1.ui_flexbox_v1.ui_flexbox_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_sheet_v1.ui_slider_v1.ui_speed_dial_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_table_body_v1.ui_table_body_cell_v1.ui_table_head_v1.ui_table_head_cell_v1.ui_table_row_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split("."), yt = {};
 function P(e) {
 	yt[e.key] = e;
 }
@@ -1994,7 +1994,7 @@ Dt("borderWidthTypesV1", [
 ]);
 //#endregion
 //#region src/element/_pkgs/v1/elements.ts
-var ar = new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flex_layout_v1.ui_flex_layout_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_table_body_v1.ui_table_body_cell_v1.ui_table_head_v1.ui_table_head_cell_v1.ui_table_row_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".")), or = { v1: {
+var ar = new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.ref_v1.render_switch_v1.slot_v1.ui_badge_v1.ui_breadcrumbs_v1.ui_bar_chart_v1.ui_btn_v1.ui_btn_toggle_v1.ui_btn_toggle_entry_v1.ui_card_v1.ui_checkbox_v1.ui_chip_v1.ui_chip_group_v1.ui_color_picker_v1.ui_combobox_v1.ui_container_v1.ui_data_table_v1.ui_date_picker_v1.ui_dialog_v1.ui_file_input_v1.ui_flexbox_v1.ui_flexbox_entry_v1.ui_form_v1.ui_icon_v1.ui_line_chart_v1.ui_menu_v1.ui_number_input_v1.ui_pagination_v1.ui_radio_v1.ui_radio_group_v1.ui_range_slider_v1.ui_rating_v1.ui_select_v1.ui_slider_v1.ui_stepper_v1.ui_stepper_header_v1.ui_stepper_item_v1.ui_stepper_window_v1.ui_stepper_window_item_v1.ui_switch_v1.ui_tab_v1.ui_table_v1.ui_table_body_v1.ui_table_body_cell_v1.ui_table_head_v1.ui_table_head_cell_v1.ui_table_row_v1.ui_tabs_v1.ui_text_v1.ui_textarea_v1.ui_text_field_v1.ui_timeline_v1.ui_timeline_item_v1.ui_window_v1.ui_window_item_v1.3d_ambient_light_v1.3d_box_geometry_v1.3d_directional_light_v1.3d_group_v1.3d_keyboard_controls_v1.3d_map_controls_v1.3d_mesh_v1.3d_mesh_basic_material_v1.3d_orbit_controls_v1.3d_orthographic_camera_v1.3d_perspective_camera_v1.3d_point_light_v1.3d_sphere_geometry_v1.3d_spot_light_v1".split(".")), or = { v1: {
 	version: "v1",
 	globalityKey: "globality_v1",
 	refKey: "ref_v1",
@@ -2046,7 +2046,7 @@ var ar = new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.
 					"ui_chip_v1",
 					"ui_sheet_v1",
 					"ui_container_v1",
-					"ui_flex_layout_v1",
+					"ui_flexbox_v1",
 					"ui_dialog_v1",
 					"ui_menu_v1"
 				]
@@ -2187,7 +2187,7 @@ var ar = new Set(/* @__PURE__ */ "globality_v1.multiple_ref_v1.multiple_slot_v1.
 					"ui_chip_v1",
 					"ui_sheet_v1",
 					"ui_container_v1",
-					"ui_flex_layout_v1",
+					"ui_flexbox_v1",
 					"ui_dialog_v1",
 					"ui_menu_v1"
 				]
@@ -3802,18 +3802,18 @@ var ni = g, ri = /* @__PURE__ */ w({
 		z(o);
 		let s = O();
 		B(s), W(y(() => n.refContext?.compId), o, s);
-		let { applySize: c } = Or(n, r), l = y(() => {
+		let { applySize: c } = Or(n, r), { color: l } = qn(y(() => s.value?.view.nodes.globality?.settings?.bgColor)), u = y(() => {
 			let e = {};
-			return s.value?.type === "ui" && c(e), e;
-		}), u = O([
+			return s.value?.type === "ui" && (c(e), l.value && (e.backgroundColor = l.value)), e;
+		}), d = O([
 			0,
 			0,
 			0
-		]), d = O([
+		]), f = O([
 			0,
 			0,
 			0
-		]), f = O([
+		]), p = O([
 			0,
 			0,
 			0
@@ -3821,23 +3821,23 @@ var ni = g, ri = /* @__PURE__ */ w({
 		if (a.value?.type === "3d") {
 			let { position: e, rotation: t, scale: n } = yr(r);
 			we(() => {
-				u.value = e.value, d.value = t.value, f.value = n.value;
+				d.value = e.value, f.value = t.value, p.value = n.value;
 			});
 		}
-		let { property: p } = Z(r, ["instances"]), m = (e, t) => {
+		let { property: m } = Z(r, ["instances"]), h = (e, t) => {
 			e.findIndex((e) => e === t) >= 0 || e.push(t);
-		}, h = y(() => {
+		}, g = y(() => {
 			let e = [];
-			if (!Array.isArray(p.value)) return e;
-			for (let t of p.value) typeof t == "string" && t && m(e, t);
+			if (!Array.isArray(m.value)) return e;
+			for (let t of m.value) typeof t == "string" && t && h(e, t);
 			return e;
-		}), g = (e, t) => T(ai, {
+		}), _ = (e, t) => T(ai, {
 			key: e,
 			subtype: t,
 			nodeId: n.nodeId,
 			refContext: n.refContext,
 			instance: e
-		}), _ = () => {
+		}), ee = () => {
 			if (!n.refContext) {
 				console.assert(!1, "invalid ref context");
 				return;
@@ -3849,22 +3849,22 @@ var ni = g, ri = /* @__PURE__ */ w({
 			let { i18n: e } = Ae;
 			if (At(n.refContext, i)) return a.value.type === "ui" ? T("div", {
 				id: t.id,
-				style: l.value
+				style: u.value
 			}, e.global.t("x-runtime-lib.circularReference")) : a.value.type === "3d" ? T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value,
+				position: d.value,
+				rotation: f.value,
+				scale: p.value,
 				label: e.global.t("x-runtime-lib.circularReference")
 			}) : void 0;
 			if (!s.value) return a.value.type === "ui" ? T("div", {
 				id: t.id,
-				style: l.value
+				style: u.value
 			}) : a.value.type === "3d" ? T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value
+				position: d.value,
+				rotation: f.value,
+				scale: p.value
 			}) : void 0;
 			if (s.value.type !== a.value.type) {
 				console.assert(!1, "subtype not match");
@@ -3873,16 +3873,16 @@ var ni = g, ri = /* @__PURE__ */ w({
 			let r = s.value.type;
 			if (r === "ui") return T("div", {
 				id: t.id,
-				style: l.value
-			}, { default: () => h.value.map((e) => g(e, r)) });
+				style: u.value
+			}, { default: () => g.value.map((e) => _(e, r)) });
 			if (r === "3d") return T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value
-			}, { default: () => h.value.map((e) => g(e, r)) });
+				position: d.value,
+				rotation: f.value,
+				scale: p.value
+			}, { default: () => g.value.map((e) => _(e, r)) });
 		};
-		return (e, t) => (D(), b(_));
+		return (e, t) => (D(), b(ee));
 	}
 }), ui = /* @__PURE__ */ w({
 	__name: "entry",
@@ -4026,18 +4026,18 @@ var ni = g, ri = /* @__PURE__ */ w({
 		z(o);
 		let s = O();
 		B(s), W(y(() => n.refContext?.compId), o, s), Jl("ref", n.nodeId, "", "", V(), o, s);
-		let { applySize: c } = Or(n, r), l = y(() => {
+		let { applySize: c } = Or(n, r), { color: l } = qn(y(() => s.value?.view.nodes.globality?.settings?.bgColor)), u = y(() => {
 			let e = {};
-			return a.value?.type === "ui" && c(e), e;
-		}), u = O([
+			return a.value?.type === "ui" && (c(e), l.value && (e.backgroundColor = l.value)), e;
+		}), d = O([
 			0,
 			0,
 			0
-		]), d = O([
+		]), f = O([
 			0,
 			0,
 			0
-		]), f = O([
+		]), p = O([
 			0,
 			0,
 			0
@@ -4045,10 +4045,10 @@ var ni = g, ri = /* @__PURE__ */ w({
 		if (a.value?.type === "3d") {
 			let { position: e, rotation: t, scale: n } = yr(r);
 			we(() => {
-				u.value = e.value, d.value = t.value, f.value = n.value;
+				d.value = e.value, f.value = t.value, p.value = n.value;
 			});
 		}
-		let p = (e) => {
+		let m = (e) => {
 			let t = xt(e.key);
 			if (!t) {
 				console.assert(!1, `element not found key=${e.key}`);
@@ -4062,9 +4062,9 @@ var ni = g, ri = /* @__PURE__ */ w({
 				key: e.id,
 				...r
 			}, { default: () => {
-				if (!t.leaf) return e.children?.map((e) => p(e));
+				if (!t.leaf) return e.children?.map((e) => m(e));
 			} });
-		}, m = () => {
+		}, h = () => {
 			if (!n.refContext) {
 				console.assert(!1, "invalid ref context");
 				return;
@@ -4076,22 +4076,22 @@ var ni = g, ri = /* @__PURE__ */ w({
 			let { i18n: e } = Ae;
 			if (At(n.refContext, i)) return a.value.type === "ui" ? T("div", {
 				id: t.id,
-				style: l.value
+				style: u.value
 			}, e.global.t("x-runtime-lib.circularReference")) : a.value.type === "3d" ? T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value,
+				position: d.value,
+				rotation: f.value,
+				scale: p.value,
 				label: e.global.t("x-runtime-lib.circularReference")
 			}) : void 0;
 			if (!s.value) return a.value.type === "ui" ? T("div", {
 				id: t.id,
-				style: l.value
+				style: u.value
 			}) : a.value.type === "3d" ? T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value
+				position: d.value,
+				rotation: f.value,
+				scale: p.value
 			}) : void 0;
 			if (s.value.type !== a.value.type) {
 				console.assert(!1, "subtype not match");
@@ -4100,16 +4100,16 @@ var ni = g, ri = /* @__PURE__ */ w({
 			let r = s.value.type;
 			if (r === "ui") return T("div", {
 				id: t.id,
-				style: l.value
-			}, { default: () => s.value?.view.nodeLites.map((e) => p(e)) });
+				style: u.value
+			}, { default: () => s.value?.view.nodeLites.map((e) => m(e)) });
 			if (r === "3d") return T(ci, {
 				name: t.name,
-				position: u.value,
-				rotation: d.value,
-				scale: f.value
-			}, { default: () => s.value?.view.nodeLites.map((e) => p(e)) });
+				position: d.value,
+				rotation: f.value,
+				scale: p.value
+			}, { default: () => s.value?.view.nodeLites.map((e) => m(e)) });
 		};
-		return (e, t) => (D(), b(m));
+		return (e, t) => (D(), b(h));
 	}
 }), pi = /* @__PURE__ */ w({
 	__name: "index",
@@ -4717,14 +4717,11 @@ var ni = g, ri = /* @__PURE__ */ w({
 		refContext: {}
 	},
 	setup(e) {
-		let t = e, { node: n } = X(t), { applySize: r } = Or(t, n), { applyMargin: i } = Er(n), { applyPadding: a } = Dr(n), { applyBorder: o } = Tr(n), { color: s } = Q(n, ["settings", "backgroundColor"]), c = y(() => {
+		let t = e, { node: n } = X(t), { applySize: r } = Or(t, n), { applyMargin: i } = Er(n), { applyPadding: a } = Dr(n), { applyBorder: o } = Tr(n), { color: s } = Q(n, ["settings", "bgColor"]), c = y(() => {
 			let e = {};
 			return r(e), i(e), a(e), o(e), s.value && (e.backgroundColor = s.value), e;
 		});
-		return (e, t) => (D(), b(j(Y), { block: "" }, {
-			default: M(() => [ie("div", { style: ue(c.value) }, [k(e.$slots, "default")], 4)]),
-			_: 3
-		}));
+		return (e, t) => (D(), S("div", { style: ue(c.value) }, [k(e.$slots, "default")], 4));
 	}
 }), Ai = /* @__PURE__ */ w({
 	__name: "columnSlot",
@@ -4945,7 +4942,7 @@ var Ri = /* @__PURE__ */ Rr(Ii, [["render", Li]]), zi = /* @__PURE__ */ w({
 		refContext: {}
 	},
 	setup(e) {
-		let t = e, { node: n } = X(t), { breakpoint: r } = lr(), { applySize: i } = Or(t, n), { applyMargin: a } = Er(n), { applyPadding: o } = Dr(n), { applyBorder: s } = Tr(n), { color: c } = Q(n, ["settings", "backgroundColor"]), { property: l } = Z(n, [
+		let t = e, { node: n } = X(t), { breakpoint: r } = lr(), { applySize: i } = Or(t, n), { applyMargin: a } = Er(n), { applyPadding: o } = Dr(n), { applyBorder: s } = Tr(n), { color: c } = Q(n, ["settings", "bgColor"]), { property: l } = Z(n, [
 			"settings",
 			"wrap",
 			"xs"
@@ -5065,11 +5062,11 @@ var Ri = /* @__PURE__ */ Rr(Ii, [["render", Li]]), zi = /* @__PURE__ */ w({
 		refContext: {}
 	},
 	setup(e) {
-		let t = e, { node: n } = X(t), r = gn(), i = vn(), { applySize: a } = Or(t, n), { property: o } = Z(n, ["settings", "grow"]), { property: s } = Z(n, ["settings", "shrink"]), c = y(() => {
-			let e = {}, t = i.value?.type;
-			return r === "page" ? t === "ui" ? (a(e), e.flexGrow = o.value ? 1 : 0, e.flexShrink = s.value ? 1 : 0) : console.assert(!1) : r === "comp" && t === "ui" ? (a(e), e.flexGrow = o.value ? 1 : 0, e.flexShrink = s.value ? 1 : 0) : console.assert(!1), e;
+		let t = e, { node: n } = X(t), { applySize: r } = Or(t, n), { property: i } = Z(n, ["settings", "grow"]), { property: a } = Z(n, ["settings", "shrink"]), o = y(() => {
+			let e = {};
+			return r(e), e.flexGrow = i.value ? 1 : 0, e.flexShrink = a.value ? 1 : 0, e;
 		});
-		return (e, t) => (D(), S("div", { style: ue(c.value) }, [k(e.$slots, "default")], 4));
+		return (e, t) => (D(), S("div", { style: ue(o.value) }, [k(e.$slots, "default")], 4));
 	}
 }), Hi = /* @__PURE__ */ w({
 	__name: "index",
@@ -5884,66 +5881,60 @@ var ja = /* @__PURE__ */ Rr(ka, [["render", Aa]]), Ma = /* @__PURE__ */ w({
 		refContext: {}
 	},
 	setup(e) {
-		let { node: t } = X(e), { property: n } = Z(t, ["settings", "alignTabs"]), { color: r } = Q(t, [
+		let { node: t } = X(e), { property: n } = Z(t, ["settings", "alignTabs"]), { property: r } = Z(t, ["settings", "centerActive"]), { property: i } = Z(t, ["settings", "density"]), { property: a } = Z(t, ["settings", "direction"]), { property: o } = Z(t, ["settings", "disabled"]), { property: s } = Z(t, ["settings", "fixedTabs"]), { property: c } = Z(t, ["settings", "grow"]), { property: l } = Z(t, ["settings", "hideSlider"]), { property: u } = Z(t, ["settings", "mandatory"]), { property: d } = Z(t, ["settings", "showArrows"]), { property: f } = Z(t, ["settings", "stacked"]), { theme: p } = $(), { property: m } = Z(t, ["settings", "value"]), { color: h } = Q(t, [
 			"settings",
 			"color",
-			"backgroundColor"
-		]), { property: i } = Z(t, ["settings", "centerActive"]), { color: a } = Q(t, [
+			"color"
+		]), { color: g } = Q(t, [
 			"settings",
 			"color",
-			"selectedColor"
-		]), { property: o } = Z(t, ["settings", "density"]), { property: s } = Z(t, ["settings", "direction"]), { property: c } = Z(t, ["settings", "disabled"]), { property: l } = Z(t, ["settings", "fixedTabs"]), { property: u } = Z(t, ["settings", "grow"]), { property: d } = Z(t, ["settings", "hideSlider"]), { property: f } = Z(t, ["settings", "mandatory"]), { property: p } = Z(t, ["settings", "showArrows"]), { color: m } = Q(t, [
+			"bgColor"
+		]), { color: _ } = Q(t, [
 			"settings",
 			"color",
 			"sliderColor"
-		]), { property: h } = Z(t, ["settings", "stacked"]), { theme: g } = $(), { property: _ } = Z(t, ["settings", "value"]);
+		]);
 		return (e, t) => {
 			let ee = A("v-tabs");
-			return D(), b(j(Y), {
-				block: "",
-				mask: ""
+			return D(), b(ee, {
+				modelValue: j(m),
+				"onUpdate:modelValue": t[0] ||= (e) => E(m) ? m.value = e : null,
+				"align-tabs": j(n),
+				"bg-color": j(g),
+				"center-active": j(r),
+				color: j(h),
+				density: j(i),
+				direction: j(a),
+				disabled: j(o),
+				"fixed-tabs": j(s),
+				grow: j(c),
+				"hide-slider": j(l),
+				mandatory: j(u),
+				"show-arrows": j(d),
+				"slider-color": j(_),
+				stacked: j(f),
+				theme: j(p)
 			}, {
-				default: M(() => [C(ee, {
-					modelValue: j(_),
-					"onUpdate:modelValue": t[0] ||= (e) => E(_) ? _.value = e : null,
-					"align-tabs": j(n),
-					"bg-color": j(r),
-					"center-active": j(i),
-					color: j(a),
-					density: j(o),
-					direction: j(s),
-					disabled: j(c),
-					"fixed-tabs": j(l),
-					grow: j(u),
-					"hide-slider": j(d),
-					mandatory: j(f),
-					"show-arrows": j(p),
-					"slider-color": j(m),
-					stacked: j(h),
-					theme: j(g)
-				}, {
-					default: M(() => [k(e.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"modelValue",
-					"align-tabs",
-					"bg-color",
-					"center-active",
-					"color",
-					"density",
-					"direction",
-					"disabled",
-					"fixed-tabs",
-					"grow",
-					"hide-slider",
-					"mandatory",
-					"show-arrows",
-					"slider-color",
-					"stacked",
-					"theme"
-				])]),
+				default: M(() => [k(e.$slots, "default")]),
 				_: 3
-			});
+			}, 8, [
+				"modelValue",
+				"align-tabs",
+				"bg-color",
+				"center-active",
+				"color",
+				"density",
+				"direction",
+				"disabled",
+				"fixed-tabs",
+				"grow",
+				"hide-slider",
+				"mandatory",
+				"show-arrows",
+				"slider-color",
+				"stacked",
+				"theme"
+			]);
 		};
 	}
 }), Na = /* @__PURE__ */ w({
@@ -7522,7 +7513,7 @@ P(Zo);
 //#endregion
 //#region src/element/misc/globality/v1/meta.ts
 var Qo = {
-	key: "backgroundColor",
+	key: "bgColor",
 	name: "x-runtime-lib.backgroundColor",
 	ui: "multiTypes",
 	types: "colorTypesV1",
@@ -8328,7 +8319,7 @@ var js = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
-		key: "backgroundColor",
+		key: "bgColor",
 		name: "x-runtime-lib.backgroundColor",
 		ui: "multiTypes",
 		types: "colorTypesV1",
@@ -8664,35 +8655,29 @@ var Gs = {
 };
 P(Ks);
 //#endregion
-//#region src/element/ui/flexLayout/v1/spawn.ts
+//#region src/element/ui/flexbox/v1/spawn.ts
 function qs(e, t) {
 	let n = I(e, t);
-	return n("ui_flex_layout_v1", [
+	return n("ui_flexbox_v1", [
 		n("ui_container_v1", void 0, {
 			"size.width": "40px",
 			"size.height": "40px",
-			"settings.backgroundColor.mode": "custom",
-			"settings.backgroundColor.custom.light": "#ff0000",
-			"settings.backgroundColor.custom.dark": "#ff0000"
+			"settings.backgroundColor": "#ff0000"
 		}),
 		n("ui_container_v1", void 0, {
 			"size.width": "60px",
 			"size.height": "60px",
-			"settings.backgroundColor.mode": "custom",
-			"settings.backgroundColor.custom.light": "#00ff00",
-			"settings.backgroundColor.custom.dark": "#00ff00"
+			"settings.backgroundColor": "#00ff00"
 		}),
-		n("ui_flex_layout_entry_v1", [n("ui_container_v1", void 0, {
+		n("ui_flexbox_entry_v1", [n("ui_container_v1", void 0, {
 			"size.width": "80px",
 			"size.height": "80px",
-			"settings.backgroundColor.mode": "custom",
-			"settings.backgroundColor.custom.light": "#0000ff",
-			"settings.backgroundColor.custom.dark": "#0000ff"
+			"settings.backgroundColor": "#0000ff"
 		})])
 	]);
 }
 //#endregion
-//#region src/element/ui/flexLayout/v1/meta.ts
+//#region src/element/ui/flexbox/v1/meta.ts
 var Js = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
@@ -8862,7 +8847,7 @@ var Js = {
 			]
 		},
 		{
-			key: "backgroundColor",
+			key: "bgColor",
 			name: "x-runtime-lib.backgroundColor",
 			ui: "multiTypes",
 			types: "colorTypesV1",
@@ -8870,8 +8855,8 @@ var Js = {
 		}
 	]
 }, Ys = {
-	key: "ui_flex_layout_v1",
-	name: "x-runtime-lib.flexLayout",
+	key: "ui_flexbox_v1",
+	name: "x-runtime-lib.flexbox",
 	comp: Bi,
 	properties: {
 		pageUi: [
@@ -8899,7 +8884,7 @@ var Js = {
 };
 P(Ys);
 //#endregion
-//#region src/element/ui/flexLayoutEntry/v1/meta.ts
+//#region src/element/ui/flexboxEntry/v1/meta.ts
 var Xs = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
@@ -8915,8 +8900,8 @@ var Xs = {
 		default: !1
 	}]
 }, Zs = {
-	key: "ui_flex_layout_entry_v1",
-	name: "x-runtime-lib.flexLayoutEntry",
+	key: "ui_flexbox_entry_v1",
+	name: "x-runtime-lib.flexboxEntry",
 	comp: Vi,
 	properties: {
 		pageUi: [
@@ -10516,15 +10501,15 @@ var ol = {
 			name: "x-runtime-lib.color",
 			children: [
 				{
-					key: "backgroundColor",
-					name: "x-runtime-lib.backgroundColor",
+					key: "color",
+					name: "x-runtime-lib.color",
 					ui: "multiTypes",
 					types: "colorTypesV1",
 					default: ""
 				},
 				{
-					key: "selectedColor",
-					name: "x-runtime-lib.selectedColor",
+					key: "bgColor",
+					name: "x-runtime-lib.backgroundColor",
 					ui: "multiTypes",
 					types: "colorTypesV1",
 					default: ""
@@ -11209,7 +11194,7 @@ P(Cl);
 function wl(e, t) {
 	let n = I(e, t);
 	return n("ui_window_v1", [
-		n("ui_window_item_v1", [n("ui_flex_layout_v1", [n("ui_text_v1", void 0, {
+		n("ui_window_item_v1", [n("ui_flexbox_v1", [n("ui_text_v1", void 0, {
 			"settings.text": "Window1",
 			"settings.size": "bodyMedium"
 		})], {
@@ -11219,7 +11204,7 @@ function wl(e, t) {
 			"settings.backgroundColor.mode": "theme",
 			"settings.backgroundColor.theme": "background2"
 		})]),
-		n("ui_window_item_v1", [n("ui_flex_layout_v1", [n("ui_text_v1", void 0, {
+		n("ui_window_item_v1", [n("ui_flexbox_v1", [n("ui_text_v1", void 0, {
 			"settings.text": "Window2",
 			"settings.size": "bodyMedium"
 		})], {
@@ -11229,7 +11214,7 @@ function wl(e, t) {
 			"settings.backgroundColor.mode": "theme",
 			"settings.backgroundColor.theme": "background2"
 		})]),
-		n("ui_window_item_v1", [n("ui_flex_layout_v1", [n("ui_text_v1", void 0, {
+		n("ui_window_item_v1", [n("ui_flexbox_v1", [n("ui_text_v1", void 0, {
 			"settings.text": "Window3",
 			"settings.size": "bodyMedium"
 		})], {
@@ -12159,9 +12144,9 @@ var Yl = (e, t, n) => {
 //#region src/i18n/index.ts
 async function Xl(e) {
 	return (await Yl(/* @__PURE__ */ Object.assign({
-		"./locales/en/index.ts": () => import("./i18n-en.ijgolucs.js").then((e) => e.t),
-		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.iukcgmn0.js").then((e) => e.t)
+		"./locales/en/index.ts": () => import("./i18n-en.b60i5ddj.js").then((e) => e.t),
+		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.mh8d6pad.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion
-export { ct as addIndent, ho as ambientLightV1, rs as badgeV1, Mo as barChartV1, K as basicV1, Qn as borderV1, co as boxGeometryV1, $e as breakpoints, ms as btnToggleEntryV1, fs as btnToggleV1, ls as btnV1, tt as calcBreakpoint, _s as cardV1, ys as checkboxV1, Ts as chipGroupV1, Ss as chipV1, Es as colorPickerV1, ks as comboboxV1, gt as compTypes, Ms as containerV1, I as createMakeNode, zt as createNode, Mt as dataStringify, Ls as dataTableV1, Rs as datePickerV1, Vs as dialogV1, vo as directionalLightV1, Ht as duplicateNodePair, Ut as duplicateNodePairs, vt as elementKeys, Us as fabV1, Ks as fileInputV1, Al as finalProperties, Zs as flexLayoutEntryV1, Ys as flexLayoutV1, ec as formV1, at as fromDotString, Ge as genId, bt as getAllElements, rt as getBreakpointPropString, xt as getElement, ot as getField, En as getImplementMethodName, nt as getIndexOfBreakpoint, wt as getItems, Bt as getNodeLite, Lt as getPropertyDefault, It as getPropertyDefaultArray, _t as getTag, Ot as getTypes, es as globalityV1, Do as groupV1, ut as hasComp, lt as hasSlot, rc as iconV1, Rt as initProperties, pn as injectDark, vn as injectData, bn as injectDepends, dn as injectDevice, cn as injectEnv, R as injectId, _n as injectMeta, L as injectMode, Tn as injectNode, on as injectOrg, Sn as injectRuntime, V as injectSandbox, gn as injectType, At as isCircularReference, kt as isExecutableMode, Xe as isHexColor, Je as isPercent, Ke as isPixel, Qe as isThemeColor, St as itemsKeys, to as keyboardControlsV1, $n as legendV1, Fo as lineChartV1, Xl as loadLocaleMessageRuntime, U as makeEventId, Vn as makeEventKeyOfCustomSlot, zn as makeEventKeyOfElementSlot, Mn as makeMethodId, In as makeMethodKeyOfCustomSlot, Pn as makeMethodKeyOfElementSlot, Vt as makeNodePair, H as makePropertyId, An as makePropertyKeyOfCustomSlot, On as makePropertyKeyOfElementSlot, Un as makeSlotId, Gn as makeTriggerId, ro as mapControlsV1, er as marginV1, oc as menuV1, To as meshBasicMaterialV1, ko as meshV1, Pt as metaStringify, zo as multipleRefV1, Ho as multipleSlotV1, uc as numberInputV1, ao as orbitControlsV1, Xa as orthographicCameraV1, tr as paddingV1, ht as pageTypes, pc as paginationV1, Nt as parseData, Ft as parseMeta, Ye as parsePercent, qe as parsePixel, $a as perspectiveCameraV1, or as pkgs, xo as pointLightV1, fn as provideDark, B as provideData, yn as provideDepends, un as provideDevice, sn as provideEnv, mn as provideId, z as provideMeta, ln as provideMode, wn as provideNode, an as provideOrg, xn as provideRuntime, Cn as provideSandbox, hn as provideType, vc as radioGroupV1, hc as radioV1, xc as rangeSliderV1, wc as ratingV1, Go as referenceV1, P as regElement, F as regItems, Dt as regTypes, Jo as renderSwitchV1, et as reverseBreakpoints, Dc as selectV1, st as setField, Ac as sheetV1, q as sizeV1, Pc as sliderV1, Zo as slotV1, fo as sphereGeometryV1, wo as spotLightV1, Bc as stepperHeaderV1, Hc as stepperItemV1, zc as stepperV1, Gc as stepperWindowItemV1, Uc as stepperWindowV1, Jc as switchV1, Xc as tabV1, tl as tableBodyCellV1, el as tableBodyV1, rl as tableHeadCellV1, nl as tableHeadV1, il as tableRowV1, $c as tableV1, sl as tabsV1, yl as textFieldV1, ul as textV1, pl as textareaV1, Ze as themeColors, Cl as timelineItemV1, Sl as timelineV1, nr as titleV1, it as toDotString, mt as toEventName, pt as toMethodName, jt as toNodeLite, ft as toPropertyName, J as transformV1, Tt as typesKeys, Rn as unwrapEventId, Hn as unwrapEventKeyOfCustomSlot, Bn as unwrapEventKeyOfElementSlot, Nn as unwrapMethodId, Ln as unwrapMethodKeyOfCustomSlot, Fn as unwrapMethodKeyOfElementSlot, Dn as unwrapPropertyId, jn as unwrapPropertyKeyOfCustomSlot, kn as unwrapPropertyKeyOfElementSlot, Wn as unwrapSlotId, Kn as unwrapTriggerId, qn as useColor, W as useDepend, Jn as useRuntime, Jl as useSandbox, $ as useTheme, Dl as windowItemV1, El as windowV1, rr as xAxisV1, ir as yAxisV1 };
+export { ct as addIndent, ho as ambientLightV1, rs as badgeV1, Mo as barChartV1, K as basicV1, Qn as borderV1, co as boxGeometryV1, $e as breakpoints, ms as btnToggleEntryV1, fs as btnToggleV1, ls as btnV1, tt as calcBreakpoint, _s as cardV1, ys as checkboxV1, Ts as chipGroupV1, Ss as chipV1, Es as colorPickerV1, ks as comboboxV1, gt as compTypes, Ms as containerV1, I as createMakeNode, zt as createNode, Mt as dataStringify, Ls as dataTableV1, Rs as datePickerV1, Vs as dialogV1, vo as directionalLightV1, Ht as duplicateNodePair, Ut as duplicateNodePairs, vt as elementKeys, Us as fabV1, Ks as fileInputV1, Al as finalProperties, Zs as flexboxEntryV1, Ys as flexboxV1, ec as formV1, at as fromDotString, Ge as genId, bt as getAllElements, rt as getBreakpointPropString, xt as getElement, ot as getField, En as getImplementMethodName, nt as getIndexOfBreakpoint, wt as getItems, Bt as getNodeLite, Lt as getPropertyDefault, It as getPropertyDefaultArray, _t as getTag, Ot as getTypes, es as globalityV1, Do as groupV1, ut as hasComp, lt as hasSlot, rc as iconV1, Rt as initProperties, pn as injectDark, vn as injectData, bn as injectDepends, dn as injectDevice, cn as injectEnv, R as injectId, _n as injectMeta, L as injectMode, Tn as injectNode, on as injectOrg, Sn as injectRuntime, V as injectSandbox, gn as injectType, At as isCircularReference, kt as isExecutableMode, Xe as isHexColor, Je as isPercent, Ke as isPixel, Qe as isThemeColor, St as itemsKeys, to as keyboardControlsV1, $n as legendV1, Fo as lineChartV1, Xl as loadLocaleMessageRuntime, U as makeEventId, Vn as makeEventKeyOfCustomSlot, zn as makeEventKeyOfElementSlot, Mn as makeMethodId, In as makeMethodKeyOfCustomSlot, Pn as makeMethodKeyOfElementSlot, Vt as makeNodePair, H as makePropertyId, An as makePropertyKeyOfCustomSlot, On as makePropertyKeyOfElementSlot, Un as makeSlotId, Gn as makeTriggerId, ro as mapControlsV1, er as marginV1, oc as menuV1, To as meshBasicMaterialV1, ko as meshV1, Pt as metaStringify, zo as multipleRefV1, Ho as multipleSlotV1, uc as numberInputV1, ao as orbitControlsV1, Xa as orthographicCameraV1, tr as paddingV1, ht as pageTypes, pc as paginationV1, Nt as parseData, Ft as parseMeta, Ye as parsePercent, qe as parsePixel, $a as perspectiveCameraV1, or as pkgs, xo as pointLightV1, fn as provideDark, B as provideData, yn as provideDepends, un as provideDevice, sn as provideEnv, mn as provideId, z as provideMeta, ln as provideMode, wn as provideNode, an as provideOrg, xn as provideRuntime, Cn as provideSandbox, hn as provideType, vc as radioGroupV1, hc as radioV1, xc as rangeSliderV1, wc as ratingV1, Go as referenceV1, P as regElement, F as regItems, Dt as regTypes, Jo as renderSwitchV1, et as reverseBreakpoints, Dc as selectV1, st as setField, Ac as sheetV1, q as sizeV1, Pc as sliderV1, Zo as slotV1, fo as sphereGeometryV1, wo as spotLightV1, Bc as stepperHeaderV1, Hc as stepperItemV1, zc as stepperV1, Gc as stepperWindowItemV1, Uc as stepperWindowV1, Jc as switchV1, Xc as tabV1, tl as tableBodyCellV1, el as tableBodyV1, rl as tableHeadCellV1, nl as tableHeadV1, il as tableRowV1, $c as tableV1, sl as tabsV1, yl as textFieldV1, ul as textV1, pl as textareaV1, Ze as themeColors, Cl as timelineItemV1, Sl as timelineV1, nr as titleV1, it as toDotString, mt as toEventName, pt as toMethodName, jt as toNodeLite, ft as toPropertyName, J as transformV1, Tt as typesKeys, Rn as unwrapEventId, Hn as unwrapEventKeyOfCustomSlot, Bn as unwrapEventKeyOfElementSlot, Nn as unwrapMethodId, Ln as unwrapMethodKeyOfCustomSlot, Fn as unwrapMethodKeyOfElementSlot, Dn as unwrapPropertyId, jn as unwrapPropertyKeyOfCustomSlot, kn as unwrapPropertyKeyOfElementSlot, Wn as unwrapSlotId, Kn as unwrapTriggerId, qn as useColor, W as useDepend, Jn as useRuntime, Jl as useSandbox, $ as useTheme, Dl as windowItemV1, El as windowV1, rr as xAxisV1, ir as yAxisV1 };

package/dist/meta/element.d.ts

@@ -2,7 +2,7 @@ import { Type } from 'x-essential-lib';
 import { NodePair } from '@/types';
 import { Tag } from './base';
 import { ZProperty } from './property';
-export declare const elementKeys: readonly ["globality_v1", "multiple_ref_v1", "multiple_slot_v1", "ref_v1", "render_switch_v1", "slot_v1", "ui_badge_v1", "ui_breadcrumbs_v1", "ui_bar_chart_v1", "ui_btn_v1", "ui_btn_toggle_v1", "ui_btn_toggle_entry_v1", "ui_card_v1", "ui_checkbox_v1", "ui_chip_v1", "ui_chip_group_v1", "ui_color_picker_v1", "ui_combobox_v1", "ui_container_v1", "ui_data_table_v1", "ui_date_picker_v1", "ui_dialog_v1", "ui_fab_v1", "ui_file_input_v1", "ui_flex_layout_v1", "ui_flex_layout_entry_v1", "ui_form_v1", "ui_icon_v1", "ui_line_chart_v1", "ui_menu_v1", "ui_number_input_v1", "ui_pagination_v1", "ui_radio_v1", "ui_radio_group_v1", "ui_range_slider_v1", "ui_rating_v1", "ui_select_v1", "ui_sheet_v1", "ui_slider_v1", "ui_speed_dial_v1", "ui_stepper_v1", "ui_stepper_header_v1", "ui_stepper_item_v1", "ui_stepper_window_v1", "ui_stepper_window_item_v1", "ui_switch_v1", "ui_tab_v1", "ui_table_v1", "ui_table_body_v1", "ui_table_body_cell_v1", "ui_table_head_v1", "ui_table_head_cell_v1", "ui_table_row_v1", "ui_tabs_v1", "ui_text_v1", "ui_textarea_v1", "ui_text_field_v1", "ui_timeline_v1", "ui_timeline_item_v1", "ui_window_v1", "ui_window_item_v1", "3d_ambient_light_v1", "3d_box_geometry_v1", "3d_directional_light_v1", "3d_group_v1", "3d_keyboard_controls_v1", "3d_map_controls_v1", "3d_mesh_v1", "3d_mesh_basic_material_v1", "3d_orbit_controls_v1", "3d_orthographic_camera_v1", "3d_perspective_camera_v1", "3d_point_light_v1", "3d_sphere_geometry_v1", "3d_spot_light_v1"];
+export declare const elementKeys: readonly ["globality_v1", "multiple_ref_v1", "multiple_slot_v1", "ref_v1", "render_switch_v1", "slot_v1", "ui_badge_v1", "ui_breadcrumbs_v1", "ui_bar_chart_v1", "ui_btn_v1", "ui_btn_toggle_v1", "ui_btn_toggle_entry_v1", "ui_card_v1", "ui_checkbox_v1", "ui_chip_v1", "ui_chip_group_v1", "ui_color_picker_v1", "ui_combobox_v1", "ui_container_v1", "ui_data_table_v1", "ui_date_picker_v1", "ui_dialog_v1", "ui_fab_v1", "ui_file_input_v1", "ui_flexbox_v1", "ui_flexbox_entry_v1", "ui_form_v1", "ui_icon_v1", "ui_line_chart_v1", "ui_menu_v1", "ui_number_input_v1", "ui_pagination_v1", "ui_radio_v1", "ui_radio_group_v1", "ui_range_slider_v1", "ui_rating_v1", "ui_select_v1", "ui_sheet_v1", "ui_slider_v1", "ui_speed_dial_v1", "ui_stepper_v1", "ui_stepper_header_v1", "ui_stepper_item_v1", "ui_stepper_window_v1", "ui_stepper_window_item_v1", "ui_switch_v1", "ui_tab_v1", "ui_table_v1", "ui_table_body_v1", "ui_table_body_cell_v1", "ui_table_head_v1", "ui_table_head_cell_v1", "ui_table_row_v1", "ui_tabs_v1", "ui_text_v1", "ui_textarea_v1", "ui_text_field_v1", "ui_timeline_v1", "ui_timeline_item_v1", "ui_window_v1", "ui_window_item_v1", "3d_ambient_light_v1", "3d_box_geometry_v1", "3d_directional_light_v1", "3d_group_v1", "3d_keyboard_controls_v1", "3d_map_controls_v1", "3d_mesh_v1", "3d_mesh_basic_material_v1", "3d_orbit_controls_v1", "3d_orthographic_camera_v1", "3d_perspective_camera_v1", "3d_point_light_v1", "3d_sphere_geometry_v1", "3d_spot_light_v1"];
 export type ZElementKey = (typeof elementKeys)[number];
 export type ZMethod = {
     key: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.9.8",
+  "version": "0.9.9",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/element/_common/global/index.d.ts

@@ -1,10 +0,0 @@
-import { ZElement, ZElementKey, ZItem, ZItemsKey, ZType, ZTypesKey } from '@/meta';
-export declare function regItems(key: ZItemsKey, items: ZItem[]): void;
-export declare function getItems(key: ZItemsKey | string): ZItem[] | undefined;
-export declare function regTypes(key: ZTypesKey, types: ZType[]): void;
-export declare function getTypes(key: ZTypesKey | string): ZType[] | undefined;
-export declare function regElement(element: ZElement): void;
-export declare function getAllElements(): {
-    [key: string]: ZElement;
-};
-export declare function getElement(key: ZElementKey | string): ZElement | undefined;

package/dist/element/ui/flexLayout/v1/meta.d.ts

@@ -1,2 +0,0 @@
-import { ZElement } from '@/meta';
-export declare const flexLayoutV1: ZElement;

package/dist/element/ui/flexLayoutEntry/v1/meta.d.ts

@@ -1,2 +0,0 @@
-import { ZElement } from '@/meta';
-export declare const flexLayoutEntryV1: ZElement;

package/dist/types/protocol.d.ts

@@ -1,287 +0,0 @@
-import { Type } from 'x-essential-lib';
-import { NodePair } from './data';
-export declare const pageTypes: string[];
-export type PageType = (typeof pageTypes)[number];
-export declare const compTypes: string[];
-export type CompType = (typeof compTypes)[number];
-export type Tag = 'pageUi' | 'compUi' | 'page3d' | 'comp3d';
-export declare function getTag(type: string, subtype: string): Tag;
-export type ZItem = {
-    value: string;
-    title: string;
-};
-type ZTypeBase = {
-    value: string;
-    title: string;
-    validator: (v: unknown) => boolean;
-};
-type ZTypeWord = {
-    trait: 'word';
-    default: string;
-} & ZTypeBase;
-type ZTypePixel = {
-    trait: 'pixel';
-    precision?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    default: string;
-} & ZTypeBase;
-type ZTypePercent = {
-    trait: 'percent';
-    precision?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    default: string;
-} & ZTypeBase;
-type ZTypeHexColor = {
-    trait: 'hexColor';
-    default: string;
-} & ZTypeBase;
-type ZTypeThemeColor = {
-    trait: 'themeColor';
-    default: string;
-} & ZTypeBase;
-export type ZType = ZTypeWord | ZTypePixel | ZTypePercent | ZTypeHexColor | ZTypeThemeColor;
-type ZPropertyBranch = {
-    key: string;
-    name: string;
-    ui?: undefined;
-    children: ZProperty[];
-    default?: undefined;
-};
-type ZPropertyBase = {
-    key: string;
-    name: string;
-    readonly?: boolean;
-    static?: boolean;
-    value?: any;
-};
-type ZPropertyDummy = {
-    ui: 'dummy';
-    default: any;
-} & ZPropertyBase;
-type ZPropertyStrInput = {
-    ui: 'strInput';
-    default: string;
-} & ZPropertyBase;
-type ZPropertyNumInput = {
-    ui: 'numInput';
-    precision?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    default: number;
-} & ZPropertyBase;
-type ZPropertySwitch = {
-    ui: 'switch';
-    default: boolean;
-} & ZPropertyBase;
-type ZPropertySelect = {
-    ui: 'select';
-    items: 'alignTabsItemsV1' | 'axisTypeItemsV1' | 'borderStyleItemsV1' | 'densityItemsV1' | 'directionItemsV1' | 'fieldVariantItemsV1' | 'flexCrossAlignItemsV1' | 'flexDirectionItemsV1' | 'flexMainAlignItemsV1' | 'flexWrapItemsV1' | 'fontWeightItemsV1' | 'sheetVariantItemsV1' | 'showTicksItemsV1' | 'sizeItemsV1' | 'speedDialOpenWayItemsV1' | 'textAlignItemsV1' | 'textDecorationItemsV1' | 'textEmphasisItemsV1' | 'textSizeItemsV1' | 'thumbLabelItemsV1' | 'timelineAlignItemsV1' | 'timelineDirectionItemsV1' | 'timelineSideItemsV1' | 'timelineTruncateLineItemsV1';
-    default: string;
-} & ZPropertyBase;
-type ZPropertyColorPicker = {
-    ui: 'colorPicker';
-    default: string;
-} & ZPropertyBase;
-type ZPropertyJsonEditor = {
-    ui: 'jsonEditor';
-    default: string;
-} & ZPropertyBase;
-type ZPropertyMultiTypes = {
-    ui: 'multiTypes';
-    types: 'borderWidthTypesV1' | 'colorTypesV1' | 'leftRightTypesV1' | 'marginTypesV1' | 'paddingTypesV1' | 'sizeTypesV1' | 'tableColumnAlignTypesV1' | 'topBottomTypesV1';
-    default: string;
-} & ZPropertyBase;
-type ZPropertySelectComp = {
-    ui: 'selectComp';
-    default: string;
-} & ZPropertyBase;
-type ZPropertySelectSlot = {
-    ui: 'selectSlot';
-    default: string;
-} & ZPropertyBase;
-type ZPropertySelectAdaptSlot = {
-    ui: 'selectAdaptSlot';
-    default: string;
-} & ZPropertyBase;
-export type ZProperty = ({
-    array?: false;
-} & ZPropertyBranch) | ({
-    array: true;
-    defaultArray: any[];
-} & ZPropertyBranch) | ({
-    array?: false;
-} & ZPropertyDummy) | ({
-    array: true;
-    defaultArray: any[];
-} & ZPropertyDummy) | ({
-    array?: false;
-} & ZPropertyStrInput) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertyStrInput) | ({
-    array?: false;
-} & ZPropertyNumInput) | ({
-    array: true;
-    defaultArray: number[];
-} & ZPropertyNumInput) | ({
-    array?: false;
-} & ZPropertySwitch) | ({
-    array: true;
-    defaultArray: boolean[];
-} & ZPropertySwitch) | ({
-    array?: false;
-} & ZPropertySelect) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertySelect) | ({
-    array?: false;
-} & ZPropertyColorPicker) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertyColorPicker) | ({
-    array?: false;
-} & ZPropertyJsonEditor) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertyJsonEditor) | ({
-    array?: false;
-} & ZPropertyMultiTypes) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertyMultiTypes) | ({
-    array?: false;
-} & ZPropertySelectComp) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertySelectComp) | ({
-    array?: false;
-} & ZPropertySelectSlot) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertySelectSlot) | ({
-    array?: false;
-} & ZPropertySelectAdaptSlot) | ({
-    array: true;
-    defaultArray: string[];
-} & ZPropertySelectAdaptSlot);
-export type ZMethod = {
-    key: string;
-    name: string;
-    inputs?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    outputs?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    desc?: string;
-};
-export type ZEvent = {
-    key: string;
-    name: string;
-    params?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    desc?: string;
-};
-export type ZSlotProperty = {
-    key: string;
-    name: string;
-    type: Type;
-    readonly?: boolean;
-    desc?: string;
-};
-export type ZSlotMethod = {
-    key: string;
-    name: string;
-    inputs?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    outputs?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    desc?: string;
-};
-export type ZSlotEvent = {
-    key: string;
-    name: string;
-    params?: {
-        key: string;
-        name: string;
-        type: Type;
-        desc?: string;
-    }[];
-    desc?: string;
-};
-export type ZSlot = {
-    key: string;
-    name: string;
-    multiple?: boolean;
-    properties?: ZSlotProperty[];
-    methods?: ZSlotMethod[];
-    events?: ZSlotEvent[];
-    desc?: string;
-};
-export declare const elementKeys: readonly ["globality_v1", "multiple_ref_v1", "multiple_slot_v1", "ref_v1", "render_switch_v1", "slot_v1", "ui_badge_v1", "ui_breadcrumbs_v1", "ui_bar_chart_v1", "ui_btn_v1", "ui_btn_toggle_v1", "ui_btn_toggle_entry_v1", "ui_card_v1", "ui_checkbox_v1", "ui_chip_v1", "ui_chip_group_v1", "ui_color_picker_v1", "ui_combobox_v1", "ui_container_v1", "ui_data_table_v1", "ui_date_picker_v1", "ui_dialog_v1", "ui_fab_v1", "ui_file_input_v1", "ui_flex_layout_v1", "ui_flex_layout_entry_v1", "ui_form_v1", "ui_icon_v1", "ui_line_chart_v1", "ui_menu_v1", "ui_number_input_v1", "ui_pagination_v1", "ui_radio_v1", "ui_radio_group_v1", "ui_range_slider_v1", "ui_rating_v1", "ui_select_v1", "ui_sheet_v1", "ui_slider_v1", "ui_speed_dial_v1", "ui_stepper_v1", "ui_stepper_header_v1", "ui_stepper_item_v1", "ui_stepper_window_v1", "ui_stepper_window_item_v1", "ui_switch_v1", "ui_tab_v1", "ui_table_v1", "ui_table_body_v1", "ui_table_body_cell_v1", "ui_table_head_v1", "ui_table_head_cell_v1", "ui_table_row_v1", "ui_tabs_v1", "ui_text_v1", "ui_textarea_v1", "ui_text_field_v1", "ui_timeline_v1", "ui_timeline_item_v1", "ui_window_v1", "ui_window_item_v1", "3d_ambient_light_v1", "3d_box_geometry_v1", "3d_directional_light_v1", "3d_group_v1", "3d_keyboard_controls_v1", "3d_map_controls_v1", "3d_mesh_v1", "3d_mesh_basic_material_v1", "3d_orbit_controls_v1", "3d_orthographic_camera_v1", "3d_perspective_camera_v1", "3d_point_light_v1", "3d_sphere_geometry_v1", "3d_spot_light_v1"];
-export type ZElementKey = (typeof elementKeys)[number];
-export type ZElement = {
-    key: ZElementKey;
-    name: string;
-    comp: any;
-    properties: {
-        [key in Tag]?: ZProperty[];
-    };
-    methods?: ZMethod[];
-    events?: ZEvent[];
-    slots?: ZSlot[];
-    leaf?: boolean;
-    internal?: boolean;
-    teleport?: boolean;
-    spawn?: (type: string, subtype: string, ...params: any[]) => NodePair;
-};
-export type ZElements = {
-    [key: string]: ZElement;
-};
-export type ZGroup = {
-    key: string;
-    name: string;
-    items: ZElementKey[];
-};
-export type ZPkg = {
-    version: string;
-    globalityKey: ZElementKey;
-    refKey: ZElementKey;
-    items: {
-        [key: string]: ZItem[];
-    };
-    types: {
-        [key: string]: ZType[];
-    };
-    elements: Set<string>;
-    groups: {
-        [tag: string]: ZGroup[];
-    };
-};
-export type ZPkgs = {
-    [key: string]: ZPkg;
-};
-export {};