ng-zorro-antd-core-outlet.mjs 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. import * as i0 from '@angular/core';
  2. import { Input, Directive, NgModule } from '@angular/core';
  3. import { isTemplateRef } from 'ng-zorro-antd/core/util';
  4. /**
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  7. */
  8. class NzStringTemplateOutletDirective {
  9. viewContainer;
  10. templateRef;
  11. embeddedViewRef = null;
  12. context = new NzStringTemplateOutletContext();
  13. nzStringTemplateOutletContext = null;
  14. nzStringTemplateOutlet = null;
  15. static ngTemplateContextGuard(_dir, _ctx) {
  16. return true;
  17. }
  18. recreateView() {
  19. this.viewContainer.clear();
  20. if (isTemplateRef(this.nzStringTemplateOutlet)) {
  21. this.embeddedViewRef = this.viewContainer.createEmbeddedView(this.nzStringTemplateOutlet, this.nzStringTemplateOutletContext);
  22. }
  23. else {
  24. this.embeddedViewRef = this.viewContainer.createEmbeddedView(this.templateRef, this.context);
  25. }
  26. }
  27. updateContext() {
  28. const newCtx = isTemplateRef(this.nzStringTemplateOutlet) ? this.nzStringTemplateOutletContext : this.context;
  29. const oldCtx = this.embeddedViewRef.context;
  30. if (newCtx) {
  31. for (const propName of Object.keys(newCtx)) {
  32. oldCtx[propName] = newCtx[propName];
  33. }
  34. }
  35. }
  36. constructor(viewContainer, templateRef) {
  37. this.viewContainer = viewContainer;
  38. this.templateRef = templateRef;
  39. }
  40. ngOnChanges(changes) {
  41. const { nzStringTemplateOutletContext, nzStringTemplateOutlet } = changes;
  42. const shouldRecreateView = () => {
  43. let shouldOutletRecreate = false;
  44. if (nzStringTemplateOutlet) {
  45. shouldOutletRecreate =
  46. nzStringTemplateOutlet.firstChange ||
  47. isTemplateRef(nzStringTemplateOutlet.previousValue) ||
  48. isTemplateRef(nzStringTemplateOutlet.currentValue);
  49. }
  50. const hasContextShapeChanged = (ctxChange) => {
  51. const prevCtxKeys = Object.keys(ctxChange.previousValue || {});
  52. const currCtxKeys = Object.keys(ctxChange.currentValue || {});
  53. if (prevCtxKeys.length === currCtxKeys.length) {
  54. for (const propName of currCtxKeys) {
  55. if (prevCtxKeys.indexOf(propName) === -1) {
  56. return true;
  57. }
  58. }
  59. return false;
  60. }
  61. else {
  62. return true;
  63. }
  64. };
  65. const shouldContextRecreate = nzStringTemplateOutletContext && hasContextShapeChanged(nzStringTemplateOutletContext);
  66. return shouldContextRecreate || shouldOutletRecreate;
  67. };
  68. if (nzStringTemplateOutlet) {
  69. this.context.$implicit = nzStringTemplateOutlet.currentValue;
  70. }
  71. const recreateView = shouldRecreateView();
  72. if (recreateView) {
  73. /** recreate view when context shape or outlet change **/
  74. this.recreateView();
  75. }
  76. else {
  77. /** update context **/
  78. this.updateContext();
  79. }
  80. }
  81. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzStringTemplateOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
  82. static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.2", type: NzStringTemplateOutletDirective, isStandalone: true, selector: "[nzStringTemplateOutlet]", inputs: { nzStringTemplateOutletContext: "nzStringTemplateOutletContext", nzStringTemplateOutlet: "nzStringTemplateOutlet" }, exportAs: ["nzStringTemplateOutlet"], usesOnChanges: true, ngImport: i0 });
  83. }
  84. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzStringTemplateOutletDirective, decorators: [{
  85. type: Directive,
  86. args: [{
  87. selector: '[nzStringTemplateOutlet]',
  88. exportAs: 'nzStringTemplateOutlet'
  89. }]
  90. }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { nzStringTemplateOutletContext: [{
  91. type: Input
  92. }], nzStringTemplateOutlet: [{
  93. type: Input
  94. }] } });
  95. class NzStringTemplateOutletContext {
  96. $implicit;
  97. }
  98. /**
  99. * Use of this source code is governed by an MIT-style license that can be
  100. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  101. */
  102. class NzOutletModule {
  103. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
  104. static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: NzOutletModule, imports: [NzStringTemplateOutletDirective], exports: [NzStringTemplateOutletDirective] });
  105. static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzOutletModule });
  106. }
  107. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzOutletModule, decorators: [{
  108. type: NgModule,
  109. args: [{
  110. imports: [NzStringTemplateOutletDirective],
  111. exports: [NzStringTemplateOutletDirective]
  112. }]
  113. }] });
  114. /**
  115. * Use of this source code is governed by an MIT-style license that can be
  116. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  117. */
  118. /**
  119. * Generated bundle index. Do not edit.
  120. */
  121. export { NzOutletModule, NzStringTemplateOutletDirective };
  122. //# sourceMappingURL=ng-zorro-antd-core-outlet.mjs.map