ngx-axis-appforge 0.0.16 → 0.0.17

package/axis-components/edit-table/design/index.d.ts

@@ -0,0 +1,5 @@
+import { DesignConfig } from 'ngx-axis-appforge/core';
+
+declare const Config: DesignConfig;
+
+export { Config };

package/axis-components/edit-table/index.d.ts

@@ -0,0 +1,124 @@
+import * as _angular_core from '@angular/core';
+import { Signal, OnInit, OnDestroy, WritableSignal } from '@angular/core';
+import { ValueAccessOptions, ScopeDirective, ValueAccess } from 'ngx-axis-appforge/core';
+import { NzTableFilterList } from 'ng-zorro-antd/table';
+import { UntypedFormGroup, FormArray, AbstractControl } from '@angular/forms';
+import { Subscription } from 'rxjs';
+
+declare class EditTableOptions extends ValueAccessOptions {
+    readonly disabledAppend: _angular_core.WritableSignal<boolean>;
+    readonly disabledRemove: _angular_core.WritableSignal<boolean>;
+    readonly disabledRemoveFn: _angular_core.WritableSignal<string>;
+    readonly maxLength: _angular_core.WritableSignal<number | null>;
+    readonly addInitData: _angular_core.WritableSignal<any>;
+    readonly size: _angular_core.WritableSignal<"middle" | "small" | "default">;
+    readonly showOrder: _angular_core.WritableSignal<boolean>;
+    readonly showDataSize: _angular_core.WritableSignal<boolean>;
+    readonly bordered: _angular_core.WritableSignal<boolean>;
+    readonly outerBordered: _angular_core.WritableSignal<boolean>;
+    readonly width: _angular_core.WritableSignal<string | undefined>;
+    readonly showCheckbox: _angular_core.WritableSignal<boolean>;
+    readonly checkedFormName: _angular_core.WritableSignal<string>;
+    readonly singleCheck: _angular_core.WritableSignal<boolean>;
+    readonly disableCheckboxFn: _angular_core.WritableSignal<string | undefined>;
+    readonly defaultSelectFirstRow: _angular_core.WritableSignal<boolean>;
+    readonly showTotal: _angular_core.WritableSignal<boolean>;
+    readonly totalTitle: _angular_core.WritableSignal<string>;
+    readonly showSubTotal: _angular_core.WritableSignal<boolean>;
+    readonly showPagination: _angular_core.WritableSignal<boolean>;
+    readonly pageSize: _angular_core.WritableSignal<number>;
+    readonly showSizeChanger: _angular_core.WritableSignal<boolean>;
+    readonly pageSizeOptions: _angular_core.WritableSignal<string>;
+    readonly fields: _angular_core.WritableSignal<any[]>;
+}
+declare class EditTableFieldOptions {
+    readonly inuse: _angular_core.WritableSignal<boolean>;
+    readonly field: _angular_core.WritableSignal<string>;
+    readonly title: _angular_core.WritableSignal<string>;
+    readonly sortAble: _angular_core.WritableSignal<boolean>;
+    readonly sortOrder: _angular_core.WritableSignal<"descend" | "ascend" | null>;
+    readonly sortPriority: _angular_core.WritableSignal<number | null>;
+    readonly filterAble: _angular_core.WritableSignal<boolean>;
+    readonly filterMultiple: _angular_core.WritableSignal<boolean>;
+    readonly width: _angular_core.WritableSignal<number | null>;
+    readonly align: _angular_core.WritableSignal<"left" | "right" | "center">;
+    readonly freezeMode: _angular_core.WritableSignal<"left" | "right" | "none">;
+    readonly totalAble: _angular_core.WritableSignal<boolean>;
+    readonly totalFn: _angular_core.WritableSignal<string | undefined>;
+    readonly validators: _angular_core.WritableSignal<any[]>;
+    readonly child: _angular_core.WritableSignal<any>;
+}
+
+declare class Select {
+    private options;
+    private rowData;
+    private scope;
+    constructor(options: EditTableOptions, rowData: Signal<EditTableRowData[]>, scope: ScopeDirective | null);
+    readonly headerChecked: _angular_core.WritableSignal<"checked" | "none" | "indeterminate">;
+    setOfCheckedId: Set<unknown>;
+    setOfIndeterminateId: Set<unknown>;
+    setOfDisabledId: Signal<Set<string>>;
+    private buildDisabledId;
+    onAllChecked(checked: boolean): void;
+    toggleChecked(row: EditTableRowData): void;
+    onItemChecked(row: EditTableRowData, checked: boolean): void;
+    updateCheckedSet(row: EditTableRowData, checked: boolean): void;
+    refreshCheckedStatus(): void;
+    refreshCheckedFormValue(): void;
+    getSelectedData(): EditTableRowData[] | undefined;
+}
+
+declare class EditTable extends ValueAccess<EditTableOptions> implements OnInit, OnDestroy {
+    constructor();
+    protected options: EditTableOptions;
+    private readonly fb;
+    readonly fg: UntypedFormGroup;
+    get fa(): FormArray<AbstractControl>;
+    readonly rowData: WritableSignal<EditTableRowData[]>;
+    readonly select: Select;
+    readonly pageSizeOptions: _angular_core.Signal<number[]>;
+    readonly scroll: _angular_core.Signal<{
+        x: string;
+        y: string;
+    }>;
+    readonly fields: _angular_core.Signal<EditTableFieldOptions[]>;
+    readonly leaderFieldWidth: _angular_core.Signal<number>;
+    readonly fieldsControlsMap: _angular_core.Signal<{
+        [field: string]: {
+            sortFn?: any;
+            filterItems?: NzTableFilterList;
+            filterFn?: any;
+        } | undefined;
+    }>;
+    readonly setOfDisabledRemoveId: WritableSignal<Set<string>>;
+    readonly disabledAppend: _angular_core.Signal<boolean>;
+    readonly disabledRemove: _angular_core.Signal<boolean>;
+    readonly pageIndex: _angular_core.ModelSignal<number>;
+    ngOnInit(): void;
+    idRequired(field: EditTableFieldOptions): boolean;
+    private buildFields;
+    private buildScoll;
+    private buildLeaderFieldWidth;
+    private buildFieldControls;
+    writeValue(value: any): void;
+    setInitValue(value: any): void;
+    valueToFormValue(): void;
+    formValueToValue(): void;
+    buildRow(): EditTableRowData;
+    addRow(): void;
+    removeRow(index: number): void;
+    refreshStatus(row: EditTableRowData): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditTable, "axis-edit-table", never, { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; }, never, never, true, never>;
+}
+interface EditTableRowData {
+    key: string;
+    status: WritableSignal<'ignore' | 'invalid' | 'success'>;
+    control: AbstractControl;
+    subs: Subscription[];
+    disabledRemove: WritableSignal<boolean>;
+}
+
+export { EditTable };
+export type { EditTableRowData };

