fluekit 2.6.6 → 2.6.8
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/BorderRadius.d.ts +9 -9
- package/dist/ButtonStyle.d.ts +3 -1
- package/dist/FlexBox.d.ts +1 -4
- package/dist/FlexProps.d.ts +1 -1
- package/dist/ImageFilter.d.ts +1 -1
- package/dist/LiquidGlassDialog.d.ts +39 -0
- package/dist/Row.d.ts +3 -5
- package/dist/Table.d.ts +73 -0
- package/dist/TextStyle.d.ts +4 -4
- package/dist/device.d.ts +9 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +563 -176
- package/dist/showLiquidGlassDialog.d.ts +8 -0
- package/dist/usePosition.d.ts +1 -0
- package/package.json +1 -1
package/dist/BorderRadius.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'vue';
|
|
2
|
-
export type BorderRadiusValue = number;
|
|
2
|
+
export type BorderRadiusValue = number | string;
|
|
3
3
|
export interface BorderRadiusProps {
|
|
4
4
|
topLeft?: BorderRadiusValue;
|
|
5
5
|
bottom?: BorderRadiusValue;
|
|
@@ -15,17 +15,17 @@ export type BorderRadiusType = BorderRadius;
|
|
|
15
15
|
export declare function BorderRadius(borderRadius: BorderRadiusProps): BorderRadius;
|
|
16
16
|
export declare namespace BorderRadius {
|
|
17
17
|
var all: (radius: BorderRadiusValue) => {
|
|
18
|
-
topLeft:
|
|
19
|
-
topRight:
|
|
20
|
-
bottomLeft:
|
|
21
|
-
bottomRight:
|
|
18
|
+
topLeft: BorderRadiusValue;
|
|
19
|
+
topRight: BorderRadiusValue;
|
|
20
|
+
bottomLeft: BorderRadiusValue;
|
|
21
|
+
bottomRight: BorderRadiusValue;
|
|
22
22
|
[BORDER_RADIUS_SYMBOL]: true;
|
|
23
23
|
};
|
|
24
24
|
var circular: (radius: BorderRadiusValue) => {
|
|
25
|
-
topLeft:
|
|
26
|
-
topRight:
|
|
27
|
-
bottomLeft:
|
|
28
|
-
bottomRight:
|
|
25
|
+
topLeft: BorderRadiusValue;
|
|
26
|
+
topRight: BorderRadiusValue;
|
|
27
|
+
bottomLeft: BorderRadiusValue;
|
|
28
|
+
bottomRight: BorderRadiusValue;
|
|
29
29
|
[BORDER_RADIUS_SYMBOL]: true;
|
|
30
30
|
};
|
|
31
31
|
var only: ({ topLeft, topRight, bottomLeft, bottomRight, }: {
|
package/dist/ButtonStyle.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { BorderSide } from './Border';
|
|
|
4
4
|
import { BorderRadius } from './BorderRadius';
|
|
5
5
|
import { EdgeInsets } from './EdgeInsets';
|
|
6
6
|
import { SizeType } from './Size';
|
|
7
|
-
import { TextStyle } from './TextStyle';
|
|
7
|
+
import { TextAlign, TextStyle } from './TextStyle';
|
|
8
8
|
import { Color } from './Color';
|
|
9
9
|
export interface ButtonStyle {
|
|
10
10
|
textStyle?: TextStyle;
|
|
@@ -21,6 +21,8 @@ export interface ButtonStyle {
|
|
|
21
21
|
shape?: BorderRadius;
|
|
22
22
|
alignment?: Alignment;
|
|
23
23
|
opacity?: number;
|
|
24
|
+
flex?: number | string;
|
|
25
|
+
textAlign?: TextAlign;
|
|
24
26
|
}
|
|
25
27
|
export declare const ButtonStyle: (style: ButtonStyle) => ButtonStyle;
|
|
26
28
|
export declare function buttonStyleToStyle(style?: ButtonStyle): CSSProperties;
|
package/dist/FlexBox.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FlexBoxProps, MainAxisSize } from './FlexProps';
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
@@ -12,10 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<FlexBoxProps, {}, {
|
|
|
12
12
|
wrap: boolean;
|
|
13
13
|
expanded: boolean;
|
|
14
14
|
direction: "row" | "column" | "row-reverse" | "column-reverse" | string;
|
|
15
|
-
gap: number;
|
|
16
|
-
mainAxisAlignment: MainAxisAlignment;
|
|
17
15
|
mainAxisSize: MainAxisSize;
|
|
18
|
-
crossAxisAlignment: CrossAxisAlignment;
|
|
19
16
|
as: string;
|
|
20
17
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
18
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
package/dist/FlexProps.d.ts
CHANGED
package/dist/ImageFilter.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ export declare class ImageFilter {
|
|
|
22
22
|
static hueRotate(degrees: number): ImageFilter;
|
|
23
23
|
static invert(amount: number): ImageFilter;
|
|
24
24
|
static opacity(amount: number): ImageFilter;
|
|
25
|
-
static saturate(amount: number): ImageFilter;
|
|
25
|
+
static saturate(amount: number | string): ImageFilter;
|
|
26
26
|
static sepia(amount: number): ImageFilter;
|
|
27
27
|
}
|
|
28
28
|
export declare function isImageFilter(value: any): value is ImageFilter;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export type LiquidGlassDialogActionStyle = "default" | "primary";
|
|
2
|
+
export interface LiquidGlassDialogAction {
|
|
3
|
+
title: string;
|
|
4
|
+
style?: LiquidGlassDialogActionStyle;
|
|
5
|
+
keepOpen?: boolean;
|
|
6
|
+
onPressed?: (action: LiquidGlassDialogAction) => Promise<void>;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface LiquidGlassDialogActionPayload {
|
|
10
|
+
action: LiquidGlassDialogAction;
|
|
11
|
+
index: number;
|
|
12
|
+
}
|
|
13
|
+
export interface LiquidGlassDialogExpose {
|
|
14
|
+
close: () => void;
|
|
15
|
+
}
|
|
16
|
+
export interface LiquidGlassDialogProps {
|
|
17
|
+
modelValue: boolean;
|
|
18
|
+
title?: string;
|
|
19
|
+
message?: string;
|
|
20
|
+
actions: LiquidGlassDialogAction[];
|
|
21
|
+
}
|
|
22
|
+
declare const _default: import('vue').DefineComponent<LiquidGlassDialogProps, {
|
|
23
|
+
close: () => void;
|
|
24
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
25
|
+
close: () => any;
|
|
26
|
+
"update:modelValue": (value: boolean) => any;
|
|
27
|
+
action: (payload: LiquidGlassDialogActionPayload) => any;
|
|
28
|
+
afterClose: () => any;
|
|
29
|
+
}, string, import('vue').PublicProps, Readonly<LiquidGlassDialogProps> & Readonly<{
|
|
30
|
+
onClose?: (() => any) | undefined;
|
|
31
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
32
|
+
onAction?: ((payload: LiquidGlassDialogActionPayload) => any) | undefined;
|
|
33
|
+
onAfterClose?: (() => any) | undefined;
|
|
34
|
+
}>, {
|
|
35
|
+
title: string;
|
|
36
|
+
message: string;
|
|
37
|
+
actions: LiquidGlassDialogAction[];
|
|
38
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
39
|
+
export default _default;
|
package/dist/Row.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlexBoxProps, MainAxisSize } from './FlexProps';
|
|
1
|
+
import { CrossAxisAlignment, FlexBoxProps, MainAxisAlignment, MainAxisSize } from './FlexProps';
|
|
2
2
|
declare function __VLS_template(): {
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
@@ -9,11 +9,9 @@ declare function __VLS_template(): {
|
|
|
9
9
|
};
|
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<FlexBoxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FlexBoxProps> & Readonly<{}>, {
|
|
12
|
-
|
|
13
|
-
expanded: boolean;
|
|
14
|
-
mainAxisAlignment: import('./FlexProps').MainAxisAlignment;
|
|
12
|
+
mainAxisAlignment: MainAxisAlignment;
|
|
15
13
|
mainAxisSize: MainAxisSize;
|
|
16
|
-
crossAxisAlignment:
|
|
14
|
+
crossAxisAlignment: CrossAxisAlignment;
|
|
17
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
17
|
export default _default;
|
package/dist/Table.d.ts
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { CSSProperties } from 'vue';
|
|
2
|
+
import { EdgeInsets } from './EdgeInsets';
|
|
3
|
+
import { BoxDecoration } from './BoxDecoration';
|
|
4
|
+
import { TextStyle } from './TextStyle';
|
|
5
|
+
import { Color } from './Color';
|
|
6
|
+
export interface TableColumn {
|
|
7
|
+
title: string;
|
|
8
|
+
key: string;
|
|
9
|
+
width?: number | string;
|
|
10
|
+
align?: "left" | "center" | "right";
|
|
11
|
+
}
|
|
12
|
+
interface Props {
|
|
13
|
+
columns: TableColumn[];
|
|
14
|
+
dataSource: any[];
|
|
15
|
+
rowKey?: string | ((row: any) => string | number);
|
|
16
|
+
width?: number | string;
|
|
17
|
+
height?: number | string;
|
|
18
|
+
margin?: EdgeInsets;
|
|
19
|
+
padding?: EdgeInsets;
|
|
20
|
+
decoration?: BoxDecoration;
|
|
21
|
+
border?: boolean;
|
|
22
|
+
stripe?: boolean;
|
|
23
|
+
fixed?: boolean;
|
|
24
|
+
showHeader?: boolean;
|
|
25
|
+
cellPadding?: number | string;
|
|
26
|
+
dividerColor?: Color | string;
|
|
27
|
+
stripeColor?: Color | string;
|
|
28
|
+
headerTextStyle?: TextStyle;
|
|
29
|
+
cellTextStyle?: TextStyle;
|
|
30
|
+
emptyTextStyle?: TextStyle;
|
|
31
|
+
headerRowStyle?: CSSProperties;
|
|
32
|
+
headerCellStyle?: CSSProperties;
|
|
33
|
+
rowStyle?: CSSProperties;
|
|
34
|
+
cellStyle?: CSSProperties;
|
|
35
|
+
clipBehavior?: "none" | "hardEdge" | "antiAlias";
|
|
36
|
+
}
|
|
37
|
+
declare function __VLS_template(): {
|
|
38
|
+
attrs: Partial<{}>;
|
|
39
|
+
slots: Partial<Record<string, (_: {
|
|
40
|
+
record: any;
|
|
41
|
+
index: number;
|
|
42
|
+
}) => any>> & {
|
|
43
|
+
header?(_: {
|
|
44
|
+
column: TableColumn;
|
|
45
|
+
}): any;
|
|
46
|
+
empty?(_: {}): any;
|
|
47
|
+
};
|
|
48
|
+
refs: {};
|
|
49
|
+
rootEl: any;
|
|
50
|
+
};
|
|
51
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
52
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
53
|
+
rowClick: (row: any, index: number) => any;
|
|
54
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
55
|
+
onRowClick?: ((row: any, index: number) => any) | undefined;
|
|
56
|
+
}>, {
|
|
57
|
+
fixed: boolean;
|
|
58
|
+
border: boolean;
|
|
59
|
+
clipBehavior: "none" | "hardEdge" | "antiAlias";
|
|
60
|
+
dataSource: any[];
|
|
61
|
+
stripe: boolean;
|
|
62
|
+
showHeader: boolean;
|
|
63
|
+
cellPadding: number | string;
|
|
64
|
+
dividerColor: Color | string;
|
|
65
|
+
stripeColor: Color | string;
|
|
66
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
67
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
68
|
+
export default _default;
|
|
69
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
70
|
+
new (): {
|
|
71
|
+
$slots: S;
|
|
72
|
+
};
|
|
73
|
+
};
|
package/dist/TextStyle.d.ts
CHANGED
|
@@ -94,11 +94,11 @@ export interface TextStyleProps {
|
|
|
94
94
|
inherit?: boolean;
|
|
95
95
|
color?: string | Color;
|
|
96
96
|
backgroundColor?: string | Color;
|
|
97
|
-
fontSize?: number;
|
|
97
|
+
fontSize?: number | string;
|
|
98
98
|
fontWeight?: FontWeight | number;
|
|
99
99
|
fontStyle?: FontStyle;
|
|
100
|
-
letterSpacing?: number;
|
|
101
|
-
wordSpacing?: number;
|
|
100
|
+
letterSpacing?: number | string;
|
|
101
|
+
wordSpacing?: number | string;
|
|
102
102
|
textBaseline?: TextBaseline;
|
|
103
103
|
height?: number | string;
|
|
104
104
|
leadingDistribution?: any;
|
|
@@ -111,7 +111,7 @@ export interface TextStyleProps {
|
|
|
111
111
|
decoration?: TextDecoration;
|
|
112
112
|
decorationColor?: string | Color;
|
|
113
113
|
decorationStyle?: TextDecorationStyle;
|
|
114
|
-
decorationThickness?: number;
|
|
114
|
+
decorationThickness?: number | string;
|
|
115
115
|
debugLabel?: string;
|
|
116
116
|
fontFamily?: string;
|
|
117
117
|
fontFamilyFallback?: string[];
|
package/dist/device.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const isBrowser: boolean;
|
|
2
|
+
export declare const userAgent: string;
|
|
3
|
+
export declare const isAndroid: boolean;
|
|
4
|
+
export declare const isHarmonyOS: boolean;
|
|
5
|
+
export declare const isIPad: boolean;
|
|
6
|
+
export declare const isIOS: boolean;
|
|
7
|
+
export declare const isMacOS: boolean;
|
|
8
|
+
export declare const checkMobile: () => boolean;
|
|
9
|
+
export declare const isMobile: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -30,6 +30,8 @@ export { default as Stack } from './Stack';
|
|
|
30
30
|
export { default as Sticky } from './Sticky';
|
|
31
31
|
export { default as Text } from './Text';
|
|
32
32
|
export { default as TextArea } from './TextArea';
|
|
33
|
+
export { default as LiquidGlassDialog, type LiquidGlassDialogAction, type LiquidGlassDialogProps, type LiquidGlassDialogActionPayload, type LiquidGlassDialogActionStyle, } from './LiquidGlassDialog';
|
|
34
|
+
export * from './showLiquidGlassDialog';
|
|
33
35
|
export { default as TextField } from './TextField';
|
|
34
36
|
export { Toast } from './Toast';
|
|
35
37
|
export type { ToastType, ToastOptions, ToastPosition } from './Toast';
|
|
@@ -86,6 +88,7 @@ export { default as TabBar } from './TabBar';
|
|
|
86
88
|
export { default as TabBarView } from './TabBarView';
|
|
87
89
|
export { default as RefreshIndicator } from './RefreshIndicator';
|
|
88
90
|
export { default as RatingBar } from './RatingBar';
|
|
91
|
+
export { default as Table } from './Table';
|
|
89
92
|
export { default as FlueConfigProvider } from './FlueConfigProvider';
|
|
90
93
|
export { default as AnimationWidget } from './Animation';
|
|
91
94
|
export { StyleProvider } from './StyleProvider';
|