ngx-axis-appforge 0.0.74 → 0.0.76

package/fesm2022/ngx-axis-appforge-axis-components-flex-design.mjs

@@ -76,6 +76,7 @@ const Config = {
                     parentObject: nextInfo.currentObject.children,
                     parentId: nextInfo.currentObject.id,
                     scopeId: nextInfo.scopeId,
+                    canLoop: true
                 }
             ]
         };

package/fesm2022/ngx-axis-appforge-axis-components-flex-design.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-flex-design.mjs","sources":["../../../axis-components/flex/design/setting/setting.ts","../../../axis-components/flex/design/setting/setting.html","../../../axis-components/flex/design/config.ts","../../../axis-components/flex/design/ngx-axis-appforge-axis-components-flex-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-flex-setting',\n  imports: [FormsModule, ReactiveFormsModule, NzFormModule, NzCollapseModule, FunField, NzRadioModule, NzSelectModule, BaseDesignSetting, NzInputModule],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    direction: [\"horizontal\", FormValidators.required],\n    justify: [undefined, FormValidators.requiredFun],\n    align: [undefined, FormValidators.requiredFun],\n    wrap: [undefined, FormValidators.requiredFun],\n    gap: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    justify: {\n      defaultValue: \"start\",\n    },\n    align: {\n      defaultValue: \"start\",\n    },\n    wrap: {\n      defaultValue: \"nowrap\",\n    },\n    gap: {\n      defaultValue: \"\",\n    },\n  };\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    排列方向\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-radio-group formControlName=\"direction\">\n                        <label nz-radio-button nzValue=\"horizontal\">水平</label>\n                        <label nz-radio-button nzValue=\"vertical\">垂直</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    主轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"justify\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></nz-option>\n                            <nz-option nzValue=\"space-between\" nzLabel=\"两端对齐\"></nz-option>\n                            <nz-option nzValue=\"space-evenly\" nzLabel=\"均等分\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    交叉轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    换行方式\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"wrap\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"nowrap\" nzLabel=\"不换行\"></nz-option>\n                            <nz-option nzValue=\"wrap\" nzLabel=\"换行\"></nz-option>\n                            <nz-option nzValue=\"wrap-reverse\" nzLabel=\"逆换行\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    间隙\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"gap\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n\n    componentName: \"响应布局\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"响应布局\",\n                children: [],\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                canDrop: true,\n                childDirection: nextInfo.currentObject.direction,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject.children,\n                defaultDropIndex: nextInfo.currentObject.children.length,\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"pic-center\"\n            }),\n            next: [\n                {\n                    parentObject: nextInfo.currentObject.children,\n                    parentId: nextInfo.currentObject.id,\n                    scopeId: nextInfo.scopeId,\n                }\n            ]\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: {\n                element: element,\n                dropElement: element.firstElementChild as HTMLElement\n            }\n        }\n    },\n};\n\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-flex-design.mjs","sources":["../../../axis-components/flex/design/setting/setting.ts","../../../axis-components/flex/design/setting/setting.html","../../../axis-components/flex/design/config.ts","../../../axis-components/flex/design/ngx-axis-appforge-axis-components-flex-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-flex-setting',\n  imports: [FormsModule, ReactiveFormsModule, NzFormModule, NzCollapseModule, FunField, NzRadioModule, NzSelectModule, BaseDesignSetting, NzInputModule],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    direction: [\"horizontal\", FormValidators.required],\n    justify: [undefined, FormValidators.requiredFun],\n    align: [undefined, FormValidators.requiredFun],\n    wrap: [undefined, FormValidators.requiredFun],\n    gap: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    justify: {\n      defaultValue: \"start\",\n    },\n    align: {\n      defaultValue: \"start\",\n    },\n    wrap: {\n      defaultValue: \"nowrap\",\n    },\n    gap: {\n      defaultValue: \"\",\n    },\n  };\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    排列方向\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-radio-group formControlName=\"direction\">\n                        <label nz-radio-button nzValue=\"horizontal\">水平</label>\n                        <label nz-radio-button nzValue=\"vertical\">垂直</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    主轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"justify\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></nz-option>\n                            <nz-option nzValue=\"space-between\" nzLabel=\"两端对齐\"></nz-option>\n                            <nz-option nzValue=\"space-evenly\" nzLabel=\"均等分\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    交叉轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    换行方式\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"wrap\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"nowrap\" nzLabel=\"不换行\"></nz-option>\n                            <nz-option nzValue=\"wrap\" nzLabel=\"换行\"></nz-option>\n                            <nz-option nzValue=\"wrap-reverse\" nzLabel=\"逆换行\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    间隙\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"gap\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n\n    componentName: \"响应布局\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"响应布局\",\n                children: [],\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                canDrop: true,\n                childDirection: nextInfo.currentObject.direction,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject.children,\n                defaultDropIndex: nextInfo.currentObject.children.length,\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"pic-center\"\n            }),\n            next: [\n                {\n                    parentObject: nextInfo.currentObject.children,\n                    parentId: nextInfo.currentObject.id,\n                    scopeId: nextInfo.scopeId,\n                    canLoop: true\n                }\n            ]\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: {\n                element: element,\n                dropElement: element.firstElementChild as HTMLElement\n            }\n        }\n    },\n};\n\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-flex.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { signal, Component } from '@angular/core';
-import { BaseOptions, Base, DynamicDirective } from 'ngx-axis-appforge/core';
+import { signal, computed, effect, Component } from '@angular/core';
+import { BaseOptions, Base, DynamicDirective, ScopeDirective } from 'ngx-axis-appforge/core';
 import * as i1 from 'ng-zorro-antd/flex';
 import { NzFlexModule } from 'ng-zorro-antd/flex';
+import { filter } from 'rxjs';
 
 class FlexOptions extends BaseOptions {
     direction = signal("horizontal", ...(ngDevMode ? [{ debugName: "direction" }] : []));
@@ -15,13 +16,38 @@ class FlexOptions extends BaseOptions {
 
 class Flex extends Base {
     options = new FlexOptions();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Flex, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: Flex, isStandalone: true, selector: "axis-flex", usesInheritance: true, ngImport: i0, template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }] });