package/core/index.d.ts

@@ -621,6 +621,7 @@ declare class FormValidators extends Validators {
     static max(maxvalue: number): ValidatorFn;
     static pattern(pattern: string | RegExp): ValidatorFn;
 }
+declare function buildValidators(validators: any[]): ValidatorFn[];
 
 declare class BaseDesignSetting implements AfterViewInit {
     private element;
@@ -751,6 +752,32 @@ declare class SimpleMenu extends BaseMenu {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SimpleMenu, "axis-design-simple-menu", never, {}, {}, never, never, true, never>;
 }
 
+declare class InputValidator extends FunFieldBase implements ControlValueAccessor {
+    private element;
+    constructor(element: ElementRef);
+    readonly value: _angular_core.ModelSignal<any[] | undefined>;
+    readonly showLine: _angular_core.WritableSignal<boolean>;
+    onChange: any;
+    editIndex: number;
+    readonly showModal: _angular_core.ModelSignal<boolean>;
+    readonly validatorDesc: _angular_core.Signal<string[] | undefined>;
+    fg: UntypedFormGroup;
+    protected funFields: FunFieldOptions;
+    writeValue(v: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngAfterViewInit(): void;
+    private buildValidatorsDesc;
+    private wrapFunField;
+    private wrapNumberField;
+    openWithCreate(): void;
+    openWithUpdate(index: number): void;
+    save(): void;
+    deleteValidator(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputValidator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputValidator, "axis-input-validator", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "showModal": { "alias": "showModal"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "showModal": "showModalChange"; }, never, never, true, never>;
+}
+
 declare function listSort(list: Array<any>, compareField: string, reverse?: boolean): void;
 declare function trackByFn(trackByField: string): (index: number, item: any) => any;
 declare function copy(obj: any, deepCopy?: boolean): any;
@@ -784,5 +811,5 @@ interface DynamicFnOptions {
 }
 declare function fn(fnBody: string, argsObj: any, ignoreUndefined?: boolean, printError?: boolean): any;
 
-export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
+export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, InputValidator, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, buildValidators, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
 export type { Cmplib, DataSourceOptions, DesignBindElementsResult, DesignBuildResult, DesignConfig, DynamicFnOptions, EventDesc, EventHandlerDesc, EventHandlerDescGroup, EventHandlerOptions, EventsHandler, Example, ExampleBuilder, ExampleDesc, ExampleGroup, FlatNode, FunFieldOptions, FunFieldValue, MyErrorsOptions, MyValidationErrors, NextInfo, OptionsChangeEvent, RegisteFormControlOptions, RegisteValueAccessOptions, ScopeInfo, TriggeEventsOptions };

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

@@ -0,0 +1,287 @@
+import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, FunField, BaseDesignSetting, InputTrigger, DynamicDirective, ValueDesignSetting, BaseMenu, CommonMenu, InputValidator, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i1 from 'ng-zorro-antd/grid';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import * as i4 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i5 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i6 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i7 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i6$1 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i8 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+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 EditTableSetting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        ...valueFbConfig,
+        disabledAppend: [undefined, FormValidators.requiredFun],
+        disabledRemove: [undefined, FormValidators.requiredFun],
+        disabledRemoveFn: [],
+        maxLength: [],
+        addInitData: [],
+        size: [undefined, FormValidators.requiredFun],
+        showOrder: [undefined, FormValidators.requiredFun],
+        showDataSize: [undefined, FormValidators.requiredFun],
+        bordered: [undefined, FormValidators.requiredFun],
+        outerBordered: [undefined, FormValidators.requiredFun],
+        width: [],
+        showCheckbox: [undefined, FormValidators.requiredFun],
+        checkedFormName: ["checked", FormValidators.required],
+        singleCheck: [undefined, FormValidators.requiredFun],
+        disableCheckboxFn: [],
+        showTotal: [undefined, FormValidators.requiredFun],
+        totalTitle: [],
+        showPagination: [true, FormValidators.required],
+        pageSize: [undefined, FormValidators.requiredFun],
+        showSizeChanger: [undefined, FormValidators.requiredFun],
+        pageSizeOptions: ["10,20,50,100", [FormValidators.required, FormValidators.pattern(/^\d+(?:,\d+)*$/)]],
+    });
+    funFields = {
+        ...baseFunField,
+        ...valueFunField,
+        disabledAppend: {
+            defaultValue: false
+        },
+        disabledRemove: {
+            defaultValue: false
+        },
+        maxLength: {
+            defaultValue: null
+        },
+        size: {
+            defaultValue: "middle"
+        },
+        showOrder: {
+            defaultValue: true
+        },
+        showDataSize: {
+            defaultValue: true
+        },
+        bordered: {
+            defaultValue: false
+        },
+        outerBordered: {
+            defaultValue: false
+        },
+        width: {
+            defaultValue: null
+        },
+        showCheckbox: {
+            defaultValue: false
+        },
+        singleCheck: {
+            defaultValue: false
+        },
+        showTotal: {
+            defaultValue: false
+        },
+        totalTitle: {
+            defaultValue: "合计"
+        },
+        pageSize: {
+            defaultValue: 10
+        },
+        showSizeChanger: {
+            defaultValue: true
+        },
+        addInitData: {
+            defaultValue: undefined
+        },
+    };
+    rowScopes = computed(() => {
+        const row = {};
+        this.value().fields?.forEach((field) => {
+            row[field.field] = "示例数据";
+        });
+        return [{
+                scopeId: this.formValue()?.id + '.row',
+                scopeName: "可编辑表格行",
+                ds: { row }
+            }];
+    }, ...(ngDevMode ? [{ debugName: "rowScopes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EditTableSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: EditTableSetting, isStandalone: true, selector: "axis-design-edit-table-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                    \u7981\u7528\u6DFB\u52A0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledAppend\">\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                    \u7981\u7528\u5220\u9664\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledRemove\">\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                    \u7981\u7528\u5220\u9664\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledRemoveFn\" [noListen]=\"true\" [onlyFun]=\"true\"\n                        [scopes]=\"rowScopes()\" editTip=\"\u8FD4\u56DEboolean\u4EE5\u63A7\u5236\u662F\u5426\u7981\u7528\u5F53\u524D\u884C\u7684\u5220\u9664\u6309\u94AE\"></axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6700\u5927\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [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\">\n                    \u9ED8\u8BA4\u884C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"addInitData\">\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>\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-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                    \u9009\u4E2D\u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"checkedFormName\" />\n                </nz-form-control>\n            </nz-form-item>\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            <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(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u603B\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showTotal?.funMode || formValue()?.showTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u603B\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"totalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\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>\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            }\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1.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: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.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"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], 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", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i5.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: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i7.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i8.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i8.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: ValueDesignSetting, selector: "axis-value-design-setting", inputs: ["scopeId", "exclude", "fg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EditTableSetting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-edit-table-setting', imports: [NzFormModule, FormsModule, ReactiveFormsModule, FunField, NzGridModule, NzCollapseModule, BaseDesignSetting, InputTrigger, NzInputNumberModule, NzInputModule, NzSwitchModule, NzSelectModule, DynamicDirective, NzRadioModule, ValueDesignSetting], 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                    \u7981\u7528\u6DFB\u52A0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledAppend\">\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                    \u7981\u7528\u5220\u9664\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledRemove\">\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                    \u7981\u7528\u5220\u9664\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"disabledRemoveFn\" [noListen]=\"true\" [onlyFun]=\"true\"\n                        [scopes]=\"rowScopes()\" editTip=\"\u8FD4\u56DEboolean\u4EE5\u63A7\u5236\u662F\u5426\u7981\u7528\u5F53\u524D\u884C\u7684\u5220\u9664\u6309\u94AE\"></axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6700\u5927\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [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\">\n                    \u9ED8\u8BA4\u884C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"addInitData\">\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>\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-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                    \u9009\u4E2D\u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"checkedFormName\" />\n                </nz-form-control>\n            </nz-form-item>\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            <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(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u603B\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showTotal?.funMode || formValue()?.showTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u603B\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"totalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\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>\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            }\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+class Menu 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.1.6", ngImport: i0, type: Menu, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: Menu, isStandalone: true, selector: "axis-design-edit-table-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        <axis-common-menu [baseMenu]=\"this\"></axis-common-menu>\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", "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"] }, { kind: "component", type: CommonMenu, selector: "axis-common-menu", inputs: ["baseMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Menu, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-edit-table-menu', imports: [NzDropDownModule, NzDividerModule, NzIconModule, CommonMenu], 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        <axis-common-menu [baseMenu]=\"this\"></axis-common-menu>\n    </ul>\n</nz-dropdown-menu>" }]
+        }] });
+
+class EditTableFieldSetting extends FunFieldValueBase {
+    fg = this.fb.group({
+        inuse: [undefined, FormValidators.requiredFun],
+        field: [],
+        title: [undefined, FormValidators.requiredFun],
+        sortAble: [undefined, FormValidators.requiredFun],
+        sortOrder: [],
+        sortPriority: [],
+        filterAble: [undefined, FormValidators.requiredFun],
+        filterMultiple: [undefined, FormValidators.requiredFun],
+        width: [],
+        align: [undefined, FormValidators.requiredFun],
+        freezeMode: [undefined, FormValidators.requiredFun],
+        totalAble: [false, FormValidators.required],
+        totalFn: [],
+        validators: [],
+    });
+    funFields = {
+        inuse: {
+            defaultValue: true
+        },
+        title: {
+            defaultValue: "未命名"
+        },
+        sortAble: {
+            defaultValue: false
+        },
+        sortOrder: {
+            defaultValue: null
+        },
+        sortPriority: {
+            defaultValue: null
+        },
+        filterAble: {
+            defaultValue: false
+        },
+        filterMultiple: {
+            defaultValue: false
+        },
+        width: {
+            defaultValue: null
+        },
+        align: {
+            defaultValue: "left"
+        },
+        freezeMode: {
+            defaultValue: "none"
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EditTableFieldSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: EditTableFieldSetting, isStandalone: true, selector: "axis-design-edit-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\">\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" />\n                </nz-form-control>\n            </nz-form-item>\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-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            <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        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E(\u672A\u5B9E\u73B0)\">\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=\"totalAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().totalAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u81EA\u5B9A\u4E49\u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"totalFn\" [onlyFun]=\"true\" [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <axis-input-validator formControlName=\"validators\"></axis-input-validator>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1.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: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.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"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], 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", "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: i5.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: i7.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: InputValidator, selector: "axis-input-validator", inputs: ["value", "showModal"], outputs: ["valueChange", "showModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EditTableFieldSetting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-edit-table-field-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, NzInputModule, FunField, NzRadioModule, NzSelectModule, NzInputNumberModule, NzSwitchModule, InputValidator], 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                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"field\" />\n                </nz-form-control>\n            </nz-form-item>\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-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            <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        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u7EDF\u8BA1\u8BBE\u7F6E(\u672A\u5B9E\u73B0)\">\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=\"totalAble\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().totalAble) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u81EA\u5B9A\u4E49\u7EDF\u8BA1\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"totalFn\" [onlyFun]=\"true\" [noListen]=\"true\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        <axis-input-validator formControlName=\"validators\"></axis-input-validator>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+const Config = {
+    componentName: "可编辑表格",
+    buildOptionsNodes(nextInfo) {
+        const next = [];
+        const children = [];
+        nextInfo.currentObject.fields?.forEach((f, i) => {
+            next.push({
+                parentId: nextInfo.currentObject.id + "." + i,
+                parentObject: f,
+                indexOfParent: "child",
+                scopeId: nextInfo.currentObject.id + ".row"
+            });
+            children.push(new OptionsNode({
+                id: nextInfo.currentObject.id + "." + i,
+                scopeId: nextInfo.currentObject.id + ".row",
+                parentId: nextInfo.currentObject.id,
+                parentObj: nextInfo.currentObject.fields,
+                indexOfParentObj: i,
+                rootOptions: f,
+                name: `字段[${f.field}]`,
+                icon: "profile",
+                canSetting: true,
+                settingType: EditTableFieldSetting,
+                contextMenu: SimpleMenu,
+                canDrag: true,
+                dragType: "axis-components/edit-table/edit-table-field",
+                canDrop: true,
+                dropType: "component",
+                dropObj: f,
+                defaultDropIndex: "child",
+                children: []
+            }));
+        });
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "可编辑表格",
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                canDrop: true,
+                dropType: "axis-components/edit-table/edit-table-field",
+                dropObj: nextInfo.currentObject.fields,
+                defaultDropIndex: nextInfo.currentObject.fields.length,
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                children,
+                settingType: EditTableSetting,
+                contextMenu: Menu,
+                icon: "form"
+            }),
+            next: next,
+            newScopes: [
+                {
+                    scopeId: nextInfo.currentObject.id + ".row",
+                    parentScopeId: nextInfo.scopeId,
+                    scopeName: "可编辑表格行",
+                    ds: {
+                        row: nextInfo.currentObject.data?.[0] ?? "示例数据"
+                    }
+                }
+            ]
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        const dropElement = element.querySelector("thead>.ant-table-row");
+        const res = {
+            [options.id]: { element, dropElement: dropElement },
+        };
+        options.fields?.forEach((f, i) => {
+            const fieldElement = dropElement?.querySelector(`th[data-index="${i}"]`);
+            const fieldChildElement = element?.querySelector(`td[data-index="${i}"]`);
+            res[`${options.id}.${i}`] = { element: fieldElement, dropElement: fieldChildElement };
+        });
+        return res;
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-edit-table-design.mjs.map