ngx-axis-appforge 0.0.0-watch

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

@@ -0,0 +1,202 @@
+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" }] : []));
+    allowInvalidValue = signal(false, ...(ngDevMode ? [{ debugName: "allowInvalidValue" }] : []));
+    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" }] : []));
+    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" }] : []));
+    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 (this.options.mode() == "default") {
+                let next = this.selectValue();
+                if (!this.options.allowInvalidValue() && !this.validValue().has(this.selectValue())) {
+                    next = null;
+                }
+                if (next == null && this.options.defaultFirst() && this.data().length) {
+                    next = this.data()[0][this.options.valueField()];
+                }
+                if (next != this.selectValue()) {
+                    untracked(() => {
+                        if (next == null) {
+                            this.setInitValue(null);
+                        }
+                        else if (this.options.fullValue()) {
+                            this.setInitValue(this.dataMap.get(next));
+                        }
+                        else {
+                            this.setInitValue(next);
+                        }
+                    });
+                }
+            }
+            else {
+                if (!this.options.allowInvalidValue() && this.selectValue()?.some((r) => !this.validValue().has(r))) {
+                    untracked(() => {
+                        const next = this.selectValue()?.filter((r) => this.validValue().has(r));
+                        if (this.options.fullValue()) {
+                            this.setInitValue(next?.map((r) => this.dataMap.get(r)) ?? []);
+                        }
+                        else {
+                            this.setInitValue(next);
+                        }
+                    });
+                }
+            }
+        });
+    }
+    options = new SelectOptions();
+    dataMap = new Map();
+    validValue = computed(() => this.buildValidValue(), ...(ngDevMode ? [{ debugName: "validValue" }] : []));
+    data = computed(() => this.buildData(), ...(ngDevMode ? [{ debugName: "data" }] : []));
+    selectValue = model(...(ngDevMode ? [undefined, { debugName: "selectValue" }] : []));
+    displayValue = computed(() => this.buildDisplay(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    searchText = signal("", ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+    writeValue(value) {
+        super.writeValue(value);
+        this.valueToSelectorValue();
+    }
+    setInitValue(value) {
+        super.setInitValue(value);
+        this.valueToSelectorValue();
+    }
+    buildValidValue() {
+        const validValue = new Set();
+        const data = this.options.data();
+        if (Array.isArray(data)) {
+            for (const item of data) {
+                this.dataMap.set(item[this.options.valueField()], item);
+                validValue.add(item[this.options.valueField()]);
+            }
+        }
+        return validValue;
+    }
+    buildData() {
+        let data = [];
+        for (const item of this.validValue()) {
+            data.push(this.dataMap.get(item));
+        }
+        if (this.options.allowInvalidValue() && this.selectValue()) {
+            (this.options.mode() == "default" ? [this.selectValue()] : this.selectValue())
+                .filter((r) => !this.validValue().has(r)).forEach((r) => {
+                if (!this.dataMap.has(r)) {
+                    this.dataMap.set(r, {
+                        [this.options.labelField()]: r,
+                        [this.options.valueField()]: r
+                    });
+                }
+                data.push(this.dataMap.get(r));
+            });
+        }
+        return data;
+    }
+    valueToSelectorValue() {
+        if (this.value() != undefined) {
+            if (this.options.mode() == "default") {
+                if (this.options.fullValue()) {
+                    const key = this.value()[this.options.valueField()];
+                    if (!this.dataMap.has(key)) {
+                        this.dataMap.set(key, this.value());
+                    }
+                    this.selectValue.set(this.value()[this.options.valueField()]);
+                }
+                else {
+                    this.selectValue.set(this.value());
+                }
+                return;
+            }
+            else if (Array.isArray(this.value())) {
+                if (this.options.fullValue()) {
+                    this.selectValue.set(this.value().map((r) => r[this.options.valueField()]));
+                    for (const v of this.value()) {
+                        if (!this.dataMap.has(v[this.options.valueField()])) {
+                            this.dataMap.set(v[this.options.valueField()], v);
+                        }
+                    }
+                }
+                else {
+                    this.selectValue.set(this.value());
+                }
+                return;
+            }
+        }
+        this.selectValue.set(this.value());
+    }
+    onSelectChange(value) {
+        if (this.options.fullValue()) {
+            if (this.options.mode() == "default") {
+                this.value.set(this.dataMap.get(value) ?? null);
+            }
+            else {
+                this.value.set(value?.map((r) => this.dataMap.get(r)));
+            }
+        }
+        else {
+            this.value.set(value);
+        }
+        this.onChange?.(this.value());
+    }
+    buildDisplay() {
+        if (this.options.mode() != "default") {
+            if (Array.isArray(this.value())) {
+                if (this.options.fullValue()) {
+                    return this.value()?.map((r) => r[this.options.labelField()]).join(";");
+                }
+                else {
+                    return this.value()?.map((r) => this.dataMap.get(r)?.[this.options.labelField()]).join(";");
+                }
+            }
+        }
+        else {
+            if (this.options.fullValue()) {
+                return this.value()[this.options.labelField()];
+            }
+            else {
+                return this.dataMap.get(this.value())?.[this.options.labelField()];
+            }
+        }
+        return "";
+    }
+    searchChange(input) {
+        this.triggeEvents("search", { searchText: input }).subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: Select, isStandalone: true, selector: "axis-select", inputs: { selectValue: { classPropertyName: "selectValue", publicName: "selectValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectValue: "selectValueChange" }, 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    [nzVariant]=\"options.variant()\" [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\"\n    [nzSize]=\"options.size()\" [nzOptionOverflowSize]=\"options.optionOverflowSize()\"\n    [nzSelectOnTab]=\"options.selectOnTab()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzServerSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectValue\" (ngModelChange)=\"onSelectChange($event)\" (nzOnSearch)=\"searchChange($event)\">\n    @for (o of 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", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: 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.3.4", 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    [nzVariant]=\"options.variant()\" [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\"\n    [nzSize]=\"options.size()\" [nzOptionOverflowSize]=\"options.optionOverflowSize()\"\n    [nzSelectOnTab]=\"options.selectOnTab()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzServerSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectValue\" (ngModelChange)=\"onSelectChange($event)\" (nzOnSearch)=\"searchChange($event)\">\n    @for (o of 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 allowInvalidValue = 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 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 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 (this.options.mode() == \"default\") {\n        let next: any = this.selectValue();\n        if (!this.options.allowInvalidValue() && !this.validValue().has(this.selectValue())) {\n          next = null;\n        }\n        if (next == null && this.options.defaultFirst() && this.data().length) {\n          next = this.data()[0][this.options.valueField()];\n        }\n        if (next != this.selectValue()) {\n          untracked(() => {\n            if (next == null) {\n              this.setInitValue(null);\n            } else if (this.options.fullValue()) {\n              this.setInitValue(this.dataMap.get(next));\n            } else {\n              this.setInitValue(next);\n            }\n          });\n        }\n      } else {\n        if (!this.options.allowInvalidValue() && this.selectValue()?.some((r: any) => !this.validValue().has(r))) {\n          untracked(() => {\n            const next = this.selectValue()?.filter((r: any) => this.validValue().has(r));\n            if (this.options.fullValue()) {\n              this.setInitValue(next?.map((r: any) => this.dataMap.get(r)) ?? []);\n            } else {\n              this.setInitValue(next);\n            }\n          });\n        }\n      }\n    });\n  }\n\n  override options: SelectOptions = new SelectOptions();\n  private dataMap = new Map();\n  private readonly validValue = computed(() => this.buildValidValue());\n  readonly data = computed(() => this.buildData());\n\n  readonly selectValue = model<any>();\n  readonly displayValue = computed(() => this.buildDisplay());\n\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 buildValidValue(): Set<any> {\n    const validValue = new Set();\n    const data = this.options.data();\n    if (Array.isArray(data)) {\n      for (const item of data) {\n        this.dataMap.set(item[this.options.valueField()], item);\n        validValue.add(item[this.options.valueField()]);\n      }\n    }\n    return validValue;\n  }\n\n  private buildData(): any[] {\n    let data: any[] = [];\n    for (const item of this.validValue()) {\n      data.push(this.dataMap.get(item));\n    }\n    if (this.options.allowInvalidValue() && this.selectValue()) {\n      (this.options.mode() == \"default\" ? [this.selectValue()] : this.selectValue())!\n        .filter((r: any) => !this.validValue().has(r)).forEach((r: any) => {\n          if (!this.dataMap.has(r)) {\n            this.dataMap.set(r, {\n              [this.options.labelField()]: r,\n              [this.options.valueField()]: r\n            });\n          }\n          data.push(this.dataMap.get(r));\n        });\n    }\n    return data;\n  }\n\n  private valueToSelectorValue() {\n    if (this.value() != undefined) {\n      if (this.options.mode() == \"default\") {\n        if (this.options.fullValue()) {\n          const key = this.value()[this.options.valueField()];\n          if (!this.dataMap.has(key)) {\n            this.dataMap.set(key, this.value());\n          }\n          this.selectValue.set(this.value()[this.options.valueField()]);\n        } else {\n          this.selectValue.set(this.value());\n        }\n        return;\n      } else if (Array.isArray(this.value())) {\n        if (this.options.fullValue()) {\n          this.selectValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n          for (const v of this.value()) {\n            if (!this.dataMap.has(v[this.options.valueField()])) {\n              this.dataMap.set(v[this.options.valueField()], v);\n            }\n          }\n        } else {\n          this.selectValue.set(this.value());\n        }\n        return;\n      }\n    }\n    this.selectValue.set(this.value());\n  }\n\n  onSelectChange(value: any) {\n    if (this.options.fullValue()) {\n      if (this.options.mode() == \"default\") {\n        this.value.set(this.dataMap.get(value) ?? null);\n      } else {\n        this.value.set(value?.map((r: any) => this.dataMap.get(r)));\n      }\n    } else {\n      this.value.set(value);\n    }\n    this.onChange?.(this.value());\n  }\n\n  private buildDisplay(): string {\n    if (this.options.mode() != \"default\") {\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.value()?.map((r: any) => this.dataMap.get(r)?.[this.options.labelField()]).join(\";\");\n        }\n      }\n    } else {\n      if (this.options.fullValue()) {\n        return this.value()[this.options.labelField()];\n      } else {\n        return this.dataMap.get(this.value())?.[this.options.labelField()];\n      }\n    }\n    return \"\";\n  }\n\n  searchChange(input: string) {\n    this.triggeEvents(\"search\", { searchText: input }).subscribe();\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    [nzVariant]=\"options.variant()\" [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\"\n    [nzSize]=\"options.size()\" [nzOptionOverflowSize]=\"options.optionOverflowSize()\"\n    [nzSelectOnTab]=\"options.selectOnTab()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n    [nzShowSearch]=\"options.showSearch()\" [nzServerSearch]=\"options.serverSearch()\"\n    [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n    [(ngModel)]=\"selectValue\" (ngModelChange)=\"onSelectChange($event)\" (nzOnSearch)=\"searchChange($event)\">\n    @for (o of 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-design.mjs

@@ -0,0 +1,121 @@
+import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, BaseDesignSetting, ValueDesignSetting, FunField, DynamicDirective, InputTrigger, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { computed, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5 from 'ng-zorro-antd/auto-complete';
+import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import * as i2 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i4 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i6 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i7 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i8 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i3 from 'ng-zorro-antd/grid';
+
+class Setting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        ...valueFbConfig,
+        labelField: ["title", FormValidators.required],
+        valueField: ["key", FormValidators.required],
+        fullValue: [false, FormValidators.required],
+        defaultFirst: [false, FormValidators.required],
+        data: [],
+        autofocus: [false, FormValidators.required],
+        type: [undefined, FormValidators.requiredFun],
+        showAll: [undefined, FormValidators.requiredFun],
+        allowClear: [undefined, FormValidators.requiredFun],
+        placeholder: [],
+        showSearch: [undefined, FormValidators.requiredFun],
+        selectOnSearch: [undefined, FormValidators.requiredFun],
+        backendSearch: [undefined, FormValidators.requiredFun],
+        searchLimitLength: [],
+    });
+    funFields = {
+        ...baseFunField,
+        ...valueFunField,
+        data: {
+            defaultValue: undefined
+        },
+        type: {
+            defaultValue: "selector"
+        },
+        showAll: {
+            defaultValue: false
+        },
+        allowClear: {
+            defaultValue: true
+        },
+        placeholder: {
+            defaultValue: ""
+        },
+        showSearch: {
+            defaultValue: true
+        },
+        selectOnSearch: {
+            defaultValue: false
+        },
+        backendSearch: {
+            defaultValue: false
+        },
+        searchLimitLength: {
+            defaultValue: null
+        },
+    };
+    dataFunField;
+    fields = computed(() => {
+        if (this.dataFunField.computeResult()?.length) {
+            return Object.keys(this.dataFunField.computeResult()[0]);
+        }
+        return [];
+    }, ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: Setting, isStandalone: true, selector: "axis-design-single-selector-setting", viewQueries: [{ propertyName: "dataFunField", first: true, predicate: ["data"], 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=\"8\" nzRequired>\n                    \u503C\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"valueField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u540D\u79F0\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"labelField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5168\u90E8\u9009\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showAll\">\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=\"8\" nzRequired>\n                    \u9ED8\u8BA4\u7B2C\u4E00\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"defaultFirst\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5B8C\u6574\u5BF9\u8C61\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"fullValue\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u9009\u9879\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field #data formControlName=\"data\">\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=\"8\" nzRequired>\n                    \u9009\u62E9\u5668\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"type\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzLabel=\"\u4E0B\u62C9\u9009\u62E9\" nzValue=\"selector\"></nz-option>\n                            <nz-option nzLabel=\"Radio\" nzValue=\"radio\"></nz-option>\n                            <nz-option nzLabel=\"\u6309\u94AE\u9009\u62E9\" nzValue=\"button\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5141\u8BB8\u6E05\u7A7A\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allowClear\">\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=\"8\">\n                    \u5360\u4F4D\u7B26\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"placeholder\">\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=\"8\" nzRequired>\n                    \u81EA\u52A8\u83B7\u53D6\u7126\u70B9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"autofocus\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n        <nz-collapse-panel nzHeader=\"\u9009\u9879\u641C\u7D22\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u641C\u7D22\u9009\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSearch?.funMode || formValue()?.showSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u4EC5\u641C\u7D22\u540E\u9009\u62E9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"selectOnSearch\">\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=\"8\" nzRequired>\n                    \u540E\u7AEF\u641C\u7D22\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"backendSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().backendSearch?.funMode || formValue()?.backendSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u641C\u7D22\u6700\u5C11\u5B57\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"searchLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" nzPlaceHolder=\"\u9ED8\u8BA41\u4F4D\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        }\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: 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: NzCollapseModule }, { kind: "component", type: i2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i3.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: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: ValueDesignSetting, selector: "axis-value-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i5.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i5.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i5.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "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: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: InputTrigger, selector: "axis-input-trigger", inputs: ["internalTriggers", "optionsNodeId", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Setting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-single-selector-setting', imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, BaseDesignSetting, ValueDesignSetting, NzAutocompleteModule, NzInputModule, NzSelectModule, FunField, DynamicDirective, NzSwitchModule, InputTrigger], 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=\"8\" nzRequired>\n                    \u503C\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"valueField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u540D\u79F0\u5B57\u6BB5\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"labelField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5168\u90E8\u9009\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showAll\">\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=\"8\" nzRequired>\n                    \u9ED8\u8BA4\u7B2C\u4E00\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"defaultFirst\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5B8C\u6574\u5BF9\u8C61\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"fullValue\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u9009\u9879\u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field #data formControlName=\"data\">\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=\"8\" nzRequired>\n                    \u9009\u62E9\u5668\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"type\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzLabel=\"\u4E0B\u62C9\u9009\u62E9\" nzValue=\"selector\"></nz-option>\n                            <nz-option nzLabel=\"Radio\" nzValue=\"radio\"></nz-option>\n                            <nz-option nzLabel=\"\u6309\u94AE\u9009\u62E9\" nzValue=\"button\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5141\u8BB8\u6E05\u7A7A\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allowClear\">\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=\"8\">\n                    \u5360\u4F4D\u7B26\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"placeholder\">\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=\"8\" nzRequired>\n                    \u81EA\u52A8\u83B7\u53D6\u7126\u70B9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"autofocus\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n        <nz-collapse-panel nzHeader=\"\u9009\u9879\u641C\u7D22\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u641C\u7D22\u9009\u9879\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSearch?.funMode || formValue()?.showSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u4EC5\u641C\u7D22\u540E\u9009\u62E9\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"selectOnSearch\">\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=\"8\" nzRequired>\n                    \u540E\u7AEF\u641C\u7D22\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"backendSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().backendSearch?.funMode || formValue()?.backendSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u641C\u7D22\u6700\u5C11\u5B57\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"searchLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" nzPlaceHolder=\"\u9ED8\u8BA41\u4F4D\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        }\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+        }], propDecorators: { dataFunField: [{
+                type: ViewChild,
+                args: ["data", { static: true }]
+            }] } });
+
+const Config = {
+    componentName: "单选器",
+    buildOptionsNodes(nextInfo) {
+        console.warn("单选器已停用，使用单选框或者选择器代替", nextInfo.currentObject.id);
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "单选器",
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                settingType: Setting,
+                contextMenu: SimpleMenu,
+                icon: "select",
+            }),
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        return {
+            [options.id]: { element },
+        };
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-single-selector-design.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-single-selector-design.mjs","sources":["../../../axis-components/single-selector/design/setting/setting.ts","../../../axis-components/single-selector/design/setting/setting.html","../../../axis-components/single-selector/design/config.ts","../../../axis-components/single-selector/design/ngx-axis-appforge-axis-components-single-selector-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, ViewChild } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-single-selector-setting',\n  imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, BaseDesignSetting, ValueDesignSetting, NzAutocompleteModule, NzInputModule, NzSelectModule, FunField, DynamicDirective, NzSwitchModule, InputTrigger],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    ...valueFbConfig,\n    labelField: [\"title\", FormValidators.required],\n    valueField: [\"key\", FormValidators.required],\n    fullValue: [false, FormValidators.required],\n    defaultFirst: [false, FormValidators.required],\n    data: [],\n    autofocus: [false, FormValidators.required],\n    type: [undefined, FormValidators.requiredFun],\n    showAll: [undefined, FormValidators.requiredFun],\n    allowClear: [undefined, FormValidators.requiredFun],\n    placeholder: [],\n    showSearch: [undefined, FormValidators.requiredFun],\n    selectOnSearch: [undefined, FormValidators.requiredFun],\n    backendSearch: [undefined, FormValidators.requiredFun],\n    searchLimitLength: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    data: {\n      defaultValue: undefined\n    },\n    type: {\n      defaultValue: \"selector\"\n    },\n    showAll: {\n      defaultValue: false\n    },\n    allowClear: {\n      defaultValue: true\n    },\n    placeholder: {\n      defaultValue: \"\"\n    },\n    showSearch: {\n      defaultValue: true\n    },\n    selectOnSearch: {\n      defaultValue: false\n    },\n    backendSearch: {\n      defaultValue: false\n    },\n    searchLimitLength: {\n      defaultValue: null\n    },\n  };\n\n  @ViewChild(\"data\", { static: true })\n  dataFunField!: FunField;\n\n  fields = computed(() => {\n    if (this.dataFunField.computeResult()?.length) {\n      return Object.keys(this.dataFunField.computeResult()[0]);\n    }\n    return [];\n  })\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    值字段\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"valueField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    名称字段\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"labelField\" [nzAutocomplete]=\"fieldAuto\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-autocomplete #fieldAuto nzBackfill>\n                @for (f of fields(); track f) {\n                <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n                    {{f}}\n                </nz-auto-option>\n                }\n            </nz-autocomplete>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    全部选项\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showAll\">\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=\"8\" nzRequired>\n                    默认第一项\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"defaultFirst\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    完整对象值\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"fullValue\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    选项数据\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field #data formControlName=\"data\">\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=\"外观设置\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    选择器类型\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"type\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzLabel=\"下拉选择\" nzValue=\"selector\"></nz-option>\n                            <nz-option nzLabel=\"Radio\" nzValue=\"radio\"></nz-option>\n                            <nz-option nzLabel=\"按钮选择\" nzValue=\"button\"></nz-option>\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    允许清空\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allowClear\">\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=\"8\">\n                    占位符\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"placeholder\">\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=\"8\" nzRequired>\n                    自动获取焦点\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"autofocus\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            }\n        </nz-collapse-panel>\n        @if (formValue().type?.funMode || formValue()?.type?.originValue == 'selector') {\n        <nz-collapse-panel nzHeader=\"选项搜索\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    搜索选项\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().showSearch?.funMode || formValue()?.showSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    仅搜索后选择\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"selectOnSearch\">\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=\"8\" nzRequired>\n                    后端搜索\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"backendSearch\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (formValue().backendSearch?.funMode || formValue()?.backendSearch?.originValue) {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    搜索最少字数\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"searchLimitLength\">\n                        <nz-input-number style=\"width: 100%;\" nzPlaceHolder=\"默认1位\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </nz-collapse-panel>\n        }\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\n\nexport const Config: DesignConfig = {\n\n    componentName: \"单选器\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        console.warn(\"单选器已停用，使用单选框或者选择器代替\", nextInfo.currentObject.id);\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"单选器\",\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"select\",\n            }),\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element },\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { signal, effect, untracked, 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 * as i2 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class SingleSelectorOptions extends ValueAccessOptions {
+    labelField = signal("title", ...(ngDevMode ? [{ debugName: "labelField" }] : []));
+    valueField = signal("key", ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+    fullValue = signal(false, ...(ngDevMode ? [{ debugName: "fullValue" }] : []));
+    defaultFirst = signal(false, ...(ngDevMode ? [{ debugName: "defaultFirst" }] : []));
+    autofocus = signal(false, ...(ngDevMode ? [{ debugName: "autofocus" }] : []));
+    data = signal(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    type = signal("selector", ...(ngDevMode ? [{ debugName: "type" }] : []));
+    showAll = signal(false, ...(ngDevMode ? [{ debugName: "showAll" }] : []));
+    allowClear = signal(true, ...(ngDevMode ? [{ debugName: "allowClear" }] : []));
+    placeholder = signal("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    showSearch = signal(true, ...(ngDevMode ? [{ debugName: "showSearch" }] : []));
+    selectOnSearch = signal(false, ...(ngDevMode ? [{ debugName: "selectOnSearch" }] : []));
+    backendSearch = signal(false, ...(ngDevMode ? [{ debugName: "backendSearch" }] : []));
+    searchLimitLength = signal(null, ...(ngDevMode ? [{ debugName: "searchLimitLength" }] : []));
+}
+
+class SingleSelector extends ValueAccess {
+    constructor() {
+        super();
+        effect(() => {
+            const data = this.options.data();
+            if (Array.isArray(data) && data.length) {
+                untracked(() => {
+                    if (this.selectorValue() != null && data.every(r => r[this.options.valueField()] != this.selectorValue()) && !this.options.defaultFirst()) {
+                        this.setInitValue(null);
+                    }
+                    else if (this.options.defaultFirst()) {
+                        if (this.options.fullValue()) {
+                            this.setInitValue(data[0]);
+                        }
+                        else {
+                            this.setInitValue(data[0][this.options.valueField()]);
+                        }
+                    }
+                });
+            }
+            else {
+                this.setInitValue(null);
+            }
+        });
+    }
+    options = new SingleSelectorOptions();
+    displayValue = signal(undefined, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    selectorValue = model(...(ngDevMode ? [undefined, { debugName: "selectorValue" }] : []));
+    searchText = signal("", ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+    writeValue(value) {
+        super.writeValue(value);
+        this.valueToSelectorValue();
+    }
+    setInitValue(value) {
+        if (this.options.id == "axis-components/tree-selector#3") {
+            debugger;
+        }
+        super.setInitValue(value);
+        this.valueToSelectorValue();
+    }
+    valueToSelectorValue() {
+        if (this.value() != undefined) {
+            if (this.options.fullValue()) {
+                this.selectorValue.set(this.value()[this.options.valueField()]);
+            }
+            else {
+                this.selectorValue.set(this.value());
+            }
+        }
+        else {
+            this.selectorValue.set(undefined);
+        }
+    }
+    onSelectorChange(value) {
+        if (this.options.fullValue()) {
+            this.value.set(this.options.data().find((item) => item[this.options.valueField()] == value));
+        }
+        else {
+            this.value.set(value);
+        }
+        this.onChange?.(this.value());
+    }
+    searchChange(input) {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SingleSelector, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SingleSelector, isStandalone: true, selector: "axis-single-selector", 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@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        \u52A0\u8F7D\u4E2D...\n        }@else {\n        <div style=\"color: rgba(0, 0, 0, 0.8);\">\n            <span nz-icon nzType=\"info-circle\"></span>\n            \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n        </div>\n        }\n    </nz-option>\n    }@else {\n    @if (options.showAll()) {\n    <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></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=\"\">\u5168\u90E8</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=\"\">\u5168\u90E8</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}", 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", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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.3.4", ngImport: i0, type: SingleSelector, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-single-selector', imports: [NzSelectModule, NzRadioModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@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        \u52A0\u8F7D\u4E2D...\n        }@else {\n        <div style=\"color: rgba(0, 0, 0, 0.8);\">\n            <span nz-icon nzType=\"info-circle\"></span>\n            \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n        </div>\n        }\n    </nz-option>\n    }@else {\n    @if (options.showAll()) {\n    <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></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=\"\">\u5168\u90E8</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=\"\">\u5168\u90E8</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}", styles: [":host{display:block;width:100%}nz-select{width:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SingleSelector };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-single-selector.mjs.map