@acrodata/gui 0.3.1 → 0.4.0

package/gui-form.d.ts

@@ -1,10 +1,9 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FormArray, FormGroup } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { GuiControl, GuiFieldType, GuiFields, GuiTabsMode } from './interface';
 import * as i0 from "@angular/core";
 export declare class GuiForm implements OnChanges, OnInit, OnDestroy {
-    private cdr;
     /**
      * The form instance which allow to track model value and validation status.
      */
@@ -24,7 +23,6 @@ export declare class GuiForm implements OnChanges, OnInit, OnDestroy {
     formFields: GuiControl[];
     formSubscription: Subscription;
     controlSubscriptions: Subscription[];
-    constructor(cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -36,31 +34,28 @@ export declare class GuiForm implements OnChanges, OnInit, OnDestroy {
      * @param model        The value of the form control
      * @param defaultValue The default value of the form field
      * @param parentType   The type of the form field parent
-     * @param options      The reactive form options
      * @returns
      */
-    getFormFieldArray(form: FormGroup | FormArray, config?: GuiFields | GuiControl[], model?: Record<string, any>, defaultValue?: any, parentType?: GuiFieldType, options?: {
-        onlySelf?: boolean;
-        emitEvent?: boolean;
-    }): GuiControl[];
+    getFormFieldArray(form: FormGroup | FormArray, config?: GuiFields | GuiControl[], model?: Record<string, any>, defaultValue?: any, parentType?: GuiFieldType): GuiControl[];
     /**
      * Add a tab item.
      *
-     * @param e     The mouse event
-     * @param form  The reactive form instance
-     * @param tabs  The config of the tabs field
-     * @param index The index of the tabs array
+     * @param e         The mouse event
+     * @param formArray The reactive form instance
+     * @param tabs      The config of the tabs field
+     * @param copy      Whether to copy the current tab
+     * @param index     The index of the tabs array
      */
-    addTab(e: MouseEvent, form: FormArray, tabs: GuiControl, index?: number): void;
+    addTab(e: MouseEvent, formArray: FormArray, tabs: GuiControl, copy?: boolean, index?: number): void;
     /**
      * Remove a tab item.
      *
-     * @param e     The mouse event
-     * @param form  The reactive form instance
-     * @param tabs  The config of the tabs field
-     * @param index The index of the tabs array
+     * @param e         The mouse event
+     * @param formArray The reactive form instance
+     * @param tabs      The config of the tabs field
+     * @param index     The index of the tabs array
      */
-    removeTab(e: MouseEvent, form: FormArray, tabs: GuiControl, index?: number): void;
+    removeTab(e: MouseEvent, formArray: FormArray, tabs: GuiControl, index?: number): void;
     /**
      * Change the display mode of tabs.
      *

package/gui-form.scss

@@ -28,6 +28,9 @@
 
       gui-field-label {
         flex: 1;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
     }
   }
@@ -104,10 +107,6 @@
   padding: 0 12px;
   line-height: 24px;
 
-  .gui-list-item-title {
-    flex: 1;
-  }
-
   &::before {
     position: absolute;
     left: 0;
@@ -118,6 +117,15 @@
   }
 }
 
+.gui-list-item-title {
+  flex: 1;
+  cursor: pointer;
+
+  .gui-list-item-active & {
+    font-weight: bold;
+  }
+}
+
 .gui-menu {
   .mat-mdc-tab-header {
     --mdc-tab-indicator-active-indicator-shape: 4px;

package/interface.d.ts

@@ -55,6 +55,7 @@ export interface GuiControl extends GuiField {
     index?: number;
     children?: GuiControl[];
     template?: Partial<GuiControl>;
+    selectedIndex?: number;
 }
 export interface GuiControls {
     [key: string]: GuiControl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acrodata/gui",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "A lightweight GUI library for Angular",
   "publishConfig": {
     "access": "public"