@ng-nest/ui 20.2.0 → 20.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/core/index.d.ts +2 -25
- package/dialog/index.d.ts +19 -1
- package/fesm2022/ng-nest-ui-core.mjs +1 -201
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +58 -10
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message-box.mjs +24 -11
- package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message.mjs +4 -4
- package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-notification.mjs +4 -4
- package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table.mjs +32 -10
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tag.mjs +10 -4
- package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
- package/message/index.d.ts +1 -3
- package/message-box/index.d.ts +4 -3
- package/notification/index.d.ts +1 -3
- package/package.json +37 -37
- package/table/index.d.ts +4 -1
- package/tag/index.d.ts +4 -0
package/core/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
2
1
|
import { Observable, Subject, BehaviorSubject } from 'rxjs';
|
|
3
2
|
import * as i0 from '@angular/core';
|
|
4
3
|
import { TemplateRef, SimpleChange, InputSignal, WritableSignal, Renderer2, InjectionToken, RendererFactory2 } from '@angular/core';
|
|
@@ -99,29 +98,6 @@ declare function XKebabToCamel(str: string): string;
|
|
|
99
98
|
*/
|
|
100
99
|
declare function XSleep(time: number): Promise<unknown>;
|
|
101
100
|
|
|
102
|
-
/**
|
|
103
|
-
* @zh_CN 动画执行时间
|
|
104
|
-
* @en_US Animation execution time
|
|
105
|
-
*/
|
|
106
|
-
declare enum XDuration {
|
|
107
|
-
Slow = "0.3s",
|
|
108
|
-
Base = "0.2s",
|
|
109
|
-
Fast = "0.1s"
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* @zh_CN 移入移出动画
|
|
114
|
-
* @en_US Move in the animation
|
|
115
|
-
*/
|
|
116
|
-
declare const XMoveAnimation: AnimationTriggerMetadata;
|
|
117
|
-
declare const XMoveBoxAnimation: AnimationTriggerMetadata;
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* @zh_CN 透明度淡入淡出动画
|
|
121
|
-
* @en_US The transparency fades into the animation
|
|
122
|
-
*/
|
|
123
|
-
declare const XOpacityAnimation: AnimationTriggerMetadata;
|
|
124
|
-
|
|
125
101
|
/**
|
|
126
102
|
* @zh_CN data 数据类型
|
|
127
103
|
* 通用的泛型数据类型,一般是指数组、可订阅对象并且流数据为数组类型、函数等
|
|
@@ -1441,6 +1417,7 @@ interface XDialogConfig {
|
|
|
1441
1417
|
resizable?: boolean;
|
|
1442
1418
|
maximize?: boolean;
|
|
1443
1419
|
hasBackdrop?: boolean;
|
|
1420
|
+
keyboard?: boolean;
|
|
1444
1421
|
className?: string;
|
|
1445
1422
|
buttonsCenter?: boolean;
|
|
1446
1423
|
}
|
|
@@ -2010,5 +1987,5 @@ declare class XInnerHTMLComponent {
|
|
|
2010
1987
|
static ɵcmp: i0.ɵɵComponentDeclaration<XInnerHTMLComponent, "[x-inner-html], x-inner-html", never, { "html": { "alias": "html"; "required": true; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2011
1988
|
}
|
|
2012
1989
|
|
|
2013
|
-
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop,
|
|
1990
|
+
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
|
|
2014
1991
|
export type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, XAttachmentsConfig, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XBubbleConfig, XBubblesConfig, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XController, XCorner, XCountdownConfig, XCoversationsConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, XFileCardConfig, XFilter, XFindConfig, XFit, XFloatLabel, XFooterConfig, XFormConfig, XGroupItem, XHeaderConfig, XHighlightConfig, XIconConfig, XId, XIdentityProperty, XImageConfig, XInnerConfig, XInputConfig, XInputGroupConfig, XInputNumberConfig, XJustify, XKeywordConfig, XLinkConfig, XListConfig, XListOptionConfig, XLoadingConfig, XMenuConfig, XMessageBoxConfig, XMessageConfig, XNotificationConfig, XNumber, XOperation, XOutletConfig, XPageHeaderConfig, XPaginationConfig, XParentIdentityProperty, XPatternConfig, XPlace, XPlacement, XPopconfirmConfig, XPopoverConfig, XPortalConfig, XPosition, XPositionLeftRight, XPositionTopBottom, XProgressConfing, XPromptsConfig, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XSenderConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSuggestionConfig, XSwitchConfig, XTableConfig, XTableViewConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XThoughtChainConfig, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVariant, XVarsTheme, XWelcomeConfig };
|
package/dialog/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ declare class XDialogRef<C> {
|
|
|
55
55
|
fullscreen: boolean;
|
|
56
56
|
dragHandleRefs: (XDialogDragHandleDirective | CdkDragHandle)[];
|
|
57
57
|
afterClose: Subject<any>;
|
|
58
|
+
unsubject: Subject<void>;
|
|
58
59
|
private _isFristFullscreen;
|
|
59
60
|
constructor(overlayRef: OverlayRef, containerInstance: XDialogPortalComponent, renderer: Renderer2, portalService: XPortalService);
|
|
60
61
|
close(result?: any): void;
|
|
@@ -232,6 +233,11 @@ declare class XDialogProperty extends XDialogProperty_base {
|
|
|
232
233
|
* @en_US Whether to display the background mask
|
|
233
234
|
*/
|
|
234
235
|
readonly hasBackdrop: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
236
|
+
/**
|
|
237
|
+
* @zh_CN 是否支持键盘 esc 关闭
|
|
238
|
+
* @en_US Whether to support keyboard esc to close
|
|
239
|
+
*/
|
|
240
|
+
readonly keyboard: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
235
241
|
/**
|
|
236
242
|
* @zh_CN 自定义样式名
|
|
237
243
|
* @en_US Custom style name
|
|
@@ -283,7 +289,7 @@ declare class XDialogProperty extends XDialogProperty_base {
|
|
|
283
289
|
*/
|
|
284
290
|
readonly closeDone: _angular_core.OutputEmitterRef<any>;
|
|
285
291
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogProperty, never>;
|
|
286
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "showConfirm": { "alias": "showConfirm"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximize": { "alias": "maximize"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, true, never>;
|
|
292
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "showConfirm": { "alias": "showConfirm"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximize": { "alias": "maximize"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, true, never>;
|
|
287
293
|
}
|
|
288
294
|
/**
|
|
289
295
|
* Dialog Container
|
|
@@ -377,6 +383,13 @@ interface XDialogRefOption {
|
|
|
377
383
|
* @withConfig true
|
|
378
384
|
*/
|
|
379
385
|
minHeight?: string;
|
|
386
|
+
/**
|
|
387
|
+
* @zh_CN 是否支持键盘 esc 关闭
|
|
388
|
+
* @en_US Whether to support keyboard esc to close
|
|
389
|
+
* @default true
|
|
390
|
+
* @withConfig true
|
|
391
|
+
*/
|
|
392
|
+
keyboard?: boolean;
|
|
380
393
|
/**
|
|
381
394
|
* @zh_CN 数据,通过 "@Inject(X_DIALOG_DATA)" 来接收数据
|
|
382
395
|
* @en_US Data. Receive data by "@Inject(X_DIALOG_DATA)"
|
|
@@ -438,16 +451,19 @@ declare class XDialogContainerComponent extends XDialogContainerProperty {
|
|
|
438
451
|
}
|
|
439
452
|
|
|
440
453
|
declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit {
|
|
454
|
+
private static dialogOverlayRefs;
|
|
441
455
|
private viewContainerRef;
|
|
442
456
|
private protalService;
|
|
443
457
|
private overlay;
|
|
444
458
|
private i18n;
|
|
445
459
|
private unSubject;
|
|
460
|
+
private document;
|
|
446
461
|
get getVisible(): boolean;
|
|
447
462
|
clsName: string;
|
|
448
463
|
dialogTpl: _angular_core.Signal<TemplateRef<void>>;
|
|
449
464
|
dialogRef: XDialogOverlayRef;
|
|
450
465
|
backdropClick$: Subscription;
|
|
466
|
+
keyboard$: Subscription;
|
|
451
467
|
scrollStrategy: BlockScrollStrategy;
|
|
452
468
|
locale: _angular_core.Signal<XI18nDialog | {
|
|
453
469
|
cancelText: string;
|
|
@@ -512,7 +528,9 @@ declare class XDialogService {
|
|
|
512
528
|
private configService;
|
|
513
529
|
private overlay;
|
|
514
530
|
private rendererFactory;
|
|
531
|
+
private document;
|
|
515
532
|
private renderer;
|
|
533
|
+
private dialogRefs;
|
|
516
534
|
constructor();
|
|
517
535
|
create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDialogRefOption): XDialogRef<T>;
|
|
518
536
|
private setMaximize;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
2
1
|
import { isObservable, Observable, BehaviorSubject, Subject, of, throwError } from 'rxjs';
|
|
3
2
|
import { coerceCssPixelValue } from '@angular/cdk/coercion';
|
|
4
3
|
import { map, takeUntil, filter } from 'rxjs/operators';
|
|
@@ -165,205 +164,6 @@ function XSleep(time) {
|
|
|
165
164
|
return new Promise((resolve) => setTimeout(resolve, time));
|
|
166
165
|
}
|
|
167
166
|
|
|
168
|
-
/**
|
|
169
|
-
* @zh_CN 动画执行时间
|
|
170
|
-
* @en_US Animation execution time
|
|
171
|
-
*/
|
|
172
|
-
var XDuration;
|
|
173
|
-
(function (XDuration) {
|
|
174
|
-
XDuration["Slow"] = "0.3s";
|
|
175
|
-
XDuration["Base"] = "0.2s";
|
|
176
|
-
XDuration["Fast"] = "0.1s";
|
|
177
|
-
})(XDuration || (XDuration = {}));
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* @zh_CN 移入移出动画
|
|
181
|
-
* @en_US Move in the animation
|
|
182
|
-
*/
|
|
183
|
-
const XMoveAnimation = trigger('x-move-animation', [
|
|
184
|
-
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
185
|
-
style({
|
|
186
|
-
transform: 'translateY(-200%)',
|
|
187
|
-
opacity: 0
|
|
188
|
-
}),
|
|
189
|
-
animate(`${XDuration.Base}`, style({
|
|
190
|
-
transform: 'translateY(0%)',
|
|
191
|
-
opacity: 1
|
|
192
|
-
}))
|
|
193
|
-
]),
|
|
194
|
-
transition('top-start => void, top => void, top-end => void, center => void', [
|
|
195
|
-
style({
|
|
196
|
-
transform: 'translateY(0%)',
|
|
197
|
-
opacity: 1,
|
|
198
|
-
height: '*'
|
|
199
|
-
}),
|
|
200
|
-
animate(`${XDuration.Base}`, style({
|
|
201
|
-
transform: 'translateY(-200%)',
|
|
202
|
-
opacity: 0,
|
|
203
|
-
height: 0
|
|
204
|
-
}))
|
|
205
|
-
]),
|
|
206
|
-
transition('void => left', [
|
|
207
|
-
style({
|
|
208
|
-
transform: 'translateX(-30%)',
|
|
209
|
-
opacity: 0
|
|
210
|
-
}),
|
|
211
|
-
animate(`${XDuration.Base}`, style({
|
|
212
|
-
transform: 'translateX(0%)',
|
|
213
|
-
opacity: 1
|
|
214
|
-
}))
|
|
215
|
-
]),
|
|
216
|
-
transition('left => void', [
|
|
217
|
-
style({
|
|
218
|
-
transform: 'translateX(0%)',
|
|
219
|
-
opacity: 1,
|
|
220
|
-
height: '*'
|
|
221
|
-
}),
|
|
222
|
-
animate(`${XDuration.Base}`, style({
|
|
223
|
-
transform: 'translateX(-30%)',
|
|
224
|
-
opacity: 0,
|
|
225
|
-
height: 0
|
|
226
|
-
}))
|
|
227
|
-
]),
|
|
228
|
-
transition('void => right', [
|
|
229
|
-
style({
|
|
230
|
-
transform: 'translateX(30%)',
|
|
231
|
-
opacity: 0
|
|
232
|
-
}),
|
|
233
|
-
animate(`${XDuration.Base}`, style({
|
|
234
|
-
transform: 'translateX(0%)',
|
|
235
|
-
opacity: 1
|
|
236
|
-
}))
|
|
237
|
-
]),
|
|
238
|
-
transition('right => void', [
|
|
239
|
-
style({
|
|
240
|
-
transform: 'translateX(0%)',
|
|
241
|
-
opacity: 1,
|
|
242
|
-
height: '*'
|
|
243
|
-
}),
|
|
244
|
-
animate(`${XDuration.Base}`, style({
|
|
245
|
-
transform: 'translateX(30%)',
|
|
246
|
-
opacity: 0,
|
|
247
|
-
height: 0
|
|
248
|
-
}))
|
|
249
|
-
]),
|
|
250
|
-
transition('void => bottom-start, void => bottom, void => bottom-end', [
|
|
251
|
-
style({
|
|
252
|
-
transform: 'translateY(200%)',
|
|
253
|
-
opacity: 0,
|
|
254
|
-
height: 0
|
|
255
|
-
}),
|
|
256
|
-
animate(`${XDuration.Base}`, style({
|
|
257
|
-
transform: 'translateY(0%)',
|
|
258
|
-
opacity: 1,
|
|
259
|
-
height: '*'
|
|
260
|
-
}))
|
|
261
|
-
]),
|
|
262
|
-
transition('bottom-start => void, bottom => void, bottom-end => void', [
|
|
263
|
-
style({
|
|
264
|
-
transform: 'translateY(0%)',
|
|
265
|
-
opacity: 1
|
|
266
|
-
}),
|
|
267
|
-
animate(`${XDuration.Base}`, style({
|
|
268
|
-
transform: 'translateY(200%)',
|
|
269
|
-
opacity: 0
|
|
270
|
-
}))
|
|
271
|
-
])
|
|
272
|
-
]);
|
|
273
|
-
const XMoveBoxAnimation = trigger('x-move-box-animation', [
|
|
274
|
-
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
275
|
-
style({
|
|
276
|
-
transform: 'translateY(-2rem)',
|
|
277
|
-
opacity: 0
|
|
278
|
-
}),
|
|
279
|
-
animate(`${XDuration.Base}`, style({
|
|
280
|
-
transform: 'translateY(0%)',
|
|
281
|
-
opacity: 1
|
|
282
|
-
}))
|
|
283
|
-
]),
|
|
284
|
-
transition('top-start => void, top => void, top-end => void, center => void', [
|
|
285
|
-
style({
|
|
286
|
-
transform: 'translateY(0%)',
|
|
287
|
-
opacity: 1
|
|
288
|
-
}),
|
|
289
|
-
animate(`${XDuration.Base}`, style({
|
|
290
|
-
transform: 'translateY(-2rem)',
|
|
291
|
-
opacity: 0
|
|
292
|
-
}))
|
|
293
|
-
]),
|
|
294
|
-
transition('void => left', [
|
|
295
|
-
style({
|
|
296
|
-
transform: 'translateX(-2rem)',
|
|
297
|
-
opacity: 0
|
|
298
|
-
}),
|
|
299
|
-
animate(`${XDuration.Base}`, style({
|
|
300
|
-
transform: 'translateX(0%)',
|
|
301
|
-
opacity: 1
|
|
302
|
-
}))
|
|
303
|
-
]),
|
|
304
|
-
transition('left => void', [
|
|
305
|
-
style({
|
|
306
|
-
transform: 'translateX(0%)',
|
|
307
|
-
opacity: 1
|
|
308
|
-
}),
|
|
309
|
-
animate(`${XDuration.Base}`, style({
|
|
310
|
-
transform: 'translateX(-2rem)',
|
|
311
|
-
opacity: 0
|
|
312
|
-
}))
|
|
313
|
-
]),
|
|
314
|
-
transition('void => right', [
|
|
315
|
-
style({
|
|
316
|
-
transform: 'translateX(2rem)',
|
|
317
|
-
opacity: 0
|
|
318
|
-
}),
|
|
319
|
-
animate(`${XDuration.Base}`, style({
|
|
320
|
-
transform: 'translateX(0%)',
|
|
321
|
-
opacity: 1
|
|
322
|
-
}))
|
|
323
|
-
]),
|
|
324
|
-
transition('right => void', [
|
|
325
|
-
style({
|
|
326
|
-
transform: 'translateX(0%)',
|
|
327
|
-
opacity: 1
|
|
328
|
-
}),
|
|
329
|
-
animate(`${XDuration.Base}`, style({
|
|
330
|
-
transform: 'translateX(2rem)',
|
|
331
|
-
opacity: 0
|
|
332
|
-
}))
|
|
333
|
-
]),
|
|
334
|
-
transition('void => bottom-start, void => bottom, void => bottom-end', [
|
|
335
|
-
style({
|
|
336
|
-
transform: 'translateY(2rem)',
|
|
337
|
-
opacity: 0
|
|
338
|
-
}),
|
|
339
|
-
animate(`${XDuration.Base}`, style({
|
|
340
|
-
transform: 'translateY(0%)',
|
|
341
|
-
opacity: 1
|
|
342
|
-
}))
|
|
343
|
-
]),
|
|
344
|
-
transition('bottom-start => void, bottom => void, bottom-end => void', [
|
|
345
|
-
style({
|
|
346
|
-
transform: 'translateY(0%)',
|
|
347
|
-
opacity: 1
|
|
348
|
-
}),
|
|
349
|
-
animate(`${XDuration.Base}`, style({
|
|
350
|
-
transform: 'translateY(2rem)',
|
|
351
|
-
opacity: 0
|
|
352
|
-
}))
|
|
353
|
-
])
|
|
354
|
-
]);
|
|
355
|
-
|
|
356
|
-
/**
|
|
357
|
-
* @zh_CN 透明度淡入淡出动画
|
|
358
|
-
* @en_US The transparency fades into the animation
|
|
359
|
-
*/
|
|
360
|
-
const XOpacityAnimation = trigger('x-opacity-animation', [
|
|
361
|
-
state('*', style({ opacity: 0 })),
|
|
362
|
-
state('false', style({ opacity: 0 })),
|
|
363
|
-
state('true', style({ opacity: 1 })),
|
|
364
|
-
transition('* => *', animate(`${XDuration.Slow} cubic-bezier(0.25, 0.8, 0.25, 1)`))
|
|
365
|
-
]);
|
|
366
|
-
|
|
367
167
|
/**
|
|
368
168
|
* @zh_CN 类型判断
|
|
369
169
|
* @en_US Type judgment
|
|
@@ -1968,5 +1768,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImpor
|
|
|
1968
1768
|
* Generated bundle index. Do not edit.
|
|
1969
1769
|
*/
|
|
1970
1770
|
|
|
1971
|
-
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop,
|
|
1771
|
+
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
|
|
1972
1772
|
//# sourceMappingURL=ng-nest-ui-core.mjs.map
|