ngx-axis-appforge 0.0.0-watch

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

@@ -0,0 +1,344 @@
+import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, FunField, BaseDesignSetting, InputTrigger, DynamicDirective, ValueDesignSetting, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, InputValidator, BaseMenu, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component, inject } 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: [],
+        showExpand: [false, FormValidators.required],
+        expandFormName: [],
+        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],
+        checkboxLinkageForExpand: [false, FormValidators.required],
+        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.3.4", ngImport: i0, type: EditTableSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showExpand\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showExpand) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6269\u5C55\u884C\u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"expandFormName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\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            @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(\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", "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: 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.3.4", 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-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showExpand\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showExpand) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u6269\u5C55\u884C\u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"expandFormName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\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            @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(\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 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"
+        },
+    };
+    elementRef = inject(AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN);
+    filterFnScopes = computed(() => {
+        const data = (this.elementRef.ref?.instance).value();
+        return [{
+                scopeId: this.elementRef.options.id + '.filter.' + this.formValue().field,
+                scopeName: "过滤项",
+                ds: {
+                    row: data?.[0] ?? {},
+                    value: data?.[0]?.[this.formValue().field] ?? null
+                }
+            }];
+    }, ...(ngDevMode ? [{ debugName: "filterFnScopes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EditTableFieldSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u8FC7\u6EE4\u663E\u793A\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterDisplayFn\" [scopes]=\"filterFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\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", "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: 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.3.4", 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            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u8FC7\u6EE4\u663E\u793A\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"filterDisplayFn\" [scopes]=\"filterFnScopes()\" [onlyFun]=\"true\"\n                        [noListen]=\"true\">\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>" }]
+        }] });
+
+class EditTableFieldsMenu 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: EditTableFieldsMenu, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: EditTableFieldsMenu, isStandalone: true, selector: "axis-design-edit-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: EditTableFieldsMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-edit-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>" }]
+        }] });
+
+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: EditTableFieldsMenu,
+            name: `表格列[${nextInfo.currentObject.fields?.length ?? 0}]`,
+            canDrop: true,
+            dropType: "axis-components/edit-table/edit-table-field",
+            dropObj: nextInfo.currentObject.fields,
+            defaultDropIndex: nextInfo.currentObject.fields.length,
+            childDirection: 'horizontal',
+            icon: "project",
+            children: fieldsChildren
+        });
+        nextInfo.currentObject.fields?.forEach((f, i) => {
+            next.push({
+                parentId: nextInfo.currentObject.id + ".fields." + i,
+                parentObject: f,
+                indexOfParent: "child",
+                scopeId: nextInfo.currentObject.id + ".row"
+            });
+            fieldsChildren.push(new OptionsNode({
+                id: nextInfo.currentObject.id + ".fields." + i,
+                scopeId: nextInfo.scopeId,
+                parentId: nextInfo.currentObject.id + ".fields",
+                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: []
+            }));
+        });
+        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,
+                children: [
+                    fieldsNode,
+                    expandNode
+                ],
+                settingType: EditTableSetting,
+                contextMenu: SimpleMenu,
+                icon: "form"
+            }),
+            next: next,
+            newScopes: [
+                {
+                    scopeId: nextInfo.currentObject.id + ".row",
+                    parentScopeId: nextInfo.scopeId,
+                    scopeName: "可编辑表格行",
+                    ds: {
+                        row: nextInfo.currentObject.data?.[0] ?? "示例数据",
+                        rowkey: 2012990210290
+                    }
+                }
+            ]
+        };
+    },
+    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, i) => {
+            const fieldElement = fieldsParent?.querySelector(`th[data-index="${i}"]`);
+            const fieldChildElement = element?.querySelector(`td[data-index="${i}"]`);
+            res[`${options.id}.fields.${i}`] = { element: fieldElement, dropElement: fieldChildElement };
+        });
+        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-edit-table-design.mjs.map