imm-element-ui 0.9.9 → 1.0.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.
Files changed (9) hide show
  1. package/esm2022/lib/form/form/form.component.mjs +8 -3
  2. package/esm2022/lib/form/form-type/treeselect.type.mjs +124 -115
  3. package/esm2022/lib/import/import.component.mjs +3 -1
  4. package/esm2022/lib/service/userHistory.service.mjs +4 -2
  5. package/esm2022/lib/share/utils.mjs +7 -1
  6. package/fesm2022/imm-element-ui.mjs +141 -117
  7. package/fesm2022/imm-element-ui.mjs.map +1 -1
  8. package/lib/form/form-type/treeselect.type.d.ts +2 -0
  9. package/package.json +1 -1
package/fesm2022/imm-element-ui.mjs CHANGED
@@ -1846,6 +1846,7 @@ class TreeSelectComponent {
1846
1846
  effect(() => {
1847
1847
  if (this.field()) {
1848
1848
  this.props = this.field().treeSelectProps;
1849
+ this.handleModelChange();
1849
1850
  this.handleDisabled();
1850
1851
  }
1851
1852
  });
@@ -1870,6 +1871,14 @@ class TreeSelectComponent {
1870
1871
  }
1871
1872
  }, { allowSignalWrites: true });
1872
1873
  }
