fluekit 1.5.75 → 1.5.76

package/dist/Button.d.ts

@@ -1,6 +1,8 @@
 import { ButtonStyle } from './ButtonStyle';
+import { Behavior } from './useGesture';
 interface Props {
     disabled?: boolean;
+    behavior?: Behavior;
     style?: ButtonStyle;
 }
 declare function __VLS_template(): {
@@ -20,6 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onPressed?: (() => any) | undefined;
 }>, {
     disabled: boolean;
+    behavior: Behavior;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/ButtonStyle.d.ts

@@ -4,7 +4,9 @@ import { BorderSide } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { EdgeInsets } from './EdgeInsets';
 import { SizeType } from './Size';
+import { TextStyle } from './TextStyle';
 export interface ButtonStyle {
+    textStyle?: TextStyle;
     backgroundColor?: string;
     foregroundColor?: string;
     overlayColor?: string;

package/dist/InkWell.d.ts

@@ -3,6 +3,7 @@ interface Props {
     splashColor?: string;
     highlightColor?: string;
     borderRadius?: string;
+    disabled?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,6 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onTap?: (() => any) | undefined;
 }>, {
+    disabled: boolean;
     splashColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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-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}.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}
+.fluekit-button[data-v-04ee9025]{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-04ee9025]: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-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-bccfa37a]{width:100%;position:relative}.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.js

@@ -656,9 +656,9 @@ function useGestures({ emit: e }) {
 	};
 }
 var S_EVENTS = Symbol("events"), S_BEHAVIOR = Symbol("behavior");
-function useGestureStyle() {
-	let e = inject(S_BEHAVIOR, "deferToChild"), T = {};
-	return (e === "opaque" || e === "translucent") && (T.cursor = "pointer", T.userSelect = "none"), T;
+function useGestureStyle(e) {
+	let T = e || inject(S_BEHAVIOR, "opaque"), E = {};
+	return (T === "opaque" || T === "translucent") && (E.cursor = "pointer", E.userSelect = "none"), E;
 }
 function useGestureEvents() {
 	return inject(S_EVENTS, void 0);
@@ -921,11 +921,66 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		]));
 	}
 });
