imm-element-ui 0.4.5 → 0.4.7

package/lib/crumb-action/crumb-action.component.d.ts

@@ -49,7 +49,7 @@ export declare class CrumbActionComponent extends AmComponent implements OnInit
     listAct(item: any): void;
     actEvent(item: any): void;
     toggleAct(event: any): void;
-    setSaveClass(): "danger" | "secondary";
+    setSaveClass(): "secondary" | "danger";
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CrumbActionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CrumbActionComponent, "app-crumb-action", never, { "isShowCog": { "alias": "isShowCog"; "required": false; "isSignal": true; }; "addVisible": { "alias": "addVisible"; "required": false; "isSignal": true; }; "newUrl": { "alias": "newUrl"; "required": false; "isSignal": true; }; "onExport": { "alias": "onExport"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "isList": { "alias": "isList"; "required": false; "isSignal": true; }; "authLevel": { "alias": "authLevel"; "required": false; "isSignal": true; }; "actionList": { "alias": "actionList"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "menus": { "alias": "menus"; "required": false; "isSignal": true; }; }, { "saveEvent": "saveEvent"; "cancelEvent": "cancelEvent"; "actionEvent": "actionEvent"; }, ["newBtnTemplateRef"], never, true, never>;

package/lib/form/form/form.component.d.ts

@@ -15,6 +15,9 @@ export interface FormOptions {
     labelWidth?: string;
     interactiveLabel?: boolean;
     extra?: any;
+    modelName?: string;
+    type?: string;
+    fk?: string;
 }
 export declare class FormComponent {
     private cdr;
@@ -32,6 +35,8 @@ export declare class FormComponent {
     fieldList: FormField[];
     hookObservers: Function[];
     labelMinWidth: import("@angular/core").WritableSignal<string | undefined>;
+    isMain: boolean;
+    subsert: any;
     actions: ActionService;
     onResize(): void;
     constructor(cdr: ChangeDetectorRef, datePipe: DatePipe);
@@ -43,6 +48,7 @@ export declare class FormComponent {
     handleFieldControl(field: FormField): void;
     handleValueChange(value: any, field: FormField): void;
     handleUpsert(key: string, value: any): void;
+    handleSubsert(key: string, value: any, field: FormField): void;
     handleHideExpression(): void;
     validate(): boolean | undefined;
     uniqueHook(field: FormField, hook: Observable<(field?: FormField) => void>): void;

package/lib/form/form-field/field-utils.d.ts

@@ -4,7 +4,7 @@ import { I18nService } from '../../service/i18n.service';
 export declare const fieldUtils: {
     props: (field: FormField) => FieldProps;
     label: (field: FormField, i18nService: I18nService) => string | undefined;
-    triggerHookAndSetValue: (field: FormField, value: any, detectModelChange: boolean, hookObservers: any[], callback: any, datePipe: DatePipe) => void;
+    triggerHookAndSetValue: (field: FormField, value: any, emitEvent: boolean, detectModelChange: boolean, hookObservers: any[], callback: any, datePipe: DatePipe) => void;
     fromFieldValue: (field: FormField, target: any, datePipe: DatePipe) => any;
     transLog: (rawModel: any, changedModel: any, mainValue: any, isNew: boolean) => string;
     isFakedChange: (newValue: any, oldValue: any, field: FormField) => boolean;

package/lib/form/form-field/form-field.d.ts

@@ -2,10 +2,11 @@ import { ElementRef, QueryList, WritableSignal } from '@angular/core';
 import { Observable } from 'rxjs';
 import { InputTextProps, InputNumberProps, SelectProps, TreeSelectProps, DatePickerProps, AutoCompleteProps, MultiSelectProps, RadioProps, TextAreaProps, UploadProps, ImageProps, CodeMirrorProps } from './form-type';
 import { FieldControl } from './field-control';
+import { FormComponent } from '../form/form.component';
 import * as i0 from "@angular/core";
 export interface FormField {
     key?: string;
-    type?: 'inputtext' | 'inputnumber' | 'select' | 'treeselect' | 'datepicker' | 'autocomplete' | 'multiselect' | 'radio' | 'textarea' | 'upload' | 'image' | 'codemirror';
+    type?: 'inputtext' | 'inputnumber' | 'select' | 'treeselect' | 'datepicker' | 'autocomplete' | 'multiselect' | 'radio' | 'textarea' | 'upload' | 'image' | 'codemirror' | 'rowselector';
     default?: any;
     id?: string;
     name?: string;
@@ -26,6 +27,7 @@ export interface FormField {
     uploadProps?: UploadProps;
     imageProps?: ImageProps;
     codeMirrorProps?: CodeMirrorProps;
+    rowSelectorProps?: any;
     hide?: boolean;
     hideExpression?: (model: any, field?: FormField) => boolean;
     hook?: Observable<(field?: FormField) => void>;
@@ -35,7 +37,7 @@ export interface FormField {
     uuid?: string;
     labelMinWidth?: WritableSignal<string | undefined>;
     interactiveLabel?: boolean;
-    form?: any;
+    form?: FormComponent;
 }
 export interface FieldProps {
     type?: string;
@@ -79,6 +81,10 @@ export declare class FormFieldComponent {
     constructor();
     ngOnInit(): void;
     labelClass(): string;
+    getStyle(): {
+        width: string | undefined;
+        maxWidth: string;
+    };
     getFieldComponents(): QueryList<FormFieldComponent> | undefined;
     getFieldLabel(): ElementRef<any> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;

package/lib/form/form-field/form-type.d.ts

@@ -11,8 +11,9 @@ import { TextAreaProps } from '../form-type/textarea.type';
 import { UploadProps } from '../form-type/upload.type';
 import { ImageProps } from '../form-type/image.type';
 import { CodeMirrorProps } from '../form-type/codemirror.type';
+import { RowSelectorProps } from '../form-type/rowselector.type';
 import * as i0 from "@angular/core";
-export { InputTextProps, InputNumberProps, SelectProps, TreeSelectProps, DatePickerProps, AutoCompleteProps, MultiSelectProps, RadioProps, TextAreaProps, UploadProps, ImageProps, CodeMirrorProps, };
+export { InputTextProps, InputNumberProps, SelectProps, TreeSelectProps, DatePickerProps, AutoCompleteProps, MultiSelectProps, RadioProps, TextAreaProps, UploadProps, ImageProps, CodeMirrorProps, RowSelectorProps, };
 export declare class FormTypeComponent {
     field: import("@angular/core").InputSignal<FormField | undefined>;
     constructor();

package/lib/form/form-type/rowselector.type.d.ts

@@ -0,0 +1,30 @@
+import { ViewContainerRef, ElementRef, Renderer2 } from '@angular/core';
+import { FormField, FieldProps } from '../form-field/form-field';
+import { ActionService } from '../../service/action.service';
+import { FormComponent } from '../form/form.component';
+import { AmComponent } from '../../am/am.component';
+import * as i0 from "@angular/core";
+export interface RowSelectorProps extends FieldProps {
+    pageCode?: string;
+    preSearch?: any;
+    searchPrm?: any;
+    callback?: (data: any, form: FormComponent) => void;
+}
+export declare class RowSelectorComponent extends AmComponent {
+    private action;
+    private renderer;
+    container: ViewContainerRef;
+    selectorRef: ElementRef;
+    field: import("@angular/core").InputSignal<FormField | undefined>;
+    props: RowSelectorProps;
+    text?: string;
+    use: any;
+    constructor(action: ActionService, renderer: Renderer2);
+    handleDisabled(): void;
+    handleModelChange(): void;
+    onSelectorShow(): void;
+    createRowSelector(): void;
+    handlePopGridOptions(gridOptions: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowSelectorComponent, "form-rowselector", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/grid/grid/grid.component.d.ts

@@ -246,7 +246,7 @@ export declare class GridComponent {
     rawPrm?: Search;
     deleteEmit: import("@angular/core").OutputEmitterRef<number[]>;
     addEmit: import("@angular/core").OutputEmitterRef<void>;
-    addType: import("@angular/core").InputSignal<"handle" | "select" | "none" | undefined>;
+    addType: import("@angular/core").InputSignal<"select" | "none" | "handle" | undefined>;
     selectData: import("@angular/core").InputSignal<any[] | undefined>;
     showAct: import("@angular/core").InputSignal<boolean>;
     actPos: import("@angular/core").InputSignal<"top" | "bottom">;

package/lib/page-form/page-form.component.d.ts

@@ -1,11 +1,11 @@
 import { UserHistoryService } from '../service/userHistory.service';
-import { OnInit } from '@angular/core';
+import { OnInit, QueryList } from '@angular/core';
 import { FormComponent, FormOptions } from '../form/form/form.component';
 import { StepsComponent, Step } from '../steps/steps.component';
 import { GridComponent, GridOptions } from '../grid/grid/grid.component';
 import { AmComponent, Get } from '../am/am.component';
 import { Search } from '../am/am.component';
-import { HrefBtnList, GridList } from './page-form.interface';
+import { HrefBtnList } from './page-form.interface';
 import { I18nService } from '../service/i18n.service';
 import { PermissionBtn } from './page-form.interface';
 import { ActionService } from '../service/action.service';
@@ -13,8 +13,9 @@ import * as i0 from "@angular/core";
 export declare class PageFormComponent extends AmComponent implements OnInit {
     cForm: FormComponent;
     customGrid: GridComponent;
+    tabForm: QueryList<FormComponent>;
     addVisible: import("@angular/core").InputSignal<boolean | undefined>;
-    gridList: import("@angular/core").InputSignal<GridList[]>;
+    gridList: import("@angular/core").InputSignal<any[]>;
     form: import("@angular/core").InputSignal<FormOptions>;
     getPrmInput: import("@angular/core").InputSignal<Get>;
     statusSteps: import("@angular/core").InputSignal<Step[]>;
@@ -37,6 +38,7 @@ export declare class PageFormComponent extends AmComponent implements OnInit {
     authLevel: import("@angular/core").InputSignal<number>;
     hrefs: any[];
     action: ActionService;
+    subFormModel: any;
     constructor();
     ngOnInit(): void;
     submitForm(): any;
@@ -51,6 +53,7 @@ export declare class PageFormComponent extends AmComponent implements OnInit {
     authClick(btn: any): void;
     statusChange(value: any, customSteps: StepsComponent): void;
     formDisFunc(): void;
+    tabClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PageFormComponent, "app-page-form", never, { "addVisible": { "alias": "addVisible"; "required": false; "isSignal": true; }; "gridList": { "alias": "gridList"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": true; "isSignal": true; }; "getPrmInput": { "alias": "getPrmInput"; "required": true; "isSignal": true; }; "statusSteps": { "alias": "statusSteps"; "required": false; "isSignal": true; }; "statusKey": { "alias": "statusKey"; "required": false; "isSignal": true; }; "hrefBtnList": { "alias": "hrefBtnList"; "required": false; "isSignal": true; }; "setTitle": { "alias": "setTitle"; "required": false; "isSignal": true; }; "actionList": { "alias": "actionList"; "required": false; "isSignal": true; }; "modelLog": { "alias": "modelLog"; "required": false; "isSignal": true; }; "formDisabled": { "alias": "formDisabled"; "required": false; "isSignal": true; }; "statusConf": { "alias": "statusConf"; "required": false; "isSignal": true; }; "authLevel": { "alias": "authLevel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/page-form/page-form.interface.d.ts

@@ -26,5 +26,7 @@ export interface GridList {
     deleteFunc?: Function;
     selectData?: any[];
     uniqueField?: string;
+    [propName: string]: any;
+    type?: string;
 }
 export declare const formTypeToProps: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imm-element-ui",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"

package/src/lib/styles/styles.scss

@@ -1,5 +1,3 @@
-
-
 :host ::ng-deep {
 	.p-disabled,
 	.p-component:disabled {
@@ -204,6 +202,10 @@
 	.p-inputnumber.ng-hovered:not(.p-disabled) > .p-inputtext {
 		border-bottom: 1px solid var(--p-primary-color);
 	}
+	.ng-invalid.ng-dirty > .p-datepicker .p-inputtext {
+		background: var(--p-red-200) !important;
+		border-bottom: 1px solid var(--p-red-500) !important;
+	}
 	.ng-hovered > .p-datepicker:not(.p-disabled) .p-inputtext {
 		border-bottom: 1px solid var(--p-primary-color);
 	}
@@ -228,5 +230,3 @@
 		background-color: #fff;
 	}
 }
-
-