ngx-axis-appforge 0.0.19 → 0.0.21

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

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { signal, effect, untracked, computed, model, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ValueAccessOptions, ValueAccess } from 'ngx-axis-appforge/core';
+import * as i1 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class SelectOptions extends ValueAccessOptions {
+    labelField = signal("title", ...(ngDevMode ? [{ debugName: "labelField" }] : []));
+    valueField = signal("key", ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+    disabledField = signal("disabled", ...(ngDevMode ? [{ debugName: "disabledField" }] : []));
+    fullValue = signal(false, ...(ngDevMode ? [{ debugName: "fullValue" }] : []));
+    data = signal(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    mode = signal('default', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    allowClear = signal(true, ...(ngDevMode ? [{ debugName: "allowClear" }] : []));
+    defaultFirst = signal(false, ...(ngDevMode ? [{ debugName: "defaultFirst" }] : []));
+    maxMultipleCount = signal(Infinity, ...(ngDevMode ? [{ debugName: "maxMultipleCount" }] : []));
+    placeholder = signal("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    backdrop = signal(false, ...(ngDevMode ? [{ debugName: "backdrop" }] : []));
+    variant = signal('outlined', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    dropdownMatchSelectWidth = signal(true, ...(ngDevMode ? [{ debugName: "dropdownMatchSelectWidth" }] : []));
+    size = signal('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    optionOverflowSize = signal(8, ...(ngDevMode ? [{ debugName: "optionOverflowSize" }] : []));
+    selectOnTab = signal(false, ...(ngDevMode ? [{ debugName: "selectOnTab" }] : []));
+    tokenSeparators = signal([], ...(ngDevMode ? [{ debugName: "tokenSeparators" }] : []));
+    maxTagCount = signal(Infinity, ...(ngDevMode ? [{ debugName: "maxTagCount" }] : []));
+    showSearch = signal(false, ...(ngDevMode ? [{ debugName: "showSearch" }] : []));
+    serverSearch = signal(false, ...(ngDevMode ? [{ debugName: "serverSearch" }] : []));
+    autoClearSearchValue = signal(true, ...(ngDevMode ? [{ debugName: "autoClearSearchValue" }] : []));
+}
+
+class Select extends ValueAccess {
+    constructor() {
+        super();
+        effect(() => {
+            if (untracked(this.options.defaultFirst) && untracked(this.options.mode) == "default") {
+                const data = this.options.data();
+                untracked(() => {
+                    if (data?.length) {
+                        if (this.options.fullValue()) {
+                            this.setInitValue(data[0]);
+                        }
+                        else {
+                            this.setInitValue(data[0][this.options.valueField()]);
+                        }
+                    }
+                });
+            }
+        });
+    }
+    options = new SelectOptions();
+    displayValue = computed(() => this.buildDisplay(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    selectorValue = model(...(ngDevMode ? [undefined, { debugName: "selectorValue" }] : []));
+    searchText = signal("", ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+    writeValue(value) {
+        super.writeValue(value);
+        this.valueToSelectorValue();
+    }
+    setInitValue(value) {
+        super.setInitValue(value);
+        this.valueToSelectorValue();
+    }
+    valueToSelectorValue() {
+        if (this.value() != undefined) {
+            if (this.options.mode() == "default") {
+                if (this.options.fullValue()) {
+                    this.selectorValue.set(this.value()[this.options.valueField()]);
+                }
+                else {
+                    this.selectorValue.set(this.value());
+                }
+                return;
+            }
+            else if (Array.isArray(this.value())) {
+                if (this.options.fullValue()) {
+                    this.selectorValue.set(this.value().map((r) => r[this.options.valueField()]));
+                }
+                else {
+                    this.selectorValue.set(this.value());
+                }
+                return;
+            }
+        }
+        this.selectorValue.set(undefined);
+    }
+    onSelectorChange(value) {
+        if (this.options.fullValue()) {
+            if (this.options.mode() == "default") {
+                this.value.set(this.options.data().find((item) => item[this.options.valueField()] == value));
+            }
+            else {
+                this.value.set(this.options.data().filter((item) => value.includes(item[this.options.valueField()])));
+            }
+        }
+        else {
+            this.value.set(value);
+        }
+        this.onChange?.(this.value());
+    }
+    buildDisplay() {
+        if (Array.isArray(this.value())) {
+            if (this.options.fullValue()) {
+                return this.value().map((r) => r[this.options.labelField()]).join(";");
+            }
+            else {
+                return this.options.data().filter((r) => this.value().includes(r[this.options.valueField()])).map((r) => r[this.options.labelField()]).join(";");
+            }
+        }
+        else {
+            return "";
+        }
+    }
+    searchChange(input) {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Select, isStandalone: true, selector: "axis-select", inputs: { selectorValue: { classPropertyName: "selectorValue", publicName: "selectorValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectorValue: "selectorValueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n<nz-select [nzMode]=\"options.mode()\" [nzAllowClear]=\"options.allowClear()\"\n    [nzMaxMultipleCount]=\"options.maxMultipleCount()\" [nzPlaceHolder]=\"options.placeholder()\"\n    [nzBackdrop]=\"options.backdrop()\" [nzVariant]=\"options.variant()\"\n    [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\" [nzSize]=\"options.size()\"\n    [nzOptionOverflowSize]=\"options.optionOverflowSize()\" [nzSelectOnTab]=\"options.selectOnTab()\"\n    [nzTokenSeparators]=\"options.tokenSeparators()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzShowSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\">\n    @for (o of options.data(); track o[options.valueField()]) {\n    <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"\n        [nzDisabled]=\"o[options.disabledField()]\"></nz-option>\n    }\n</nz-select>\n}", styles: [":host{display:block;width:100%}nz-select{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i1.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: NzRadioModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Select, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-select', imports: [NzSelectModule, NzRadioModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n<nz-select [nzMode]=\"options.mode()\" [nzAllowClear]=\"options.allowClear()\"\n    [nzMaxMultipleCount]=\"options.maxMultipleCount()\" [nzPlaceHolder]=\"options.placeholder()\"\n    [nzBackdrop]=\"options.backdrop()\" [nzVariant]=\"options.variant()\"\n    [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\" [nzSize]=\"options.size()\"\n    [nzOptionOverflowSize]=\"options.optionOverflowSize()\" [nzSelectOnTab]=\"options.selectOnTab()\"\n    [nzTokenSeparators]=\"options.tokenSeparators()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzShowSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\">\n    @for (o of options.data(); track o[options.valueField()]) {\n    <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"\n        [nzDisabled]=\"o[options.disabledField()]\"></nz-option>\n    }\n</nz-select>\n}", styles: [":host{display:block;width:100%}nz-select{width:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Select };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-select.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-select.mjs","sources":["../../../axis-components/select/select.options.ts","../../../axis-components/select/select.ts","../../../axis-components/select/select.html","../../../axis-components/select/ngx-axis-appforge-axis-components-select.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SelectOptions extends ValueAccessOptions {\n\n    readonly labelField = signal(\"title\");\n    readonly valueField = signal(\"key\");\n    readonly disabledField = signal(\"disabled\");\n    readonly fullValue = signal(false);\n    readonly data = signal<any>(undefined);\n\n    readonly mode = signal<'multiple' | 'tags' | 'default'>('default');\n    readonly allowClear = signal(true);\n    readonly defaultFirst = signal(false);\n    readonly maxMultipleCount = signal(Infinity);\n\n    readonly placeholder = signal(\"\");\n    readonly backdrop = signal(false);\n    readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>('outlined');\n    readonly dropdownMatchSelectWidth = signal(true);\n    readonly size = signal<'large' | 'small' | 'default'>('default');\n    readonly optionOverflowSize = signal(8);\n    readonly selectOnTab = signal(false);\n    readonly tokenSeparators = signal<string[]>([]);\n    readonly maxTagCount = signal(Infinity);\n\n    readonly showSearch = signal(false);\n    readonly serverSearch = signal(false);\n    readonly autoClearSearchValue = signal(true);\n}","import { ChangeDetectionStrategy, Component, computed, effect, model, signal, untracked } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\nimport { SelectOptions } from './select.options';\n\n@Component({\n  selector: 'axis-select',\n  imports: [NzSelectModule, NzRadioModule, FormsModule],\n  templateUrl: './select.html',\n  styleUrl: './select.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Select extends ValueAccess<SelectOptions> {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (untracked(this.options.defaultFirst) && untracked(this.options.mode) == \"default\") {\n        const data = this.options.data();\n        untracked(() => {\n          if (data?.length) {\n            if (this.options.fullValue()) {\n              this.setInitValue(data[0]);\n            } else {\n              this.setInitValue(data[0][this.options.valueField()]);\n            }\n          }\n        })\n      }\n    });\n  }\n\n  override options: SelectOptions = new SelectOptions();\n\n  readonly displayValue = computed(() => this.buildDisplay());\n  readonly selectorValue = model<any[]>();\n  readonly searchText = signal<string>(\"\");\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.valueToSelectorValue();\n  }\n\n  override setInitValue(value: any): void {\n    super.setInitValue(value);\n    this.valueToSelectorValue();\n  }\n\n  private valueToSelectorValue() {\n    if (this.value() != undefined) {\n      if (this.options.mode() == \"default\") {\n        if (this.options.fullValue()) {\n          this.selectorValue.set(this.value()[this.options.valueField()]);\n        } else {\n          this.selectorValue.set(this.value());\n        }\n        return;\n      } else if (Array.isArray(this.value())) {\n        if (this.options.fullValue()) {\n          this.selectorValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n        } else {\n          this.selectorValue.set(this.value());\n        }\n        return;\n      }\n    }\n    this.selectorValue.set(undefined);\n  }\n\n  onSelectorChange(value: any) {\n    if (this.options.fullValue()) {\n      if (this.options.mode() == \"default\") {\n        this.value.set(this.options.data().find((item: any) => item[this.options.valueField()] == value));\n      } else {\n        this.value.set(this.options.data().filter((item: any) => value.includes(item[this.options.valueField()])));\n      }\n    } else {\n      this.value.set(value);\n    }\n    this.onChange?.(this.value());\n  }\n\n  private buildDisplay(): string {\n    if (Array.isArray(this.value())) {\n      if (this.options.fullValue()) {\n        return this.value().map((r: any) => r[this.options.labelField()]).join(\";\");\n      } else {\n        return this.options.data().filter((r: any) => this.value().includes(r[this.options.valueField()])).map((r: any) => r[this.options.labelField()]).join(\";\");\n      }\n    } else {\n      return \"\";\n    }\n  }\n\n  searchChange(input: string) {\n\n  }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n<nz-select [nzMode]=\"options.mode()\" [nzAllowClear]=\"options.allowClear()\"\n    [nzMaxMultipleCount]=\"options.maxMultipleCount()\" [nzPlaceHolder]=\"options.placeholder()\"\n    [nzBackdrop]=\"options.backdrop()\" [nzVariant]=\"options.variant()\"\n    [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\" [nzSize]=\"options.size()\"\n    [nzOptionOverflowSize]=\"options.optionOverflowSize()\" [nzSelectOnTab]=\"options.selectOnTab()\"\n    [nzTokenSeparators]=\"options.tokenSeparators()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzShowSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\">\n    @for (o of options.data(); track o[options.valueField()]) {\n    <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"\n        [nzDisabled]=\"o[options.disabledField()]\"></nz-option>\n    }\n</nz-select>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './select';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs

@@ -66,6 +66,9 @@ class SingleSelector extends ValueAccess {
                 this.selectorValue.set(this.value());
             }
         }
+        else {
+            this.selectorValue.set(undefined);
+        }
     }
     onSelectorChange(value) {
         if (this.options.fullValue()) {

package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-single-selector.mjs","sources":["../../../axis-components/single-selector/single-selector.options.ts","../../../axis-components/single-selector/single-selector.ts","../../../axis-components/single-selector/single-selector.html","../../../axis-components/single-selector/ngx-axis-appforge-axis-components-single-selector.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SingleSelectorOptions extends ValueAccessOptions {\n\n    readonly labelField = signal(\"title\");\n    readonly valueField = signal(\"key\");\n    readonly fullValue = signal(false);\n    readonly defaultFirst = signal(false);\n    readonly autofocus = signal(false);\n    readonly data = signal<any>(undefined);\n\n    readonly type = signal<\"selector\" | \"radio\" | \"button\">(\"selector\");\n    readonly showAll = signal(false);\n    readonly allowClear = signal(true);\n    readonly placeholder = signal(\"\");\n\n    readonly showSearch = signal(true);\n    readonly selectOnSearch = signal(false);\n    readonly backendSearch = signal(false);\n    readonly searchLimitLength = signal<number | null>(null);\n}","import { ChangeDetectionStrategy, Component, effect, model, signal, untracked } from '@angular/core';\nimport { SingleSelectorOptions } from './single-selector.options';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axis-single-selector',\n  imports: [NzSelectModule, NzRadioModule, FormsModule],\n  templateUrl: './single-selector.html',\n  styleUrl: './single-selector.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SingleSelector extends ValueAccess<SingleSelectorOptions> {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (untracked(this.options.defaultFirst)) {\n        const data = this.options.data();\n        untracked(() => {\n          if (data?.length) {\n            if (this.options.fullValue()) {\n              this.setInitValue(data[0]);\n            } else {\n              this.setInitValue(data[0][this.options.valueField()]);\n            }\n          }\n        })\n      }\n    });\n  }\n  override options: SingleSelectorOptions = new SingleSelectorOptions();\n\n  readonly displayValue = signal<any>(undefined);\n  readonly loading = signal(false);\n  readonly selectorValue = model<any>();\n  readonly searchText = signal<string>(\"\");\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.valueToSelectorValue();\n  }\n\n  override setInitValue(value: any): void {\n    super.setInitValue(value);\n    this.valueToSelectorValue();\n  }\n\n  private valueToSelectorValue() {\n    if (this.value() != undefined) {\n      if (this.options.fullValue()) {\n        this.selectorValue.set(this.value()[this.options.valueField()]);\n      } else {\n        this.selectorValue.set(this.value());\n      }\n    }\n  }\n\n  onSelectorChange(value: any) {\n    if (this.options.fullValue()) {\n      this.value.set(this.options.data().find((item: any) => item[this.options.valueField()] == value));\n    } else {\n      this.value.set(value);\n    }\n    this.onChange?.(this.value());\n  }\n\n  searchChange(input: string) {\n\n  }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n    [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n    (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n    [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n    [nzServerSearch]=\"options.backendSearch()\">\n    @if (loading()) {\n    <nz-option nzDisabled nzCustomContent>\n        @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n        <span nz-icon nzType=\"loading\"></span>\n        加载中...\n        }@else {\n        <div style=\"color: rgba(0, 0, 0, 0.8);\">\n            <span nz-icon nzType=\"info-circle\"></span>\n            至少输入{{options.searchLimitLength() || 1}}个字符\n        </div>\n        }\n    </nz-option>\n    }@else {\n    @if (options.showAll()) {\n    <nz-option nzValue=\"\" nzLabel=\"全部\"></nz-option>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n    }\n    }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n    nzButtonStyle=\"solid\">\n    @if (options.type() == 'radio') {\n    @if (options.showAll()) {\n    <label nz-radio nzValue=\"\">全部</label>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n    }\n    }@else {\n    @if (options.showAll()) {\n    <label nz-radio-button nz-radio nzValue=\"\">全部</label>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <label nz-radio-button nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n    }\n    }\n</nz-radio-group>\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './single-selector';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-single-selector.mjs","sources":["../../../axis-components/single-selector/single-selector.options.ts","../../../axis-components/single-selector/single-selector.ts","../../../axis-components/single-selector/single-selector.html","../../../axis-components/single-selector/ngx-axis-appforge-axis-components-single-selector.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SingleSelectorOptions extends ValueAccessOptions {\n\n    readonly labelField = signal(\"title\");\n    readonly valueField = signal(\"key\");\n    readonly fullValue = signal(false);\n    readonly defaultFirst = signal(false);\n    readonly autofocus = signal(false);\n    readonly data = signal<any>(undefined);\n\n    readonly type = signal<\"selector\" | \"radio\" | \"button\">(\"selector\");\n    readonly showAll = signal(false);\n    readonly allowClear = signal(true);\n    readonly placeholder = signal(\"\");\n\n    readonly showSearch = signal(true);\n    readonly selectOnSearch = signal(false);\n    readonly backendSearch = signal(false);\n    readonly searchLimitLength = signal<number | null>(null);\n}","import { ChangeDetectionStrategy, Component, effect, model, signal, untracked } from '@angular/core';\nimport { SingleSelectorOptions } from './single-selector.options';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axis-single-selector',\n  imports: [NzSelectModule, NzRadioModule, FormsModule],\n  templateUrl: './single-selector.html',\n  styleUrl: './single-selector.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SingleSelector extends ValueAccess<SingleSelectorOptions> {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (untracked(this.options.defaultFirst)) {\n        const data = this.options.data();\n        untracked(() => {\n          if (data?.length) {\n            if (this.options.fullValue()) {\n              this.setInitValue(data[0]);\n            } else {\n              this.setInitValue(data[0][this.options.valueField()]);\n            }\n          }\n        })\n      }\n    });\n  }\n  override options: SingleSelectorOptions = new SingleSelectorOptions();\n\n  readonly displayValue = signal<any>(undefined);\n  readonly loading = signal(false);\n  readonly selectorValue = model<any>();\n  readonly searchText = signal<string>(\"\");\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.valueToSelectorValue();\n  }\n\n  override setInitValue(value: any): void {\n    super.setInitValue(value);\n    this.valueToSelectorValue();\n  }\n\n  private valueToSelectorValue() {\n    if (this.value() != undefined) {\n      if (this.options.fullValue()) {\n        this.selectorValue.set(this.value()[this.options.valueField()]);\n      } else {\n        this.selectorValue.set(this.value());\n      }\n    } else {\n      this.selectorValue.set(undefined);\n    }\n  }\n\n  onSelectorChange(value: any) {\n    if (this.options.fullValue()) {\n      this.value.set(this.options.data().find((item: any) => item[this.options.valueField()] == value));\n    } else {\n      this.value.set(value);\n    }\n    this.onChange?.(this.value());\n  }\n\n  searchChange(input: string) {\n\n  }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n    [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n    (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n    [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n    [nzServerSearch]=\"options.backendSearch()\">\n    @if (loading()) {\n    <nz-option nzDisabled nzCustomContent>\n        @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n        <span nz-icon nzType=\"loading\"></span>\n        加载中...\n        }@else {\n        <div style=\"color: rgba(0, 0, 0, 0.8);\">\n            <span nz-icon nzType=\"info-circle\"></span>\n            至少输入{{options.searchLimitLength() || 1}}个字符\n        </div>\n        }\n    </nz-option>\n    }@else {\n    @if (options.showAll()) {\n    <nz-option nzValue=\"\" nzLabel=\"全部\"></nz-option>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n    }\n    }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n    nzButtonStyle=\"solid\">\n    @if (options.type() == 'radio') {\n    @if (options.showAll()) {\n    <label nz-radio nzValue=\"\">全部</label>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n    }\n    }@else {\n    @if (options.showAll()) {\n    <label nz-radio-button nz-radio nzValue=\"\">全部</label>\n    }\n    @for (o of options.data(); track o[options.valueField()]) {\n    <label nz-radio-button nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n    }\n    }\n</nz-radio-group>\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './single-selector';\n"],"names":[],"mappings":"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"}

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

@@ -139,6 +139,8 @@ class TableSetting extends FunFieldValueBase {
         ...baseFbConfig,
         keyField: [],
         showExpand: [undefined, FormValidators.requiredFun],
+        expandMode: ["custom", FormValidators.required],
+        treeChildrenFun: [],
         showTableTitleSet: [undefined, FormValidators.requiredFun],
         tableSetCacheKey: [],
         data: [],
@@ -281,11 +283,11 @@ class TableSetting extends FunFieldValueBase {
         return res;
     }, ...(ngDevMode ? [{ debugName: "eventDesc" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TableSetting, isStandalone: true, selector: "axis-design-table-setting", viewQueries: [{ propertyName: "dataFunField", first: true, predicate: ["dataFunField"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" />\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                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if ((formValue().showExpand?.funMode || formValue()?.showExpand?.originValue )&&\n            (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue)) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u8054\u52A8\u52FE\u9009\u6269\u5C55\u884C\u4E2D\u7684\u8868\u683C\u6216\u8005\u53EF\u7F16\u8F91\u8868\u683C\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\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            @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u9875\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"exportParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], 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: i7.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i6.NzInputAddonAfterDirective, selector: "[nzInputAddonAfter]" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i9.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i9.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TableSetting, isStandalone: true, selector: "axis-design-table-setting", viewQueries: [{ propertyName: "dataFunField", first: true, predicate: ["dataFunField"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" />\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                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.showExpand.funMode || formValue()?.showExpand.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u6A21\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-radio-group formControlName=\"expandMode\">\n                        <label nz-radio-button nzValue=\"custom\">\u81EA\u5B9A\u4E49</label>\n                        <label nz-radio-button nzValue=\"tree\">\u6811</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().expandMode == \"tree\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u9ED8\u8BA4\u53D6children\u5B57\u6BB5\uFF0C\u82E5\u4E0D\u662F\u8BF7\u7F16\u5199\u51FD\u6570\u8FD4\u56DE\u5B50\u8282\u70B9\">\n                    \u5B50\u8282\u70B9\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"treeChildrenFun\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if ((formValue().showExpand?.funMode || formValue()?.showExpand?.originValue )&&\n            (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue)) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u8054\u52A8\u52FE\u9009\u6269\u5C55\u884C\u4E2D\u7684\u8868\u683C\u6216\u8005\u53EF\u7F16\u8F91\u8868\u683C\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\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            @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u9875\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"exportParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], 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: i7.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "directive", type: i6.NzInputAddonAfterDirective, selector: "[nzInputAddonAfter]" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i9.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i9.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableSetting, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-design-table-setting', imports: [NzFormModule, FormsModule, ReactiveFormsModule, FunField, NzGridModule, NzCollapseModule, BaseDesignSetting, InputTrigger, NzInputNumberModule, NzInputModule, NzSwitchModule, NzSelectModule, DynamicDirective, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" />\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                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if ((formValue().showExpand?.funMode || formValue()?.showExpand?.originValue )&&\n            (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue)) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u8054\u52A8\u52FE\u9009\u6269\u5C55\u884C\u4E2D\u7684\u8868\u683C\u6216\u8005\u53EF\u7F16\u8F91\u8868\u683C\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\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            @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u9875\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"exportParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+            args: [{ selector: 'axis-design-table-setting', imports: [NzFormModule, FormsModule, ReactiveFormsModule, FunField, NzGridModule, NzCollapseModule, BaseDesignSetting, InputTrigger, NzInputNumberModule, NzInputModule, NzSwitchModule, NzSelectModule, DynamicDirective, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u4E3B\u952E\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"keyField\" placeholder=\"\u6570\u636E\u7684\u4E3B\u952E\u5B57\u6BB5\" />\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                    <axis-fun-field formControlName=\"showExpand\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.showExpand.funMode || formValue()?.showExpand.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6269\u5C55\u6A21\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-radio-group formControlName=\"expandMode\">\n                        <label nz-radio-button nzValue=\"custom\">\u81EA\u5B9A\u4E49</label>\n                        <label nz-radio-button nzValue=\"tree\">\u6811</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().expandMode == \"tree\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u9ED8\u8BA4\u53D6children\u5B57\u6BB5\uFF0C\u82E5\u4E0D\u662F\u8BF7\u7F16\u5199\u51FD\u6570\u8FD4\u56DE\u5B50\u8282\u70B9\">\n                    \u5B50\u8282\u70B9\u51FD\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"treeChildrenFun\" [onlyFun]=\"true\" [noListen]=\"true\"\n                        [scopes]=\"rowScopes()\">\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u6237\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5217\u7684\u663E\u793A\u3001\u987A\u5E8F\u548C\u5217\u5BBD(\u4E0D\u652F\u6301\u52A8\u6001\u5BBD\u5EA6\u7684\u5217)\">\n                    \u8868\u5934\u8BBE\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showTableTitleSet\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u8BBE\u7F6E\u540E\u624D\u4F1A\u7F13\u5B58\u7528\u6237\u7684\u8868\u5934\u8BBE\u7F6E\">\n                    \u8BBE\u7F6E\u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"tableSetCacheKey\">\n                        <input nz-input placeholder=\"\u4E3A\u7A7A\u65F6\u4E0D\u7F13\u5B58\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"data\" #dataFunField>\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5916\u89C2\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u8868\u683C\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"middle\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"default\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5E8F\u53F7\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showOrder\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u5F00\u542F\u540E\u8868\u683C\u5E95\u90E8\u4E0D\u4F1A\u8D85\u51FA\u89C6\u7A97\u5E95\u90E8\">\n                    \u9AD8\u5EA6\u6269\u5C55\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"heightExpanded\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u6570\u636E\u6761\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showDataSize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"bordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u663E\u793A\u5916\u8FB9\u6846\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"outerBordered\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u6EDA\u52A8\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u8868\u683C\u6EDA\u52A8\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"width\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzTooltipTitle=\"\u4E0D\u8BBE\u7F6E\u65F6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u5BBD\u5EA6\uFF0C\u81EA\u52A8\u8BA1\u7B97\u4E0D\u5408\u7406\u65F6\u624B\u52A8\u8BBE\u7F6E\">\n                    \u64CD\u4F5C\u5217\u5BBD\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"actionsFieldWidth\">\n                        <nz-input-number ngModel [ngModelOptions]=\"{standalone:true}\" style=\"width: 100%;\" [nzMin]=\"0\">\n                            <span nzInputAddonAfter>px</span>\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u9009\u62E9\u5668\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u9009\u62E9\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showCheckbox\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5355\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"singleCheck\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if ((formValue().showExpand?.funMode || formValue()?.showExpand?.originValue )&&\n            (formValue().singleCheck?.funMode || !formValue()?.singleCheck?.originValue)) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u8054\u52A8\u52FE\u9009\u6269\u5C55\u884C\u4E2D\u7684\u8868\u683C\u6216\u8005\u53EF\u7F16\u8F91\u8868\u683C\">\n                    \u8054\u52A8\u52FE\u9009\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"checkboxLinkageForExpand\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\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            @if (!fg.value.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u542F\u7528\u5C0F\u8BA1\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSubTotal\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSubTotal?.funMode || formValue()?.showSubTotal?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5C0F\u8BA1\u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalTitle\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5C0F\u8BA1\u5206\u7EC4\u7EA7\u522B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"subTotalGroupLevel\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5206\u9875\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"showPagination\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            @if (!formValue()?.showPagination) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u4E0D\u5206\u9875\u65F6\uFF0C\u7528\u4E8E\u52A0\u8F7D\u5927\u91CF\u7684\u6570\u636E\">\n                    \u865A\u62DF\u6EDA\u52A8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"virtualScroll\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.virtualScroll) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u6BCF\u4E00\u884C\u7684\u9AD8\u5EA6\">\n                    \u8BA1\u7B97\u884C\u9AD8\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-input-number formControlName=\"virtualItemSize\"></nz-input-number>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }@else {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u9ED8\u8BA4\u884C\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"pageSize\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\" [nzMin]=\"1\">\n                        </nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u884C\u6570\u4FEE\u6539\u5668\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"showSizeChanger\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSizeChanger?.funMode || formValue()?.showSizeChanger?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired nzTooltipTitle=\"\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B:10,20,50,100\">\n                    \u9875\u6570\u53EF\u9009\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageSizeOptions\" placeholder=\"\u4F8B:10,20,50,100\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @if (formValue().showCheckbox?.funMode || formValue()?.showCheckbox?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u662F\u5426\u540E\u7AEF\u5206\u9875\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <nz-switch formControlName=\"useBackEndPaging\"></nz-switch>\n                    (\u672A\u5B9E\u73B0)\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue()?.useBackEndPaging) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u9875\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"pageParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u53C2\u6570\u6570\u636E\u6E90\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <input nz-input formControlName=\"exportParamsDataSourceName\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n            }\n        </nz-collapse-panel>\n        <nz-collapse-panel nzHeader=\"\u5BFC\u5165\u5BFC\u51FA(\u672A\u5B9E\u73B0)\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u51FA\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"exportFileName\">\n                        <nz-input-group [nzSuffix]=\"'.'+formValue().exportBookType?.originValue\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u6587\u4EF6\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field [noListen]=\"true\" formControlName=\"exportBookType\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                            <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5206\u6279\u5BFC\u5165\u9650\u5236\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" ngModel [ngModelOptions]=\"{standalone:true}\"\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u4E0D\u9650\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\" nzRequired>\n                    \u5BFC\u5165\u8D77\u59CB\u884C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importStartLine\">\n                        <nz-input-number style=\"width: 100%;\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u5BFC\u5165\u6A21\u7248\u6587\u4EF6\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importTemplateFileName\">\n                        <nz-input-group nzSuffix=\".xlsx\">\n                            <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                        </nz-input-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"10\">\n                    \u793A\u4F8B\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"14\">\n                    <axis-fun-field formControlName=\"importExampleData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [eventDesc]=\"eventDesc()\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
         }], propDecorators: { dataFunField: [{
                 type: ViewChild,
                 args: ["dataFunField", { static: true }]