+let FontWeight = /* @__PURE__ */ function(e) {
+	return e.w100 = "100", e.w200 = "200", e.w300 = "300", e.w400 = "400", e.w500 = "500", e.w600 = "600", e.w700 = "700", e.w800 = "800", e.w900 = "900", e.normal = "normal", e.bold = "bold", e.bolder = "bolder", e;
+}({}), FontStyle = /* @__PURE__ */ function(e) {
+	return e.normal = "normal", e.italic = "italic", e;
+}({}), TextDecoration = /* @__PURE__ */ function(e) {
+	return e.none = "none", e.underline = "underline", e.overline = "overline", e.lineThrough = "line-through", e;
+}({}), TextDecorationStyle = /* @__PURE__ */ function(e) {
+	return e.solid = "solid", e.double = "double", e.dotted = "dotted", e.dashed = "dashed", e.wavy = "wavy", e;
+}({}), TextAlign = /* @__PURE__ */ function(e) {
+	return e.left = "left", e.right = "right", e.center = "center", e.justify = "justify", e.start = "start", e.end = "end", e;
+}({}), TextOverflow = /* @__PURE__ */ function(e) {
+	return e.clip = "clip", e.fade = "fade", e.ellipsis = "ellipsis", e.visible = "visible", e;
+}({}), TextBaseline = /* @__PURE__ */ function(e) {
+	return e.alphabetic = "alphabetic", e.ideographic = "ideographic", e;
+}({}), TextDirection = /* @__PURE__ */ function(e) {
+	return e.rtl = "rtl", e.ltr = "ltr", e;
+}({});
+var TEXT_STYLE_SYMBOL = Symbol("textStyle");
+function buildFontFamily(e, T, E) {
+	let D = e;
+	return T && D && (D = `packages/${T}/${D}`), E && E.length > 0 ? [D, ...E].filter(Boolean).join(", ") : D;
+}
+function toCSSStyle(e = {}) {
+	let T = {};
+	T.margin = 0, T.padding = 0, T.border = "none", T.fontSmooth = "antialiased", T.MozOsxFontSmoothing = "grayscale", T.textRendering = "optimizeLegibility", T.wordBreak = "break-word", T.overflowWrap = "break-word", T.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(T, e.foreground) : e.color && (T.color = e.color), e.background ? Object.assign(T, e.background) : e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.fontSize && (T.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (T.fontWeight = e.fontWeight.toString()), e.fontStyle && (T.fontStyle = e.fontStyle);
+	let E = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
+	if (E && (T.fontFamily = E), e.letterSpacing && (T.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (T.wordSpacing = px2vw(e.wordSpacing)), e.height && (T.lineHeight = e.height.toString()), e.decoration && (T.textDecoration = e.decoration), e.decorationColor && (T.textDecorationColor = e.decorationColor), e.decorationStyle && (T.textDecorationStyle = e.decorationStyle), e.decorationThickness && (T.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
+		case TextOverflow.ellipsis:
+			T.overflow = "hidden", T.textOverflow = "ellipsis", T.whiteSpace = "nowrap";
+			break;
+		case TextOverflow.clip:
+			T.overflow = "hidden";
+			break;
+		case TextOverflow.visible:
+			T.overflow = "visible";
+			break;
+		case TextOverflow.fade:
+			T.overflow = "hidden", T.whiteSpace = "nowrap", T.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+			break;
+	}
+	return e.shadows && e.shadows.length > 0 && (T.textShadow = e.shadows.map((e) => {
+		let T = e.offsetX || 0, E = e.offsetY || 0, D = e.blurRadius || 0, O = e.color || "rgba(0,0,0,0.5)";
+		return `${px2vw(T)} ${px2vw(E)} ${px2vw(D)} ${O}`;
+	}).join(", ")), e.fontFeatures && (T.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (T.fontVariationSettings = JSON.stringify(e.fontVariations)), T;
+}
+function TextStyle(e = {}, T = {}) {
+	return {
+		...T,
+		...e,
+		[TEXT_STYLE_SYMBOL]: !0
+	};
+}
+function isTextStyle(e) {
+	return isPlainObject(e) ? TEXT_STYLE_SYMBOL in e : !1;
+}
 const ButtonStyle = (e) => e;
 function buttonStyleToStyle(e) {
 	if (!e) return {};
 	let T = {};
-	if (e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.foregroundColor && (T.color = e.foregroundColor), e.padding && Object.assign(T, paddingToStyle(e.padding)), e.minimumSize) {
+	if (e.textStyle && Object.assign(T, toCSSStyle(e.textStyle)), e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.foregroundColor && (T.color = e.foregroundColor), e.padding && Object.assign(T, paddingToStyle(e.padding)), e.minimumSize) {
 		let { width: E, height: D } = sizeToStyle(e.minimumSize) || {};
 		E && (T.minWidth = E), D && (T.minHeight = D);
 	}
@@ -971,6 +1026,7 @@ var GestureDetector_default = defineComponent({
 			type: Boolean,
 			default: !1
 		},
+		behavior: { default: "opaque" },
 		style: {}
 	},
 	emits: ["pressed", "long-press"],
@@ -978,7 +1034,7 @@ var GestureDetector_default = defineComponent({
 		let E = e, D = T, A = useStyles(), j = useSafeAttrs(), N = useGestureEvents(), P = computed(() => A.value.pointerEvents == "none" ? j.value : {
 			...j.value,
 			...N || {}
-		}), F = useGestureStyle(), I = computed(() => {
+		}), F = useGestureStyle(E.behavior), I = computed(() => {
 			let e = { position: "relative" };
 			return Object.assign(e, A.value), Object.assign(e, buttonStyleToStyle(E.style)), Object.assign(e, F), e;
 		}), L = () => {
@@ -987,6 +1043,7 @@ var GestureDetector_default = defineComponent({
 			E.disabled || D("long-press");
 		};
 		return (T, E) => (openBlock(), createBlock(GestureDetector_default, {
+			behavior: e.behavior,
 			onTap: L,
 			onLongPress: R
 		}, {
@@ -996,13 +1053,13 @@ var GestureDetector_default = defineComponent({
 				disabled: e.disabled
 			}, P.value), [renderSlot(T.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$4)]),
 			_: 3
-		}));
+		}, 8, ["behavior"]));
 	}
 }), __plugin_vue_export_helper_default = (e, T) => {
 	let E = e.__vccOpts || e;
 	for (let [e, D] of T) E[e] = D;
 	return E;
-}, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a5efef4c"]]), Card_default = /* @__PURE__ */ defineComponent({
+}, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-04ee9025"]]), Card_default = /* @__PURE__ */ defineComponent({
 	__name: "Card",
 	props: {
 		color: { default: "#ffffff" },
@@ -1752,63 +1809,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			style: normalizeStyle(unref(T))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
-});
-let FontWeight = /* @__PURE__ */ function(e) {
-	return e.w100 = "100", e.w200 = "200", e.w300 = "300", e.w400 = "400", e.w500 = "500", e.w600 = "600", e.w700 = "700", e.w800 = "800", e.w900 = "900", e.normal = "normal", e.bold = "bold", e.bolder = "bolder", e;
-}({}), FontStyle = /* @__PURE__ */ function(e) {
-	return e.normal = "normal", e.italic = "italic", e;
-}({}), TextDecoration = /* @__PURE__ */ function(e) {
-	return e.none = "none", e.underline = "underline", e.overline = "overline", e.lineThrough = "line-through", e;
-}({}), TextDecorationStyle = /* @__PURE__ */ function(e) {
-	return e.solid = "solid", e.double = "double", e.dotted = "dotted", e.dashed = "dashed", e.wavy = "wavy", e;
-}({}), TextAlign = /* @__PURE__ */ function(e) {
-	return e.left = "left", e.right = "right", e.center = "center", e.justify = "justify", e.start = "start", e.end = "end", e;
-}({}), TextOverflow = /* @__PURE__ */ function(e) {
-	return e.clip = "clip", e.fade = "fade", e.ellipsis = "ellipsis", e.visible = "visible", e;
-}({}), TextBaseline = /* @__PURE__ */ function(e) {
-	return e.alphabetic = "alphabetic", e.ideographic = "ideographic", e;
-}({}), TextDirection = /* @__PURE__ */ function(e) {
-	return e.rtl = "rtl", e.ltr = "ltr", e;
-}({});
-var TEXT_STYLE_SYMBOL = Symbol("textStyle");
-function buildFontFamily(e, T, E) {
-	let D = e;
-	return T && D && (D = `packages/${T}/${D}`), E && E.length > 0 ? [D, ...E].filter(Boolean).join(", ") : D;
-}
-function toCSSStyle(e = {}) {
-	let T = {};
-	T.margin = 0, T.padding = 0, T.border = "none", T.fontSmooth = "antialiased", T.MozOsxFontSmoothing = "grayscale", T.textRendering = "optimizeLegibility", T.wordBreak = "break-word", T.overflowWrap = "break-word", T.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(T, e.foreground) : e.color && (T.color = e.color), e.background ? Object.assign(T, e.background) : e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.fontSize && (T.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (T.fontWeight = e.fontWeight.toString()), e.fontStyle && (T.fontStyle = e.fontStyle);
-	let E = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
-	if (E && (T.fontFamily = E), e.letterSpacing && (T.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (T.wordSpacing = px2vw(e.wordSpacing)), e.height && (T.lineHeight = e.height.toString()), e.decoration && (T.textDecoration = e.decoration), e.decorationColor && (T.textDecorationColor = e.decorationColor), e.decorationStyle && (T.textDecorationStyle = e.decorationStyle), e.decorationThickness && (T.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
-		case TextOverflow.ellipsis:
-			T.overflow = "hidden", T.textOverflow = "ellipsis", T.whiteSpace = "nowrap";
-			break;
-		case TextOverflow.clip:
-			T.overflow = "hidden";
-			break;
-		case TextOverflow.visible:
-			T.overflow = "visible";
-			break;
-		case TextOverflow.fade:
-			T.overflow = "hidden", T.whiteSpace = "nowrap", T.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
-			break;
-	}
-	return e.shadows && e.shadows.length > 0 && (T.textShadow = e.shadows.map((e) => {
-		let T = e.offsetX || 0, E = e.offsetY || 0, D = e.blurRadius || 0, O = e.color || "rgba(0,0,0,0.5)";
-		return `${px2vw(T)} ${px2vw(E)} ${px2vw(D)} ${O}`;
-	}).join(", ")), e.fontFeatures && (T.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (T.fontVariationSettings = JSON.stringify(e.fontVariations)), T;
-}
-function TextStyle(e = {}, T = {}) {
-	return {
-		...T,
-		...e,
-		[TEXT_STYLE_SYMBOL]: !0
-	};
-}
-function isTextStyle(e) {
-	return isPlainObject(e) ? TEXT_STYLE_SYMBOL in e : !1;
-}
-var Text_default = /* @__PURE__ */ defineComponent({
+}), Text_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Text",
 	props: {
@@ -2494,11 +2495,16 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		onTap: {},
 		splashColor: { default: "rgba(0, 0, 0, 0.1)" },
 		highlightColor: {},
-		borderRadius: {}
+		borderRadius: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["tap"],
 	setup(e, { emit: E }) {
 		let D = e, O = E, k = ref([]), A = 0, M = (e) => {
+			if (D.disabled) return;
 			O("tap");
 			let T = e.currentTarget.getBoundingClientRect(), E = Math.max(T.width, T.height), j = e.clientX - T.left - E / 2, M = e.clientY - T.top - E / 2, N = A++, P = {
 				width: `${E}px`,
@@ -2515,7 +2521,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 			}, 600);
 		};
 		return (E, D) => (openBlock(), createElementBlock("div", mergeProps({
-			class: ["ink-well", { disabled: !e.onTap }],
+			class: ["ink-well", { disabled: e.disabled }],
 			onClick: M
 		}, E.$attrs), [renderSlot(E.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(k.value, (e) => (openBlock(), createElementBlock("span", {
 			key: e.id,
@@ -2523,7 +2529,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 			style: normalizeStyle(e.style)
 		}, null, 4))), 128))], 16));
 	}
-}), [["__scopeId", "data-v-e91fe828"]]), Switch_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-a4b9dd0e"]]), Switch_default = /* @__PURE__ */ defineComponent({
 	__name: "Switch",
 	props: {
 		value: { type: Boolean },

package/dist/useGesture.d.ts

@@ -33,7 +33,7 @@ export declare function useGestures({ emit }: SetupContext): {
     onTouchend: (e: TouchEvent) => void;
     onTouchcancel: (e: TouchEvent) => void;
 };
-export declare function useGestureStyle(): CSSProperties;
+export declare function useGestureStyle(staticBehavior?: Behavior): CSSProperties;
 export declare function useGestureEvents(): any;
 export declare function provideGesture(events: Events, behavior: Behavior): void;
 export {};

package/package.json

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