@dignite-ng/expand.dynamic-form 3.0.0 → 3.1.0

package/lib/components/form/index.d.ts

@@ -4,3 +4,4 @@ export * from './numeric-edit';
 export * from './date-edit';
 export * from './form-control-group';
 export * from './select';
+export * from './tree';

package/lib/components/form/tree/index.d.ts

@@ -0,0 +1,4 @@
+export { TreeConfigComponent } from './tree-config.component';
+export { TreeControlComponent } from './tree-control.component';
+export { TreeSearchComponent } from './tree-search.component';
+export { TreeViewComponent } from './tree-view.component';

package/lib/components/form/tree/tree-config.component.d.ts

@@ -0,0 +1,112 @@
+import { ElementRef, AfterViewChecked } from '@angular/core';
+import { FormArray, FormBuilder, FormGroup } from '@angular/forms';
+import { ToPinyinService } from '@dignite-ng/expand.core';
+import * as i0 from "@angular/core";
+export declare class TreeConfigComponent implements AfterViewChecked {
+    private fb;
+    private toPinyinService;
+    constructor(fb: FormBuilder, toPinyinService: ToPinyinService);
+    /**表单控件类型 */
+    _type: any;
+    set type(v: any);
+    /**选择的表单信息 */
+    _selected: any;
+    set selected(v: any);
+    /**表单实体 */
+    formEntity: FormGroup | undefined;
+    set Entity(v: FormGroup);
+    get formConfiguration(): FormGroup;
+    get TreeOptions(): FormArray;
+    submitclick: ElementRef;
+    private cdr;
+    dataLoaded(): Promise<void>;
+    /**增加选项 */
+    AfterInit(): Promise<unknown>;
+    /**
+     * 当选择项的文本发生变化时，更新对应的值
+     * @param event 输入事件对象
+     * @param index 选择项的索引位置
+     * @description 如果选择项已有Value值则不处理，否则将中文文本转换为拼音作为Value值
+     */
+    /**字段标签input失去标点生成字段名字 */
+    disPlayNameInputBlur(event: any): void;
+    /**调整表格位置 */
+    /**tree数据 */
+    nodes: any[];
+    /**已展开的节点 */
+    anExpandedNode: any[];
+    /**点击展开树节点图标触发 */
+    nzExpandChange(event: any): void;
+    log(v: any): void;
+    /**正在操作的节点项 */
+    selectTree: any;
+    /**是否创建子节点 */
+    isCreateChild: boolean | any;
+    /**模态框状态 */
+    isVisible: boolean | any;
+    /**用于确定模态的繁忙状态是否为真 */
+    modalBusy: boolean | any;
+    /**创建表单 */
+    nodeForm: FormGroup | undefined;
+    /**表格已选择数据 */
+    _tableSelected: any;
+    /**表单控件模板-动态赋值表单控件 */
+    nodeModalSubmit: ElementRef;
+    /**生成GUID */
+    private generateGuid;
+    /**创建节点 */
+    addNodeBtn(): void;
+    /**编辑节点 */
+    editItemBtn(node: any): void;
+    /**创建子节点 */
+    createChildItemBtn(node: any): void;
+    /**重置模态框 */
+    resetModal(): void;
+    /**创建编辑保存 */
+    createOrEditSave(): void;
+    /**递归添加子节点 */
+    private addChildNode;
+    /**递归更新节点 */
+    private updateNode;
+    /**删除节点 */
+    deleteMenuItemBtn(node: any): void;
+    /**递归删除节点 */
+    private deleteNode;
+    /**同步 nodes 到 TreeOptions */
+    private syncTreeOptionsFromNodes;
+    /**递归创建树表单组 */
+    private createTreeFormGroup;
+    /**清理节点中的 ng-zorro 内部字段 */
+    private cleanNode;
+    /**将 TreeOptions 数据结构转换为 nodes 数据结构 */
+    private convertTreeOptionsToNodes;
+    /**设置 */
+    toggleMultiple(event: any): void;
+    /**切换节点选中状态 */
+    toggleNodeChecked(event: any, node: any): void;
+    /**清除所有节点的选中状态 */
+    private clearAllChecked;
+    /**设置指定节点的选中状态 */
+    private setNodeChecked;
+    /**递归设置所有子节点的选中状态 */
+    private setChildrenChecked;
+    /**选中所有父节点 */
+    private setParentNodesChecked;
+    /**仅设置指定节点的选中状态，不影响子节点和父节点 */
+    private setNodeCheckedOnly;
+    /**拖拽 */
+    dropOver(event: any): void;
+    /**移除并返回节点 */
+    private removeNodeByKey;
+    /**在目标节点旁边插入节点 */
+    private insertNodeBeside;
+    /**判断节点的子节点是否有被选中的 */
+    hasChildrenChecked(node: any): boolean;
+    /**递归检查子节点是否有被选中的 */
+    private hasAnyChildChecked;
+    /**根据 key 查找节点 */
+    private findNodeByKey;
+    ngAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeConfigComponent, "df-tree-config", never, { "type": { "alias": "type"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "Entity": { "alias": "Entity"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/form/tree/tree-config.d.ts

@@ -0,0 +1,10 @@
+export declare class TreeConfig {
+    'TreeView.Multiple': any;
+    'TreeView.Nodes': any;
+}
+export declare class TreeitemConfig {
+    'Text': any;
+    'Value': any;
+    'Selected': any;
+    'Children': any;
+}

package/lib/components/form/tree/tree-control.component.d.ts

@@ -0,0 +1,62 @@
+import { ElementRef, OnDestroy, AfterViewChecked } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TreeControlComponent implements OnDestroy, AfterViewChecked {
+    private fb;
+    constructor(fb: FormBuilder);
+    /**字段配置列表 */
+    _fields: any;
+    set fields(v: any);
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName: any;
+    set parentFiledName(v: any);
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected: any;
+    set selected(v: any);
+    /**表单实体 */
+    _entity: FormGroup | undefined;
+    set entity(v: any);
+    submitclick: ElementRef;
+    get extraProperties(): FormGroup;
+    private cdr;
+    /**数据加载完成 */
+    dataLoaded(): Promise<void>;
+    formConfiguration: any;
+    AfterInit(): Promise<unknown>;
+    /**将 TreeOptions 数据结构转换为 nodes 数据结构 */
+    private convertTreeOptionsToNodes;
+    ngOnDestroy(): void;
+    /**tree数据 */
+    nodes: any[];
+    /**已展开的节点 */
+    anExpandedNode: any[];
+    /**点击展开树节点图标触发 */
+    nzExpandChange(event: any): void;
+    /**切换节点选中状态 */
+    toggleNodeChecked(event: any, node: any): void;
+    /**清除所有节点的选中状态 */
+    private clearAllChecked;
+    /**设置指定节点的选中状态 */
+    private setNodeChecked;
+    /**递归设置所有子节点的选中状态 */
+    private setChildrenChecked;
+    /**选中所有父节点 */
+    private setParentNodesChecked;
+    /**更新表单值 */
+    private updateFormValue;
+    /**获取所有选中节点的 key */
+    private getSelectedKeys;
+    /**判断节点的子节点是否有被选中的 */
+    hasChildrenChecked(node: any): boolean;
+    /**递归检查子节点是否有被选中的 */
+    private hasAnyChildChecked;
+    /**根据 key 查找节点 */
+    private findNodeByKey;
+    /**根据预设的 keys 同步更新 nodes 的选中状态 */
+    private syncNodesFromSelectedKeys;
+    /**仅设置指定节点的选中状态，不影响子节点和父节点 */
+    private setNodeCheckedOnly;
+    ngAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeControlComponent, "df-tree-control", never, { "fields": { "alias": "fields"; "required": false; }; "parentFiledName": { "alias": "parentFiledName"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "entity": { "alias": "entity"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/form/tree/tree-search.component.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TreeSearchComponent {
+    private fb;
+    constructor(fb: FormBuilder);
+    /**字段配置列表 */
+    _fields: any;
+    set fields(v: any);
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _parentFiledName: any;
+    set parentFiledName(v: any);
+    /**父级字段名称，用于为表单设置控件赋值 */
+    _selected: any;
+    set selected(v: any);
+    /**表单实体 */
+    _entity: FormGroup | undefined;
+    set entity(v: any);
+    submitclick: ElementRef;
+    get extraProperties(): FormGroup;
+    private cdr;
+    /**数据加载完成 */
+    dataLoaded(): Promise<void>;
+    formConfiguration: any;
+    AfterInit(): Promise<unknown>;
+    private convertTreeOptionsToNodes;
+    changeValue(event: any): void;
+    ngOnDestroy(): void;
+    nodes: any[];
+    onChange($event: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSearchComponent, "df-tree-search", never, { "fields": { "alias": "fields"; "required": false; }; "parentFiledName": { "alias": "parentFiledName"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "entity": { "alias": "entity"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/form/tree/tree-view.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class TreeViewComponent {
+    /**展示则内容 */
+    showValue: any;
+    /**是否显示再列表 */
+    showInList: boolean;
+    /**表单字段数据 */
+    fields: any;
+    /**表单控件类型 */
+    type: any;
+    /**表单控件Value */
+    _value: any;
+    set value(v: any);
+    ngAfterContentInit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "df-tree-view", never, { "showInList": { "alias": "showInList"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/dynamic-form.module.d.ts

@@ -24,16 +24,22 @@ import * as i21 from "./components/form/select/select-search.component";
 import * as i22 from "./components/form/text-edit/text-edit-search.component";
 import * as i23 from "./components/form/switch/switch-search.component";
 import * as i24 from "./components/form/numeric-edit/numeric-edit-search.component";
-import * as i25 from "@angular/forms";
-import * as i26 from "@abp/ng.core";
-import * as i27 from "@abp/ng.theme.shared";
-import * as i28 from "@ng-bootstrap/ng-bootstrap";
-import * as i29 from "ng-zorro-antd/select";
-import * as i30 from "@angular/cdk/drag-drop";
-import * as i31 from "@abp/ng.components/extensible";
+import * as i25 from "./components/form/tree/tree-config.component";
+import * as i26 from "./components/form/tree/tree-control.component";
+import * as i27 from "./components/form/tree/tree-search.component";
+import * as i28 from "./components/form/tree/tree-view.component";
+import * as i29 from "@angular/forms";
+import * as i30 from "@abp/ng.core";
+import * as i31 from "@abp/ng.theme.shared";
+import * as i32 from "@ng-bootstrap/ng-bootstrap";
+import * as i33 from "ng-zorro-antd/select";
+import * as i34 from "@angular/cdk/drag-drop";
+import * as i35 from "@abp/ng.components/extensible";
+import * as i36 from "@abp/ng.components/tree";
+import * as i37 from "ng-zorro-antd/tree-select";
 export declare class DynamicFormModule {
     static forRoot(config?: any): ModuleWithProviders<DynamicFormModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFormModule, [typeof i1.TextEditConfigComponent, typeof i2.TextEditComponent, typeof i3.SwitchConfigComponent, typeof i4.SwitchControlComponent, typeof i5.NumbericEditConfigComponent, typeof i6.NumbericEditControlComponent, typeof i7.DateEditConfigComponent, typeof i8.DateEditControlComponent, typeof i9.SelectConfigComponent, typeof i10.SelectControlComponent, typeof i11.DynamicComponent, typeof i12.DynamicConfigComponent, typeof i13.DynamicViewComponent, typeof i14.DynamicControlComponent, typeof i15.SelectViewComponent, typeof i16.SwitchViewComponent, typeof i17.TextEditViewComponent, typeof i18.DateEditViewComponent, typeof i19.NumericEditViewComponent, typeof i20.DynamicSearchComponent, typeof i21.SelectSearchComponent, typeof i22.TextEditSearchComponent, typeof i23.SwitchSearchComponent, typeof i24.NumericEditSearchComponent], [typeof i25.FormsModule, typeof i26.CoreModule, typeof i27.ThemeSharedModule, typeof i25.ReactiveFormsModule, typeof i28.NgbDropdownModule, typeof i29.NzSelectModule, typeof i30.DragDropModule, typeof i28.NgbDatepickerModule, typeof i31.ExtensibleModule], [typeof i1.TextEditConfigComponent, typeof i2.TextEditComponent, typeof i17.TextEditViewComponent, typeof i3.SwitchConfigComponent, typeof i4.SwitchControlComponent, typeof i16.SwitchViewComponent, typeof i5.NumbericEditConfigComponent, typeof i6.NumbericEditControlComponent, typeof i7.DateEditConfigComponent, typeof i8.DateEditControlComponent, typeof i18.DateEditViewComponent, typeof i9.SelectConfigComponent, typeof i10.SelectControlComponent, typeof i15.SelectViewComponent, typeof i21.SelectSearchComponent, typeof i11.DynamicComponent, typeof i12.DynamicConfigComponent, typeof i13.DynamicViewComponent, typeof i14.DynamicControlComponent, typeof i20.DynamicSearchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFormModule, [typeof i1.TextEditConfigComponent, typeof i2.TextEditComponent, typeof i3.SwitchConfigComponent, typeof i4.SwitchControlComponent, typeof i5.NumbericEditConfigComponent, typeof i6.NumbericEditControlComponent, typeof i7.DateEditConfigComponent, typeof i8.DateEditControlComponent, typeof i9.SelectConfigComponent, typeof i10.SelectControlComponent, typeof i11.DynamicComponent, typeof i12.DynamicConfigComponent, typeof i13.DynamicViewComponent, typeof i14.DynamicControlComponent, typeof i15.SelectViewComponent, typeof i16.SwitchViewComponent, typeof i17.TextEditViewComponent, typeof i18.DateEditViewComponent, typeof i19.NumericEditViewComponent, typeof i20.DynamicSearchComponent, typeof i21.SelectSearchComponent, typeof i22.TextEditSearchComponent, typeof i23.SwitchSearchComponent, typeof i24.NumericEditSearchComponent, typeof i25.TreeConfigComponent, typeof i26.TreeControlComponent, typeof i27.TreeSearchComponent, typeof i28.TreeViewComponent], [typeof i29.FormsModule, typeof i30.CoreModule, typeof i31.ThemeSharedModule, typeof i29.ReactiveFormsModule, typeof i32.NgbDropdownModule, typeof i33.NzSelectModule, typeof i34.DragDropModule, typeof i32.NgbDatepickerModule, typeof i35.ExtensibleModule, typeof i36.TreeModule, typeof i37.NzTreeSelectModule], [typeof i1.TextEditConfigComponent, typeof i2.TextEditComponent, typeof i17.TextEditViewComponent, typeof i3.SwitchConfigComponent, typeof i4.SwitchControlComponent, typeof i16.SwitchViewComponent, typeof i5.NumbericEditConfigComponent, typeof i6.NumbericEditControlComponent, typeof i7.DateEditConfigComponent, typeof i8.DateEditControlComponent, typeof i18.DateEditViewComponent, typeof i9.SelectConfigComponent, typeof i10.SelectControlComponent, typeof i15.SelectViewComponent, typeof i21.SelectSearchComponent, typeof i11.DynamicComponent, typeof i12.DynamicConfigComponent, typeof i13.DynamicViewComponent, typeof i14.DynamicControlComponent, typeof i20.DynamicSearchComponent, typeof i25.TreeConfigComponent, typeof i26.TreeControlComponent, typeof i27.TreeSearchComponent, typeof i28.TreeViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DynamicFormModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dignite-ng/expand.dynamic-form",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "homepage": "https://abp.io",
   "repository": {
     "type": "git",