fluekit 1.5.7 → 1.5.72

package/dist/LayoutBuilder.d.ts

@@ -1,4 +1,7 @@
 import { BoxConstraints } from './BoxConstraints';
+type __VLS_Props = {
+    direction?: "horizontal" | "vertical" | "both" | "none";
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -12,7 +15,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     el: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/MediaQuery.d.ts

@@ -1,21 +1,21 @@
-import { MediaQueryData } from './MediaQuery';
-type __VLS_Props = {
-    data: MediaQueryData;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+import { InjectionKey } from 'vue';
+import { EdgeInsets } from './EdgeInsets';
+export declare enum Orientation {
+    portrait = "portrait",
+    landscape = "landscape"
+}
+export interface MediaQueryData {
+    size: {
+        width: number;
+        height: number;
     };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+    devicePixelRatio: number;
+    platformBrightness: "light" | "dark";
+    orientation: Orientation;
+    disableAnimations: boolean;
+    highContrast: boolean;
+    padding: EdgeInsets;
+    viewInsets: EdgeInsets;
+}
+export declare const MediaQueryKey: InjectionKey<MediaQueryData>;
+export declare function useMediaQuery(): MediaQueryData;

package/dist/Positioned.d.ts

@@ -1,5 +1,4 @@
 import { Props } from './usePosition';
-type __VLS_Props = Omit<Props, "zIndex">;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/__tests__/LayoutBuilder.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.js

@@ -1582,7 +1582,8 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		left: {},
 		right: {},
 		width: {},
-		height: {}
+		height: {},
+		zIndex: {}
 	},
 	setup(e) {
 		let C = e, w = useStackContext();
@@ -2988,33 +2989,48 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	}
 }), LayoutBuilder_default = /* @__PURE__ */ defineComponent({
 	__name: "LayoutBuilder",
+	props: { direction: {} },
 	setup(e) {
-		let C = ref(null), w = shallowRef(null), T = null, E = {
-			width: "100%",
-			height: "100%",
-			display: "block"
-		};
+		let C = e, w = ref(null), T = shallowRef(null), D = null, A = computed(() => {
+			let e = { display: "block" }, w = C.direction ?? "both";
+			return w === "both" ? (e.width = "100%", e.height = "100%") : w === "horizontal" ? e.width = "100%" : w === "vertical" && (e.height = "100%"), e;
+		});
 		return onMounted(() => {
-			C.value && (T = new ResizeObserver((e) => {
-				for (let C of e) {
-					let e = C.contentRect.width, T = C.contentRect.height;
-					w.value = BoxConstraints.tight({
+			w.value && (D = new ResizeObserver((e) => {
+				for (let w of e) {
+					let e = w.contentRect.width, E = w.contentRect.height, D = C.direction ?? "both";
+					D === "both" ? T.value = BoxConstraints.tight({
 						width: e,
-						height: T
+						height: E
+					}) : D === "horizontal" ? T.value = BoxConstraints({
+						minWidth: e,
+						maxWidth: e,
+						minHeight: 0,
+						maxHeight: Infinity
+					}) : D === "vertical" ? T.value = BoxConstraints({
+						minWidth: 0,
+						maxWidth: Infinity,
+						minHeight: E,
+						maxHeight: E
+					}) : T.value = BoxConstraints({
+						minWidth: 0,
+						maxWidth: Infinity,
+						minHeight: 0,
+						maxHeight: Infinity
 					});
 				}
-			}), T.observe(C.value));
+			}), D.observe(w.value));
 		}), onUnmounted(() => {
-			T?.disconnect();
-		}), (e, T) => (openBlock(), createElementBlock("div", {
+			D?.disconnect();
+		}), (e, C) => (openBlock(), createElementBlock("div", {
 			ref_key: "el",
-			ref: C,
+			ref: w,
 			class: "fluekit-layout-builder",
-			style: E
-		}, [w.value ? renderSlot(e.$slots, "default", {
+			style: normalizeStyle(A.value)
+		}, [T.value ? renderSlot(e.$slots, "default", {
 			key: 0,
-			constraints: w.value
-		}) : createCommentVNode("", !0)], 512));
+			constraints: T.value
+		}) : createCommentVNode("", !0)], 4));
 	}
 });
 let Orientation = /* @__PURE__ */ function(e) {

package/dist/usePosition.d.ts

@@ -15,5 +15,4 @@ export interface Props {
     /** z-index 层级 */
     zIndex?: number;
 }
-export declare function positionToStyle(props: Props, position?: "absolute" | "fixed" | "sticky" | "relative"): CSSProperties;
 export declare function usePositionStyle(props: Props, position?: "absolute" | "fixed" | "sticky" | "relative"): import('vue').ComputedRef<CSSProperties>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluekit",
-  "version": "1.5.7",
+  "version": "1.5.72",
   "description": "A Flutter-style Layout UI kit for Vue",
   "homepage": "https://fi2zz.github.io/fluekit/",
   "repository": {
@@ -20,10 +20,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "test": "vitest"
-  },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
@@ -37,5 +33,9 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.16",
     "vue-tsc": "^3.1.4"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest"
   }
-}
+}