fluekit 1.5.4 → 1.5.6

package/dist/Border.d.ts

@@ -23,6 +23,12 @@ export interface BorderFunction {
         width?: number | string;
         style?: BorderStyleType;
     }) => Borders;
+    only: (options?: {
+        top?: BorderSide;
+        right?: BorderSide;
+        bottom?: BorderSide;
+        left?: BorderSide;
+    }) => Borders;
 }
 export declare const Border: BorderFunction;
 /**

package/dist/Checkbox.d.ts

@@ -5,8 +5,10 @@ interface Props {
     checkColor?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
     "update:value": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:value"?: ((value: boolean) => any) | undefined;
 }>, {
     activeColor: string;

package/dist/InkWell.d.ts

@@ -13,7 +13,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 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<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    tap: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onTap?: (() => any) | undefined;
+}>, {
     splashColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/ListTile.d.ts

@@ -4,8 +4,6 @@ interface Props {
     title?: string;
     subtitle?: string;
     trailing?: any;
-    onTap?: () => void;
-    onLongPress?: () => void;
     enabled?: boolean;
     selected?: boolean;
     tileColor?: string;
@@ -27,7 +25,13 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 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<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    tap: () => any;
+    "long-press": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onTap?: (() => any) | undefined;
+    "onLong-press"?: (() => any) | undefined;
+}>, {
     dense: boolean;
     enabled: boolean;
     selected: boolean;

package/dist/Matrix4.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'vue';
+declare const MATRIX4_SYMBOL: unique symbol;
+export interface Matrix4 {
+    _storage: Float32Array;
+    [MATRIX4_SYMBOL]: true;
+    clone(): Matrix4;
+    multiply(other: Matrix4): Matrix4;
+    translated(x: number, y: number, z?: number): Matrix4;
+    scaled(x: number, y: number, z?: number): Matrix4;
+    rotatedX(radians: number): Matrix4;
+    rotatedY(radians: number): Matrix4;
+    rotatedZ(radians: number): Matrix4;
+    toString(): string;
+}
+export declare function Matrix4(arg?: Float32Array | number[]): Matrix4;
+export declare namespace Matrix4 {
+    var identity: () => Matrix4;
+    var fromList: (list: number[]) => Matrix4;
+    var rotationX: (radians: number) => Matrix4;
+    var rotationY: (radians: number) => Matrix4;
+    var rotationZ: (radians: number) => Matrix4;
+    var translation: (x: number, y: number, z?: number) => Matrix4;
+    var scaling: (x: number, y: number, z?: number) => Matrix4;
+    var diagonal3: (x: number, y: number, z: number) => Matrix4;
+    var skewX: (alpha: number) => Matrix4;
+    var skewY: (beta: number) => Matrix4;
+}
+export declare function matrix4ToCSSStyle(transform?: Matrix4): CSSProperties;
+export {};

package/dist/Radio.d.ts

@@ -6,12 +6,16 @@ export interface RadioProps<T> {
 }
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((value: T) => any) | undefined;
         readonly "onUpdate:groupValue"?: ((value: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:groupValue"> & RadioProps<T> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onUpdate:groupValue"> & RadioProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: (e: "update:groupValue", value: T) => void;
+    emit: {
+        (e: "update:groupValue", value: T): void;
+        (e: "change", value: T): void;
+    };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/SegmentedControl.d.ts

@@ -0,0 +1,40 @@
+import { BoxDecoration } from './BoxDecoration';
+import { EdgeInsets } from './EdgeInsets';
+export interface SegmentedControlItem<T> {
+    value: T;
+    label: string;
+}
+export interface SegmentedControlProps<T> {
+    modelValue: T;
+    items: SegmentedControlItem<T>[];
+    selectedColor?: string;
+    unselectedColor?: string;
+    borderColor?: string;
+    padding?: EdgeInsets;
+    decoration?: BoxDecoration;
+}
+declare const _default: <T extends string | number | boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((value: T) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & SegmentedControlProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        label?(_: {
+            item: SegmentedControlItem<T>;
+            selected: boolean;
+            index: number;
+        }): any;
+    };
+    emit: {
+        (e: "update:modelValue", value: T): void;
+        (e: "change", value: T): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/Slider.d.ts

@@ -8,8 +8,10 @@ interface Props {
     thumbColor?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
     "update:value": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
     "onUpdate:value"?: ((value: number) => any) | undefined;
 }>, {
     activeColor: string;

package/dist/SnackBarComponent.d.ts

@@ -1,11 +1,15 @@
 interface Props {
     content: string;
     actionLabel?: string;
-    onAction?: () => void;
-    onClose: () => void;
     duration?: number;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    action: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onAction?: (() => any) | undefined;
+}>, {
     duration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/Switch.d.ts

@@ -7,8 +7,10 @@ interface Props {
     inactiveTrackColor?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
     "update:value": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:value"?: ((value: boolean) => any) | undefined;
 }>, {
     activeColor: string;

package/dist/Transform.d.ts

@@ -1,11 +1,12 @@
 import { Alignment } from './FlexProps';
+import { Matrix4 } from './Matrix4';
 interface Props {
     /**
      * CSS 变换字符串
      * 例如: "rotate(45deg)", "scale(1.5)", "translate(10px, 20px)"
      * 对应 Flutter 的 transform (Matrix4)
      */
