ngx-axis-appforge 0.0.54 → 0.0.57

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-input-design.mjs","sources":["../../../axis-components/input/design/setting/setting.ts","../../../axis-components/input/design/setting/setting.html","../../../axis-components/input/design/config.ts","../../../axis-components/input/design/ngx-axis-appforge-axis-components-input-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzInputNumberModule } from 'ng-zorro-antd/input-number';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-input-setting',\n  imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzInputNumberModule, NzInputModule, NzFormModule, FunField, NzSwitchModule, BaseDesignSetting, InputTrigger, NzRadioModule, ValueDesignSetting, NzSelectModule],\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    type: [undefined, FormValidators.requiredFun],\n    placeholder: [],\n    variant: [\"outlined\", FormValidators.required],\n    maxlength: [null],\n    debounceTime: [],\n    autofocus: [undefined, FormValidators.requiredFun],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    type: {\n      defaultValue: \"text\"\n    },\n    placeholder: {\n      defaultValue: \"\"\n    },\n    maxlength: {\n      defaultValue: null\n    },\n    debounceTime: {\n      defaultValue: \"\"\n    },\n    autofocus: {\n      defaultValue: false\n    }\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                    <axis-fun-field formControlName=\"type\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"text\">文本</label>\n                            <label nz-radio-button nzValue=\"password\">密码</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=\"8\">\n                    最大长度\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"maxlength\">\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=\"8\">\n                    防抖时间\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"debounceTime\">\n                        <nz-input-number style=\"width: 100%;\" nzPlaceHolder=\"毫秒\" ngModel\n                            [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=\"8\" nzRequired>\n                    自动焦点\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"autofocus\">\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-select formControlName=\"variant\">\n                        <nz-option nzValue=\"outlined\" nzLabel=\"外边框\"></nz-option>\n                        <nz-option nzValue=\"borderless\" nzLabel=\"无边框\"></nz-option>\n                        <nz-option nzValue=\"filled\" nzLabel=\"填充\"></nz-option>\n                        <nz-option nzValue=\"underlined\" nzLabel=\"下边线\"></nz-option>\n                    </nz-select>\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-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"\n            [eventDesc]=\"[{name:'enterKeydown',title:'按下回车'}]\"></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\nexport const Config: DesignConfig = {\n\n    componentName: \"文本输入框\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        const children: OptionsNode[] = [];\n        const next: NextInfo[] = [];\n        if (!nextInfo.currentObject.variant || nextInfo.currentObject.variant == \"outlined\") {\n            children.push(new OptionsNode({\n                id: nextInfo.currentObject.id + \".prefix\",\n                parentId: nextInfo.currentObject.id,\n                scopeId: nextInfo.scopeId,\n                name: \"前缀\",\n                contextMenu: SimpleMenu,\n                canDrop: true,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject,\n                defaultDropIndex: \"prefix\",\n                indexOfParentObj: \"prefix\",\n                rootOptions: nextInfo.currentObject,\n                children: [],\n            }));\n            next.push({\n                parentId: nextInfo.currentObject.id + \".prefix\",\n                parentObject: nextInfo.currentObject,\n                indexOfParent: \"prefix\",\n                scopeId: nextInfo.scopeId,\n            });\n            children.push(new OptionsNode({\n                id: nextInfo.currentObject.id + \".suffix\",\n                parentId: nextInfo.currentObject.id,\n                scopeId: nextInfo.scopeId,\n                name: \"后缀\",\n                contextMenu: SimpleMenu,\n                canDrop: true,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject,\n                defaultDropIndex: \"suffix\",\n                indexOfParentObj: \"suffix\",\n                rootOptions: nextInfo.currentObject,\n                children: [],\n            }));\n            next.push({\n                parentId: nextInfo.currentObject.id + \".suffix\",\n                parentObject: nextInfo.currentObject,\n                indexOfParent: \"suffix\",\n                scopeId: nextInfo.scopeId,\n            });\n        }\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: \"field-string\",\n                children: children\n            }),\n            next: next,\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        const prefix: HTMLElement = element.querySelector(\".prefix-container\") as HTMLElement;\n        const suffix: HTMLElement = element.querySelector(\".suffix-container\") as HTMLElement;\n        return {\n            [options.id]: { element },\n            [`${options.id}.prefix`]: { element: prefix, dropElement: prefix },\n            [`${options.id}.suffix`]: { element: suffix, dropElement: suffix }\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-input-design.mjs","sources":["../../../axis-components/input/design/setting/setting.ts","../../../axis-components/input/design/setting/setting.html","../../../axis-components/input/design/config.ts","../../../axis-components/input/design/ngx-axis-appforge-axis-components-input-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzInputNumberModule } from 'ng-zorro-antd/input-number';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-input-setting',\n  imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzInputNumberModule, NzInputModule, NzFormModule, FunField, NzSwitchModule, BaseDesignSetting, InputTrigger, NzRadioModule, ValueDesignSetting, NzSelectModule],\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    type: [undefined, FormValidators.requiredFun],\n    placeholder: [],\n    variant: [\"outlined\", FormValidators.required],\n    maxlength: [null],\n    debounceTime: [],\n    autofocus: [undefined, FormValidators.requiredFun],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    type: {\n      defaultValue: \"text\"\n    },\n    placeholder: {\n      defaultValue: \"\"\n    },\n    maxlength: {\n      defaultValue: null\n    },\n    debounceTime: {\n      defaultValue: \"\"\n    },\n    autofocus: {\n      defaultValue: false\n    }\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                    <axis-fun-field formControlName=\"type\">\n                        <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"text\">文本</label>\n                            <label nz-radio-button nzValue=\"password\">密码</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=\"8\">\n                    最大长度\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"maxlength\">\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=\"8\">\n                    防抖时间\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"debounceTime\">\n                        <nz-input-number style=\"width: 100%;\" nzPlaceHolder=\"毫秒\" ngModel\n                            [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=\"8\" nzRequired>\n                    自动焦点\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"autofocus\">\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-select formControlName=\"variant\">\n                        <nz-option nzValue=\"outlined\" nzLabel=\"外边框\"></nz-option>\n                        <nz-option nzValue=\"borderless\" nzLabel=\"无边框\"></nz-option>\n                        <nz-option nzValue=\"filled\" nzLabel=\"填充\"></nz-option>\n                        <nz-option nzValue=\"underlined\" nzLabel=\"下边线\"></nz-option>\n                    </nz-select>\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-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"\n            [eventDesc]=\"[{name:'enterKeydown',title:'按下回车',ds:{value:'示例数据'}}]\"></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\nexport const Config: DesignConfig = {\n\n    componentName: \"文本输入框\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        const children: OptionsNode[] = [];\n        const next: NextInfo[] = [];\n        if (!nextInfo.currentObject.variant || nextInfo.currentObject.variant == \"outlined\") {\n            children.push(new OptionsNode({\n                id: nextInfo.currentObject.id + \".prefix\",\n                parentId: nextInfo.currentObject.id,\n                scopeId: nextInfo.scopeId,\n                name: \"前缀\",\n                contextMenu: SimpleMenu,\n                canDrop: true,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject,\n                defaultDropIndex: \"prefix\",\n                indexOfParentObj: \"prefix\",\n                rootOptions: nextInfo.currentObject,\n                children: [],\n            }));\n            next.push({\n                parentId: nextInfo.currentObject.id + \".prefix\",\n                parentObject: nextInfo.currentObject,\n                indexOfParent: \"prefix\",\n                scopeId: nextInfo.scopeId,\n            });\n            children.push(new OptionsNode({\n                id: nextInfo.currentObject.id + \".suffix\",\n                parentId: nextInfo.currentObject.id,\n                scopeId: nextInfo.scopeId,\n                name: \"后缀\",\n                contextMenu: SimpleMenu,\n                canDrop: true,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject,\n                defaultDropIndex: \"suffix\",\n                indexOfParentObj: \"suffix\",\n                rootOptions: nextInfo.currentObject,\n                children: [],\n            }));\n            next.push({\n                parentId: nextInfo.currentObject.id + \".suffix\",\n                parentObject: nextInfo.currentObject,\n                indexOfParent: \"suffix\",\n                scopeId: nextInfo.scopeId,\n            });\n        }\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: \"field-string\",\n                children: children\n            }),\n            next: next,\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        const prefix: HTMLElement = element.querySelector(\".prefix-container\") as HTMLElement;\n        const suffix: HTMLElement = element.querySelector(\".suffix-container\") as HTMLElement;\n        return {\n            [options.id]: { element },\n            [`${options.id}.prefix`]: { element: prefix, dropElement: prefix },\n            [`${options.id}.suffix`]: { element: suffix, dropElement: suffix }\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-input.mjs

@@ -50,7 +50,7 @@ class Input extends ValueAccess {
         this.inputValue.set(value);
     }
     onEnter() {
-        this.triggeEvents("enterKeydown").subscribe();
+        this.triggeEvents("enterKeydown", { value: this.inputValue() }).subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Input, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: Input, isStandalone: true, selector: "axis-input", inputs: { inputValue: { classPropertyName: "inputValue", publicName: "inputValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputValue: "inputValueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.readonly()) {\n<span>\n    {{value()}}\n</span>\n}@else {\n@if (options.variant()==\"outlined\") {\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [disabled]=\"options.disabled()\"\n        [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\" [placeholder]=\"options.placeholder()\"\n        [maxLength]=\"options.maxlength()||9999999\" [autofocus]=\"options.autofocus()\" />\n</nz-input-group>\n<ng-template #prefixTemplate>\n    <div class=\"prefix-container\">\n        @if (options.prefix()) {\n        <ng-container [axisDynamic]=\"options.prefix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #suffixTemplate>\n    <div class=\"suffix-container\">\n        @if (options.suffix()) {\n        <ng-container [axisDynamic]=\"options.suffix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n}@else {\n<input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [nzVariant]=\"options.variant()\"\n    [disabled]=\"options.disabled()\" [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\"\n    [placeholder]=\"options.placeholder()\" [maxLength]=\"options.maxlength()||9999999\"\n    [autofocus]=\"options.autofocus()\" />\n}\n}", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: 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"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-input.mjs","sources":["../../../axis-components/input/input.options.ts","../../../axis-components/input/input.ts","../../../axis-components/input/input.html","../../../axis-components/input/ngx-axis-appforge-axis-components-input.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class InputOptions extends ValueAccessOptions {\n\n    readonly placeholder = signal(\"\");\n    readonly maxlength = signal<number | null>(null);\n    readonly debounceTime = signal<number | null>(null);\n    readonly autofocus = signal<boolean>(false);\n    readonly type = signal<\"text\" | \"password\">(\"text\");\n    readonly prefix = signal<any>(undefined);\n    readonly suffix = signal<any>(undefined);\n    readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>(\"outlined\");\n}","import { ChangeDetectionStrategy, Component, effect, model } from '@angular/core';\nimport { InputOptions } from './input.options';\nimport { FormsModule } from '@angular/forms';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { DynamicDirective, ValueAccess } from 'ngx-axis-appforge/core';\nimport { debounceTime, Subject } from 'rxjs';\n\n@Component({\n  selector: 'axis-input',\n  imports: [NzInputModule, FormsModule, DynamicDirective],\n  templateUrl: './input.html',\n  styleUrl: './input.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Input extends ValueAccess<InputOptions> {\n  constructor() {\n    super();\n    effect(() => {\n      this.unsubscribe([\"change\"]);\n      if (this.options.debounceTime() ?? 0 > 0) {\n        this.addSubscribe(this.inputSubject.pipe(debounceTime(this.options.debounceTime()!)).subscribe(value => {\n          this.value.set(value);\n          this.onChange?.(value);\n        }), \"change\");\n      } else {\n        this.addSubscribe(this.inputSubject.subscribe(value => {\n          this.value.set(value);\n          this.onChange?.(value);\n        }), \"change\");\n      }\n    });\n    effect(() => {\n      if (this.options.initValue() !== undefined) {\n        this.inputValue.set(this.options.initValue());\n      }\n    })\n  }\n\n  override options: InputOptions = new InputOptions();\n\n  readonly inputValue = model<string>();\n  readonly inputSubject = new Subject();\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.inputValue.set(value);\n  }\n\n  onEnter() {\n    this.triggeEvents(\"enterKeydown\").subscribe();\n  }\n\n}\n","@if (options.readonly()) {\n<span>\n    {{value()}}\n</span>\n}@else {\n@if (options.variant()==\"outlined\") {\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [disabled]=\"options.disabled()\"\n        [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\" [placeholder]=\"options.placeholder()\"\n        [maxLength]=\"options.maxlength()||9999999\" [autofocus]=\"options.autofocus()\" />\n</nz-input-group>\n<ng-template #prefixTemplate>\n    <div class=\"prefix-container\">\n        @if (options.prefix()) {\n        <ng-container [axisDynamic]=\"options.prefix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #suffixTemplate>\n    <div class=\"suffix-container\">\n        @if (options.suffix()) {\n        <ng-container [axisDynamic]=\"options.suffix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n}@else {\n<input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [nzVariant]=\"options.variant()\"\n    [disabled]=\"options.disabled()\" [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\"\n    [placeholder]=\"options.placeholder()\" [maxLength]=\"options.maxlength()||9999999\"\n    [autofocus]=\"options.autofocus()\" />\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './input';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-input.mjs","sources":["../../../axis-components/input/input.options.ts","../../../axis-components/input/input.ts","../../../axis-components/input/input.html","../../../axis-components/input/ngx-axis-appforge-axis-components-input.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class InputOptions extends ValueAccessOptions {\n\n    readonly placeholder = signal(\"\");\n    readonly maxlength = signal<number | null>(null);\n    readonly debounceTime = signal<number | null>(null);\n    readonly autofocus = signal<boolean>(false);\n    readonly type = signal<\"text\" | \"password\">(\"text\");\n    readonly prefix = signal<any>(undefined);\n    readonly suffix = signal<any>(undefined);\n    readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>(\"outlined\");\n}","import { ChangeDetectionStrategy, Component, effect, model } from '@angular/core';\nimport { InputOptions } from './input.options';\nimport { FormsModule } from '@angular/forms';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { DynamicDirective, ValueAccess } from 'ngx-axis-appforge/core';\nimport { debounceTime, Subject } from 'rxjs';\n\n@Component({\n  selector: 'axis-input',\n  imports: [NzInputModule, FormsModule, DynamicDirective],\n  templateUrl: './input.html',\n  styleUrl: './input.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Input extends ValueAccess<InputOptions> {\n  constructor() {\n    super();\n    effect(() => {\n      this.unsubscribe([\"change\"]);\n      if (this.options.debounceTime() ?? 0 > 0) {\n        this.addSubscribe(this.inputSubject.pipe(debounceTime(this.options.debounceTime()!)).subscribe(value => {\n          this.value.set(value);\n          this.onChange?.(value);\n        }), \"change\");\n      } else {\n        this.addSubscribe(this.inputSubject.subscribe(value => {\n          this.value.set(value);\n          this.onChange?.(value);\n        }), \"change\");\n      }\n    });\n    effect(() => {\n      if (this.options.initValue() !== undefined) {\n        this.inputValue.set(this.options.initValue());\n      }\n    })\n  }\n\n  override options: InputOptions = new InputOptions();\n\n  readonly inputValue = model<string>();\n  readonly inputSubject = new Subject();\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.inputValue.set(value);\n  }\n\n  onEnter() {\n    this.triggeEvents(\"enterKeydown\", { value: this.inputValue() }).subscribe();\n  }\n\n}\n","@if (options.readonly()) {\n<span>\n    {{value()}}\n</span>\n}@else {\n@if (options.variant()==\"outlined\") {\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [disabled]=\"options.disabled()\"\n        [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\" [placeholder]=\"options.placeholder()\"\n        [maxLength]=\"options.maxlength()||9999999\" [autofocus]=\"options.autofocus()\" />\n</nz-input-group>\n<ng-template #prefixTemplate>\n    <div class=\"prefix-container\">\n        @if (options.prefix()) {\n        <ng-container [axisDynamic]=\"options.prefix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n<ng-template #suffixTemplate>\n    <div class=\"suffix-container\">\n        @if (options.suffix()) {\n        <ng-container [axisDynamic]=\"options.suffix()\"></ng-container>\n        }\n    </div>\n</ng-template>\n}@else {\n<input (keydown.enter)=\"onEnter()\" [type]=\"options.type()\" nz-input [nzVariant]=\"options.variant()\"\n    [disabled]=\"options.disabled()\" [(ngModel)]=\"inputValue\" (ngModelChange)=\"inputSubject.next($event)\"\n    [placeholder]=\"options.placeholder()\" [maxLength]=\"options.maxlength()||9999999\"\n    [autofocus]=\"options.autofocus()\" />\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './input';\n"],"names":[],"mappings":"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"}

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

@@ -238,7 +238,7 @@ class DataSourceEditor extends FunFieldBase {
                 useExisting: forwardRef(() => DataSourceEditor),
                 multi: true
             },
-        ], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u6570\u636E\u6E90\u8BBE\u7F6E\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length && !internalDataSources().length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n        }@else{\n        <div class=\"ds-list\" nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\" cdkDropList\n            (cdkDropListDropped)=\"onDsDrop($event)\">\n            @for (item of value()??[]; track item.name;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\" cdkDrag cdkDragLockAxis=\"y\" style=\"background: #fafafa;\">\n                <nz-icon nzType=\"holder\" cdkDragHandle></nz-icon>\n                <div>@switch (item.type) {\n                    @case (\"api\") {\n                    <nz-tag nzColor=\"magenta\">\u63A5\u53E3</nz-tag>\n                    }\n                    @case (\"local\") {\n                    <nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag>\n                    }\n                    @case (\"inject\") {\n                    <nz-tag nzColor=\"purple\">\u6CE8\u5165</nz-tag>\n                    }\n                    @case (\"cache\") {\n                    <nz-tag nzColor=\"volcano\">\u7F13\u5B58</nz-tag>\n                    }\n                    }\n                </div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"updateDataSource(item.name)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteDataSource(item.name)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n            @for (item of internalDataSources(); track item;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\">\n                <div style=\"width: 14px;\"></div>\n                <div><nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag></div>\n                <div style=\"flex: 1;\">{{item.name}}</div>\n                <div style=\"width: 72px;\">\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u6570\u636E\u6E90\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u540D\u5B57\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input formControlName=\"name\" nz-input (ngModelChange)=\"dataSourceValid($event)\" />\n                    @if (dataSourceNameRepeat()) {\n                    <div class=\"ant-form-item-explain-warning\">\u6570\u636E\u6E90\u540D\u79F0\u91CD\u590D</div>\n                    }\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B58\u5728\u65F6\u5FFD\u7565\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-switch formControlName=\"skipOnExists\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-radio-group formControlName=\"type\" (ngModelChange)=\"changeType()\">\n                        <label nz-radio nzValue=\"local\">\u672C\u5730</label>\n                        <label nz-radio nzValue=\"api\">\u63A5\u53E3</label>\n                        <label nz-radio nzValue=\"inject\">\u6CE8\u5165</label>\n                        <label nz-radio nzValue=\"cache\">\u7F13\u5B58</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"api\") {\n            <ng-container formGroupName=\"api\">\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u63A5\u53E3\u5730\u5740\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"url\" [exclude]=\"[fg.value.name]\">\n                            <input ngModel [ngModelOptions]=\"{standalone:true}\" nz-input />\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u8BF7\u6C42\u65B9\u5F0F\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"method\" [exclude]=\"[fg.value.name]\">\n                            <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                                <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                                <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                                <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                                <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></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=\"6\">\n                        \u8BF7\u6C42\u6570\u636E\u4F53\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"body\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\">\n                        \u4E0A\u4E0B\u6587\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"context\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n            </ng-container>\n            }\n            @case (\"local\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"data\" [exclude]=\"[fg.value.name]\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"inject\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input nz-input formControlName=\"injectField\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"cache\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"cacheKey\" [exclude]=\"[fg.value.name]\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".cdk-drag-preview{border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.ds-list.cdk-drop-list-dragging .ds-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}nz-icon[nzType=holder]:hover{color:var(--ant-primary-color)}nz-icon[nzType=holder]{cursor:move}\n"], dependencies: [{ kind: "ngmodule", type: NzListModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i1.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked", "nzBordered"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { kind: "ngmodule", type: NzSpaceModule }, { kind: "ngmodule", type: NzGridModule }, { 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: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i4.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i5.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i7.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i7.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i9.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i9.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i10.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i10.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i10.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i10.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i11.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i11.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { 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: NzSelectModule }, { kind: "component", type: i12.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i12.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: NzInputModule }, { kind: "directive", type: i13.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i14.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i15.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u6570\u636E\u6E90\u8BBE\u7F6E\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length && !internalDataSources().length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n        }@else{\n        <div class=\"ds-list\" nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\" cdkDropList\n            (cdkDropListDropped)=\"onDsDrop($event)\">\n            @for (item of value()??[]; track item.name;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\" cdkDrag cdkDragLockAxis=\"y\" style=\"background: #fafafa;\">\n                <nz-icon nzType=\"holder\" cdkDragHandle></nz-icon>\n                <div>@switch (item.type) {\n                    @case (\"api\") {\n                    <nz-tag nzColor=\"magenta\">\u63A5\u53E3</nz-tag>\n                    }\n                    @case (\"local\") {\n                    <nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag>\n                    }\n                    @case (\"inject\") {\n                    <nz-tag nzColor=\"purple\">\u6CE8\u5165</nz-tag>\n                    }\n                    @case (\"cache\") {\n                    <nz-tag nzColor=\"volcano\">\u7F13\u5B58</nz-tag>\n                    }\n                    }\n                </div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"updateDataSource(item.name)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteDataSource(item.name)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n            @for (item of internalDataSources(); track item;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\">\n                <div style=\"width: 14px;\"></div>\n                <div><nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag></div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div style=\"width: 72px;\">\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u6570\u636E\u6E90\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u540D\u5B57\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input formControlName=\"name\" nz-input (ngModelChange)=\"dataSourceValid($event)\" />\n                    @if (dataSourceNameRepeat()) {\n                    <div class=\"ant-form-item-explain-warning\">\u6570\u636E\u6E90\u540D\u79F0\u91CD\u590D</div>\n                    }\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B58\u5728\u65F6\u5FFD\u7565\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-switch formControlName=\"skipOnExists\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-radio-group formControlName=\"type\" (ngModelChange)=\"changeType()\">\n                        <label nz-radio nzValue=\"local\">\u672C\u5730</label>\n                        <label nz-radio nzValue=\"api\">\u63A5\u53E3</label>\n                        <label nz-radio nzValue=\"inject\">\u6CE8\u5165</label>\n                        <label nz-radio nzValue=\"cache\">\u7F13\u5B58</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"api\") {\n            <ng-container formGroupName=\"api\">\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u63A5\u53E3\u5730\u5740\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"url\" [exclude]=\"[fg.value.name]\">\n                            <input ngModel [ngModelOptions]=\"{standalone:true}\" nz-input />\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u8BF7\u6C42\u65B9\u5F0F\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"method\" [exclude]=\"[fg.value.name]\">\n                            <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                                <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                                <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                                <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                                <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></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=\"6\">\n                        \u8BF7\u6C42\u6570\u636E\u4F53\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"body\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\">\n                        \u4E0A\u4E0B\u6587\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"context\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n            </ng-container>\n            }\n            @case (\"local\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"data\" [exclude]=\"[fg.value.name]\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"inject\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input nz-input formControlName=\"injectField\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"cache\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"cacheKey\" [exclude]=\"[fg.value.name]\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".cdk-drag-preview{border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.ds-list.cdk-drop-list-dragging .ds-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}nz-icon[nzType=holder]:hover{color:var(--ant-primary-color)}nz-icon[nzType=holder]{cursor:move}\n"], dependencies: [{ kind: "ngmodule", type: NzListModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i1.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked", "nzBordered"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { kind: "ngmodule", type: NzSpaceModule }, { kind: "ngmodule", type: NzGridModule }, { 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: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i4.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i5.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i7.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i7.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i9.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i9.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i10.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i10.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i10.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i10.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i11.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i11.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { 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: NzSelectModule }, { kind: "component", type: i12.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i12.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: NzInputModule }, { kind: "directive", type: i13.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i14.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i15.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DataSourceEditor, decorators: [{
             type: Component,
@@ -248,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => DataSourceEditor),
                             multi: true
                         },
-                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u6570\u636E\u6E90\u8BBE\u7F6E\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length && !internalDataSources().length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n        }@else{\n        <div class=\"ds-list\" nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\" cdkDropList\n            (cdkDropListDropped)=\"onDsDrop($event)\">\n            @for (item of value()??[]; track item.name;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\" cdkDrag cdkDragLockAxis=\"y\" style=\"background: #fafafa;\">\n                <nz-icon nzType=\"holder\" cdkDragHandle></nz-icon>\n                <div>@switch (item.type) {\n                    @case (\"api\") {\n                    <nz-tag nzColor=\"magenta\">\u63A5\u53E3</nz-tag>\n                    }\n                    @case (\"local\") {\n                    <nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag>\n                    }\n                    @case (\"inject\") {\n                    <nz-tag nzColor=\"purple\">\u6CE8\u5165</nz-tag>\n                    }\n                    @case (\"cache\") {\n                    <nz-tag nzColor=\"volcano\">\u7F13\u5B58</nz-tag>\n                    }\n                    }\n                </div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"updateDataSource(item.name)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteDataSource(item.name)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n            @for (item of internalDataSources(); track item;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\">\n                <div style=\"width: 14px;\"></div>\n                <div><nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag></div>\n                <div style=\"flex: 1;\">{{item.name}}</div>\n                <div style=\"width: 72px;\">\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u6570\u636E\u6E90\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u540D\u5B57\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input formControlName=\"name\" nz-input (ngModelChange)=\"dataSourceValid($event)\" />\n                    @if (dataSourceNameRepeat()) {\n                    <div class=\"ant-form-item-explain-warning\">\u6570\u636E\u6E90\u540D\u79F0\u91CD\u590D</div>\n                    }\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B58\u5728\u65F6\u5FFD\u7565\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-switch formControlName=\"skipOnExists\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-radio-group formControlName=\"type\" (ngModelChange)=\"changeType()\">\n                        <label nz-radio nzValue=\"local\">\u672C\u5730</label>\n                        <label nz-radio nzValue=\"api\">\u63A5\u53E3</label>\n                        <label nz-radio nzValue=\"inject\">\u6CE8\u5165</label>\n                        <label nz-radio nzValue=\"cache\">\u7F13\u5B58</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"api\") {\n            <ng-container formGroupName=\"api\">\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u63A5\u53E3\u5730\u5740\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"url\" [exclude]=\"[fg.value.name]\">\n                            <input ngModel [ngModelOptions]=\"{standalone:true}\" nz-input />\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u8BF7\u6C42\u65B9\u5F0F\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"method\" [exclude]=\"[fg.value.name]\">\n                            <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                                <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                                <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                                <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                                <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></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=\"6\">\n                        \u8BF7\u6C42\u6570\u636E\u4F53\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"body\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\">\n                        \u4E0A\u4E0B\u6587\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"context\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n            </ng-container>\n            }\n            @case (\"local\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"data\" [exclude]=\"[fg.value.name]\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"inject\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input nz-input formControlName=\"injectField\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"cache\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"cacheKey\" [exclude]=\"[fg.value.name]\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".cdk-drag-preview{border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.ds-list.cdk-drop-list-dragging .ds-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}nz-icon[nzType=holder]:hover{color:var(--ant-primary-color)}nz-icon[nzType=holder]{cursor:move}\n"] }]
+                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u6570\u636E\u6E90\u8BBE\u7F6E\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length && !internalDataSources().length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n        }@else{\n        <div class=\"ds-list\" nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\" cdkDropList\n            (cdkDropListDropped)=\"onDsDrop($event)\">\n            @for (item of value()??[]; track item.name;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\" cdkDrag cdkDragLockAxis=\"y\" style=\"background: #fafafa;\">\n                <nz-icon nzType=\"holder\" cdkDragHandle></nz-icon>\n                <div>@switch (item.type) {\n                    @case (\"api\") {\n                    <nz-tag nzColor=\"magenta\">\u63A5\u53E3</nz-tag>\n                    }\n                    @case (\"local\") {\n                    <nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag>\n                    }\n                    @case (\"inject\") {\n                    <nz-tag nzColor=\"purple\">\u6CE8\u5165</nz-tag>\n                    }\n                    @case (\"cache\") {\n                    <nz-tag nzColor=\"volcano\">\u7F13\u5B58</nz-tag>\n                    }\n                    }\n                </div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"updateDataSource(item.name)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteDataSource(item.name)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n            @for (item of internalDataSources(); track item;) {\n            <div class=\"ds-box\" nz-flex nzGap=\"8px\">\n                <div style=\"width: 14px;\"></div>\n                <div><nz-tag nzColor=\"blue\">\u672C\u5730</nz-tag></div>\n                <div style=\"flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">{{item.name}}</div>\n                <div style=\"width: 72px;\">\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item.name)\">\n                        <i nz-icon nzType=\"eye\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u6570\u636E\u6E90\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u540D\u5B57\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input formControlName=\"name\" nz-input (ngModelChange)=\"dataSourceValid($event)\" />\n                    @if (dataSourceNameRepeat()) {\n                    <div class=\"ant-form-item-explain-warning\">\u6570\u636E\u6E90\u540D\u79F0\u91CD\u590D</div>\n                    }\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B58\u5728\u65F6\u5FFD\u7565\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-switch formControlName=\"skipOnExists\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u6570\u636E\u6E90\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-radio-group formControlName=\"type\" (ngModelChange)=\"changeType()\">\n                        <label nz-radio nzValue=\"local\">\u672C\u5730</label>\n                        <label nz-radio nzValue=\"api\">\u63A5\u53E3</label>\n                        <label nz-radio nzValue=\"inject\">\u6CE8\u5165</label>\n                        <label nz-radio nzValue=\"cache\">\u7F13\u5B58</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"api\") {\n            <ng-container formGroupName=\"api\">\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u63A5\u53E3\u5730\u5740\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"url\" [exclude]=\"[fg.value.name]\">\n                            <input ngModel [ngModelOptions]=\"{standalone:true}\" nz-input />\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\" nzRequired>\n                        \u8BF7\u6C42\u65B9\u5F0F\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"method\" [exclude]=\"[fg.value.name]\">\n                            <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                                <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                                <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                                <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                                <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></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=\"6\">\n                        \u8BF7\u6C42\u6570\u636E\u4F53\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"body\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label nzSpan=\"6\">\n                        \u4E0A\u4E0B\u6587\n                    </nz-form-label>\n                    <nz-form-control nzSpan=\"18\">\n                        <axis-fun-field formControlName=\"context\" [exclude]=\"[fg.value.name]\">\n                            <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                                [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                        </axis-fun-field>\n                    </nz-form-control>\n                </nz-form-item>\n            </ng-container>\n            }\n            @case (\"local\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6570\u636E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"data\" [exclude]=\"[fg.value.name]\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"inject\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u5B57\u6BB5\u540D\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <input nz-input formControlName=\"injectField\" />\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"cache\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7F13\u5B58Key\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"cacheKey\" [exclude]=\"[fg.value.name]\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".cdk-drag-preview{border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.ds-list.cdk-drop-list-dragging .ds-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}nz-icon[nzType=holder]:hover{color:var(--ant-primary-color)}nz-icon[nzType=holder]{cursor:move}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class Setting extends FunFieldValueBase {
@@ -270,8 +270,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
             args: [{ selector: 'axis-design-scope-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, NzInputModule, DataSourceEditor, InputTrigger, NzSwitchModule], 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                    \u57DF\u540D\u79F0\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"scopeName\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u6839\u57DF\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"isRoot\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-design-scope-setting-datasource-editor [scopeId]=\"value().id\"\n            formControlName=\"dataSources\"></axis-design-scope-setting-datasource-editor>\n        <axis-base-design-setting [fg]=\"fg\" [exclude]=\"excludeDs()\" [scopeId]=\"value().id\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\"\n            [eventDesc]=\"[{name:'dataChange',title:'\u6570\u636E\u53D8\u5316',noListen:false}]\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
         }] });
 
+class TriggeEventHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    sendInitValue = true;
+    fg = this.fb.group({
+        name: [undefined, FormValidators.requiredFun],
+        target: [undefined, FormValidators.requiredFun],
+        id: [],
+        data: [],
+    });
+    funFields = {
+        name: {
+            defaultValue: undefined,
+        },
+        target: {
+            defaultValue: "service",
+        },
+        id: {
+            defaultValue: undefined,
+        },
+        data: {
+            defaultValue: undefined,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TriggeEventHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: TriggeEventHandler, isStandalone: true, selector: "axis-modal-design-trigge-event-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TriggeEventHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u4E8B\u4EF6\u540D\u79F0\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"visible\" [noListen]=\"noListen()\">\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]=\"6\" nzRequired>\n            \u76EE\u6807\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"target\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"service\" nzLabel=\"\u4E8B\u4EF6\u670D\u52A1\"></nz-option>\n                    <nz-option nzValue=\"component\" nzLabel=\"\u6307\u5B9A\u7EC4\u4EF6\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue().target.funMode || formValue().target.value == \"component\") {\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u76EE\u6807\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    }\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\">\n            \u6570\u636E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"data\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\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: i10.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i10.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i10.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i10.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.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: FormsModule }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i13.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i12.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i12.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TriggeEventHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-modal-design-trigge-event-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzInputModule, DynamicDirective, NzSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TriggeEventHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u4E8B\u4EF6\u540D\u79F0\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"visible\" [noListen]=\"noListen()\">\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]=\"6\" nzRequired>\n            \u76EE\u6807\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"target\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"service\" nzLabel=\"\u4E8B\u4EF6\u670D\u52A1\"></nz-option>\n                    <nz-option nzValue=\"component\" nzLabel=\"\u6307\u5B9A\u7EC4\u4EF6\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue().target.funMode || formValue().target.value == \"component\") {\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u76EE\u6807\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    }\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\">\n            \u6570\u636E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"data\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
 const Config = {
     componentName: "组件域",
+    eventHandlerDescs: {
+        triggeEvent: {
+            name: "triggeEvent",
+            title: "触发事件",
+            dataComponent: TriggeEventHandler,
+            icon: "send",
+            target: "component",
+            targetComponent: "axis-components/scope",
+        },
+    },
     buildOptionsNodes(nextInfo) {
         const ds = {};
         for (const d of nextInfo.currentObject.dataSources ?? []) {