+    loopMap = computed(() => {
+        const loopMap = new Map();
+        this.options.children().filter(item => item.loop)
+            .forEach(item => {
+            loopMap.set(item.id, signal([]));
+        });
+        return loopMap;
+    }, ...(ngDevMode ? [{ debugName: "loopMap" }] : []));
+    constructor() {
+        super();
+        effect(() => {
+            this.options.children().filter(item => item.loop)
+                .forEach(item => {
+                const s = this.loopMap().get(item.id);
+                const io = this.getScope()?.dynamicField(item, "loopTarget", false);
+                if (io?.init !== undefined) {
+                    s.set(io.init);
+                }
+                if (io?.obs) {
+                    this.addSubscribe(io.obs.pipe(filter(v => v !== undefined))
+                        .subscribe(s.set), `bindLoop.${item.id}`);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Flex, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: Flex, isStandalone: true, selector: "axis-flex", usesInheritance: true, ngImport: i0, template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\"\n    [nzJustify]=\"options.justify()\" [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    @if(item.loop){\n    @for (row of loopMap().get(item.id)!(); track row) {\n    <ng-container [axisScope]=\"item.id+'.loop'\" scopeName=\"\u5FAA\u73AF\" [dataSources]=\"[{name:'loopRow',type:'local',data:row}]\">\n        <ng-container [axisDynamic]=\"item\"></ng-container>\n    </ng-container>\n    }\n    }@else{\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Flex, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-flex', imports: [DynamicDirective, NzFlexModule], template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"] }]
-        }] });
+            args: [{ selector: 'axis-flex', imports: [DynamicDirective, NzFlexModule, ScopeDirective], template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\"\n    [nzJustify]=\"options.justify()\" [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    @if(item.loop){\n    @for (row of loopMap().get(item.id)!(); track row) {\n    <ng-container [axisScope]=\"item.id+'.loop'\" scopeName=\"\u5FAA\u73AF\" [dataSources]=\"[{name:'loopRow',type:'local',data:row}]\">\n        <ng-container [axisDynamic]=\"item\"></ng-container>\n    </ng-container>\n    }\n    }@else{\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-axis-appforge-axis-components-flex.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-flex.mjs","sources":["../../../axis-components/flex/flex.options.ts","../../../axis-components/flex/flex.ts","../../../axis-components/flex/flex.html","../../../axis-components/flex/ngx-axis-appforge-axis-components-flex.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { NzAlign, NzJustify, NzWrap } from \"ng-zorro-antd/flex\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class FlexOptions extends BaseOptions {\n    readonly direction = signal<\"horizontal\" | \"vertical\">(\"horizontal\");\n    readonly justify = signal<NzJustify>(\"start\");\n    readonly align = signal<NzAlign>(\"normal\");\n    readonly gap = signal<string>(\"0\");\n    readonly wrap = signal<NzWrap>(\"nowrap\");\n    readonly children = signal<any[]>([]);\n}","import { Component } from '@angular/core';\nimport { FlexOptions } from './flex.options';\nimport { DynamicDirective, Base } from 'ngx-axis-appforge/core';\nimport { NzFlexModule } from 'ng-zorro-antd/flex';\n\n@Component({\n  selector: 'axis-flex',\n  imports: [DynamicDirective, NzFlexModule],\n  templateUrl: './flex.html',\n  styleUrl: './flex.css'\n})\nexport class Flex extends Base<FlexOptions> {\n  \n  override options: FlexOptions = new FlexOptions();\n}\n","<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './flex';\n"],"names":[],"mappings":";;;;;;AAIM,MAAO,WAAY,SAAQ,WAAW,CAAA;AAC/B,IAAA,SAAS,GAAG,MAAM,CAA4B,YAAY,qDAAC;AAC3D,IAAA,OAAO,GAAG,MAAM,CAAY,OAAO,mDAAC;AACpC,IAAA,KAAK,GAAG,MAAM,CAAU,QAAQ,iDAAC;AACjC,IAAA,GAAG,GAAG,MAAM,CAAS,GAAG,+CAAC;AACzB,IAAA,IAAI,GAAG,MAAM,CAAS,QAAQ,gDAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAQ,EAAE,oDAAC;AACxC;;ACAK,MAAO,IAAK,SAAQ,IAAiB,CAAA;AAEhC,IAAA,OAAO,GAAgB,IAAI,WAAW,EAAE;uGAFtC,IAAI,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXjB,6WAKM,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEM,gBAAgB,iMAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI7B,IAAI,EAAA,UAAA,EAAA,CAAA;kBANhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,6WAAA,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA;;;AEP3C;;AAEG;;;;"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-flex.mjs","sources":["../../../axis-components/flex/flex.options.ts","../../../axis-components/flex/flex.ts","../../../axis-components/flex/flex.html","../../../axis-components/flex/ngx-axis-appforge-axis-components-flex.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { NzAlign, NzJustify, NzWrap } from \"ng-zorro-antd/flex\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class FlexOptions extends BaseOptions {\n    readonly direction = signal<\"horizontal\" | \"vertical\">(\"horizontal\");\n    readonly justify = signal<NzJustify>(\"start\");\n    readonly align = signal<NzAlign>(\"normal\");\n    readonly gap = signal<string>(\"0\");\n    readonly wrap = signal<NzWrap>(\"nowrap\");\n    readonly children = signal<any[]>([]);\n}","import { Component, computed, effect, signal, WritableSignal } from '@angular/core';\nimport { FlexOptions } from './flex.options';\nimport { DynamicDirective, Base, ScopeDirective } from 'ngx-axis-appforge/core';\nimport { NzFlexModule } from 'ng-zorro-antd/flex';\nimport { filter } from 'rxjs';\n\n@Component({\n  selector: 'axis-flex',\n  imports: [DynamicDirective, NzFlexModule, ScopeDirective],\n  templateUrl: './flex.html',\n  styleUrl: './flex.css'\n})\nexport class Flex extends Base<FlexOptions> {\n\n  override options: FlexOptions = new FlexOptions();\n\n  readonly loopMap = computed(() => {\n    const loopMap = new Map<string, WritableSignal<any[]>>();\n    this.options.children().filter(item => item.loop)\n      .forEach(item => {\n        loopMap.set(item.id, signal([]));\n      });\n    return loopMap;\n  });\n\n  constructor() {\n    super();\n    effect(() => {\n      this.options.children().filter(item => item.loop)\n        .forEach(item => {\n          const s = this.loopMap().get(item.id)!;\n          const io = this.getScope()?.dynamicField(item, \"loopTarget\", false);\n          if (io?.init !== undefined) {\n            s.set(io.init);\n          }\n          if (io?.obs) {\n            this.addSubscribe(io.obs.pipe(filter(v => v !== undefined))\n              .subscribe(s.set), `bindLoop.${item.id}`);\n          }\n        });\n    });\n  }\n}\n","<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\"\n    [nzJustify]=\"options.justify()\" [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    @if(item.loop){\n    @for (row of loopMap().get(item.id)!(); track row) {\n    <ng-container [axisScope]=\"item.id+'.loop'\" scopeName=\"循环\" [dataSources]=\"[{name:'loopRow',type:'local',data:row}]\">\n        <ng-container [axisDynamic]=\"item\"></ng-container>\n    </ng-container>\n    }\n    }@else{\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n    }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './flex';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-table-design.mjs

@@ -18,7 +18,7 @@ import * as i6 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import * as i8 from 'ng-zorro-antd/switch';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import { FunFieldValueBase, FormValidators, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, FunField, BaseMenu, baseFbConfig, baseFunField, BaseDesignSetting, InputTrigger, DynamicDirective, OptionsNode, copy, SimpleMenu, DataHandler } from 'ngx-axis-appforge/core';
+import { FunFieldValueBase, FormValidators, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, FunField, DynamicDirective, BaseMenu, baseFbConfig, baseFunField, BaseDesignSetting, InputTrigger, OptionsNode, copy, SimpleMenu, DataHandler } from 'ngx-axis-appforge/core';
 import * as i2 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import * as i3$1 from 'ng-zorro-antd/divider';
@@ -31,6 +31,8 @@ import * as i1$1 from 'ng-zorro-antd/menu';
 
 class TableFieldSetting extends FunFieldValueBase {
     fg = this.fb.group({
+        loop: [false, [FormValidators.required]],
+        loopTarget: [],
         inuse: [undefined, FormValidators.requiredFun],
         field: ["unknown", FormValidators.required],
         title: [undefined, FormValidators.requiredFun],
@@ -56,6 +58,9 @@ class TableFieldSetting extends FunFieldValueBase {
         titleGroup: [],
     });
     funFields = {
+        loopTarget: {
+            defaultValue: []
+        },
         inuse: {
             defaultValue: true
         },
@@ -167,11 +172,11 @@ class TableFieldSetting extends FunFieldValueBase {
         return Object.keys(data?.[0] ?? {});
     }, ...(ngDevMode ? [{ debugName: "fields" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableFieldSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: TableFieldSetting, isStandalone: true, selector: "axis-design-table-field-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"title\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u53EF\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"inuse\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BF9\u9F50\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"left\" nzLabel=\"\u5DE6\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u53F3\u5BF9\u9F50\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u56FA\u5B9A\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"freezeMode\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"none\" nzLabel=\"\u4E0D\u56FA\u5B9A\"></nz-option>\n                            <nz-option nzValue=\"left\" nzLabel=\"\u56FA\u5B9A\u5728\u5DE6\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u56FA\u5B9A\u5728\u53F3\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u8868\u5934\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"titleGroup\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"groupLevel\">\n                        <nz-input-number style=\"width: 100%;\" [nzMin]=\"1\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6392\u5E8F\u8FC7\u6EE4\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u6392\u5E8F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().sortAble?.funMode || formValue()?.sortAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9ED8\u8BA4\u6392\u5E8F\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortOrder\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n                            <nz-option nzValue=\"ascend\" nzLabel=\"\u5347\u5E8F\"></nz-option>\n                            <nz-option nzValue=\"descend\" nzLabel=\"\u964D\u5E8F\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6392\u5E8F\u4F18\u5148\u7EA7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortPriority\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if(!useBackEndPaging()){\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u8FC7\u6EE4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().filterAble?.funMode || formValue()?.filterAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u591A\u4E2A\u8FC7\u6EE4\u6761\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterMultiple\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"statisticAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().statisticAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u7EDF\u8BA1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-select formControlName=\"statisticType\">\n                        <nz-option nzValue=\"sum\" nzLabel=\"\u5408\u8BA1\"></nz-option>\n                        <nz-option nzValue=\"average\" nzLabel=\"\u5E73\u5747\"></nz-option>\n                        <nz-option nzValue=\"max\" nzLabel=\"\u6700\u5927\u503C\"></nz-option>\n                        <nz-option nzValue=\"min\" nzLabel=\"\u6700\u5C0F\u503C\"></nz-option>\n                        @if (!useBackEndPaging()) {\n                        <nz-option nzValue=\"custom\" nzLabel=\"\u81EA\u5B9A\u4E49\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!useBackEndPaging() && formValue().statisticType == \"custom\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticFn\" [scopes]=\"statisticFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u51FA\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u51FA\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"export\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().export?.funMode || formValue()?.export?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u51FA\u5185\u5BB9\u8DDF\u968F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFlowChild\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().exportFlowChild?.funMode || !formValue()?.exportFlowChild?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFn\" [scopes]=\"exportFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <!-- <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"import\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().import?.funMode || formValue()?.import?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5FC5\u586B\u6807\u5FD7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importRequired\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u5143\u683C\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importCellType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" [nzAllowClear]=\"false\">\n                            <nz-option nzValue=\"text\" nzLabel=\"\u6587\u672C\"></nz-option>\n                            <nz-option nzValue=\"number\" nzLabel=\"\u6570\u5B57\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u5E2E\u52A9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importHelp\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            } -->\n        </nz-collapse-panel>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i7.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i5.NzInputAddonAfterDirective, selector: "[nzInputAddonAfter]" }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i9.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i9.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i9.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: TableFieldSetting, isStandalone: true, selector: "axis-design-table-field-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"title\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u53EF\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"inuse\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5FAA\u73AF\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"loop\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5FAA\u73AF\u76EE\u6807\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"loopTarget\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BF9\u9F50\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"left\" nzLabel=\"\u5DE6\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u53F3\u5BF9\u9F50\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u56FA\u5B9A\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"freezeMode\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"none\" nzLabel=\"\u4E0D\u56FA\u5B9A\"></nz-option>\n                            <nz-option nzValue=\"left\" nzLabel=\"\u56FA\u5B9A\u5728\u5DE6\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u56FA\u5B9A\u5728\u53F3\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u8868\u5934\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"titleGroup\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"groupLevel\">\n                        <nz-input-number style=\"width: 100%;\" [nzMin]=\"1\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6392\u5E8F\u8FC7\u6EE4\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u6392\u5E8F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().sortAble?.funMode || formValue()?.sortAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9ED8\u8BA4\u6392\u5E8F\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortOrder\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n                            <nz-option nzValue=\"ascend\" nzLabel=\"\u5347\u5E8F\"></nz-option>\n                            <nz-option nzValue=\"descend\" nzLabel=\"\u964D\u5E8F\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6392\u5E8F\u4F18\u5148\u7EA7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortPriority\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if(!useBackEndPaging()){\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u8FC7\u6EE4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().filterAble?.funMode || formValue()?.filterAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u591A\u4E2A\u8FC7\u6EE4\u6761\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterMultiple\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"statisticAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().statisticAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u7EDF\u8BA1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-select formControlName=\"statisticType\">\n                        <nz-option nzValue=\"sum\" nzLabel=\"\u5408\u8BA1\"></nz-option>\n                        <nz-option nzValue=\"average\" nzLabel=\"\u5E73\u5747\"></nz-option>\n                        <nz-option nzValue=\"max\" nzLabel=\"\u6700\u5927\u503C\"></nz-option>\n                        <nz-option nzValue=\"min\" nzLabel=\"\u6700\u5C0F\u503C\"></nz-option>\n                        @if (!useBackEndPaging()) {\n                        <nz-option nzValue=\"custom\" nzLabel=\"\u81EA\u5B9A\u4E49\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!useBackEndPaging() && formValue().statisticType == \"custom\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticFn\" [scopes]=\"statisticFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u51FA\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u51FA\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"export\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().export?.funMode || formValue()?.export?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u51FA\u5185\u5BB9\u8DDF\u968F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFlowChild\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().exportFlowChild?.funMode || !formValue()?.exportFlowChild?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFn\" [scopes]=\"exportFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <!-- <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"import\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().import?.funMode || formValue()?.import?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5FC5\u586B\u6807\u5FD7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importRequired\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u5143\u683C\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importCellType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" [nzAllowClear]=\"false\">\n                            <nz-option nzValue=\"text\" nzLabel=\"\u6587\u672C\"></nz-option>\n                            <nz-option nzValue=\"number\" nzLabel=\"\u6570\u5B57\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u5E2E\u52A9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importHelp\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            } -->\n        </nz-collapse-panel>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i7.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i5.NzInputAddonAfterDirective, selector: "[nzInputAddonAfter]" }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i9.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i9.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i9.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableFieldSetting, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-design-table-field-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, NzInputModule, FunField, NzRadioModule, NzSelectModule, NzInputNumberModule, NzSwitchModule, NzAutocompleteModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"title\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u53EF\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"inuse\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BF9\u9F50\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"left\" nzLabel=\"\u5DE6\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u53F3\u5BF9\u9F50\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u56FA\u5B9A\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"freezeMode\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"none\" nzLabel=\"\u4E0D\u56FA\u5B9A\"></nz-option>\n                            <nz-option nzValue=\"left\" nzLabel=\"\u56FA\u5B9A\u5728\u5DE6\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u56FA\u5B9A\u5728\u53F3\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u8868\u5934\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"titleGroup\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"groupLevel\">\n                        <nz-input-number style=\"width: 100%;\" [nzMin]=\"1\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6392\u5E8F\u8FC7\u6EE4\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u6392\u5E8F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().sortAble?.funMode || formValue()?.sortAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9ED8\u8BA4\u6392\u5E8F\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortOrder\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n                            <nz-option nzValue=\"ascend\" nzLabel=\"\u5347\u5E8F\"></nz-option>\n                            <nz-option nzValue=\"descend\" nzLabel=\"\u964D\u5E8F\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6392\u5E8F\u4F18\u5148\u7EA7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortPriority\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if(!useBackEndPaging()){\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u8FC7\u6EE4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().filterAble?.funMode || formValue()?.filterAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u591A\u4E2A\u8FC7\u6EE4\u6761\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterMultiple\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"statisticAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().statisticAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u7EDF\u8BA1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-select formControlName=\"statisticType\">\n                        <nz-option nzValue=\"sum\" nzLabel=\"\u5408\u8BA1\"></nz-option>\n                        <nz-option nzValue=\"average\" nzLabel=\"\u5E73\u5747\"></nz-option>\n                        <nz-option nzValue=\"max\" nzLabel=\"\u6700\u5927\u503C\"></nz-option>\n                        <nz-option nzValue=\"min\" nzLabel=\"\u6700\u5C0F\u503C\"></nz-option>\n                        @if (!useBackEndPaging()) {\n                        <nz-option nzValue=\"custom\" nzLabel=\"\u81EA\u5B9A\u4E49\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!useBackEndPaging() && formValue().statisticType == \"custom\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticFn\" [scopes]=\"statisticFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u51FA\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u51FA\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"export\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().export?.funMode || formValue()?.export?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u51FA\u5185\u5BB9\u8DDF\u968F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFlowChild\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().exportFlowChild?.funMode || !formValue()?.exportFlowChild?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFn\" [scopes]=\"exportFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <!-- <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"import\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().import?.funMode || formValue()?.import?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5FC5\u586B\u6807\u5FD7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importRequired\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u5143\u683C\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importCellType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" [nzAllowClear]=\"false\">\n                            <nz-option nzValue=\"text\" nzLabel=\"\u6587\u672C\"></nz-option>\n                            <nz-option nzValue=\"number\" nzLabel=\"\u6570\u5B57\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u5E2E\u52A9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importHelp\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            } -->\n        </nz-collapse-panel>\n    </nz-collapse>\n</form>" }]
+            args: [{ selector: 'axis-design-table-field-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, NzInputModule, FunField, NzRadioModule, NzSelectModule, NzInputNumberModule, NzSwitchModule, NzAutocompleteModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5B57\u6BB5\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"title\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u53EF\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"inuse\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5FAA\u73AF\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"loop\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5FAA\u73AF\u76EE\u6807\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"loopTarget\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BF9\u9F50\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"left\" nzLabel=\"\u5DE6\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u53F3\u5BF9\u9F50\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u56FA\u5B9A\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"freezeMode\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"none\" nzLabel=\"\u4E0D\u56FA\u5B9A\"></nz-option>\n                            <nz-option nzValue=\"left\" nzLabel=\"\u56FA\u5B9A\u5728\u5DE6\"></nz-option>\n                            <nz-option nzValue=\"right\" nzLabel=\"\u56FA\u5B9A\u5728\u53F3\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u8868\u5934\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"titleGroup\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u672A\u5B9E\u73B0\">\n                    \u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"groupLevel\">\n                        <nz-input-number style=\"width: 100%;\" [nzMin]=\"1\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6392\u5E8F\u8FC7\u6EE4\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u6392\u5E8F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().sortAble?.funMode || formValue()?.sortAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9ED8\u8BA4\u6392\u5E8F\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortOrder\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n                            <nz-option nzValue=\"ascend\" nzLabel=\"\u5347\u5E8F\"></nz-option>\n                            <nz-option nzValue=\"descend\" nzLabel=\"\u964D\u5E8F\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6392\u5E8F\u4F18\u5148\u7EA7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"sortPriority\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if(!useBackEndPaging()){\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u8FC7\u6EE4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterAble\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().filterAble?.funMode || formValue()?.filterAble?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u591A\u4E2A\u8FC7\u6EE4\u6761\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterMultiple\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"statisticAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().statisticAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u7EDF\u8BA1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-select formControlName=\"statisticType\">\n                        <nz-option nzValue=\"sum\" nzLabel=\"\u5408\u8BA1\"></nz-option>\n                        <nz-option nzValue=\"average\" nzLabel=\"\u5E73\u5747\"></nz-option>\n                        <nz-option nzValue=\"max\" nzLabel=\"\u6700\u5927\u503C\"></nz-option>\n                        <nz-option nzValue=\"min\" nzLabel=\"\u6700\u5C0F\u503C\"></nz-option>\n                        @if (!useBackEndPaging()) {\n                        <nz-option nzValue=\"custom\" nzLabel=\"\u81EA\u5B9A\u4E49\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!useBackEndPaging() && formValue().statisticType == \"custom\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticFn\" [scopes]=\"statisticFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u51FA\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u51FA\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"export\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().export?.funMode || formValue()?.export?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u51FA\u5185\u5BB9\u8DDF\u968F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFlowChild\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().exportFlowChild?.funMode || !formValue()?.exportFlowChild?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFn\" [scopes]=\"exportFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <!-- <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5BFC\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"import\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().import?.funMode || formValue()?.import?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5FC5\u586B\u6807\u5FD7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importRequired\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u5143\u683C\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importCellType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" [nzAllowClear]=\"false\">\n                            <nz-option nzValue=\"text\" nzLabel=\"\u6587\u672C\"></nz-option>\n                            <nz-option nzValue=\"number\" nzLabel=\"\u6570\u5B57\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u5E2E\u52A9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importHelp\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            } -->\n        </nz-collapse-panel>\n    </nz-collapse>\n</form>" }]
         }] });
 
 class TableFieldsMenu extends BaseMenu {