-    transform?: string;
+    transform?: Matrix4;
     /**
      * 变换的原点对齐方式
      * 对应 Flutter 的 alignment

package/dist/index.css

@@ -1,2 +1,2 @@
-.fluekit-button[data-v-a5efef4c]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-a5efef4c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-40723984]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-40723984]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-40723984]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-40723984]{z-index:1}.fluekit-input-footer[data-v-40723984]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-40723984]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-40723984]{flex:1}.fluekit-input-counter[data-v-40723984]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-40723984]{color:#f44336}.flutter-transform[data-v-7e66ebaa]{box-sizing:border-box}.ink-well[data-v-290d8278]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-290d8278]{cursor:default}.ripple[data-v-290d8278]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-290d8278;position:absolute;transform:scale(0)}@keyframes ripple-290d8278{to{opacity:0;transform:scale(4)}}.slider-container[data-v-422f79d9]{width:100%;position:relative}.dialog-overlay[data-v-0f7e54cc]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bottom-sheet-overlay[data-v-94a8f810]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.snackbar-overlay[data-v-ecad7f1a]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-ecad7f1a]>*{pointer-events:auto}
+.fluekit-button[data-v-a5efef4c]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-a5efef4c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-40723984]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-40723984]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-40723984]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-40723984]{z-index:1}.fluekit-input-footer[data-v-40723984]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-40723984]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-40723984]{flex:1}.fluekit-input-counter[data-v-40723984]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-40723984]{color:#f44336}.flutter-transform[data-v-f99c0949]{box-sizing:border-box}.ink-well[data-v-e91fe828]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-e91fe828]{cursor:default}.ripple[data-v-e91fe828]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-e91fe828;position:absolute;transform:scale(0)}@keyframes ripple-e91fe828{to{opacity:0;transform:scale(4)}}.slider-container[data-v-bccfa37a]{width:100%;position:relative}.dialog-overlay[data-v-2eee844d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}
 /*$vite$:1*/

package/dist/index.d.ts

@@ -40,6 +40,7 @@ export { default as Radio } from './Radio';
 export { default as Slider } from './Slider';
 export { default as AlertDialog } from './AlertDialog';
 export { default as BottomSheet } from './BottomSheet';
+export { default as SegmentedControl } from './SegmentedControl';
 export { SnackBar } from './SnackBar';
 export * from './Border';
 export * from './BoxConstraints';
@@ -53,6 +54,7 @@ export { StackFit, CrossAxisAlignment, MainAxisAlignment } from './FlexProps';
 export * from './Gradient';
 export * from './ImageProvider';
 export * from './InputDecoration';
+export * from './Matrix4';
 export * from './Size';
 export * from './TextStyle';
 export { px2vw, setDefaultVW, setTransform } from './px2vw';

package/dist/index.js

