fluekit 2.6.3 → 2.6.5

package/dist/AlertDialog.d.ts

@@ -18,6 +18,8 @@ interface Props {
     actionsAlignment?: MainAxisAlignment;
     titleAlignment?: Alignment;
     padding?: EdgeInsets;
+    contentStyle?: TextStyle;
+    contentColor?: string;
     titleStyle?: TextStyle;
     titleColor?: string;
     titleFontSize?: number;

package/dist/Fixed.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    zIndex: number;
+    zIndex: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Icons.d.ts

@@ -31,4 +31,16 @@ export declare const Icons: {
     monitor: string;
     warning: string;
     videoPlay: string;
+    videoPause: string;
+    poweroff: string;
+    signout: string;
+    chevronLeft: string;
+    chevronRight: string;
+    copy: string;
+    location: string;
+    camera: string;
+    mail: string;
+    lock: string;
+    download: string;
+    upload: string;
 };

package/dist/Sticky.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    zIndex: number;
+    zIndex: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/index.js

@@ -1451,16 +1451,62 @@ var GestureDetector_default = defineComponent({
 			"max-size"
 		]));
 	}
-});
+}), zIndexManager = {
+	current: 2e3,
+	next() {
+		return ++this.current;
+	}
+};
 function usePositionStyle(t, i = "absolute") {
-	return computed(() => {
-		let a = {
+	let a = ref();
+	return onMounted(() => a.value = zIndexManager.next()), computed(() => {
+		let o = {
 			position: i,
-			boxSizing: "border-box"
+			boxSizing: "border-box",
+			zIndex: t.zIndex ?? a.value
 		};
-		return a.top = px2vw$1(t.top), a.bottom = px2vw$1(t.bottom), a.left = px2vw$1(t.left), a.right = px2vw$1(t.right), a.width = px2vw$1(t.width), a.height = px2vw$1(t.height), a.zIndex = t.zIndex, a;
+		t.size === void 0 ? (o.width = px2vw$1(t.width), o.height = px2vw$1(t.height)) : Object.assign(o, sizeToStyle(t.size));
+		let s = t.inset;
+		if (s != null) {
+			if (typeof s == "number") return o.top = px2vw$1(s), o.bottom = px2vw$1(s), o.left = px2vw$1(s), o.right = px2vw$1(s), o;
+			typeof s == "string" && Object.assign(o, insetToStyle(s));
+		} else o.top = px2vw$1(t.top), o.bottom = px2vw$1(t.bottom), o.left = px2vw$1(t.left), o.right = px2vw$1(t.right);
+		return o;
 	});
 }
+function insetToStyle(t) {
+	if (!t) return {};
+	let i = t.toString().trim().split(/\s+/), [a, o, s, c] = (() => {
+		switch (i.length) {
+			case 1: return [
+				i[0],
+				i[0],
+				i[0],
+				i[0]
+			];
+			case 2: return [
+				i[0],
+				i[1],
+				i[0],
+				i[1]
+			];
+			case 3: return [
+				i[0],
+				i[1],
+				i[2],
+				i[1]
+			];
+			case 4: return i;
+			default:
+		}
+	})();
+	return {
+		top: px2vw$1(a),
+		right: px2vw$1(o),
+		bottom: px2vw$1(s),
+		left: px2vw$1(c)
+	};
+}
 var Fixed_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Fixed",
@@ -1471,7 +1517,9 @@ var Fixed_default = /* @__PURE__ */ defineComponent({
 		right: {},
 		width: {},
 		height: {},
-		zIndex: { default: 100 }
+		zIndex: { default: 100 },
+		inset: {},
+		size: {}
 	},
 	setup(t) {
 		let i = usePositionStyle(t, "fixed");
@@ -2509,7 +2557,9 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		right: {},
 		width: {},
 		height: {},
-		zIndex: {}
+		zIndex: {},
+		inset: {},
+		size: {}
 	},
 	setup(t) {
 		let i = t, a = useStackContext();
@@ -2690,7 +2740,9 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		right: {},
 		width: {},
 		height: {},
-		zIndex: { default: 10 }
+		zIndex: { default: 10 },
+		inset: {},
+		size: {}
 	},
 	setup(t) {
 		let i = usePositionStyle(t, "sticky");
@@ -3152,7 +3204,19 @@ const Icons = {
 	starHalf: "M19.65 9.04l-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.68-3.18c.67-.58.32-1.68-.56-1.75zM12 15.4V6.1l1.71 4.01 4.38.38-3.32 2.88 1 4.28L12 15.4z",
 	monitor: "M20 3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h3l-1 1v2h12v-2l-1-1h3c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 13H4V5h16v11z",
 	warning: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z",
-	videoPlay: "M8 5v14l11-7z"
+	videoPlay: "M8 5v14l11-7z",
+	videoPause: "M6 19h4V5H6v14zm8-14v14h4V5h-4z",
+	poweroff: "M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13",
+	signout: "M14,17V14H7V10H14V7L19,12L14,17M4,19H10V21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3H10V5H4V19Z",
+	chevronLeft: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",
+	chevronRight: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",
+	copy: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z",
+	location: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z",
+	camera: "M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z",
+	mail: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z",
+	lock: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z",
+	download: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",
+	upload: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"
 };
 var Toast_default = /* @__PURE__ */ defineComponent({
 	__name: "Toast",
@@ -4511,6 +4575,8 @@ var Radio_default = /* @__PURE__ */ defineComponent({
 		actionsAlignment: { default: MainAxisAlignment.end },
 		titleAlignment: {},
 		padding: {},
+		contentStyle: {},
+		contentColor: {},
 		titleStyle: {},
 		titleColor: {},
 		titleFontSize: {},
@@ -4569,14 +4635,14 @@ var Radio_default = /* @__PURE__ */ defineComponent({
 			fontSize: a.titleFontSize || 20,
 			fontWeight: FontWeight.bold,
 			color: a.titleColor || "rgba(0,0,0,0.87)"
-		}, a.titleStyle))), S = computed(() => d.value ? TextStyle({
+		}, a.titleStyle))), S = computed(() => d.value ? TextStyle(Object.assign({
 			fontSize: 13,
 			color: "#000000",
 			fontFamily: "-apple-system, BlinkMacSystemFont, sans-serif"
-		}) : TextStyle({
+		}, a.contentStyle)) : TextStyle(Object.assign({
 			fontSize: 16,
-			color: "rgba(0,0,0,0.6)"
-		})), C = computed(() => BoxDecoration({ border: Border.only({ top: {
+			color: a.contentColor || "rgba(0,0,0,0.6)"
+		}, a.contentStyle))), C = computed(() => BoxDecoration({ border: Border.only({ top: {
 			color: "rgba(60, 60, 67, 0.29)",
 			width: .5,
 			style: "solid"

package/dist/usePosition.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'vue';
+import { SizeType } from './Size';
 export interface Props {
     /** 距离顶部的距离 */
     top?: number | string;
@@ -12,7 +13,10 @@ export interface Props {
     width?: number | string;
     /** 高度 */
     height?: number | string;
-    /** z-index 层级 */
-    zIndex?: number;
+    /** z-index 层级 (如果不传会自动计算) */
+    zIndex?: number | string;
+    /** 距离四周的距离 */
+    inset?: number | string;
+    size?: SizeType;
 }
 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": "2.6.3",
+  "version": "2.6.5",
   "description": "A Flutter-style Layout UI kit for Vue",
   "homepage": "https://fi2zz.github.io/fluekit/",
   "repository": {