@uni-design-system/uni-angular 2.0.3 → 2.0.4
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.
|
@@ -1,11 +1,483 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal, ElementRef, EventEmitter, OnInit, OnDestroy, TemplateRef } from '@angular/core';
|
|
3
|
+
import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
|
|
4
|
+
import { Icons, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Variant, Size, Thickness, ContainerColorToken, NullableStyleExpression, ColorKey, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, ColorToken, RadiiSize, Elevation, JustifyContent, StyleExpression, Orientation, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap } from '@uni-design-system/uni-core';
|
|
5
|
+
import { Placement as Placement$1, OffsetOptions } from '@floating-ui/dom';
|
|
2
6
|
|
|
3
|
-
|
|
7
|
+
type IconName = keyof Icons;
|
|
8
|
+
|
|
9
|
+
interface Option<T = unknown> {
|
|
4
10
|
label: string;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
11
|
+
value: T;
|
|
12
|
+
}
|
|
13
|
+
type Options<T = unknown> = Option<T>[];
|
|
14
|
+
|
|
15
|
+
declare class ThemeService {
|
|
16
|
+
private themes;
|
|
17
|
+
private localStorage;
|
|
18
|
+
theme: _angular_core.WritableSignal<UniTheme>;
|
|
19
|
+
themeOptions: _angular_core.WritableSignal<Options<string>>;
|
|
20
|
+
components: Signal<Partial<Record<ComponentName, ComponentTheme<object>>>>;
|
|
21
|
+
component: <T>(componentName: ComponentName) => Signal<ComponentTheme<T>>;
|
|
22
|
+
colors: Signal<Partial<Record<string, string>>>;
|
|
23
|
+
typeFaces: Signal<Partial<Record<string, _uni_design_system_uni_core.TypeFaceDefinition>>>;
|
|
24
|
+
spacing: Signal<Partial<Record<NullableSize, string | number>>>;
|
|
25
|
+
thicknesses: Signal<_uni_design_system_uni_core.Thicknesses>;
|
|
26
|
+
radii: Signal<Partial<Record<string, string>>>;
|
|
27
|
+
borders: Signal<Partial<Record<string, string>>>;
|
|
28
|
+
shadows: Signal<Partial<Record<string, string>>>;
|
|
29
|
+
icons: Signal<_uni_design_system_uni_core.Icons>;
|
|
30
|
+
constructor();
|
|
31
|
+
selectTheme(themeName: ThemeName): void;
|
|
32
|
+
selectedThemeName: Signal<string>;
|
|
33
|
+
selectedThemeKey: _angular_core.WritableSignal<string>;
|
|
34
|
+
textClass: (textRole: TextRole, textColor?: ContentColorToken) => string;
|
|
35
|
+
componentStyle: (componentName: ComponentName, variant: Variant, size: Size) => Signal<{
|
|
36
|
+
[x: string]: string | number;
|
|
37
|
+
}>;
|
|
38
|
+
getSpacing: (size: NullableSize) => string | number;
|
|
39
|
+
getThickness: (thickness: Thickness) => string | number;
|
|
40
|
+
getContentColor: (token: ContainerColorToken, useVariant?: boolean) => string;
|
|
41
|
+
colorPair: (token?: ContainerColorToken, colorVariant?: boolean) => NullableStyleExpression;
|
|
42
|
+
backgroundColor: (token?: ColorKey) => NullableStyleExpression;
|
|
43
|
+
backgroundImage: (url?: string) => NullableStyleExpression;
|
|
44
|
+
getContainerColors: (color: Variant, useVariant?: boolean) => _uni_design_system_uni_core.StyleExpression;
|
|
45
|
+
typeface: (typeface?: Typeface) => _uni_design_system_uni_core.TypeFaceDefinition;
|
|
46
|
+
colorPalette: () => Partial<Record<string, string>>;
|
|
47
|
+
color(color?: ColorKey): NullableStyleExpression;
|
|
48
|
+
getDashedBorder(color: ColorKey | undefined, radius: Radius | undefined): NullableStyleExpression;
|
|
49
|
+
radius(size: Radius | undefined): NullableStyleExpression;
|
|
50
|
+
getRadiusLeft(size: Radius | undefined): NullableStyleExpression;
|
|
51
|
+
getRadiusRight(size: Radius | undefined): NullableStyleExpression;
|
|
52
|
+
getRadiusTop(size: Radius | undefined): NullableStyleExpression;
|
|
53
|
+
getRadiusBottom(size: Radius | undefined): NullableStyleExpression;
|
|
54
|
+
padding(size: OptionalSize): NullableStyleExpression;
|
|
55
|
+
horizontalPadding(size: OptionalSize): NullableStyleExpression;
|
|
56
|
+
verticalPadding(size: OptionalSize): NullableStyleExpression;
|
|
57
|
+
paddingLeft(size: OptionalSize): NullableStyleExpression;
|
|
58
|
+
paddingRight(size: OptionalSize): NullableStyleExpression;
|
|
59
|
+
paddingTop(size: OptionalSize): NullableStyleExpression;
|
|
60
|
+
paddingBottom(size: OptionalSize): NullableStyleExpression;
|
|
61
|
+
border(border: Border | undefined): NullableStyleExpression;
|
|
62
|
+
borderTop(border: Border | undefined): NullableStyleExpression;
|
|
63
|
+
borderBottom(border: Border | undefined): NullableStyleExpression;
|
|
64
|
+
borderLeft(border: Border | undefined): NullableStyleExpression;
|
|
65
|
+
borderRight(border: Border | undefined): NullableStyleExpression;
|
|
66
|
+
boxShadow(shadow: Shadow | undefined): {
|
|
67
|
+
boxShadow: string;
|
|
68
|
+
};
|
|
69
|
+
gap(gap: OptionalSize): NullableStyleExpression;
|
|
70
|
+
zIndex(element: ZIndexableElements | undefined): NullableStyleExpression;
|
|
71
|
+
borderColor(borderColor: ColorToken): NullableStyleExpression;
|
|
72
|
+
getComponentTheme<T>(componentName: ComponentName): Signal<ComponentTheme<T>>;
|
|
73
|
+
getComponentOptions: <T>(componentName: ComponentName) => _angular_core.WritableSignal<T>;
|
|
74
|
+
componentOptions: (componentName: ComponentName) => Signal<unknown>;
|
|
75
|
+
style(prop: string, value: string | number | undefined): NullableStyleExpression;
|
|
76
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
77
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
declare class BaseComponent<T = unknown> {
|
|
81
|
+
protected componentName: ComponentName;
|
|
82
|
+
theme: ThemeService;
|
|
83
|
+
variant: _angular_core.InputSignal<Variant>;
|
|
84
|
+
size: _angular_core.InputSignal<Size>;
|
|
85
|
+
componentTheme: _angular_core.Signal<_uni_design_system_uni_core.ComponentTheme<T>>;
|
|
86
|
+
componentOptions: _angular_core.Signal<T>;
|
|
87
|
+
style: _angular_core.Signal<{
|
|
88
|
+
[x: string]: string | number;
|
|
89
|
+
}>;
|
|
90
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseComponent<any>, never>;
|
|
91
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseComponent<any>, "ng-component", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
interface UniBadgeOptions {
|
|
95
|
+
borderRadius?: RadiiSize;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
declare class UniBadgeComponent extends BaseComponent<UniBadgeOptions> {
|
|
99
|
+
color: _angular_core.InputSignal<Variant>;
|
|
100
|
+
useVariant: _angular_core.InputSignal<boolean>;
|
|
101
|
+
width?: number;
|
|
102
|
+
get className(): string;
|
|
103
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBadgeComponent, never>;
|
|
104
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBadgeComponent, "div[uni-badge], Badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
declare class RippleDirective {
|
|
108
|
+
private renderer;
|
|
109
|
+
el: ElementRef<any>;
|
|
110
|
+
hostEl: any;
|
|
111
|
+
constructor();
|
|
112
|
+
onClick(e: MouseEvent): void;
|
|
113
|
+
rippleClass: string;
|
|
114
|
+
animateClass: string;
|
|
115
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RippleDirective, never>;
|
|
116
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[uniRipple]", never, {}, {}, never, never, true, never>;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
declare class UniButtonComponent extends BaseComponent {
|
|
120
|
+
readonly disable: _angular_core.InputSignal<boolean>;
|
|
121
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
122
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
123
|
+
symbolLeft?: string;
|
|
124
|
+
symbolRight?: string;
|
|
125
|
+
spinnerBox: string;
|
|
126
|
+
get className(): string;
|
|
127
|
+
symbolSize: _angular_core.Signal<number>;
|
|
128
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonComponent, never>;
|
|
129
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonComponent, "button[uni-text-button], Button, button[text-button]", never, { "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "symbolLeft": { "alias": "symbolLeft"; "required": false; }; "symbolRight": { "alias": "symbolRight"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
declare class UniCardContentComponent extends BaseComponent {
|
|
133
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardContentComponent, never>;
|
|
134
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardContentComponent, "uni-card-content, CardContent", never, {}, {}, never, ["*"], true, never>;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
declare class UniCardHeaderComponent extends BaseComponent {
|
|
138
|
+
private card;
|
|
139
|
+
title: _angular_core.InputSignal<string>;
|
|
140
|
+
titleTextRole: _angular_core.InputSignal<string>;
|
|
141
|
+
constructor();
|
|
142
|
+
className: string;
|
|
143
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardHeaderComponent, never>;
|
|
144
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardHeaderComponent, "uni-card-header, CardHeader", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleTextRole": { "alias": "titleTextRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
interface UniCardOptions {
|
|
148
|
+
defaultVariant: Variant;
|
|
149
|
+
borderRadius: Radius;
|
|
150
|
+
transitionSpeed: number;
|
|
151
|
+
elevation?: Elevation;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
declare class UniCardComponent extends BaseComponent<UniCardOptions> {
|
|
155
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardComponent, never>;
|
|
156
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card, Card", never, {}, {}, never, ["*"], true, never>;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
declare class UniDialogButtonsComponent {
|
|
160
|
+
private dialog;
|
|
161
|
+
confirmButtonText?: string;
|
|
162
|
+
confirmButtonVariant: Variant;
|
|
163
|
+
cancelButtonText?: string;
|
|
164
|
+
disableConfirm?: boolean;
|
|
165
|
+
padding?: NullableSize;
|
|
166
|
+
paddingBottom?: NullableSize;
|
|
167
|
+
justifyContent?: JustifyContent;
|
|
168
|
+
confirmed: EventEmitter<any>;
|
|
169
|
+
closeDialog(): void;
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogButtonsComponent, never>;
|
|
171
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogButtonsComponent, "uni-dialog-buttons, DialogButtons, div[dialog-buttons]", never, { "confirmButtonText": { "alias": "confirmButtonText"; "required": false; }; "confirmButtonVariant": { "alias": "confirmButtonVariant"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "disableConfirm": { "alias": "disableConfirm"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; }; "justifyContent": { "alias": "justifyContent"; "required": false; }; }, { "confirmed": "confirmed"; }, never, never, true, never>;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
interface UniDialogHeaderOptions {
|
|
175
|
+
borderRadius?: Radius;
|
|
176
|
+
color?: ContainerColorToken;
|
|
177
|
+
height?: number;
|
|
178
|
+
textRole: TextRole;
|
|
179
|
+
textColor?: ContentColorToken;
|
|
180
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
181
|
+
closeButtonIcon?: IconName;
|
|
182
|
+
closeButtonSymbol?: string;
|
|
183
|
+
closeButtonSize?: Size;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
declare class UniDialogHeaderComponent extends BaseComponent<UniDialogHeaderOptions> {
|
|
187
|
+
private dialog;
|
|
188
|
+
closeDialog(): void;
|
|
189
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogHeaderComponent, never>;
|
|
190
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogHeaderComponent, "div[uni-dialog-header], DialogHeader", never, {}, {}, never, ["*"], true, never>;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
interface UniDialogOptions {
|
|
194
|
+
border: Border;
|
|
195
|
+
borderRadius: Radius;
|
|
196
|
+
color: ContainerColorToken;
|
|
197
|
+
elevation: Elevation;
|
|
198
|
+
backdrop: StyleExpression;
|
|
199
|
+
padding?: NullableSize;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
declare class UniDialogComponent extends BaseComponent<UniDialogOptions> {
|
|
203
|
+
private elem;
|
|
204
|
+
show: _angular_core.InputSignal<boolean>;
|
|
205
|
+
private readonly _show;
|
|
206
|
+
defaultCloseButton?: boolean;
|
|
207
|
+
showing: EventEmitter<any>;
|
|
208
|
+
constructor();
|
|
209
|
+
private get _dialog();
|
|
210
|
+
get className(): string;
|
|
211
|
+
BackdropClick(event: Event): void;
|
|
212
|
+
ClosingAnimation(e: AnimationEvent): void;
|
|
213
|
+
closeButton: string;
|
|
214
|
+
private dialogFadeIn;
|
|
215
|
+
private dialogFadeOut;
|
|
216
|
+
open(): void;
|
|
217
|
+
close(): void;
|
|
218
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogComponent, never>;
|
|
219
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogComponent, "dialog[uni-dialog], Dialog", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "defaultCloseButton": { "alias": "defaultCloseButton"; "required": false; }; }, { "showing": "showing"; }, never, ["*"], true, never>;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
declare class UniDividerComponent {
|
|
223
|
+
themeService: ThemeService;
|
|
224
|
+
orientation: _angular_core.InputSignal<Orientation>;
|
|
225
|
+
border: _angular_core.InputSignal<string>;
|
|
226
|
+
get className(): string;
|
|
227
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDividerComponent, never>;
|
|
228
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDividerComponent, "uni-divider, Divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
interface UniDropdownOptions {
|
|
232
|
+
border: Border;
|
|
233
|
+
borderRadius: Radius;
|
|
234
|
+
shadow: Shadow;
|
|
235
|
+
color: ContainerColorToken;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> implements OnInit, OnDestroy {
|
|
239
|
+
private renderer;
|
|
240
|
+
private cleanupAutoUpdate?;
|
|
241
|
+
private delay;
|
|
242
|
+
showing: _angular_core.WritableSignal<boolean>;
|
|
243
|
+
trigger: _angular_core.InputSignal<HTMLElement>;
|
|
244
|
+
placement: _angular_core.InputSignal<Placement$1>;
|
|
245
|
+
offset: _angular_core.InputSignal<OffsetOptions>;
|
|
246
|
+
paddingVertical: _angular_core.InputSignal<NullableSize>;
|
|
247
|
+
paddingHorizontal: _angular_core.InputSignal<NullableSize>;
|
|
248
|
+
dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
|
|
249
|
+
dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
|
|
250
|
+
dropdownRef: ElementRef<HTMLDivElement>;
|
|
251
|
+
private get _trigger();
|
|
252
|
+
private get _dropdown();
|
|
253
|
+
private transformOriginMap;
|
|
254
|
+
dropdownClass: _angular_core.Signal<string>;
|
|
255
|
+
ngOnInit(): void;
|
|
256
|
+
toggleDropdown(): void;
|
|
257
|
+
hideDropdown(): void;
|
|
258
|
+
private updatePosition;
|
|
259
|
+
ngOnDestroy(): void;
|
|
260
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDropdownComponent, never>;
|
|
261
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown, Dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
declare class UniIconComponent {
|
|
265
|
+
private themeService;
|
|
266
|
+
color: _angular_core.InputSignal<string>;
|
|
267
|
+
protected _path: string;
|
|
268
|
+
get className(): string;
|
|
269
|
+
set name(iconName: keyof Icons);
|
|
270
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconComponent, never>;
|
|
271
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconComponent, "uni-icon, Icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
declare class UniBoxComponent {
|
|
275
|
+
theme: ThemeService;
|
|
276
|
+
color: _angular_core.InputSignal<ContainerColorToken>;
|
|
277
|
+
backgroundColor: _angular_core.InputSignal<string>;
|
|
278
|
+
borderRadius: _angular_core.InputSignal<string>;
|
|
279
|
+
borderRadiusLeft: _angular_core.InputSignal<string>;
|
|
280
|
+
borderRadiusRight: _angular_core.InputSignal<string>;
|
|
281
|
+
borderRadiusTop: _angular_core.InputSignal<string>;
|
|
282
|
+
borderRadiusBottom: _angular_core.InputSignal<string>;
|
|
283
|
+
padding: _angular_core.InputSignal<OptionalSize>;
|
|
284
|
+
paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
|
|
285
|
+
paddingVertical: _angular_core.InputSignal<OptionalSize>;
|
|
286
|
+
paddingLeft: _angular_core.InputSignal<OptionalSize>;
|
|
287
|
+
paddingRight: _angular_core.InputSignal<OptionalSize>;
|
|
288
|
+
paddingTop: _angular_core.InputSignal<OptionalSize>;
|
|
289
|
+
paddingBottom: _angular_core.InputSignal<OptionalSize>;
|
|
290
|
+
border: _angular_core.InputSignal<string>;
|
|
291
|
+
borderTop: _angular_core.InputSignal<string>;
|
|
292
|
+
borderBottom: _angular_core.InputSignal<string>;
|
|
293
|
+
borderLeft: _angular_core.InputSignal<string>;
|
|
294
|
+
borderRight: _angular_core.InputSignal<string>;
|
|
295
|
+
dashBorder: _angular_core.InputSignal<boolean>;
|
|
296
|
+
alignSelf: _angular_core.InputSignal<OptionalAlignSelf>;
|
|
297
|
+
alignItems: _angular_core.InputSignal<OptionalAlignItems>;
|
|
298
|
+
alignContent: _angular_core.InputSignal<OptionalAlignContent>;
|
|
299
|
+
justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
|
|
300
|
+
grow: _angular_core.InputSignal<number>;
|
|
301
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
302
|
+
position: _angular_core.InputSignal<OptionalPosition>;
|
|
303
|
+
inset: _angular_core.InputSignal<string | number>;
|
|
304
|
+
height: _angular_core.InputSignal<string | number>;
|
|
305
|
+
minHeight: _angular_core.InputSignal<string | number>;
|
|
306
|
+
maxHeight: _angular_core.InputSignal<string | number>;
|
|
307
|
+
width: _angular_core.InputSignal<string | number>;
|
|
308
|
+
minWidth: _angular_core.InputSignal<string | number>;
|
|
309
|
+
maxWidth: _angular_core.InputSignal<string | number>;
|
|
310
|
+
ignoreDir: _angular_core.InputSignal<boolean>;
|
|
311
|
+
gridArea: _angular_core.InputSignal<string>;
|
|
312
|
+
gridColumn: _angular_core.InputSignal<string>;
|
|
313
|
+
gridRow: _angular_core.InputSignal<string>;
|
|
314
|
+
overflow: _angular_core.InputSignal<OptionalOverflow>;
|
|
315
|
+
elevation: _angular_core.InputSignal<string>;
|
|
316
|
+
shadow: _angular_core.InputSignal<string>;
|
|
317
|
+
gap: _angular_core.InputSignal<OptionalSize>;
|
|
318
|
+
fullWidth: _angular_core.InputSignal<boolean>;
|
|
319
|
+
fullHeight: _angular_core.InputSignal<boolean>;
|
|
320
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
321
|
+
textAlign: _angular_core.InputSignal<OptionalTextAlign>;
|
|
322
|
+
wrapItems: _angular_core.InputSignal<OptionalWrap>;
|
|
323
|
+
zIndex: _angular_core.InputSignal<ZIndexableElements>;
|
|
324
|
+
get boxClassName(): string;
|
|
325
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBoxComponent, never>;
|
|
326
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBoxComponent, "div[uni-box-layout], Box, div[box-layout]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "borderRadiusLeft": { "alias": "borderRadiusLeft"; "required": false; "isSignal": true; }; "borderRadiusRight": { "alias": "borderRadiusRight"; "required": false; "isSignal": true; }; "borderRadiusTop": { "alias": "borderRadiusTop"; "required": false; "isSignal": true; }; "borderRadiusBottom": { "alias": "borderRadiusBottom"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingLeft": { "alias": "paddingLeft"; "required": false; "isSignal": true; }; "paddingRight": { "alias": "paddingRight"; "required": false; "isSignal": true; }; "paddingTop": { "alias": "paddingTop"; "required": false; "isSignal": true; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderTop": { "alias": "borderTop"; "required": false; "isSignal": true; }; "borderBottom": { "alias": "borderBottom"; "required": false; "isSignal": true; }; "borderLeft": { "alias": "borderLeft"; "required": false; "isSignal": true; }; "borderRight": { "alias": "borderRight"; "required": false; "isSignal": true; }; "dashBorder": { "alias": "dashBorder"; "required": false; "isSignal": true; }; "alignSelf": { "alias": "alignSelf"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "alignContent": { "alias": "alignContent"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ignoreDir": { "alias": "ignoreDir"; "required": false; "isSignal": true; }; "gridArea": { "alias": "gridArea"; "required": false; "isSignal": true; }; "gridColumn": { "alias": "gridColumn"; "required": false; "isSignal": true; }; "gridRow": { "alias": "gridRow"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
declare class UniCenterComponent extends UniBoxComponent {
|
|
330
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
331
|
+
justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
|
|
332
|
+
alignItems: _angular_core.InputSignal<OptionalAlignItems>;
|
|
333
|
+
constructor();
|
|
334
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCenterComponent, never>;
|
|
335
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCenterComponent, "div[uni-center-layout], div[center-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
declare class UniGridAreaComponent {
|
|
339
|
+
area: string;
|
|
340
|
+
get className(): string;
|
|
341
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridAreaComponent, never>;
|
|
342
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridAreaComponent, "GridArea", never, { "area": { "alias": "area"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
declare class UniGridComponent extends UniBoxComponent {
|
|
346
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
347
|
+
constructor();
|
|
348
|
+
templateAreas?: string;
|
|
349
|
+
templateColumns?: string;
|
|
350
|
+
templateRows?: string;
|
|
351
|
+
outline?: Thickness;
|
|
352
|
+
outlineColor?: Variant;
|
|
353
|
+
get className(): string;
|
|
354
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridComponent, never>;
|
|
355
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridComponent, "div[uni-grid-layout], Grid, div[grid-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "templateAreas": { "alias": "templateAreas"; "required": false; }; "templateColumns": { "alias": "templateColumns"; "required": false; }; "templateRows": { "alias": "templateRows"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "outlineColor": { "alias": "outlineColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
declare class UniRowComponent extends UniBoxComponent {
|
|
359
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
360
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
361
|
+
minWidth: _angular_core.InputSignal<string | number>;
|
|
362
|
+
constructor();
|
|
363
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRowComponent, never>;
|
|
364
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRowComponent, "div[uni-row-layout], Row, div[row-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
declare class UniStackComponent extends UniBoxComponent {
|
|
368
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
369
|
+
flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
|
|
370
|
+
minHeight: _angular_core.InputSignal<string | number>;
|
|
371
|
+
constructor();
|
|
372
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniStackComponent, never>;
|
|
373
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniStackComponent, "div[uni-stack-layout], Stack, div[stack-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
declare class UniWrapComponent extends UniBoxComponent {
|
|
377
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
378
|
+
wrapItems: _angular_core.InputSignal<OptionalWrap>;
|
|
379
|
+
constructor();
|
|
380
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniWrapComponent, never>;
|
|
381
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniWrapComponent, "div[uni-wrap-layout], Wrap, div[wrap-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
interface BaseMenuItem {
|
|
385
|
+
symbolName?: string;
|
|
386
|
+
action?: () => void;
|
|
387
|
+
}
|
|
388
|
+
interface MenuItemWithLabel extends BaseMenuItem {
|
|
389
|
+
label: string;
|
|
390
|
+
template?: never;
|
|
391
|
+
context?: never;
|
|
392
|
+
}
|
|
393
|
+
interface MenuItemWithTemplate<T = any> extends BaseMenuItem {
|
|
394
|
+
label?: never;
|
|
395
|
+
template: TemplateRef<T>;
|
|
396
|
+
context: T;
|
|
397
|
+
}
|
|
398
|
+
type MenuItem<T = any> = MenuItemWithLabel | MenuItemWithTemplate<T>;
|
|
399
|
+
|
|
400
|
+
declare class UniMenuComponent {
|
|
401
|
+
private cdr;
|
|
402
|
+
menuItems: _angular_core.InputSignal<MenuItem[]>;
|
|
403
|
+
activeItem: _angular_core.InputSignal<MenuItem>;
|
|
404
|
+
placement: _angular_core.InputSignal<Placement$1>;
|
|
405
|
+
menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
|
|
406
|
+
TriggerClassName: string;
|
|
407
|
+
get className(): string;
|
|
408
|
+
handleMenuItemClick(item: MenuItem, dropdown: UniDropdownComponent): void;
|
|
409
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMenuComponent, never>;
|
|
410
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "Menu, uni-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, never, ["*"], true, never>;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
declare class UniSymbolComponent {
|
|
414
|
+
name: string;
|
|
415
|
+
fill: 1 | 0;
|
|
416
|
+
weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
417
|
+
grade: -25 | 0 | 200;
|
|
418
|
+
opticalSize: number;
|
|
419
|
+
get className(): string;
|
|
420
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSymbolComponent, never>;
|
|
421
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol, Symbol", never, { "name": { "alias": "name"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, never, true, never>;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
declare class UniTextComponent {
|
|
425
|
+
theme: ThemeService;
|
|
426
|
+
typeface: _angular_core.InputSignal<string>;
|
|
427
|
+
color: _angular_core.InputSignal<string>;
|
|
428
|
+
display: _angular_core.InputSignal<OptionalDisplay>;
|
|
429
|
+
align: _angular_core.InputSignal<OptionalTextAlign>;
|
|
430
|
+
nowrap: _angular_core.InputSignal<boolean>;
|
|
431
|
+
maxWidth: _angular_core.InputSignal<number>;
|
|
432
|
+
ellipsis: _angular_core.InputSignal<boolean>;
|
|
433
|
+
get className(): string;
|
|
434
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTextComponent, never>;
|
|
435
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextComponent, "uni-text, Text", never, { "typeface": { "alias": "typeface"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "nowrap": { "alias": "nowrap"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
interface UniTooltipOptions {
|
|
439
|
+
color?: ContainerColorToken;
|
|
440
|
+
border?: Border;
|
|
441
|
+
borderRadius?: Radius;
|
|
442
|
+
shadow?: Shadow;
|
|
443
|
+
typeface: TextRole;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
|
|
447
|
+
|
|
448
|
+
declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> implements OnDestroy {
|
|
449
|
+
private elRef;
|
|
450
|
+
private renderer;
|
|
451
|
+
private timer;
|
|
452
|
+
hoverDelayMs: _angular_core.WritableSignal<number>;
|
|
453
|
+
isMouseInside: _angular_core.WritableSignal<boolean>;
|
|
454
|
+
private tooltip;
|
|
455
|
+
private arrow;
|
|
456
|
+
hoverDelay: _angular_core.InputSignal<number>;
|
|
457
|
+
label: _angular_core.InputSignal<string>;
|
|
458
|
+
placement: _angular_core.InputSignal<Placement>;
|
|
459
|
+
inlineText: _angular_core.InputSignal<boolean>;
|
|
460
|
+
appendToBody?: boolean;
|
|
461
|
+
constructor();
|
|
462
|
+
toggleTooltip(): void;
|
|
463
|
+
mouseenter(): void;
|
|
464
|
+
mouseleave(): void;
|
|
465
|
+
showTooltip(): void;
|
|
466
|
+
hideTooltip(): void;
|
|
467
|
+
get className(): string;
|
|
468
|
+
private tooltipFadeIn;
|
|
469
|
+
private tooltipFadeOut;
|
|
470
|
+
private tooltipClassName;
|
|
471
|
+
private arrowClassName;
|
|
472
|
+
private createTooltip;
|
|
473
|
+
private createArrow;
|
|
474
|
+
private setPosition;
|
|
475
|
+
private initializeTooltip;
|
|
476
|
+
private destroyTooltip;
|
|
477
|
+
ngOnDestroy(): void;
|
|
478
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTooltipComponent, never>;
|
|
479
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip, Tooltip", never, { "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "inlineText": { "alias": "inlineText"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
9
480
|
}
|
|
10
481
|
|
|
11
|
-
export { UniButtonComponent };
|
|
482
|
+
export { RippleDirective, UniBadgeComponent, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconComponent, UniMenuComponent, UniRowComponent, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent };
|
|
483
|
+
export type { MenuItem, MenuItemWithLabel, MenuItemWithTemplate };
|