@@ -249,20 +249,26 @@ const Border = Object.assign((e) => ({
 	color: e.color || "#000",
 	style: e.style || "solid",
 	[BORDER_SIDE_SYMBOL]: !0
-}), { all: ({ color: e, width: C, style: w } = {}) => {
-	let T = BorderSide({
-		color: e,
-		width: C,
-		style: w
-	});
-	return {
-		top: T,
-		bottom: T,
-		left: T,
-		right: T,
+}), {
+	all: ({ color: e, width: C, style: w } = {}) => {
+		let T = BorderSide({
+			color: e,
+			width: C,
+			style: w
+		});
+		return {
+			top: T,
+			bottom: T,
+			left: T,
+			right: T,
+			[BORDERS_SYMBOL]: !0
+		};
+	},
+	only: (e = {}) => ({
+		...e,
 		[BORDERS_SYMBOL]: !0
-	};
-} });
+	})
+});
 function isBorderSide(e) {
 	return isPlainObject(e) ? BORDER_SIDE_SYMBOL in e : !1;
 }
@@ -2058,7 +2064,194 @@ var _hoisted_1$1 = {
 			key: "1"
 		} : void 0]), 1040, ["max-lines"]));
 	}
-}), Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), MATRIX4_SYMBOL = Symbol("Matrix4");
+function Matrix4(e) {
+	let C;
+	return C = e ? new Float32Array(e) : new Float32Array([
+		1,
+		0,
+		0,
+		0,
+		0,
+		1,
+		0,
+		0,
+		0,
+		0,
+		1,
+		0,
+		0,
+		0,
+		0,
+		1
+	]), {
+		_storage: C,
+		[MATRIX4_SYMBOL]: !0,
+		clone() {
+			return Matrix4(this._storage);
+		},
+		multiply(e) {
+			let C = this._storage, w = e._storage, T = new Float32Array(16);
+			for (let e = 0; e < 4; e++) for (let E = 0; E < 4; E++) {
+				let D = 0;
+				for (let T = 0; T < 4; T++) D += (C[T * 4 + e] ?? 0) * (w[E * 4 + T] ?? 0);
+				T[E * 4 + e] = D;
+			}
+			return Matrix4(T);
+		},
+		translated(e, C, w = 0) {
+			return this.multiply(Matrix4.translation(e, C, w));
+		},
+		scaled(e, C, w = 1) {
+			return this.multiply(Matrix4.scaling(e, C, w));
+		},
+		rotatedX(e) {
+			return this.multiply(Matrix4.rotationX(e));
+		},
+		rotatedY(e) {
+			return this.multiply(Matrix4.rotationY(e));
+		},
+		rotatedZ(e) {
+			return this.multiply(Matrix4.rotationZ(e));
+		},
+		toString() {
+			return `matrix3d(${this._storage.join(",")})`;
+		}
+	};
+}
+Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix4.rotationX = (e) => {
+	let C = Math.cos(e), w = Math.sin(e);
+	return Matrix4([
+		1,
+		0,
+		0,
+		0,
+		0,
+		C,
+		w,
+		0,
+		0,
+		-w,
+		C,
+		0,
+		0,
+		0,
+		0,
+		1
+	]);
+}, Matrix4.rotationY = (e) => {
+	let C = Math.cos(e), w = Math.sin(e);
+	return Matrix4([
+		C,
+		0,
+		-w,
+		0,
+		0,
+		1,
+		0,
+		0,
+		w,
+		0,
+		C,
+		0,
+		0,
+		0,
+		0,
+		1
+	]);
+}, Matrix4.rotationZ = (e) => {
+	let C = Math.cos(e), w = Math.sin(e);
+	return Matrix4([
+		C,
+		w,
+		0,
+		0,
+		-w,
+		C,
+		0,
+		0,
+		0,
+		0,
+		1,
+		0,
+		0,
+		0,
+		0,
+		1
+	]);
+}, Matrix4.translation = (e, C, w = 0) => Matrix4([
+	1,
+	0,
+	0,
+	0,
+	0,
+	1,
+	0,
+	0,
+	0,
+	0,
+	1,
+	0,
+	e,
+	C,
+	w,
+	1
+]), Matrix4.scaling = (e, C, w = 1) => Matrix4([
+	e,
+	0,
+	0,
+	0,
+	0,
+	C,
+	0,
+	0,
+	0,
+	0,
+	w,
+	0,
+	0,
+	0,
+	0,
+	1
+]), Matrix4.diagonal3 = (e, C, w) => Matrix4.scaling(e, C, w), Matrix4.skewX = (e) => Matrix4([
+	1,
+	0,
+	0,
+	0,
+	Math.tan(e),
+	1,
+	0,
+	0,
+	0,
+	0,
+	1,
+	0,
+	0,
+	0,
+	0,
+	1
+]), Matrix4.skewY = (e) => Matrix4([
+	1,
+	Math.tan(e),
+	0,
+	0,
+	0,
+	1,
+	0,
+	0,
+	0,
+	0,
+	1,
+	0,
+	0,
+	0,
+	0,
+	1
+]);
+function matrix4ToCSSStyle(e) {
+	return e ? { transform: e.toString() } : {};
+}
+var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Transform",
 	props: {
@@ -2069,7 +2262,7 @@ var _hoisted_1$1 = {
 	setup(e) {
 		let C = e, w = computed(() => {
 			let e = {
-				transform: C.transform,
+				...matrix4ToCSSStyle(C.transform),
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0
@@ -2081,7 +2274,7 @@ var _hoisted_1$1 = {
 			style: normalizeStyle(w.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
-}), [["__scopeId", "data-v-7e66ebaa"]]), Wrap_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-f99c0949"]]), Wrap_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Wrap",
 	props: {
@@ -2204,8 +2397,6 @@ var _hoisted_1$1 = {
 		title: {},
 		subtitle: {},
 		trailing: {},
-		onTap: {},
-		onLongPress: {},
 		enabled: {
 			type: Boolean,
 			default: !0
@@ -2224,18 +2415,23 @@ var _hoisted_1$1 = {
 			default: !1
 		}
 	},
-	setup(e) {
-		let C = e, w = computed(() => TextStyle({
-			fontSize: C.dense ? 13 : 16,
-			color: C.textColor || (C.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
-			fontWeight: C.selected ? FontWeight.w600 : FontWeight.w400
-		})), T = computed(() => TextStyle({
-			fontSize: C.dense ? 12 : 14,
-			color: C.textColor || (C.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
+	emits: ["tap", "long-press"],
+	setup(e, { emit: C }) {
+		let w = C, T = () => {
+			A.enabled && w("tap");
+		}, k = () => {
+			A.enabled && w("long-press");
+		}, A = e, j = computed(() => TextStyle({
+			fontSize: A.dense ? 13 : 16,
+			color: A.textColor || (A.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
+			fontWeight: A.selected ? FontWeight.w600 : FontWeight.w400
+		})), M = computed(() => TextStyle({
+			fontSize: A.dense ? 12 : 14,
+			color: A.textColor || (A.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
 		}));
-		return (C, E) => (openBlock(), createBlock(GestureDetector_default, {
-			"on-tap": e.onTap,
-			"on-long-press": e.onLongPress
+		return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: T,
+			onLongPress: k
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				color: e.selected ? e.selectedColor : e.tileColor || "transparent",
@@ -2258,11 +2454,11 @@ var _hoisted_1$1 = {
 								default: withCtx(() => [renderSlot(C.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.title,
-									style: normalizeStyle(w.value)
+									style: normalizeStyle(j.value)
 								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(C.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.subtitle,
-									style: normalizeStyle(T.value)
+									style: normalizeStyle(M.value)
 								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)])]),
 								_: 3
 							})]),
@@ -2275,7 +2471,7 @@ var _hoisted_1$1 = {
 				_: 3
 			}, 8, ["color", "padding"])]),
 			_: 3
-		}, 8, ["on-tap", "on-long-press"]));
+		}));
 	}
 }), InkWell_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -2286,34 +2482,34 @@ var _hoisted_1$1 = {
 		highlightColor: {},
 		borderRadius: {}
 	},
-	setup(e) {
-		let w = e, T = ref([]), E = 0, D = (e) => {
-			if (!w.onTap) return;
-			w.onTap();
-			let C = e.currentTarget.getBoundingClientRect(), D = Math.max(C.width, C.height), O = e.clientX - C.left - D / 2, k = e.clientY - C.top - D / 2, A = E++, j = {
-				width: `${D}px`,
-				height: `${D}px`,
-				top: `${k}px`,
-				left: `${O}px`,
-				backgroundColor: w.splashColor
+	emits: ["tap"],
+	setup(e, { emit: w }) {
+		let T = e, E = w, D = ref([]), O = 0, A = (e) => {
+			E("tap");
+			let C = e.currentTarget.getBoundingClientRect(), w = Math.max(C.width, C.height), k = e.clientX - C.left - w / 2, A = e.clientY - C.top - w / 2, j = O++, M = {
+				width: `${w}px`,
+				height: `${w}px`,
+				top: `${A}px`,
+				left: `${k}px`,
+				backgroundColor: T.splashColor
 			};
-			T.value.push({
-				id: A,
-				style: j
+			D.value.push({
+				id: j,
+				style: M
 			}), setTimeout(() => {
-				T.value = T.value.filter((e) => e.id !== A);
+				D.value = D.value.filter((e) => e.id !== j);
 			}, 600);
 		};
-		return (w, E) => (openBlock(), createElementBlock("div", mergeProps({
+		return (w, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: ["ink-well", { disabled: !e.onTap }],
-			onClick: D
-		}, w.$attrs), [renderSlot(w.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(T.value, (e) => (openBlock(), createElementBlock("span", {
+			onClick: A
+		}, w.$attrs), [renderSlot(w.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(D.value, (e) => (openBlock(), createElementBlock("span", {
 			key: e.id,
 			class: "ripple",
 			style: normalizeStyle(e.style)
 		}, null, 4))), 128))], 16));
 	}
-}), [["__scopeId", "data-v-290d8278"]]), Switch_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-e91fe828"]]), Switch_default = /* @__PURE__ */ defineComponent({
 	__name: "Switch",
 	props: {
 		value: { type: Boolean },
@@ -2323,7 +2519,7 @@ var _hoisted_1$1 = {
 		inactiveThumbColor: { default: "#FAFAFA" },
 		inactiveTrackColor: { default: "#9E9E9E" }
 	},
-	emits: ["update:value"],
+	emits: ["update:value", "change"],
 	setup(e, { emit: C }) {
 		let w = e, T = C, O = () => {
 			w.onChanged && w.onChanged(!w.value), T("update:value", !w.value);
@@ -2342,7 +2538,7 @@ var _hoisted_1$1 = {
 				}
 			}]
 		})), j = computed(() => EdgeInsets.only({ left: w.value ? 16 : 0 }));
-		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": O }, {
+		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { onTap: O }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 36,
 				height: 20,
@@ -2369,11 +2565,11 @@ var _hoisted_1$1 = {
 		activeColor: { default: "#2196F3" },
 		checkColor: { default: "#FFFFFF" }
 	},
-	emits: ["update:value"],
+	emits: ["update:value", "change"],
 	setup(e, { emit: C }) {
 		let w = e, T = C, k = () => {
 			let e = !w.value;
-			w.onChanged && w.onChanged(e), T("update:value", e);
+			T("change", e), T("update:value", e);
 		}, A = computed(() => BoxDecoration({
 			color: w.value ? w.activeColor : "transparent",
 			border: w.value ? void 0 : Border.all({
@@ -2383,7 +2579,7 @@ var _hoisted_1$1 = {
 			}),
 			borderRadius: BorderRadius.circular(2)
 		}));
-		return (C, w) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": k }, {
+		return (C, w) => (openBlock(), createBlock(GestureDetector_default, { onTap: k }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 18,
 				height: 18,
@@ -2410,7 +2606,7 @@ var _hoisted_1$1 = {
 		onChanged: { type: Function },
 		activeColor: {}
 	},
-	emits: ["update:groupValue"],
+	emits: ["update:groupValue", "change"],
 	setup(e, { emit: C }) {
 		let w = e, T = C, k = computed(() => w.value === w.groupValue), A = () => {
 			w.onChanged && w.onChanged(w.value), T("update:groupValue", w.value);
@@ -2425,7 +2621,7 @@ var _hoisted_1$1 = {
 			shape: BoxShape.circle,
 			color: w.activeColor
 		}));
-		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": A }, {
+		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { onTap: A }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 20,
 				height: 20,
@@ -2454,17 +2650,19 @@ var _hoisted_1$1 = {
 		inactiveColor: { default: "#BBDEFB" },
 		thumbColor: { default: "#2196F3" }
 	},
-	emits: ["update:value"],
+	emits: ["update:value", "change"],
 	setup(e, { emit: C }) {
 		let w = e, T = C, D = ref(), O = computed(() => {
 			let e = w.max - w.min;
 			return e <= 0 ? 0 : (w.value - w.min) / e * 100;
 		}), A = computed(() => `${O.value}%`), j = (e) => {
 			if (!D.value) return;
-			let C = D.value.getBoundingClientRect(), E = ((e.globalPosition ? e.globalPosition.x : e.detail?.globalPosition?.x || 0) - C.left) / C.width;
-			E = Math.max(0, Math.min(1, E));
-			let O = w.min + E * (w.max - w.min);
-			w.onChanged && w.onChanged(O), T("update:value", O);
+			let C = D.value.getBoundingClientRect(), E = 0;
+			e.clientX === void 0 ? e.globalPosition ? E = e.globalPosition.x : e.detail?.globalPosition ? E = e.detail.globalPosition.x : e.touches && e.touches[0] && (E = e.touches[0].clientX) : E = e.clientX;
+			let O = (E - C.left) / C.width;
+			O = Math.max(0, Math.min(1, O));
+			let k = w.min + O * (w.max - w.min);
+			w.onChanged && w.onChanged(k), T("change", k), T("update:value", k);
 		}, M = computed(() => BoxDecoration({
 			color: w.thumbColor,
 			shape: BoxShape.circle,
@@ -2482,9 +2680,9 @@ var _hoisted_1$1 = {
 			ref_key: "trackRef",
 			ref: D
 		}, [createVNode(GestureDetector_default, {
-			"on-pan-start": j,
-			"on-pan-update": j,
-			"on-tap-down": j
+			onPanStart: j,
+			onPanUpdate: j,
+			onTapDown: j
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				height: 40,
@@ -2527,7 +2725,7 @@ var _hoisted_1$1 = {
 			_: 1
 		})], 512));
 	}
-}), [["__scopeId", "data-v-422f79d9"]]), AlertDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-bccfa37a"]]), AlertDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "AlertDialog",
 	props: {
 		visible: {
@@ -2619,7 +2817,7 @@ var _hoisted_1$1 = {
 			"constraints"
 		])])) : createCommentVNode("", !0);
 	}
-}), [["__scopeId", "data-v-0f7e54cc"]]), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-2eee844d"]]), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "BottomSheet",
 	props: {
 		visible: {
@@ -2668,25 +2866,92 @@ var _hoisted_1$1 = {
 			_: 3
 		}, 8, ["decoration", "padding"])])) : createCommentVNode("", !0);
 	}
-}), [["__scopeId", "data-v-94a8f810"]]), _hoisted_1 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-6948b23d"]]), SegmentedControl_default = /* @__PURE__ */ defineComponent({
+	__name: "SegmentedControl",
+	props: {
+		modelValue: {},
+		items: {},
+		selectedColor: { default: "#007AFF" },
+		unselectedColor: { default: "transparent" },
+		borderColor: { default: "#007AFF" },
+		padding: { default: () => EdgeInsets.symmetric({
+			vertical: 8,
+			horizontal: 16
+		}) },
+		decoration: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: w }) {
+		let T = e, O = w, A = (e) => {
+			e !== T.modelValue && (O("update:modelValue", e), O("change", e));
+		}, j = computed(() => T.decoration ? T.decoration : BoxDecoration({
+			border: Border.all({
+				color: T.borderColor,
+				width: 1
+			}),
+			borderRadius: BorderRadius.circular(4)
+		})), P = (e, C) => {
+			let w = e === T.modelValue, E = C === T.items.length - 1;
+			return BoxDecoration({
+				color: w ? T.selectedColor : T.unselectedColor,
+				border: E ? void 0 : Border.only({ right: BorderSide({
+					color: T.borderColor,
+					width: 1
+				}) })
+			});
+		}, F = (e) => TextStyle({
+			color: e === T.modelValue ? "#FFFFFF" : T.borderColor,
+			fontSize: 13
+		});
+		return (w, T) => (openBlock(), createBlock(Container_default, {
+			decoration: j.value,
+			"clip-behavior": "hardEdge"
+		}, {
+			default: withCtx(() => [createVNode(Row_default, null, {
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.items, (C, T) => (openBlock(), createBlock(GestureDetector_default, {
+					key: T,
+					onTap: (e) => A(C.value)
+				}, {
+					default: withCtx(() => [createVNode(Container_default, {
+						padding: e.padding,
+						decoration: P(C.value, T),
+						alignment: "center"
+					}, {
+						default: withCtx(() => [renderSlot(w.$slots, "label", {
+							item: C,
+							selected: C.value === e.modelValue,
+							index: T
+						}, () => [createVNode(Text_default, { style: normalizeStyle(F(C.value)) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(C.label), 1)]),
+							_: 2
+						}, 1032, ["style"])])]),
+						_: 2
+					}, 1032, ["padding", "decoration"])]),
+					_: 2
+				}, 1032, ["onTap"]))), 128))]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["decoration"]));
+	}
+}), _hoisted_1 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SnackBarComponent",
 	props: {
 		content: {},
 		actionLabel: {},
-		onAction: {},
-		onClose: {},
 		duration: { default: 4e3 }
 	},
