fluekit 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/InputDecoration.d.ts +13 -0
- package/dist/index.css +1 -1
- package/dist/index.js +24 -11
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ import { BorderRadius } from './BorderRadius';
|
|
|
4
4
|
import { Color } from './Color';
|
|
5
5
|
import { EdgeInsetsProps } from './EdgeInsets';
|
|
6
6
|
import { TextStyle } from './TextStyle';
|
|
7
|
+
import { BoxConstraints } from './BoxConstraints';
|
|
7
8
|
export interface InputBorder {
|
|
8
9
|
borderSide?: BorderSide;
|
|
9
10
|
borderRadius?: BorderRadius;
|
|
@@ -62,6 +63,11 @@ export interface InputDecoration {
|
|
|
62
63
|
contentPadding?: number | number[] | EdgeInsetsProps;
|
|
63
64
|
isDense?: boolean;
|
|
64
65
|
isCollapsed?: boolean;
|
|
66
|
+
constraints?: BoxConstraints;
|
|
67
|
+
helperMaxLines?: number;
|
|
68
|
+
errorMaxLines?: number;
|
|
69
|
+
helperConstraints?: BoxConstraints;
|
|
70
|
+
errorConstraints?: BoxConstraints;
|
|
65
71
|
floatingLabelBehavior?: keyof typeof FloatingLabelBehavior;
|
|
66
72
|
counterText?: string;
|
|
67
73
|
labelStyle?: TextStyle;
|
|
@@ -70,5 +76,12 @@ export interface InputDecoration {
|
|
|
70
76
|
helperStyle?: TextStyle;
|
|
71
77
|
errorStyle?: TextStyle;
|
|
72
78
|
counterStyle?: TextStyle;
|
|
79
|
+
errorTextAlign?: "left" | "right" | "center" | "justify" | "start" | "end";
|
|
80
|
+
helperTextAlign?: "left" | "right" | "center" | "justify" | "start" | "end";
|
|
81
|
+
/**
|
|
82
|
+
* Whether the error text should always be shown (reserving space),
|
|
83
|
+
* even if [errorText] is null or empty.
|
|
84
|
+
*/
|
|
85
|
+
alwaysShowError?: boolean;
|
|
73
86
|
}
|
|
74
87
|
export declare function InputDecoration(options?: InputDecoration): InputDecoration;
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.fluekit-button[data-v-6944da7c]{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-6944da7c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-96834c76]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-96834c76]{fill:currentColor;width:100%;height:100%;display:block}[data-v-96834c76] svg{fill:currentColor;width:100%;height:100%}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:before{content:"";position:html;background-color:var(--v52d32946);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-bf681109]{opacity:0;animation:1s linear infinite flue-cupertino-fade-bf681109}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-bf681109{0%{opacity:1}to{opacity:.3}}.fluekit-refresh-indicator[data-v-2456a3bd]{height:100%;position:relative;overflow:hidden}.fluekit-refresh-spinner[data-v-2456a3bd]{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;transition:top .2s,opacity .2s;display:flex;position:absolute;left:50%}.fluekit-refresh-content[data-v-2456a3bd]{height:100%}.fluekit-list-view-wrapper[data-v-2eabca74]{width:100%;height:100%;display:block;overflow:hidden}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field-wrapper[data-v-
|
|
1
|
+
.fluekit-button[data-v-6944da7c]{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-6944da7c]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-96834c76]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-96834c76]{fill:currentColor;width:100%;height:100%;display:block}[data-v-96834c76] svg{fill:currentColor;width:100%;height:100%}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:before{content:"";position:html;background-color:var(--v52d32946);border-radius:10px;width:100%;height:25%;display:block}.flue-cupertino-activity-indicator-blade[data-v-bf681109]{opacity:0;animation:1s linear infinite flue-cupertino-fade-bf681109}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:first-child{animation-delay:-1s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(2){animation-delay:-.9167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(3){animation-delay:-.8333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(4){animation-delay:-.75s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(5){animation-delay:-.6667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(6){animation-delay:-.5833s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(7){animation-delay:-.5s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(8){animation-delay:-.4167s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(9){animation-delay:-.3333s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(10){animation-delay:-.25s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(11){animation-delay:-.1667s}.flue-cupertino-activity-indicator-blade[data-v-bf681109]:nth-child(12){animation-delay:-.0833s}@keyframes flue-cupertino-fade-bf681109{0%{opacity:1}to{opacity:.3}}.fluekit-refresh-indicator[data-v-2456a3bd]{height:100%;position:relative;overflow:hidden}.fluekit-refresh-spinner[data-v-2456a3bd]{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;transition:top .2s,opacity .2s;display:flex;position:absolute;left:50%}.fluekit-refresh-content[data-v-2456a3bd]{height:100%}.fluekit-list-view-wrapper[data-v-2eabca74]{width:100%;height:100%;display:block;overflow:hidden}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field-wrapper[data-v-4fd366e1]{flex-direction:row;align-items:flex-start;width:100%;margin-top:16px;font-family:inherit;display:flex;position:relative}.fluekit-input-icon[data-v-4fd366e1]{color:var(--v25dbf6f2);align-items:center;margin-top:12px;margin-right:16px;display:flex}.fluekit-text-field-content[data-v-4fd366e1]{flex-direction:column;flex:1;display:flex;position:relative}.fluekit-input-container[data-v-4fd366e1]{box-sizing:border-box;width:100%}.fluekit-input-prefix-icon[data-v-4fd366e1],.fluekit-input-suffix-icon[data-v-4fd366e1]{color:#666;align-items:center;padding:0 8px;display:flex}.fluekit-input-prefix-icon[data-v-4fd366e1]{color:var(--v30bb9beb);padding-left:0}.fluekit-input-suffix-icon[data-v-4fd366e1]{color:var(--v824be9ac);padding-right:0}.fluekit-input-element[data-v-4fd366e1]{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-element[data-v-4fd366e1]::placeholder{color:var(--f433d54e);font-size:var(--v7d5d7598);opacity:1}.fluekit-input-label[data-v-4fd366e1]{z-index:1}.fluekit-input-footer[data-v-4fd366e1]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-4fd366e1]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-4fd366e1]{flex:1}.fluekit-input-counter[data-v-4fd366e1]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-4fd366e1]{color:#f44336}.is-invisible[data-v-4fd366e1]{visibility:hidden}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a5c5a2ad]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a5c5a2ad]{cursor:default}.ripple[data-v-a5c5a2ad]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a5c5a2ad;position:absolute;transform:scale(0)}@keyframes ripple-a5c5a2ad{to{opacity:0;transform:scale(4)}}.slider-container[data-v-18cb2b41],.range-slider-container[data-v-f10382ff]{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}.flue-cupertino-navigation-bar[data-v-a51399c0]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-a51399c0]{justify-content:center;align-items:center;max-width:60%;display:flex}.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}.flue-app-bar-leading[data-v-1fed62cd]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-1fed62cd]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-8f6a31d2]{display:inline-block}.fluekit-context-menu-overlay[data-v-8f6a31d2]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-8f6a31d2]{z-index:10001;width:250px;animation:.2s ease-out scale-in-8f6a31d2;position:relative}.fluekit-action-group[data-v-8f6a31d2]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-8f6a31d2]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-8f6a31d2]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-8f6a31d2]:active{background:#0000001a}.action-text[data-v-8f6a31d2]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-8f6a31d2]{color:#ff3b30}.is-default .action-text[data-v-8f6a31d2]{font-weight:600}.cancel-group[data-v-8f6a31d2]{margin-top:8px}.cancel-action .action-text[data-v-8f6a31d2]{font-weight:600}.fade-enter-active[data-v-8f6a31d2],.fade-leave-active[data-v-8f6a31d2]{transition:opacity .2s}.fade-enter-from[data-v-8f6a31d2],.fade-leave-to[data-v-8f6a31d2]{opacity:0}@keyframes scale-in-8f6a31d2{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flue-aspect-ratio[data-v-e23e6712]{grid-template-rows:100%;grid-template-columns:100%;display:grid}.flue-image-color-background[data-v-de3ea6be]{box-sizing:border-box;flex-direction:column;display:flex}.flue-linear-progress-indicator[data-v-111d0e67]{border-radius:0}@keyframes flue-linear-indeterminate-111d0e67{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes flue-circular-rotate-bb62fbeb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flue-circular-dash-bb62fbeb{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.fluekit-overlay-fade-enter-active[data-v-ca626865],.fluekit-overlay-fade-leave-active[data-v-ca626865]{transition:opacity .25s}.fluekit-overlay-fade-enter-from[data-v-ca626865],.fluekit-overlay-fade-leave-to[data-v-ca626865]{opacity:0}.fluekit-drawer-root[data-v-7181dfec]{pointer-events:none;z-index:1000;position:absolute;inset:0}.fluekit-drawer-slide-enter-active[data-v-7181dfec],.fluekit-drawer-slide-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-enter-from[data-v-7181dfec],.fluekit-drawer-slide-leave-to[data-v-7181dfec]{transform:translate(-100%)}.fluekit-drawer-slide-end-enter-active[data-v-7181dfec],.fluekit-drawer-slide-end-leave-active[data-v-7181dfec]{transition:transform .3s}.fluekit-drawer-slide-end-enter-from[data-v-7181dfec],.fluekit-drawer-slide-end-leave-to[data-v-7181dfec]{transform:translate(100%)}.popup-scale-enter-active[data-v-5d7cdcaa],.popup-scale-leave-active[data-v-5d7cdcaa]{transform-origin:100% 0;transition:opacity .2s,transform .2s}.popup-scale-enter-from[data-v-5d7cdcaa],.popup-scale-leave-to[data-v-5d7cdcaa]{opacity:0;transform:scale(.9)}.fluekit-chip-avatar[data-v-4a66cf54]{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.fluekit-chip-delete-icon[data-v-4a66cf54]{cursor:pointer;opacity:.54;justify-content:center;align-items:center;margin-left:4px;display:flex}.fluekit-chip-delete-icon[data-v-4a66cf54]:hover{opacity:.87}.fluekit-tab-bar-view[data-v-e20dd01b]{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.fluekit-tab-bar-view-content[data-v-e20dd01b]{width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex}[data-v-e20dd01b]>*{flex:0 0 100%;width:100%;height:100%}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index.js
CHANGED
|
@@ -2651,11 +2651,11 @@ var _hoisted_1$11 = {
|
|
|
2651
2651
|
],
|
|
2652
2652
|
setup(e, { emit: f }) {
|
|
2653
2653
|
useCssVars((e) => ({
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2654
|
+
v25dbf6f2: unref(resolveColor)(e.decoration?.iconColor) || "inherit",
|
|
2655
|
+
v30bb9beb: unref(resolveColor)(e.decoration?.prefixIconColor) || "#666",
|
|
2656
|
+
v824be9ac: unref(resolveColor)(e.decoration?.suffixIconColor) || "#666",
|
|
2657
|
+
f433d54e: q.value,
|
|
2658
|
+
v7d5d7598: J.value
|
|
2659
2659
|
}));
|
|
2660
2660
|
let p = e, m = useSlots(), g = f, _ = ref(null), C = ref(!1), E = ref(null), D = ref(0), O = null, k = () => {
|
|
2661
2661
|
let e = _.value;
|
|
@@ -2703,7 +2703,8 @@ var _hoisted_1$11 = {
|
|
|
2703
2703
|
alignItems: A.value ? "flex-start" : "center",
|
|
2704
2704
|
position: "relative",
|
|
2705
2705
|
transition: "all 0.2s ease",
|
|
2706
|
-
width: "100%"
|
|
2706
|
+
width: "100%",
|
|
2707
|
+
...boxConstraintsToStyle(p.decoration?.constraints)
|
|
2707
2708
|
}, f = B.value || UnderlineInputBorder();
|
|
2708
2709
|
if (f.isOutline) {
|
|
2709
2710
|
let m = f.borderSide || BorderSide({
|
|
@@ -2738,7 +2739,19 @@ var _hoisted_1$11 = {
|
|
|
2738
2739
|
...toCSSStyle(p.decoration?.labelStyle)
|
|
2739
2740
|
};
|
|
2740
2741
|
return L.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", C.value && (e.color = "#2196F3"), p.decoration?.floatingLabelStyle && Object.assign(e, toCSSStyle(p.decoration.floatingLabelStyle))), e;
|
|
2741
|
-
}), W = computed(() =>
|
|
2742
|
+
}), W = computed(() => {
|
|
2743
|
+
let e = {
|
|
2744
|
+
flex: 1,
|
|
2745
|
+
...toCSSStyle(p.decoration?.helperStyle)
|
|
2746
|
+
};
|
|
2747
|
+
return p.decoration?.helperTextAlign && (e.textAlign = p.decoration.helperTextAlign), p.decoration?.helperMaxLines && (e.display = "-webkit-box", e.WebkitLineClamp = p.decoration.helperMaxLines.toString(), e.WebkitBoxOrient = "vertical", e.overflow = "hidden"), p.decoration?.helperConstraints && Object.assign(e, boxConstraintsToStyle(p.decoration.helperConstraints)), e;
|
|
2748
|
+
}), G = computed(() => {
|
|
2749
|
+
let e = {
|
|
2750
|
+
flex: 1,
|
|
2751
|
+
...toCSSStyle(p.decoration?.errorStyle)
|
|
2752
|
+
};
|
|
2753
|
+
return p.decoration?.errorTextAlign && (e.textAlign = p.decoration.errorTextAlign), p.decoration?.errorMaxLines && (e.display = "-webkit-box", e.WebkitLineClamp = p.decoration.errorMaxLines.toString(), e.WebkitBoxOrient = "vertical", e.overflow = "hidden"), p.decoration?.errorConstraints && Object.assign(e, boxConstraintsToStyle(p.decoration.errorConstraints)), e;
|
|
2754
|
+
}), K = computed(() => toCSSStyle(p.decoration?.counterStyle)), q = computed(() => p.decoration?.hintStyle?.color ? resolveColor(p.decoration.hintStyle.color) : "#999"), J = computed(() => p.decoration?.hintStyle?.fontSize ? `${p.decoration.hintStyle.fontSize}px` : "inherit"), Y = computed(() => p.maxLength && p.maxLength > 0 || p.decoration?.counterText), X = computed(() => p.decoration?.errorText || p.decoration?.helperText || Y.value || p.decoration?.alwaysShowError), Z = (e) => {
|
|
2742
2755
|
let f = e.target;
|
|
2743
2756
|
g("update:modelValue", f.value), nextTick(k);
|
|
2744
2757
|
}, Q = (e) => {
|
|
@@ -2826,11 +2839,11 @@ var _hoisted_1$11 = {
|
|
|
2826
2839
|
"size",
|
|
2827
2840
|
"color"
|
|
2828
2841
|
])], !0)])) : createCommentVNode("", !0)
|
|
2829
|
-
], 4), X.value ? (openBlock(), createElementBlock("div", _hoisted_6, [e.decoration?.errorText ? (openBlock(), createElementBlock("div", {
|
|
2842
|
+
], 4), X.value ? (openBlock(), createElementBlock("div", _hoisted_6, [e.decoration?.errorText || e.decoration?.alwaysShowError ? (openBlock(), createElementBlock("div", {
|
|
2830
2843
|
key: 0,
|
|
2831
|
-
class: "fluekit-input-helper is-error",
|
|
2844
|
+
class: normalizeClass(["fluekit-input-helper is-error", { "is-invisible": !e.decoration?.errorText }]),
|
|
2832
2845
|
style: normalizeStyle(G.value)
|
|
2833
|
-
}, toDisplayString(e.decoration
|
|
2846
|
+
}, toDisplayString(e.decoration?.errorText || "\xA0"), 7)) : e.decoration?.helperText ? (openBlock(), createElementBlock("div", {
|
|
2834
2847
|
key: 1,
|
|
2835
2848
|
class: "fluekit-input-helper",
|
|
2836
2849
|
style: normalizeStyle(W.value)
|
|
@@ -2840,7 +2853,7 @@ var _hoisted_1$11 = {
|
|
|
2840
2853
|
style: normalizeStyle(K.value)
|
|
2841
2854
|
}, toDisplayString(e.decoration?.counterText || `${String(e.modelValue).length} / ${e.maxLength}`), 5)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)])], 2));
|
|
2842
2855
|
}
|
|
2843
|
-
}), [["__scopeId", "data-v-
|
|
2856
|
+
}), [["__scopeId", "data-v-4fd366e1"]]), TextArea_default = /* @__PURE__ */ defineComponent({
|
|
2844
2857
|
inheritAttrs: !1,
|
|
2845
2858
|
__name: "TextArea",
|
|
2846
2859
|
props: { maxLines: { default: 4 } },
|