@ng-nest/ui 13.0.8 → 13.0.9
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/collapse/collapse.property.d.ts +16 -1
- package/collapse/examples/en_US/default/ghost/README.md +6 -0
- package/collapse/examples/en_US/default/icon/README.md +6 -0
- package/collapse/examples/zh_CN/default/ghost/README.md +6 -0
- package/collapse/examples/zh_CN/default/icon/README.md +6 -0
- package/core/animation/connect.d.ts +1 -0
- package/core/config/config.d.ts +2 -0
- package/esm2020/collapse/collapse-panel.component.mjs +4 -3
- package/esm2020/collapse/collapse.component.mjs +3 -3
- package/esm2020/collapse/collapse.property.mjs +18 -3
- package/esm2020/core/animation/connect.mjs +17 -9
- package/esm2020/core/config/config.mjs +1 -1
- package/esm2020/dropdown/dropdown.component.mjs +5 -2
- package/esm2020/popover/popover.directive.mjs +13 -5
- package/esm2020/popover/popover.property.mjs +16 -2
- package/esm2020/slider/slider.component.mjs +5 -3
- package/esm2020/slider/slider.property.mjs +1 -1
- package/esm2020/table/table.component.mjs +7 -3
- package/esm2020/table/table.property.mjs +9 -2
- package/esm2020/tabs/tabs.component.mjs +4 -4
- package/esm2020/tabs/tabs.property.mjs +7 -2
- package/esm2020/tag/tag.component.mjs +33 -7
- package/esm2020/tag/tag.property.mjs +18 -2
- package/esm2020/timeline/timeline.component.mjs +20 -3
- package/esm2020/timeline/timeline.property.mjs +1 -1
- package/fesm2015/ng-nest-ui-collapse.mjs +22 -6
- package/fesm2015/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-core.mjs +17 -9
- package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-dropdown.mjs +4 -1
- package/fesm2015/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-popover.mjs +27 -5
- package/fesm2015/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-slider.mjs +4 -2
- package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-table.mjs +14 -3
- package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tabs.mjs +9 -4
- package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-tag.mjs +49 -7
- package/fesm2015/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2015/ng-nest-ui-timeline.mjs +19 -2
- package/fesm2015/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-collapse.mjs +22 -6
- package/fesm2020/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-core.mjs +17 -9
- package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-dropdown.mjs +4 -1
- package/fesm2020/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-popover.mjs +27 -5
- package/fesm2020/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-slider.mjs +4 -2
- package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-table.mjs +14 -3
- package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tabs.mjs +9 -4
- package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-tag.mjs +49 -7
- package/fesm2020/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2020/ng-nest-ui-timeline.mjs +19 -2
- package/fesm2020/ng-nest-ui-timeline.mjs.map +1 -1
- package/package.json +1 -1
- package/popover/popover.directive.d.ts +1 -0
- package/popover/popover.property.d.ts +11 -1
- package/slider/slider.property.d.ts +5 -0
- package/table/table.component.d.ts +1 -0
- package/table/table.property.d.ts +11 -1
- package/tabs/tabs.property.d.ts +16 -1
- package/tag/examples/en_US/default/checked/README.md +6 -0
- package/tag/examples/en_US/default/color/README.md +6 -0
- package/tag/examples/zh_CN/default/checked/README.md +6 -0
- package/tag/examples/zh_CN/default/color/README.md +6 -0
- package/tag/tag.component.d.ts +5 -0
- package/tag/tag.property.d.ts +23 -1
- package/timeline/examples/en_US/default/loading/README.md +6 -0
- package/timeline/examples/zh_CN/default/loading/README.md +6 -0
- package/timeline/timeline.component.d.ts +1 -0
- package/timeline/timeline.property.d.ts +16 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\nconst X_CONFIG_NAME = 'collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 显示的图标\r\n * @en_US The icon displayed on the right\r\n */\r\n @Input() icon?: XTemplate;\r\n /**\r\n * @zh_CN 显示/隐藏图标\r\n * @en_US Show / hide icon\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, true) showIcon?: Boolean;\r\n /**\r\n * @zh_CN 幽灵面板\r\n * @en_US Ghost panel\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, false) ghost?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -389,9 +389,13 @@ const XMoveBoxAnimation = trigger('x-move-box-animation', [
|
|
|
389
389
|
]);
|
|
390
390
|
|
|
391
391
|
// 进场动画
|
|
392
|
-
const
|
|
392
|
+
// const XDURATION_SLOW_EASE_IN = `${XDuration.Slow} ease-in`;
|
|
393
|
+
const XDURATION_BASE_EASE_IN = `${XDuration.Base} ease-in`;
|
|
394
|
+
const XDURATION_FAST_EASE_IN = `${XDuration.Fast} ease-in`;
|
|
393
395
|
// 移除动画
|
|
394
|
-
const
|
|
396
|
+
// const XDURATION_SLOW_EASE_OUT = `${XDuration.Slow} ease-out`;
|
|
397
|
+
const XDURATION_BASE_EASE_OUT = `${XDuration.Base} ease-out`;
|
|
398
|
+
const XDURATION_FAST_EASE_OUT = `${XDuration.Fast} ease-out`;
|
|
395
399
|
const XConnectAnimation = trigger('x-connect-animation', [
|
|
396
400
|
transition('void => top-start, void => top, void => top-end, void => center', [
|
|
397
401
|
style({
|
|
@@ -399,7 +403,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
399
403
|
// transform: 'scaleY(0.8)',
|
|
400
404
|
// transformOrigin: '0% 100%'
|
|
401
405
|
}),
|
|
402
|
-
animate(
|
|
406
|
+
animate(XDURATION_FAST_EASE_IN, style({
|
|
403
407
|
opacity: 1
|
|
404
408
|
// transform: 'scaleY(1)',
|
|
405
409
|
// transformOrigin: '0% 100%'
|
|
@@ -411,7 +415,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
411
415
|
// transform: 'scaleY(1)',
|
|
412
416
|
// transformOrigin: '0% 100%'
|
|
413
417
|
}),
|
|
414
|
-
animate(
|
|
418
|
+
animate(XDURATION_FAST_EASE_OUT, style({
|
|
415
419
|
opacity: 0
|
|
416
420
|
// transform: 'scaleY(0.8)',
|
|
417
421
|
// transformOrigin: '0% 100%'
|
|
@@ -467,7 +471,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
467
471
|
// transform: 'scale(0)',
|
|
468
472
|
// transformOrigin: '0% 0%'
|
|
469
473
|
}),
|
|
470
|
-
animate(
|
|
474
|
+
animate(XDURATION_FAST_EASE_IN, style({
|
|
471
475
|
opacity: 1
|
|
472
476
|
// transform: 'scale(1)',
|
|
473
477
|
// transformOrigin: '30% 30%'
|
|
@@ -479,7 +483,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
479
483
|
// transform: 'scale(1)',
|
|
480
484
|
// transformOrigin: '30% 30%'
|
|
481
485
|
}),
|
|
482
|
-
animate(
|
|
486
|
+
animate(XDURATION_FAST_EASE_OUT, style({
|
|
483
487
|
opacity: 0
|
|
484
488
|
// transform: 'scale(0)',
|
|
485
489
|
// transformOrigin: '0% 0%'
|
|
@@ -487,8 +491,12 @@ const XConnectAnimation = trigger('x-connect-animation', [
|
|
|
487
491
|
])
|
|
488
492
|
]);
|
|
489
493
|
const XConnectBaseAnimation = trigger('x-connect-base-animation', [
|
|
490
|
-
transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(
|
|
491
|
-
transition(':leave', [animate(
|
|
494
|
+
transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(XDURATION_FAST_EASE_IN)]),
|
|
495
|
+
transition(':leave', [animate(XDURATION_FAST_EASE_OUT, style({ opacity: 0 }))])
|
|
496
|
+
]);
|
|
497
|
+
const XBaseAnimation = trigger('x-base-animation', [
|
|
498
|
+
transition(':enter', [style({ opacity: 0, transform: 'scale(0.2)' }), animate(XDURATION_BASE_EASE_IN)]),
|
|
499
|
+
transition(':leave', [animate(XDURATION_BASE_EASE_OUT, style({ opacity: 0, transform: 'scale(0.2)' }))])
|
|
492
500
|
]);
|
|
493
501
|
|
|
494
502
|
// 类型判断
|
|
@@ -1420,5 +1428,5 @@ function XWithConfig(componentName, innerDefaultValue) {
|
|
|
1420
1428
|
* Generated bundle index. Do not edit.
|
|
1421
1429
|
*/
|
|
1422
1430
|
|
|
1423
|
-
export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, 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_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
|
|
1431
|
+
export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XBaseAnimation, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, 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_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
|
|
1424
1432
|
//# sourceMappingURL=ng-nest-ui-core.mjs.map
|