-	setup(e) {
-		let C = e, w = () => {
-			C.onAction && C.onAction(), C.onClose();
+	emits: ["action", "close"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, A = () => {
+			T("action"), T("close");
 		};
 		onMounted(() => {
 			setTimeout(() => {
-				C.onClose();
-			}, C.duration);
+				T("close");
+			}, w.duration);
 		});
-		let T = computed(() => BoxDecoration({
+		let j = computed(() => BoxDecoration({
 			color: "#323232",
 			borderRadius: BorderRadius.circular(4),
 			boxShadow: [{
@@ -2698,13 +2963,13 @@ var _hoisted_1$1 = {
 				}
 			}]
 		}));
-		return (C, E) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
+		return (C, w) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
 			margin: unref(EdgeInsets).all(8),
 			padding: unref(EdgeInsets).symmetric({
 				horizontal: 16,
 				vertical: 14
 			}),
-			decoration: T.value,
+			decoration: j.value,
 			width: "100%",
 			constraints: unref(BoxConstraints)({ maxWidth: 600 })
 		}, {
@@ -2720,7 +2985,7 @@ var _hoisted_1$1 = {
 					_: 1
 				}), e.actionLabel ? (openBlock(), createBlock(GestureDetector_default, {
 					key: 0,
-					"on-tap": w
+					onTap: A
 				}, {
 					default: withCtx(() => [createVNode(Container_default, { margin: unref(EdgeInsets).only({ left: 16 }) }, {
 						default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle({
@@ -2745,7 +3010,7 @@ var _hoisted_1$1 = {
 			"constraints"
 		])]));
 	}
-}), [["__scopeId", "data-v-ecad7f1a"]]), SnackBar = class {
+}), [["__scopeId", "data-v-d8abf3ed"]]), SnackBar = class {
 	static show(e) {
 		let C = document.getElementById("fluekit-snackbar");
 		C && (render(null, C), document.body.removeChild(C));
@@ -2762,4 +3027,4 @@ var _hoisted_1$1 = {
 	}
 };
 setTransform(!1);
-export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Column_default as Column, Container_default as Container, CrossAxisAlignment, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, MemoryImage, NetworkImage, Opacity_default as Opacity, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, Row_default as Row, SafeArea_default as SafeArea, ScrollView_default as ScrollView, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, createAssetImage, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, marginToStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle };
+export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Column_default as Column, Container_default as Container, CrossAxisAlignment, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MemoryImage, NetworkImage, Opacity_default as Opacity, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, Row_default as Row, SafeArea_default as SafeArea, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, createAssetImage, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluekit",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "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"
   }
-}
+}