1874
+ handleModelChange() {
1875
+ this.field()?.fieldControl?.modelChange.subscribe((value) => {
1876
+ if (!value) {
1877
+ return;
1878
+ }
1879
+ this.props.onHookChange?.(this.field(), { value });
1880
+ });
1881
+ }
1873
1882
  handleDisabled() {
1874
1883
  setTimeout(() => {
1875
1884
  if (this.props?.disabled) {
@@ -1878,124 +1887,124 @@ class TreeSelectComponent {
1878
1887
  });
1879
1888
  }
1880
1889
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeSelectComponent, deps: [{ token: ActionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
1881
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TreeSelectComponent, isStandalone: true, selector: "form-treeselect", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "treeselect", first: true, predicate: TreeSelect, descendants: true }, { propertyName: "treeselectRef", first: true, predicate: TreeSelect, descendants: true, read: ElementRef }], ngImport: i0, template: `<p-treeselect
1882
- [id]="field()?.uuid"
1883
- [inputId]="field()?.uuid"
1884
- [scrollHeight]="props.scrollHeight ?? '400px'"
1885
- [metaKeySelection]="props.metaKeySelection"
1886
- [variant]="props.variant"
1887
- [display]="props.display ?? 'comma'"
1888
- [selectionMode]="props.selectionMode ?? 'single'"
1889
- [tabindex]="props.tabindex ?? '0'"
1890
- [ariaLabel]="props.ariaLabel"
1891
- [ariaLabelledBy]="props.ariaLabelledBy"
1892
- [placeholder]="props.placeholder"
1893
- [panelClass]="props.panelClass"
1894
- [fluid]="props.fluid ?? true"
1895
- [panelStyleClass]="props.panelStyleClass"
1896
- [containerStyle]="props.containerStyle"
1897
- [containerStyleClass]="props.containerStyleClass"
1898
- [labelStyle]="props.labelStyle"
1899
- [labelStyleClass]="props.labelStyleClass"
1900
- [overlayOptions]="props.overlayOptions"
1901
- [emptyMessage]="props.emptyMessage"
1902
- [appendTo]="props.appendTo ?? 'body'"
1903
- [filter]="props.filter"
1904
- [filterBy]="props.filterBy ?? 'label'"
1905
- [filterMode]="props.filterMode ?? 'lenient'"
1906
- [filterPlaceholder]="props.filterPlaceholder"
1907
- [filterLocale]="props.filterLocale"
1908
- [filterInputAutoFocus]="props.filterInputAutoFocus ?? true"
1909
- [propagateSelectionDown]="props.propagateSelectionDown ?? true"
1910
- [propagateSelectionUp]="props.propagateSelectionUp ?? true"
1911
- [showClear]="props.showClear"
1912
- [resetFilterOnHide]="props.resetFilterOnHide"
1913
- [virtualScroll]="props.virtualScroll"
1914
- [virtualScrollItemSize]="props.virtualScrollItemSize"
1915
- [virtualScrollOptions]="props.virtualScrollOptions"
1916
- [size]="props.size"
1917
- [autofocus]="props.autofocus"
1918
- [ariaLabel]="props.ariaLabel"
1919
- [ariaLabelledBy]="props.ariaLabelledBy"
1920
- [options]="props.options"
1921
- [class]="props.class"
1922
- [style]="props.style"
1923
- [panelStyle]="props.panelStyle"
1924
- [placeholder]="props.placeholder"
1925
- [loading]="props.loading"
1926
- (onNodeExpand)="props.onNodeExpand?.(field()!, $event)"
1927
- (onNodeCollapse)="props.onNodeCollapse?.(field()!, $event)"
1928
- (onShow)="props.onShow?.(field()!, $event)"
1929
- (onHide)="props.onHide?.(field()!, $event)"
1930
- (onClear)="props.onClear?.(field()!, $event)"
1931
- (onFilter)="props.onFilter?.(field()!, $event)"
1932
- (onFocus)="props.onFocus?.(field()!, $event)"
1933
- (onBlur)="props.onBlur?.(field()!, $event)"
1934
- (onNodeSelect)="props.onNodeSelect?.(field()!, $event)"
1935
- (onNodeUnselect)="props.onNodeUnselect?.(field()!, $event)"
1936
- [class]="props.class"
1937
- [disabled]="true"
1890
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TreeSelectComponent, isStandalone: true, selector: "form-treeselect", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "treeselect", first: true, predicate: TreeSelect, descendants: true }, { propertyName: "treeselectRef", first: true, predicate: TreeSelect, descendants: true, read: ElementRef }], ngImport: i0, template: `<p-treeselect
1891
+ [id]="field()?.uuid"
1892
+ [inputId]="field()?.uuid"
1893
+ [scrollHeight]="props.scrollHeight ?? '400px'"
1894
+ [metaKeySelection]="props.metaKeySelection"
1895
+ [variant]="props.variant"
1896
+ [display]="props.display ?? 'comma'"
1897
+ [selectionMode]="props.selectionMode ?? 'single'"
1898
+ [tabindex]="props.tabindex ?? '0'"
1899
+ [ariaLabel]="props.ariaLabel"
1900
+ [ariaLabelledBy]="props.ariaLabelledBy"
1901
+ [placeholder]="props.placeholder"
1902
+ [panelClass]="props.panelClass"
1903
+ [fluid]="props.fluid ?? true"
1904
+ [panelStyleClass]="props.panelStyleClass"
1905
+ [containerStyle]="props.containerStyle"
1906
+ [containerStyleClass]="props.containerStyleClass"
1907
+ [labelStyle]="props.labelStyle"
1908
+ [labelStyleClass]="props.labelStyleClass"
1909
+ [overlayOptions]="props.overlayOptions"
1910
+ [emptyMessage]="props.emptyMessage"
1911
+ [appendTo]="props.appendTo ?? 'body'"
1912
+ [filter]="props.filter"
1913
+ [filterBy]="props.filterBy ?? 'label'"
1914
+ [filterMode]="props.filterMode ?? 'lenient'"
1915
+ [filterPlaceholder]="props.filterPlaceholder"
1916
+ [filterLocale]="props.filterLocale"
1917
+ [filterInputAutoFocus]="props.filterInputAutoFocus ?? true"
1918
+ [propagateSelectionDown]="props.propagateSelectionDown ?? true"
1919
+ [propagateSelectionUp]="props.propagateSelectionUp ?? true"
1920
+ [showClear]="props.showClear"
1921
+ [resetFilterOnHide]="props.resetFilterOnHide"
1922
+ [virtualScroll]="props.virtualScroll"
1923
+ [virtualScrollItemSize]="props.virtualScrollItemSize"
1924
+ [virtualScrollOptions]="props.virtualScrollOptions"
1925
+ [size]="props.size"
1926
+ [autofocus]="props.autofocus"
1927
+ [ariaLabel]="props.ariaLabel"
1928
+ [ariaLabelledBy]="props.ariaLabelledBy"
1929
+ [options]="props.options"
1930
+ [class]="props.class"
1931
+ [style]="props.style"
1932
+ [panelStyle]="props.panelStyle"
1933
+ [placeholder]="props.placeholder"
1934
+ [loading]="props.loading"
1935
+ (onNodeExpand)="props.onNodeExpand?.(field()!, $event)"
1936
+ (onNodeCollapse)="props.onNodeCollapse?.(field()!, $event)"
1937
+ (onShow)="props.onShow?.(field()!, $event)"
1938
+ (onHide)="props.onHide?.(field()!, $event)"
1939
+ (onClear)="props.onClear?.(field()!, $event)"
1940
+ (onFilter)="props.onFilter?.(field()!, $event)"
1941
+ (onFocus)="props.onFocus?.(field()!, $event)"
1942
+ (onBlur)="props.onBlur?.(field()!, $event)"
1943
+ (onNodeSelect)="props.onNodeSelect?.(field()!, $event)"
1944
+ (onNodeUnselect)="props.onNodeUnselect?.(field()!, $event)"
1945
+ [class]="props.class"
1946
+ [disabled]="true"
1938
1947
  [formControl]="field()!.fieldControl!" />`, isInline: true, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n"], dependencies: [{ kind: "component", type: TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
1939
1948
  }
1940
1949
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeSelectComponent, decorators: [{
1941
1950
  type: Component,
1942
- args: [{ selector: 'form-treeselect', standalone: true, imports: [TreeSelect, ReactiveFormsModule], template: `<p-treeselect
1943
- [id]="field()?.uuid"
1944
- [inputId]="field()?.uuid"
1945
- [scrollHeight]="props.scrollHeight ?? '400px'"
1946
- [metaKeySelection]="props.metaKeySelection"
1947
- [variant]="props.variant"
1948
- [display]="props.display ?? 'comma'"
1949
- [selectionMode]="props.selectionMode ?? 'single'"
1950
- [tabindex]="props.tabindex ?? '0'"
1951
- [ariaLabel]="props.ariaLabel"
1952
- [ariaLabelledBy]="props.ariaLabelledBy"
1953
- [placeholder]="props.placeholder"
1954
- [panelClass]="props.panelClass"
1955
- [fluid]="props.fluid ?? true"
1956
- [panelStyleClass]="props.panelStyleClass"
1957
- [containerStyle]="props.containerStyle"
1958
- [containerStyleClass]="props.containerStyleClass"
1959
- [labelStyle]="props.labelStyle"
1960
- [labelStyleClass]="props.labelStyleClass"
1961
- [overlayOptions]="props.overlayOptions"
1962
- [emptyMessage]="props.emptyMessage"
1963
- [appendTo]="props.appendTo ?? 'body'"
1964
- [filter]="props.filter"
1965
- [filterBy]="props.filterBy ?? 'label'"
1966
- [filterMode]="props.filterMode ?? 'lenient'"
1967
- [filterPlaceholder]="props.filterPlaceholder"
1968
- [filterLocale]="props.filterLocale"
1969
- [filterInputAutoFocus]="props.filterInputAutoFocus ?? true"
1970
- [propagateSelectionDown]="props.propagateSelectionDown ?? true"
1971
- [propagateSelectionUp]="props.propagateSelectionUp ?? true"
1972
- [showClear]="props.showClear"
1973
- [resetFilterOnHide]="props.resetFilterOnHide"
1974
- [virtualScroll]="props.virtualScroll"
1975
- [virtualScrollItemSize]="props.virtualScrollItemSize"
1976
- [virtualScrollOptions]="props.virtualScrollOptions"
1977
- [size]="props.size"
1978
- [autofocus]="props.autofocus"
1979
- [ariaLabel]="props.ariaLabel"
1980
- [ariaLabelledBy]="props.ariaLabelledBy"
1981
- [options]="props.options"
1982
- [class]="props.class"
1983
- [style]="props.style"
1984
- [panelStyle]="props.panelStyle"
1985
- [placeholder]="props.placeholder"
1986
- [loading]="props.loading"
1987
- (onNodeExpand)="props.onNodeExpand?.(field()!, $event)"
1988
- (onNodeCollapse)="props.onNodeCollapse?.(field()!, $event)"
1989
- (onShow)="props.onShow?.(field()!, $event)"
1990
- (onHide)="props.onHide?.(field()!, $event)"
1991
- (onClear)="props.onClear?.(field()!, $event)"
1992
- (onFilter)="props.onFilter?.(field()!, $event)"
1993
- (onFocus)="props.onFocus?.(field()!, $event)"
1994
- (onBlur)="props.onBlur?.(field()!, $event)"
1995
- (onNodeSelect)="props.onNodeSelect?.(field()!, $event)"
1996
- (onNodeUnselect)="props.onNodeUnselect?.(field()!, $event)"
1997
- [class]="props.class"
1998
- [disabled]="true"
1951
+ args: [{ selector: 'form-treeselect', standalone: true, imports: [TreeSelect, ReactiveFormsModule], template: `<p-treeselect
1952
+ [id]="field()?.uuid"
1953
+ [inputId]="field()?.uuid"
1954
+ [scrollHeight]="props.scrollHeight ?? '400px'"
1955
+ [metaKeySelection]="props.metaKeySelection"
1956
+ [variant]="props.variant"
1957
+ [display]="props.display ?? 'comma'"
1958
+ [selectionMode]="props.selectionMode ?? 'single'"
1959
+ [tabindex]="props.tabindex ?? '0'"
1960
+ [ariaLabel]="props.ariaLabel"
1961
+ [ariaLabelledBy]="props.ariaLabelledBy"
1962
+ [placeholder]="props.placeholder"
1963
+ [panelClass]="props.panelClass"
1964
+ [fluid]="props.fluid ?? true"
1965
+ [panelStyleClass]="props.panelStyleClass"
1966
+ [containerStyle]="props.containerStyle"
1967
+ [containerStyleClass]="props.containerStyleClass"
1968
+ [labelStyle]="props.labelStyle"
1969
+ [labelStyleClass]="props.labelStyleClass"
1970
+ [overlayOptions]="props.overlayOptions"
1971
+ [emptyMessage]="props.emptyMessage"
1972
+ [appendTo]="props.appendTo ?? 'body'"
1973
+ [filter]="props.filter"
1974
+ [filterBy]="props.filterBy ?? 'label'"
1975
+ [filterMode]="props.filterMode ?? 'lenient'"
1976
+ [filterPlaceholder]="props.filterPlaceholder"
1977
+ [filterLocale]="props.filterLocale"
1978
+ [filterInputAutoFocus]="props.filterInputAutoFocus ?? true"
1979
+ [propagateSelectionDown]="props.propagateSelectionDown ?? true"
1980
+ [propagateSelectionUp]="props.propagateSelectionUp ?? true"
1981
+ [showClear]="props.showClear"
1982
+ [resetFilterOnHide]="props.resetFilterOnHide"
1983
+ [virtualScroll]="props.virtualScroll"
1984
+ [virtualScrollItemSize]="props.virtualScrollItemSize"
1985
+ [virtualScrollOptions]="props.virtualScrollOptions"
1986
+ [size]="props.size"
1987
+ [autofocus]="props.autofocus"
1988
+ [ariaLabel]="props.ariaLabel"
1989
+ [ariaLabelledBy]="props.ariaLabelledBy"
1990
+ [options]="props.options"
1991
+ [class]="props.class"
1992
+ [style]="props.style"
1993
+ [panelStyle]="props.panelStyle"
1994
+ [placeholder]="props.placeholder"
1995
+ [loading]="props.loading"
1996
+ (onNodeExpand)="props.onNodeExpand?.(field()!, $event)"
1997
+ (onNodeCollapse)="props.onNodeCollapse?.(field()!, $event)"
1998
+ (onShow)="props.onShow?.(field()!, $event)"
1999
+ (onHide)="props.onHide?.(field()!, $event)"
2000
+ (onClear)="props.onClear?.(field()!, $event)"
2001
+ (onFilter)="props.onFilter?.(field()!, $event)"
2002
+ (onFocus)="props.onFocus?.(field()!, $event)"
2003
+ (onBlur)="props.onBlur?.(field()!, $event)"
2004
+ (onNodeSelect)="props.onNodeSelect?.(field()!, $event)"
2005
+ (onNodeUnselect)="props.onNodeUnselect?.(field()!, $event)"
2006
+ [class]="props.class"
2007
+ [disabled]="true"
1999
2008
  [formControl]="field()!.fieldControl!" />`, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n"] }]
2000
2009
  }], ctorParameters: () => [{ type: ActionService }, { type: i0.Renderer2 }], propDecorators: { treeselect: [{
2001
2010
  type: ViewChild,
@@ -3939,6 +3948,9 @@ const calcRowSpan = (params, field) => {
3939
3948
  return rowSpan;
3940
3949
  };
3941
3950
  const convertCol = (options, col, authLevel, modelName, dragSort) => {
3951
+ // @ts-ignore
3952
+ const isI18n = window.appIsI18n;
3953
+ console.log('isI18n-----', isI18n);
3942
3954
  col.forEach((item, index) => {
3943
3955
  item.hide = item.hideCol;
3944
3956
  if (authLevel < 3) {
@@ -3947,6 +3959,9 @@ const convertCol = (options, col, authLevel, modelName, dragSort) => {
3947
3959
  if (dragSort && index === 0) {
3948
3960
  item.rowDrag = true;
3949
3961
  }
3962
+ if (isI18n && (!item.hasOwnProperty('i18nKey') || item.i18nKey == '')) {
3963
+ item.i18nKey = `tables.${modelName}.${item.field}`;
3964
+ }
3950
3965
  if (item.hasOwnProperty('textWrap') && item.textWrap) {
3951
3966
  item.autoHeight = true;
3952
3967
  item.cellClass = 'cell-wrap-text';
@@ -7081,12 +7096,17 @@ class FormComponent {
7081
7096
  this.options().form = new FormGroup({});
7082
7097
  }
7083
7098
  this.fieldList = [];
7099
+ //@ts-ignore
7100
+ const isI18n = window.appIsI18n;
7084
7101
  this.parseFields(this.options().fields || []);
7085
7102
  this.fieldList.forEach((field, index) => {
7086
7103
  fieldUtils.fieldHandler(field);
7087
7104
  field.uuid = `${generateUniqueId()}${index}`;
7088
7105
  field.labelMinWidth = this.labelMinWidth;
7089
7106
  field.interactiveLabel = this.options().interactiveLabel ?? true;
7107
+ if (isI18n && (!fieldUtils.props(field).i18nKey || fieldUtils.props(field).i18nKey == '')) {
7108
+ fieldUtils.props(field).i18nKey = `tables.${this.options().modelName}.${field.key}`;
7109
+ }
7090
7110
  field.form = this;
7091
7111
  if (isObservable(field.hook)) {
7092
7112
  this.uniqueHook(field, field.hook);
@@ -7179,7 +7199,7 @@ class FormComponent {
7179
7199
  }
7180
7200
  triggerHook() {
7181
7201
  this.fieldList.forEach((field) => {
7182
- fieldUtils.triggerHookAndSetValue(field, this.model()?.[field.key], false, ['upload', 'image', 'codemirror', 'radio', 'select', 'rowselector'].includes(field.type), this.hookObservers, () => {
7202
+ fieldUtils.triggerHookAndSetValue(field, this.model()?.[field.key], false, ['upload', 'image', 'codemirror', 'radio', 'select', 'treeselect', 'rowselector'].includes(field.type), this.hookObservers, () => {
7183
7203
  this.handleHideExpression();
7184
7204
  }, this.datePipe);
7185
7205
  });
@@ -7221,7 +7241,7 @@ class FormComponent {
7221
7241
  const field = this.getField(key);
7222
7242
  if (!field)
7223
7243
  return;
7224
- fieldUtils.triggerHookAndSetValue(field, model[key], true, ['upload', 'image', 'codemirror', 'radio', 'select', 'rowselector'].includes(field.type), this.hookObservers, () => {
7244
+ fieldUtils.triggerHookAndSetValue(field, model[key], true, ['upload', 'image', 'codemirror', 'radio', 'select', 'treeselect', 'rowselector'].includes(field.type), this.hookObservers, () => {
7225
7245
  this.handleHideExpression();
7226
7246
  }, this.datePipe);
7227
7247
  });
@@ -7628,12 +7648,14 @@ class ImportComponent {
7628
7648
  this.disabled = false;
7629
7649
  this.grid()?.getData();
7630
7650
  this.fileUpload.clear();
7651
+ this.visible.set(false);
7631
7652
  }
7632
7653
  },
7633
7654
  error: (err) => {
7634
7655
  this.disabled = false;
7635
7656
  this.grid()?.getData();
7636
7657
  this.fileUpload.clear();
7658
+ this.visible.set(false);
7637
7659
  },
7638
7660
  });
7639
7661
  }
@@ -7727,9 +7749,11 @@ class UserHistoryService {
7727
7749
  title = child.data['title'];
7728
7750
  }
7729
7751
  }
7730
- const i18nKey = child.data['i18nKey'] ? child.data['i18nKey'] : '';
7752
+ let i18nKey = child.data['i18nKey'] ? child.data['i18nKey'] : '';
7731
7753
  // const configPath: string = child.routeConfig?.path as string
7732
7754
  const configPath = child.params.hasOwnProperty('id') ? url.replace(/([^\/]*)$/, "") : url;
7755
+ const code = url.split('/')[2] || '';
7756
+ i18nKey = i18nKey == '' && code != '' ? `menus.${code}` : i18nKey;
7733
7757
  const paramsKeys = Object.keys(child.params);
7734
7758
  console.log('title', child, configPath, url);
7735
7759
  if (title && configPath) {