ngx-axis-appforge 0.0.0-watch

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

@@ -0,0 +1,497 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i9 from 'ng-zorro-antd/auto-complete';
+import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import * as i4 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i3 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i6 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i7 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i9$1 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i6$1 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, SimpleMenu } 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';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import * as i2$1 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i4$1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i1$1 from 'ng-zorro-antd/menu';
+
+class TableFieldSetting extends FunFieldValueBase {
+    fg = this.fb.group({
+        inuse: [undefined, FormValidators.requiredFun],
+        field: ["unknown", FormValidators.required],
+        title: [undefined, FormValidators.requiredFun],
+        export: [undefined, FormValidators.requiredFun],
+        exportFlowChild: [undefined, FormValidators.requiredFun],
+        exportFn: [],
+        import: [undefined, FormValidators.requiredFun],
+        importRequired: [undefined, FormValidators.requiredFun],
+        importCellType: [undefined, FormValidators.requiredFun],
+        importHelp: [],
+        sortAble: [undefined, FormValidators.requiredFun],
+        sortOrder: [],
+        sortPriority: [],
+        filterAble: [undefined, FormValidators.requiredFun],
+        filterMultiple: [undefined, FormValidators.requiredFun],
+        width: [],
+        align: [undefined, FormValidators.requiredFun],
+        freezeMode: [undefined, FormValidators.requiredFun],
+        groupLevel: [],
+        statisticAble: [false, FormValidators.required],
+        statisticType: ["sum", FormValidators.required],
+        statisticFn: [],
+        titleGroup: [],
+    });
+    funFields = {
+        inuse: {
+            defaultValue: true
+        },
+        title: {
+            defaultValue: "未命名"
+        },
+        export: {
+            defaultValue: false
+        },
+        exportFlowChild: {
+            defaultValue: true
+        },
+        import: {
+            defaultValue: false
+        },
+        importRequired: {
+            defaultValue: false
+        },
+        importCellType: {
+            defaultValue: "text"
+        },
+        importHelp: {
+            defaultValue: undefined
+        },
+        sortAble: {
+            defaultValue: false
+        },
+        sortOrder: {
+            defaultValue: null
+        },
+        sortPriority: {
+            defaultValue: null
+        },
+        filterAble: {
+            defaultValue: false
+        },
+        filterMultiple: {
+            defaultValue: false
+        },
+        width: {
+            defaultValue: null
+        },
+        align: {
+            defaultValue: "left"
+        },
+        freezeMode: {
+            defaultValue: "none"
+        },
+        titleGroup: {
+            defaultValue: undefined
+        },
+        groupLevel: {
+            defaultValue: null
+        },
+    };
+    elementRef = inject(AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN);
+    tableOptions = computed(() => {
+        return this.elementRef.ref?.instance.options;
+    }, ...(ngDevMode ? [{ debugName: "tableOptions" }] : []));
+    useBackEndPaging = computed(() => this.tableOptions().showPagination() && this.tableOptions().useBackEndPaging(), ...(ngDevMode ? [{ debugName: "useBackEndPaging" }] : []));
+    tableRows = computed(() => {
+        if (this.tableOptions()?.showPagination() && this.tableOptions()?.useBackEndPaging()) {
+            return this.tableOptions().data()?.rows;
+        }
+        else {
+            return this.tableOptions()?.data();
+        }
+    }, ...(ngDevMode ? [{ debugName: "tableRows" }] : []));
+    statisticFnScopes = computed(() => {
+        let data = this.tableRows();
+        return [{
+                scopeId: this.elementRef.options.id + '.statistic.' + this.formValue().field,
+                scopeName: "统计",
+                ds: {
+                    result: null,
+                    index: 0,
+                    row: data?.[0] ?? {},
+                    value: data?.[0]?.[this.formValue().field] ?? null
+                }
+            }];
+    }, ...(ngDevMode ? [{ debugName: "statisticFnScopes" }] : []));
+    fields = computed(() => {
+        let data = this.tableRows();
+        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(!tableOptions().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\u5BFC\u5165(\u672A\u5B9E\u73B0)\">\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\" [onlyFun]=\"true\" [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: i6.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$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.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: i6.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 });
+}
+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(!tableOptions().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\u5BFC\u5165(\u672A\u5B9E\u73B0)\">\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\" [onlyFun]=\"true\" [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 {
+    addField() {
+        const field = `unnamed#${this.optionsNodes.current.options.length + 1}`;
+        this.optionsNodes.current.options.push({
+            field: field,
+            title: "未命名",
+            inuse: true,
+        });
+        this.onChange?.({ nextNodeId: `${this.optionsNodes.parent?.id}.${field}`, historyDesc: "添加表格字段" });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableFieldsMenu, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: TableFieldsMenu, isStandalone: true, selector: "axis-design-table-fields-menu", usesInheritance: true, ngImport: i0, template: "<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu>\n        <li nz-menu-item (click)=\"addField()\">\n            <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n            <nz-divider nzType=\"vertical\"></nz-divider>\n            <span>\u6DFB\u52A0\u5B57\u6BB5</span>\n        </li>\n    </ul>\n</nz-dropdown-menu>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i1$1.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$1.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzDividerModule }, { kind: "component", type: i3$1.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzVariant", "nzSize", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableFieldsMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-table-fields-menu', imports: [NzDropDownModule, NzDividerModule, NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu>\n        <li nz-menu-item (click)=\"addField()\">\n            <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n            <nz-divider nzType=\"vertical\"></nz-divider>\n            <span>\u6DFB\u52A0\u5B57\u6BB5</span>\n        </li>\n    </ul>\n</nz-dropdown-menu>" }]
+        }] });
+
+class TableSetting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        keyField: [],
+        showExpand: [undefined, FormValidators.requiredFun],
+        expandMode: ["custom", FormValidators.required],
+        treeChildrenFun: [],
+        showTableTitleSet: [undefined, FormValidators.requiredFun],
+        tableSetCacheKey: [],
+        data: [],
+        size: [undefined, FormValidators.requiredFun],
+        showOrder: [undefined, FormValidators.requiredFun],
+        heightExpanded: [undefined, FormValidators.requiredFun],
+        showDataSize: [undefined, FormValidators.requiredFun],
+        bordered: [undefined, FormValidators.requiredFun],
+        outerBordered: [undefined, FormValidators.requiredFun],
+        width: [],
+        actionsFieldWidth: [],
+        showCheckbox: [undefined, FormValidators.requiredFun],
+        singleCheck: [undefined, FormValidators.requiredFun],
+        checkboxLinkageForExpand: [false, FormValidators.required],
+        disableCheckboxFn: [],
+        showStatistic: [undefined, FormValidators.requiredFun],
+        statisticTitle: [],
+        showSubTotal: [undefined, FormValidators.requiredFun],
+        subTotalTitle: [],
+        subTotalGroupLevel: [undefined, FormValidators.requiredFun],
+        showPagination: [true, FormValidators.required],
+        virtualScroll: [false, FormValidators.required],
+        virtualItemSize: [32, FormValidators.required],
+        pageSize: [undefined, FormValidators.requiredFun],
+        showSizeChanger: [undefined, FormValidators.requiredFun],
+        pageSizeOptions: ["10,20,50,100", [FormValidators.required, FormValidators.pattern(/^\d+(?:,\d+)*$/)]],
+        useBackEndPaging: [false, FormValidators.required],
+        exportFileName: [],
+        exportBookType: [undefined, FormValidators.requiredFun],
+        importLimitLength: [],
+        importStartLine: [undefined, FormValidators.requiredFun],
+        importTemplateFileName: [],
+        importExampleData: [],
+    });
+    funFields = {
+        ...baseFunField,
+        showExpand: {
+            defaultValue: false
+        },
+        showTableTitleSet: {
+            defaultValue: false
+        },
+        tableSetCacheKey: {
+            defaultValue: undefined
+        },
+        data: {
+            defaultValue: undefined,
+        },
+        size: {
+            defaultValue: "middle"
+        },
+        showOrder: {
+            defaultValue: true
+        },
+        heightExpanded: {
+            defaultValue: false
+        },
+        showDataSize: {
+            defaultValue: true
+        },
+        bordered: {
+            defaultValue: false
+        },
+        outerBordered: {
+            defaultValue: false
+        },
+        width: {
+            defaultValue: null
+        },
+        actionsFieldWidth: {
+            defaultValue: null
+        },
+        showCheckbox: {
+            defaultValue: false
+        },
+        singleCheck: {
+            defaultValue: false
+        },
+        showStatistic: {
+            defaultValue: false
+        },
+        statisticTitle: {
+            defaultValue: "合计"
+        },
+        showSubTotal: {
+            defaultValue: false
+        },
+        subTotalTitle: {
+            defaultValue: undefined
+        },
+        subTotalGroupLevel: {
+            defaultValue: 1
+        },
+        pageSize: {
+            defaultValue: 10
+        },
+        showSizeChanger: {
+            defaultValue: true
+        },
+        exportFileName: {
+            defaultValue: "数据导出"
+        },
+        exportBookType: {
+            defaultValue: "xlsx"
+        },
+        importLimitLength: {
+            defaultValue: null
+        },
+        importStartLine: {
+            defaultValue: 2
+        },
+        importTemplateFileName: {
+            defaultValue: "数据导入模版"
+        },
+        importExampleData: {
+            defaultValue: []
+        },
+    };
+    dataFunField;
+    useBackEndPaging = computed(() => this.formValue()?.showPagination && this.formValue()?.useBackEndPaging, ...(ngDevMode ? [{ debugName: "useBackEndPaging" }] : []));
+    rowScopes = computed(() => [{
+            scopeId: this.formValue()?.id + '.row',
+            scopeName: "表格行",
+            ds: {
+                row: (this.useBackEndPaging() ? this.dataFunField.computeResult()?.rows : this.dataFunField.computeResult())?.[0] ?? {}
+            }
+        }], ...(ngDevMode ? [{ debugName: "rowScopes" }] : []));
+    eventDesc = computed(() => {
+        const res = [];
+        if (this.formValue()?.showCheckbox.funMode || this.formValue()?.showCheckbox.originValue) {
+            res.push({
+                name: 'onSelectedChange',
+                title: '行选择改变',
+                ds: {
+                    selectedRows: "示例数据"
+                }
+            });
+        }
+        if (this.formValue()?.showPagination && this.formValue()?.useBackEndPaging) {
+            res.push({
+                name: 'backendPageParamsChange',
+                title: '后端分页参数改变',
+                ds: {
+                    pageParams: {
+                        use_page: true,
+                        page_index: 1,
+                        page_size: 10
+                    }
+                }
+            });
+        }
+        return res;
+    }, ...(ngDevMode ? [{ debugName: "eventDesc" }] : []));
+    fields = computed(() => {
+        return Object.keys((this.useBackEndPaging() ? this.dataFunField.computeResult()?.rows : this.dataFunField.computeResult())?.[0] ?? {});
+    }, ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: TableSetting, isStandalone: true, selector: "axis-design-table-setting", viewQueries: [{ propertyName: "dataFunField", first: true, predicate: ["dataFunField"], descendants: true, static: true }], 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\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" [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                    \u6269\u5C55\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.showExpand.funMode || formValue()?.showExpand.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u6A21\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-radio-group formControlName=\"expandMode\">\n                        <label nz-radio-button nzValue=\"custom\">\u81EA\u5B9A\u4E49</label>\n                        <label nz-radio-button nzValue=\"tree\">\u6811</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().expandMode == \"tree\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u9ED8\u8BA4\u53D6children\u5B57\u6BB5\uFF0C\u82E5\u4E0D\u662F\u8BF7\u7F16\u5199\u51FD\u6570\u8FD4\u56DE\u5B50\u8282\u70B9\">\n                    \u5B50\u8282\u70B9\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"treeChildrenFun\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\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 nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\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\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" 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                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\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\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\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 nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\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                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\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                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\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                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\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\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\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\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\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-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u82E5\u5F53\u524D\u8868\u683C\u5728\u5176\u4ED6\u7236\u8868\u683C\u7684\u6269\u5C55\u884C\u4E2D\uFF0C\u53EF\u8054\u52A8\u7236\u8868\u683C\u7684\u52FE\u9009\u72B6\u6001\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9009\u62E9\u5668\u7981\u7528\u811A\u672C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disableCheckboxFn\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6570\u636E\u7EDF\u8BA1\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showStatistic\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showStatistic?.funMode || formValue()?.showStatistic?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <!-- @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\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                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            } -->\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\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                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></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                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></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                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\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            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\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        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ 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: 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: 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: "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: NzGridModule }, { 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: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: InputTrigger, selector: "axis-input-trigger", inputs: ["internalTriggers", "optionsNodeId", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }, { 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: i6.NzInputAddonAfterDirective, selector: "[nzInputAddonAfter]" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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: NzSelectModule }, { kind: "component", type: i6$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.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: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i9$1.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i9$1.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TableSetting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-table-setting', imports: [NzFormModule, FormsModule, ReactiveFormsModule, FunField, NzGridModule, NzCollapseModule, BaseDesignSetting, InputTrigger, NzInputNumberModule, NzInputModule, NzSwitchModule, NzSelectModule, DynamicDirective, NzRadioModule, 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\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" [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                    \u6269\u5C55\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.showExpand.funMode || formValue()?.showExpand.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u6A21\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-radio-group formControlName=\"expandMode\">\n                        <label nz-radio-button nzValue=\"custom\">\u81EA\u5B9A\u4E49</label>\n                        <label nz-radio-button nzValue=\"tree\">\u6811</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().expandMode == \"tree\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u9ED8\u8BA4\u53D6children\u5B57\u6BB5\uFF0C\u82E5\u4E0D\u662F\u8BF7\u7F16\u5199\u51FD\u6570\u8FD4\u56DE\u5B50\u8282\u70B9\">\n                    \u5B50\u8282\u70B9\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"treeChildrenFun\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\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 nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\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\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" 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                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\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\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\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 nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\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                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\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                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\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                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\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\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\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\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\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-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u82E5\u5F53\u524D\u8868\u683C\u5728\u5176\u4ED6\u7236\u8868\u683C\u7684\u6269\u5C55\u884C\u4E2D\uFF0C\u53EF\u8054\u52A8\u7236\u8868\u683C\u7684\u52FE\u9009\u72B6\u6001\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u9009\u62E9\u5668\u7981\u7528\u811A\u672C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disableCheckboxFn\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u6570\u636E\u7EDF\u8BA1\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u7EDF\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showStatistic\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showStatistic?.funMode || formValue()?.showStatistic?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u7EDF\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"statisticTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <!-- @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\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                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            } -->\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\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                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></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                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></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                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\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            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\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        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+        }], propDecorators: { dataFunField: [{
+                type: ViewChild,
+                args: ["dataFunField", { static: true }]
+            }] } });
+
+const Config = {
+    componentName: "表格",
+    buildOptionsNodes(nextInfo) {
+        const next = [];
+        const fieldsChildren = [];
+        const fieldsNode = new OptionsNode({
+            id: nextInfo.currentObject.id + ".fields",
+            parentId: nextInfo.currentObject.id,
+            parentObj: nextInfo.currentObject,
+            indexOfParentObj: "fields",
+            scopeId: nextInfo.scopeId,
+            rootOptions: nextInfo.currentObject.fields,
+            contextMenu: TableFieldsMenu,
+            name: `表格列[${nextInfo.currentObject.fields?.length ?? 0}]`,
+            canDrop: true,
+            dropType: "axis-components/table/table-field",
+            dropObj: nextInfo.currentObject.fields,
+            defaultDropIndex: nextInfo.currentObject.fields?.length ?? 0,
+            childDirection: 'horizontal',
+            icon: "project",
+            children: fieldsChildren
+        });
+        nextInfo.currentObject.fields?.forEach((f, i) => {
+            next.push({
+                parentId: fieldsNode.id + "." + f.field,
+                parentObject: f,
+                indexOfParent: "child",
+                scopeId: nextInfo.currentObject.id + ".row"
+            });
+            fieldsChildren.push(new OptionsNode({
+                id: fieldsNode.id + "." + f.field,
+                updateId: (options) => fieldsNode.id + "." + options.field,
+                scopeId: fieldsNode.scopeId,
+                parentId: fieldsNode.id,
+                parentObj: fieldsNode.options,
+                indexOfParentObj: i,
+                rootOptions: f,
+                name: `字段[${f.field}]`,
+                icon: "profile",
+                canSetting: true,
+                settingType: TableFieldSetting,
+                contextMenu: SimpleMenu,
+                canDrag: true,
+                dragType: "axis-components/table/table-field",
+                canDrop: true,
+                dropType: "component",
+                dropObj: f,
+                defaultDropIndex: "child",
+                children: []
+            }));
+        });
+        const rowActionsNode = new OptionsNode({
+            id: nextInfo.currentObject.id + ".rowActions",
+            parentId: nextInfo.currentObject.id,
+            parentObj: nextInfo.currentObject,
+            indexOfParentObj: "rowActions",
+            scopeId: nextInfo.scopeId,
+            rootOptions: nextInfo.currentObject.rowActions,
+            name: `操作列[${nextInfo.currentObject.rowActions?.length ?? 0}]`,
+            contextMenu: SimpleMenu,
+            canDrop: true,
+            dropType: "component",
+            dropObj: nextInfo.currentObject.rowActions,
+            defaultDropIndex: nextInfo.currentObject.rowActions?.length ?? 0,
+            childDirection: 'horizontal',
+            icon: "control",
+            children: []
+        });
+        next.push({
+            parentId: rowActionsNode.id,
+            parentObject: rowActionsNode.options,
+            scopeId: nextInfo.currentObject.id + ".row"
+        });
+        const expandNode = new OptionsNode({
+            id: nextInfo.currentObject.id + ".expandRow",
+            parentId: nextInfo.currentObject.id,
+            parentObj: nextInfo.currentObject,
+            indexOfParentObj: "expandRow",
+            scopeId: nextInfo.scopeId,
+            rootOptions: nextInfo.currentObject,
+            name: "扩展行",
+            contextMenu: SimpleMenu,
+            canDrop: true,
+            dropType: "component",
+            dropObj: nextInfo.currentObject,
+            defaultDropIndex: "expandRow",
+            icon: "control",
+            children: []
+        });
+        next.push({
+            parentId: expandNode.id,
+            parentObject: nextInfo.currentObject,
+            indexOfParent: "expandRow",
+            scopeId: nextInfo.currentObject.id + ".row"
+        });
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "表格",
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                settingType: TableSetting,
+                contextMenu: SimpleMenu,
+                icon: "table",
+                children: [
+                    fieldsNode,
+                    rowActionsNode,
+                    expandNode
+                ],
+            }),
+            next: next,
+            newScopes: [
+                {
+                    scopeId: nextInfo.currentObject.id + ".row",
+                    parentScopeId: nextInfo.scopeId,
+                    scopeName: "表格行",
+                    ds: {
+                        row: nextInfo.currentObject.data?.[0] ?? "示例数据"
+                    }
+                }
+            ]
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        const fieldsParent = element.querySelector("thead>.ant-table-row");
+        const res = {
+            [options.id]: { element },
+            [`${options.id}.fields`]: { element: fieldsParent, dropElement: fieldsParent },
+        };
+        options.fields?.forEach((f) => {
+            const fieldElement = fieldsParent?.querySelector(`th[data-field="${f.field}"]`);
+            const fieldChildElement = element?.querySelector(`td[data-field="${f.field}"]`);
+            res[`${options.id}.fields.${f.field}`] = { element: fieldElement, dropElement: fieldChildElement };
+        });
+        const rowActionsElement = fieldsParent?.querySelector("th[data-rowactions]");
+        const rowActionsChildElement = element.querySelector("td>div[data-rowactions]");
+        res[`${options.id}.rowActions`] = { element: rowActionsElement, dropElement: rowActionsChildElement };
+        const expandRowElement = element.querySelector("tr[data-expandrow]");
+        res[`${options.id}.expandRow`] = { element: expandRowElement, dropElement: expandRowElement };
+        return res;
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-table-design.mjs.map