ngx-axis-appforge 0.0.0-watch

package/fesm2022/ngx-axis-appforge-core.mjs

@@ -0,0 +1,3611 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, effect, inject, input, ElementRef, isSignal, Directive, Optional, Inject, Injectable, Injector, HostBinding, untracked, model, ViewChild, output, ViewContainerRef, forwardRef, Pipe, signal, ChangeDetectionStrategy, Component, computed, ContentChild } from '@angular/core';
+import { BehaviorSubject, filter, map, catchError, of, Subject, switchMap, debounceTime, Observable, isObservable, merge, NEVER, take, mergeMap, from, mergeWith } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpContextToken, HttpContext, HttpRequest, HttpEventType, HttpClient } from '@angular/common/http';
+import * as i5 from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'ng-zorro-antd/message';
+import * as i2$1 from 'ng-zorro-antd/modal';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import * as i2$4 from 'ng-zorro-antd/dropdown';
+import { NzContextMenuService, NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i3$3 from '@angular/forms';
+import { FormGroup, FormArray, FormBuilder, NG_VALUE_ACCESSOR, FormsModule, NgModel, Validators, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from 'ng-zorro-antd/divider';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import * as i3$1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2$2 from 'ng-zorro-antd/menu';
+import { NzListModule } from 'ng-zorro-antd/list';
+import * as i3$2 from 'ng-zorro-antd/flex';
+import { NzFlexModule } from 'ng-zorro-antd/flex';
+import * as i4 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i6 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i5$2 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i10 from 'ngx-clipboard';
+import { ClipboardModule } from 'ngx-clipboard';
+import * as i11 from 'ng-zorro-antd/alert';
+import { NzAlertModule } from 'ng-zorro-antd/alert';
+import * as i12 from 'ng-zorro-antd/empty';
+import { NzEmptyModule } from 'ng-zorro-antd/empty';
+import * as i4$1 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i14 from 'ng-zorro-antd/splitter';
+import { NzSplitterModule } from 'ng-zorro-antd/splitter';
+import * as i1$2 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i16 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import { toSignal, toObservable } from '@angular/core/rxjs-interop';
+import * as i7 from 'ng-zorro-antd/core/transition-patch';
+import * as i8 from 'ng-zorro-antd/core/wave';
+import * as i2$3 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i4$2 from 'ng-zorro-antd/switch';
+import { NzSwitchModule, NzSwitchComponent } from 'ng-zorro-antd/switch';
+import * as i1$3 from 'ng-zorro-antd/grid';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import * as i7$1 from 'ng-zorro-antd/tree';
+import { NzTreeModule } from 'ng-zorro-antd/tree';
+import * as i5$1 from 'ng-zorro-antd/auto-complete';
+import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import * as i1$4 from 'ng-zorro-antd/tag';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+import * as i15 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+
+const AXIS_DESIGN_OPTIONS_NODE_FOR_MENU = new InjectionToken('axis.design.optionsNodeForMenu');
+const AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN = new InjectionToken('axis.design.scopeInfosGetter');
+const AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN = new InjectionToken('axis.design.componentInfoForSetting');
+const AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN = new InjectionToken('axis.design.componentRefForSetting');
+const AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN = new InjectionToken('axis.design.componentRefGetter');
+const AXIS_DESIGN_ALL_PERMISSIONS_TOKEN = new InjectionToken('axis.design.allPermissions');
+const AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN = new InjectionToken('axis.design.chooseComponentFunc');
+const AXIS_DESIGN_CMPLIBS_TOKEN = new InjectionToken('axis.design.cmplibs');
+const AXIS_COMPONENTS_TOKEN = new InjectionToken('axis.components');
+const AXIS_COMPONENTS_LOADER_TOKEN = new InjectionToken('axis.componentsLoader');
+const AXIS_SCRIPTS_TOKEN = new InjectionToken('axis.scripts');
+const AXIS_EVENT_HANDLERS_TOKEN = new InjectionToken('axis.eventHandlers');
+const AXIS_EVENT_HANDLER_DESCS_TOKEN = new InjectionToken('axis.eventHandlersDescs');
+const AXIS_INJECT_DATA_TOKEN = new InjectionToken('axis.injectData');
+const AXIS_INJECT_FUNC_TOKEN = new InjectionToken('axis.injectFunc');
+const AXIS_CURRENT_USER_PERMISSIONS_TOKEN = new InjectionToken('axis.currentUserPermissions');
+const AXIS_HTTP_CONTEXT_DATA_TOKEN = new InjectionToken('axis.httpContextData');
+const AXIS_FORM_REGISTE_CONTROL_TOKEN = new InjectionToken('axis.form.registeControl');
+const AXIS_FILE_BASE_URL_TOKEN = new InjectionToken('axis.fileBaseUrl');
+const AXIS_HTTP_CONTEXT_TOKEN = new HttpContextToken(() => ({}));
+
+const notDefinedRegDefault = /^(.*) is not defined$/;
+const notDefinedRegIOS = /^Can't find variable: (.*)$/;
+function fn(fnBody, argsObj, ignoreUndefined = false, printError = true) {
+    let argsName = [];
+    let args = [];
+    if (argsObj) {
+        argsName = Object.keys(argsObj);
+        args = argsName.map(n => argsObj[n]);
+    }
+    while (true) {
+        try {
+            const fun = new Function(...argsName, fnBody);
+            if (fun && fun instanceof Function) {
+                return fun(...args);
+            }
+            else if (printError) {
+                _consoleError(fnBody, args, argsName);
+            }
+        }
+        catch (e) {
+            if (ignoreUndefined && e instanceof ReferenceError && (notDefinedRegDefault.test(e.message) || notDefinedRegIOS.test(e.message))) {
+                const defaultMatch = notDefinedRegDefault.exec(e.message);
+                const iosMatch = notDefinedRegIOS.exec(e.message);
+                if (defaultMatch) {
+                    argsName.push(defaultMatch[1]);
+                    continue;
+                }
+                else if (iosMatch && iosMatch[1]) {
+                    argsName.push(iosMatch[1]);
+                    continue;
+                }
+            }
+            if (printError) {
+                _consoleError(fnBody, args, argsName, e);
+            }
+        }
+        return null;
+    }
+}
+function _consoleError(fnBody, args, argsName, e) {
+    let ds = [];
+    args.forEach((e, i) => {
+        ds[i] = { name: argsName[i], value: e };
+    });
+    console.groupCollapsed(`%c 函数${e ? '编译' : '执行'}失败`, "color:red");
+    if (e) {
+        console.error("失败原因", e.message);
+    }
+    console.log("函数体", fnBody);
+    console.log("数据源", ds);
+    console.groupEnd();
+}
+
+const loadedMap = new Map();
+const loadingMap = new Map();
+function loadScripts(path) {
+    if (loadedMap.has(path)) {
+        return Promise.resolve(loadedMap.get(path));
+    }
+    if (loadingMap.has(path)) {
+        return loadingMap.get(path);
+    }
+    loadingMap.set(path, downloadScript(path).then(script => {
+        loadedMap.set(path, script);
+        loadingMap.delete(path);
+        return script;
+    }));
+    return loadingMap.get(path);
+}
+function syncLoadScript(path) {
+    return loadedMap.get(path);
+}
+async function downloadScript(path) {
+    return await (await fetch(path)).text();
+}
+
+class DesignBuilder {
+    buildElement;
+    buildScope;
+    constructor(buildElement, buildScope) {
+        this.buildElement = buildElement;
+        this.buildScope = buildScope;
+    }
+}
+
+function sendApi(opt, http) {
+    let contextData;
+    if (opt.context) {
+        if (opt.context instanceof BehaviorSubject) {
+            contextData = opt.context.value;
+        }
+        else {
+            contextData = opt.context;
+        }
+    }
+    let context;
+    if (contextData) {
+        context = new HttpContext().set(AXIS_HTTP_CONTEXT_TOKEN, contextData);
+    }
+    return http.request(new HttpRequest(opt.method?.toUpperCase() || "GET", opt.url, opt.body, { context: context }))
+        .pipe(filter(e => e.type == HttpEventType.Response), map((h) => h.body), catchError(e => of(undefined)));
+}
+
+function listSort(list, compareField, reverse = false) {
+    const type = typeof list.map(e => e[compareField]).find(e => e != null);
+    const factor = reverse ? -1 : 1;
+    if (type == "number") {
+        list.sort((a, b) => (a[compareField] - b[compareField]) * factor);
+    }
+    else if (type == "string") {
+        list.sort((a, b) => ((a[compareField] || "") + "").localeCompare(b[compareField]) * factor);
+    }
+}
+function trackByFn(trackByField) {
+    return (index, item) => {
+        return item[trackByField];
+    };
+}
+function copy(obj, deepCopy = false) {
+    let newobj = obj;
+    if (obj instanceof Array) {
+        newobj = [];
+        obj.forEach((item, i) => {
+            try {
+                newobj[i] = copy(item, deepCopy);
+            }
+            catch (e) {
+                console.error("复制对象失败", obj);
+            }
+        });
+    }
+    else if (obj instanceof Object) {
+        newobj = Object.assign({}, obj);
+        if (deepCopy) {
+            for (const n in newobj) {
+                if (newobj[n] instanceof Object) {
+                    newobj[n] = copy(newobj[n], deepCopy);
+                }
+            }
+        }
+    }
+    return newobj;
+}
+function deepMerge(...objs) {
+    const temp = {};
+    objs = objs.filter(e => e);
+    objs.forEach(o => {
+        Object.keys(o).filter(k => o[k] != null && typeof o[k] == "object" && !(o[k] instanceof Array)).forEach(k => {
+            if (!temp.hasOwnProperty(k)) {
+                temp[k] = {};
+            }
+            temp[k] = deepMerge(temp[k], o[k]);
+        });
+    });
+    objs.push(temp);
+    return Object.assign({}, ...objs);
+}
+function obj2Arr(obj) {
+    const arr = [];
+    if (obj) {
+        for (let n in obj) {
+            arr.push(obj[n]);
+        }
+    }
+    return arr;
+}
+function recursionArray(arr, options, offsetLevel = 0, parent) {
+    const childrenField = options.childrenField ?? "children";
+    if (options.before || options.after) {
+        for (let i = 0; i < arr.length; i++) {
+            const n = arr[i];
+            let ctn = options.before?.(n, offsetLevel, parent);
+            if (ctn === false) {
+                return;
+            }
+            if (Array.isArray(n[childrenField])) {
+                if (recursionArray(n[childrenField], options, offsetLevel + 1, n) === false) {
+                    return false;
+                }
+            }
+            ctn = options.after?.(n, offsetLevel, parent);
+            if (ctn === false) {
+                return;
+            }
+        }
+    }
+}
+function recursionObject(obj, handler, keys = [], parent) {
+    if (!obj) {
+        handler(keys, obj, parent);
+    }
+    else if (obj instanceof Array) {
+        obj.forEach((v, i) => {
+            const nextKeys = [].concat(keys);
+            nextKeys.push(i.toString());
+            recursionObject(v, handler, nextKeys, obj);
+        });
+    }
+    else if (typeof (obj) == "object") {
+        Object.keys(obj).forEach(k => {
+            const nextKeys = [].concat(keys);
+            nextKeys.push(k);
+            recursionObject(obj[k], handler, nextKeys, obj);
+        });
+    }
+    else {
+        handler(keys, obj, parent);
+    }
+}
+function rebuildObject(targetObj, sourceObj) {
+    if (sourceObj) {
+        if (!targetObj) {
+            targetObj = {};
+        }
+        Object.keys(targetObj).forEach(k => {
+            delete targetObj[k];
+        });
+        Object.assign(targetObj, sourceObj);
+    }
+    return targetObj;
+}
+function assignDefaultField(targetObj, sourceObj) {
+    if (!targetObj) {
+        return sourceObj;
+    }
+    else if (!sourceObj) {
+        return targetObj;
+    }
+    else {
+        Object.keys(sourceObj).forEach(k => {
+            if (targetObj[k] == undefined) {
+                targetObj[k] = sourceObj[k];
+            }
+        });
+        return targetObj;
+    }
+}
+function isEquals(objA, objB) {
+    if (objA !== objB) {
+        const t = typeof (objA);
+        if (t != typeof (objB)) {
+            return false;
+        }
+        switch (t) {
+            case "object":
+                if (!objA && !objB) {
+                    return false;
+                }
+                else if (objA && objB) {
+                    const keysA = Object.keys(objA);
+                    const keysB = Object.keys(objB);
+                    if (keysA.length != keysB.length) {
+                        return false;
+                    }
+                    for (const k of keysA) {
+                        if (!isEquals(objA[k], objB[k])) {
+                            return false;
+                        }
+                    }
+                }
+                else {
+                    return false;
+                }
+                break;
+            default:
+                return objA == objB;
+        }
+    }
+    return true;
+}
+function objDiff(last, current) {
+    const diff = new Set();
+    if (last && current) {
+        for (const key of new Set(Object.keys(last).concat(Object.keys(current)))) {
+            if (last[key] != current[key]) {
+                diff.add(key);
+            }
+        }
+    }
+    else if (last) {
+        return new Set(Object.keys(last));
+    }
+    else if (current) {
+        return new Set(Object.keys(current));
+    }
+    return diff;
+}
+
+class ScopeDirective {
+    constructor() {
+        effect(() => {
+            if (!this.oriDataSources || !isEquals(this.oriDataSources, this.dataSources())) {
+                this.oriDataSources = copy(this.dataSources(), true);
+                this.initDs();
+            }
+        });
+    }
+    oriDataSources;
+    http = inject(HttpClient);
+    axisScope = input.required(...(ngDevMode ? [{ debugName: "axisScope" }] : []));
+    scopeName = input.required(...(ngDevMode ? [{ debugName: "scopeName" }] : []));
+    isRoot = input(false, ...(ngDevMode ? [{ debugName: "isRoot" }] : []));
+    _parentScope = inject(ScopeDirective, { optional: true, skipSelf: true });
+    httpContextData = inject(AXIS_HTTP_CONTEXT_DATA_TOKEN, { optional: true });
+    scripts = inject(AXIS_SCRIPTS_TOKEN, { optional: true });
+    injectData = inject(AXIS_INJECT_DATA_TOKEN, { optional: true });
+    funcs = inject(AXIS_INJECT_FUNC_TOKEN, { optional: true });
+    injectFuncs;
+    dataSources = input(...(ngDevMode ? [undefined, { debugName: "dataSources" }] : []));
+    designBuilder = inject(DesignBuilder, { optional: true });
+    ds = new Map();
+    updateDs = new Map();
+    dynamicOptionsSubs = [];
+    rootSubs = [];
+    injectDataSub;
+    instanceMap = new Map();
+    changeSubject = new BehaviorSubject(void (0));
+    latestUpdateOptions = new Map();
+    get parentScope() {
+        return this.isRoot() ? null : this._parentScope;
+    }
+    host = inject(ElementRef);
+    ngOnInit() {
+        this.designBuilder?.buildScope(this);
+        if (this.funcs) {
+            this.injectFuncs = {};
+            const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+            for (const name in funcs) {
+                if (funcs[name] instanceof Function) {
+                    this.injectFuncs[name] = funcs[name];
+                }
+                else {
+                    this.injectFuncs[name] = funcs[name].func;
+                }
+            }
+        }
+    }
+    initDs() {
+        for (const s of this.dynamicOptionsSubs.values()) {
+            s.unsubscribe();
+        }
+        this.dynamicOptionsSubs = [];
+        for (const oriopt of this.dataSources() ?? []) {
+            let needConnect = false;
+            if (!this.updateDs.has(oriopt.name)) {
+                needConnect = true;
+                this.updateDs.set(oriopt.name, new Subject());
+            }
+            const updateSubject = this.updateDs.get(oriopt.name);
+            if (!this.ds.has(oriopt.name)) {
+                needConnect = true;
+                this.ds.set(oriopt.name, new BehaviorSubject(undefined));
+            }
+            if (needConnect) {
+                this.rootSubs.push(updateSubject.pipe(switchMap(opt => this.updateDataSource(opt)))
+                    .subscribe(this.ds.get(oriopt.name)));
+            }
+            if (oriopt.type != 'local') {
+                delete oriopt.data;
+            }
+            const io = this.dynamicOptions(oriopt, oriopt.type == 'api');
+            if (io.init !== undefined) {
+                updateSubject.next(io.init);
+            }
+            if (io.obs) {
+                this.dynamicOptionsSubs.push(io.obs.pipe(debounceTime(100)).subscribe(updateSubject));
+            }
+        }
+        this.changeSubject.next();
+    }
+    updateDataSource(opt) {
+        return new Observable(sub => {
+            this.latestUpdateOptions.set(opt.name, opt);
+            switch (opt.type) {
+                case 'api':
+                    if (opt.api?.url) {
+                        opt.api.context ??= this.httpContextData;
+                        this.rootSubs.push(sendApi(opt.api, this.http).subscribe({
+                            next: (res) => sub.next(res),
+                        }));
+                    }
+                    break;
+                case 'local':
+                    if (opt.data !== undefined) {
+                        sub.next(opt.data);
+                    }
+                    break;
+                case 'inject':
+                    if (opt.injectField) {
+                        this.injectDataSub?.unsubscribe();
+                        if (this.injectData) {
+                            if (isObservable(this.injectData)) {
+                                this.injectDataSub = this.injectData
+                                    .subscribe((injectData) => {
+                                    sub.next(injectData?.[opt.injectField]);
+                                });
+                            }
+                            else {
+                                sub.next(this.injectData?.[opt.injectField]);
+                            }
+                        }
+                    }
+                    break;
+                case 'cache':
+                    if (opt.cacheKey) {
+                        const cacheData = localStorage.getItem(opt.cacheKey);
+                        if (cacheData != null && cacheData != "undefined") {
+                            sub.next(JSON.parse(cacheData));
+                        }
+                    }
+                    break;
+            }
+        });
+    }
+    get(name, init = true) {
+        let res;
+        if (this.ds.has(name)) {
+            res = this.ds.get(name)?.asObservable();
+        }
+        else {
+            res = this.parentScope?.get(name, false);
+        }
+        if (!res && init) {
+            this.ds.set(name, new BehaviorSubject(undefined));
+            res = this.ds.get(name).asObservable();
+            this.changeSubject.next();
+        }
+        return res;
+    }
+    snapshot(name) {
+        if (this.ds.has(name)) {
+            return this.ds.get(name).value;
+        }
+        return this.parentScope?.snapshot(name);
+    }
+    snapshotAll() {
+        const data = {};
+        this.ds.forEach((d, name) => {
+            data[name] = d.value;
+        });
+        if (this.parentScope) {
+            return Object.assign(this.parentScope.snapshotAll(), data);
+        }
+        else {
+            return data;
+        }
+    }
+    getSnapshoptAllWithScopeId(scopeId) {
+        if (this.axisScope() == scopeId) {
+            const data = {};
+            this.ds.forEach((d, name) => {
+                if (!d.closed) {
+                    data[name] = d.getValue();
+                }
+            });
+            return data;
+        }
+        else {
+            return this.parentScope?.getSnapshoptAllWithScopeId(scopeId);
+        }
+    }
+    getAllWithScopeId(scopeId) {
+        if (this.axisScope() == scopeId) {
+            return this.changeSubject.pipe(switchMap(_ => this.ds.size ? merge(...this.ds.values()) : of(null)), map(() => this.getSnapshoptAllWithScopeId(scopeId)));
+        }
+        else {
+            return this.parentScope?.getAllWithScopeId(scopeId) ?? NEVER;
+        }
+    }
+    dynamicField(obj, field, deep = false, tempDataSource) {
+        const res = {
+            firstDefinedFields: [],
+            definedFields: [],
+        };
+        if (Object.hasOwn(obj, `$${field}`)) {
+            const $obj = obj[`$${field}`];
+            if (typeof $obj == 'object' && $obj) {
+                if ($obj.listen && Object.keys($obj.listen).length) {
+                    res.firstDefinedFields = [];
+                    res.definedFields = [];
+                    res.obs = merge(...Object.entries($obj.listen).map(en => {
+                        const obs = this.get(en[0]);
+                        switch (en[1]) {
+                            case "firstDefined":
+                                res.firstDefinedFields?.push(en[0]);
+                                return obs.pipe(filter(v => v !== undefined), take(1));
+                            case "defined":
+                                res.definedFields?.push(en[0]);
+                                return obs.pipe(filter(v => v !== undefined));
+                            default:
+                                return obs;
+                        }
+                    })).pipe(map(_ => this.runFnWithImports($obj.fn, Object.assign(this.snapshotAll(), tempDataSource), $obj.imports)));
+                }
+                if (!$obj.listen || Object.entries($obj.listen).every(en => en[1] == "aways")) {
+                    res.init = this.runFnWithImports($obj.fn, Object.assign(this.snapshotAll(), tempDataSource), $obj.imports);
+                }
+                return res;
+            }
+            else {
+                throw new Error(`$${field} is not a valid dynamic field`);
+            }
+        }
+        if (deep && obj[field] && typeof obj[field] == "object" && !Array.isArray(obj[field])) {
+            return this.dynamicOptions(obj[field], true, tempDataSource);
+        }
+        res.init = obj[field];
+        return res;
+    }
+    snapshotField(obj, field, tempDataSource) {
+        if (Object.hasOwn(obj, `$${field}`)) {
+            const $obj = obj[`$${field}`];
+            if (typeof $obj == 'object') {
+                const args = this.snapshotAll();
+                if (tempDataSource) {
+                    Object.assign(args, tempDataSource);
+                }
+                return this.runFnWithImports($obj.fn, args, $obj.imports);
+            }
+            throw new Error(`$${field} is not a valid dynamic field`);
+        }
+        else {
+            if (obj[field] && typeof obj[field] == "object" && !Array.isArray(obj[field])) {
+                return this.snapshotOptions(obj[field], tempDataSource);
+            }
+        }
+        return obj[field];
+    }
+    bindOptions(optionsConfig, options, tempDataSource) {
+        const subs = [];
+        for (const en of Object.entries(options)) {
+            if (isSignal(en[1])) {
+                const io = this.dynamicField(optionsConfig, en[0], false, tempDataSource);
+                if (io.init !== undefined) {
+                    en[1].set(io.init);
+                }
+                if (io.obs) {
+                    subs.push(io.obs.pipe(filter(v => v !== undefined))
+                        .subscribe(en[1].set));
+                }
+            }
+            else {
+                options[en[0]] = this.snapshotField(optionsConfig, en[0], tempDataSource);
+            }
+        }
+        return subs;
+    }
+    dynamicOptions(optionsConfig, deep = false, tempDataSource) {
+        const res = {
+            definedFields: [],
+            firstDefinedFields: []
+        };
+        const obs = [];
+        const empptObj = {};
+        let setInit = true;
+        for (const en of Object.entries(optionsConfig)) {
+            if (en[1] === undefined) {
+                continue;
+            }
+            const field = en[0].replace(/^\$/, '');
+            const r = this.dynamicField(optionsConfig, field, deep, tempDataSource);
+            if (r.init !== undefined) {
+                empptObj[field] = r.init;
+            }
+            else {
+                setInit = false;
+            }
+            if (r.obs) {
+                if (r.definedFields) {
+                    res.definedFields = res.definedFields?.concat(r.definedFields);
+                }
+                if (r.firstDefinedFields) {
+                    res.firstDefinedFields = res.firstDefinedFields?.concat(r.firstDefinedFields);
+                }
+                obs.push(r.obs.pipe(map(v => ({ [field]: v }))));
+            }
+        }
+        if (setInit && Object.keys(empptObj).length) {
+            res.init = empptObj;
+        }
+        if (obs.length) {
+            res.obs = merge(...obs).pipe(map(v => Object.assign(empptObj, v)), filter(_ => {
+                for (const f of res.definedFields) {
+                    if (this.ds.get(f)?.value === undefined) {
+                        return false;
+                    }
+                }
+                for (const f of res.firstDefinedFields) {
+                    if (this.ds.get(f)?.value === undefined) {
+                        return false;
+                    }
+                    else {
+                        res.firstDefinedFields = res.firstDefinedFields?.filter(ff => ff != f);
+                    }
+                }
+                return true;
+            }));
+        }
+        return res;
+    }
+    snapshotOptions(optionsConfig, tempDataSource) {
+        const res = {};
+        for (const en of Object.entries(optionsConfig)) {
+            const field = en[0].replace(/^\$/, '');
+            res[field] = this.snapshotField(optionsConfig, field, tempDataSource);
+        }
+        return res;
+    }
+    registInstance(id, instance) {
+        if (id) {
+            this.instanceMap.set(id, instance);
+        }
+    }
+    unRegistInstance(id) {
+        this.instanceMap.delete(id);
+    }
+    findInstance(id) {
+        return this.instanceMap.get(id) ?? this.parentScope?.findInstance(id);
+    }
+    findScope(scopeId) {
+        if (this.axisScope() == scopeId) {
+            return this;
+        }
+        else {
+            return this.parentScope?.findScope(scopeId);
+        }
+    }
+    ngOnDestroy() {
+        for (const s of this.dynamicOptionsSubs.values()) {
+            s.unsubscribe();
+        }
+        for (const s of this.rootSubs.values()) {
+            s.unsubscribe();
+        }
+        this.changeSubject.unsubscribe();
+        for (const d of this.ds.values()) {
+            d.unsubscribe();
+        }
+    }
+    onEvents(e) {
+        if (e.id === this.axisScope() || !e.id) {
+            switch (e.name) {
+                case "setDataSource":
+                    return this.setDataSourceEventHandler(e.data);
+                case "refreshDataSource":
+                    return this.refreshDataSourceEventHandler(e.data);
+                default:
+                    return undefined;
+            }
+        }
+        else {
+            return this.parentScope?.onEvents(e) ?? of(true);
+            ;
+        }
+    }
+    setDataSourceEventHandler(data) {
+        if (this.ds.has(data.name)) {
+            this.ds.get(data.name).next(data.data);
+            const opt = this.latestUpdateOptions.get(data.name);
+            if (opt?.type == "cache" && opt.cacheKey) {
+                localStorage.setItem(opt.cacheKey, JSON.stringify(data.data));
+            }
+        }
+        else {
+            this.ds.set(data.name, new BehaviorSubject(data.data));
+            this.changeSubject.next();
+        }
+        return of(true);
+    }
+    refreshDataSourceEventHandler(data) {
+        if (this.latestUpdateOptions.has(data.name)) {
+            if (data.setNull) {
+                this.ds.get(data.name).next(null);
+            }
+            this.updateDs.get(data.name)?.next(this.latestUpdateOptions.get(data.name));
+        }
+        return of(true);
+    }
+    async preloadImports(obj) {
+        if (this.scripts) {
+            const imports = new Set();
+            Object.entries(obj).forEach(([key, value]) => {
+                if (key.startsWith("$")) {
+                    value.imports?.forEach(i => imports.add(i));
+                }
+            });
+            if (imports.size) {
+                await Promise.all(Array.from(imports.values()).map(i => loadScripts(this.scripts[i] + ".js")));
+            }
+        }
+    }
+    runFnWithImports(fnstr, args, imports) {
+        const libs = [];
+        for (const i of imports ?? []) {
+            if (this.scripts?.hasOwnProperty(i)) {
+                const js = syncLoadScript(`${this.scripts[i]}.js`);
+                if (js) {
+                    libs.push(js);
+                }
+            }
+        }
+        return fn(`${libs.join("\n")}\n${fnstr}`, Object.assign({}, args, this.injectFuncs), true);
+    }
+    runFnWithSnapshot(fnstr, args) {
+        return fn(fnstr, Object.assign({}, this.snapshotAll(), args, this.injectFuncs), true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ScopeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: ScopeDirective, isStandalone: true, selector: "[axisScope]", inputs: { axisScope: { classPropertyName: "axisScope", publicName: "axisScope", isSignal: true, isRequired: true, transformFunction: null }, scopeName: { classPropertyName: "scopeName", publicName: "scopeName", isSignal: true, isRequired: true, transformFunction: null }, isRoot: { classPropertyName: "isRoot", publicName: "isRoot", isSignal: true, isRequired: false, transformFunction: null }, dataSources: { classPropertyName: "dataSources", publicName: "dataSources", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ScopeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axisScope]'
+                }]
+        }], ctorParameters: () => [] });
+
+class EventsHandlerService {
+    http;
+    platformLocation;
+    msg;
+    modal;
+    router;
+    otherHandlers;
+    constructor(http, platformLocation, msg, modal, router, otherHandlers) {
+        this.http = http;
+        this.platformLocation = platformLocation;
+        this.msg = msg;
+        this.modal = modal;
+        this.router = router;
+        this.otherHandlers = otherHandlers;
+    }
+    onEvents(e) {
+        switch (e.name) {
+            case "api":
+                return this.apiEventHandler(e);
+            case "msgTip":
+                return this.msgTipEventHandler(e);
+            case "arrayFilter":
+                return this.arrayFilterEventHandler(e);
+            case "route":
+                return this.routeEventHandler(e);
+            case "runScript":
+                return this.runScriptEventHandler(e);
+            case "print":
+                return this.printEventHandler(e);
+            default:
+                if (this.otherHandlers) {
+                    for (const h of this.otherHandlers) {
+                        const r = h.onEvents(e);
+                        if (r != undefined) {
+                            return r;
+                        }
+                    }
+                }
+                return undefined;
+        }
+    }
+    apiEventHandler(e) {
+        const opt = e.data;
+        opt.context ??= e.ref?.injector.get(AXIS_HTTP_CONTEXT_DATA_TOKEN, null);
+        return sendApi(opt, this.http).pipe(mergeMap(res => {
+            if (e.ref) {
+                return e.ref.triggeEvents("apiResponse", { ...e.tempDataSource, apiResponse: res }, e.triggeEvents);
+            }
+            else {
+                return of(true);
+            }
+        }));
+    }
+    msgTipEventHandler(e) {
+        switch (e.data?.tipWay) {
+            case "modal":
+                switch (e.data?.type) {
+                    case "info":
+                        this.modal.info({
+                            nzTitle: "提醒",
+                            nzContent: e.data.content
+                        });
+                        break;
+                    case "success":
+                        this.modal.success({
+                            nzTitle: "成功",
+                            nzContent: e.data.content
+                        });
+                        break;
+                    case "warning":
+                        this.modal.warning({
+                            nzTitle: "警告",
+                            nzContent: e.data.content
+                        });
+                        break;
+                    case "error":
+                        this.modal.error({
+                            nzTitle: "失败",
+                            nzContent: e.data.content
+                        });
+                        break;
+                }
+                break;
+            case "message":
+                switch (e.data?.type) {
+                    case "info":
+                        this.msg.info(e.data.content);
+                        break;
+                    case "success":
+                        this.msg.success(e.data.content);
+                        break;
+                    case "warning":
+                        this.msg.warning(e.data.content);
+                        break;
+                    case "error":
+                        this.msg.error(e.data.content);
+                        break;
+                }
+                break;
+        }
+        return of(true);
+    }
+    arrayFilterEventHandler(e) {
+        const { inputArray, filterData, filterOptions } = e.data ?? {};
+        let outputArray;
+        if (!inputArray?.length || !filterOptions?.length || !filterData || !Object.keys(filterData).length) {
+            outputArray = inputArray;
+        }
+        else {
+            outputArray = inputArray.filter((r) => {
+                return filterOptions
+                    .every(e => {
+                    if (filterData[e.field] == undefined || (e.mode == "between" && filterData[e.field].length < 2)) {
+                        return true;
+                    }
+                    const effectFields = e.effectFields || [e.field];
+                    return effectFields.some(field => {
+                        const rowData = r[field];
+                        switch (e.mode) {
+                            case "startsWith":
+                                return rowData?.startsWith(filterData[e.field]);
+                            case "endsWith":
+                                return rowData?.endsWith(filterData[e.field]);
+                            case "like":
+                                return rowData != null && String(rowData).toUpperCase().includes(filterData[e.field].toUpperCase());
+                            case "equalGreater":
+                                return rowData != undefined && r[field] >= filterData[e.field];
+                            case "equalLess":
+                                return rowData != undefined && r[field] <= filterData[e.field];
+                            case "between":
+                                return rowData != undefined && r[field] >= filterData[e.field][0] && r[field] <= filterData[e.field][1];
+                            case "containAll":
+                                return rowData != undefined && (!filterData[e.field].length || filterData[e.field].every((r) => rowData.includes(r)));
+                            case "containAny":
+                                return rowData != undefined && (!filterData[e.field].length || filterData[e.field].some((r) => rowData.includes(r)));
+                            default:
+                                return rowData == filterData[e.field];
+                        }
+                    });
+                });
+            });
+        }
+        return e.ref?.triggeEvents("output", { ...e.tempDataSource, outputArray }, e.triggeEvents) ?? of(true);
+        ;
+    }
+    routeEventHandler(e) {
+        let { type, newtab, path } = e.data;
+        switch (type) {
+            case "web":
+                if (newtab) {
+                    let url;
+                    if (typeof path == "string") {
+                        url = path;
+                    }
+                    else if (Array.isArray(path)) {
+                        url = path.join("/");
+                    }
+                    if (url) {
+                        window.open(url, "_blank");
+                        return of(true);
+                    }
+                }
+                else {
+                    let url;
+                    if (typeof path == "string") {
+                        if (path.startsWith("http")) {
+                            window.open(path, "_self");
+                            return of(true);
+                        }
+                        url = [path];
+                    }
+                    else if (Array.isArray(path)) {
+                        url = path;
+                    }
+                    if (url?.[0]) {
+                        if (e.ref?.isDesign) {
+                            this.msg.info("设计模式下禁止路由跳转");
+                        }
+                        else {
+                            const route = e.ref?.injector.get(ActivatedRoute);
+                            return from(this.router.navigate(url, { relativeTo: route, queryParams: e.data?.params }));
+                        }
+                    }
+                }
+                break;
+        }
+        return of(false);
+    }
+    runScriptEventHandler(e) {
+        if (e.data?.script) {
+            e.ref?.getScope()?.runFnWithSnapshot(e.data.script, e.tempDataSource);
+            return of(true);
+        }
+        return of(false);
+    }
+    printEventHandler(e) {
+        const iframe = document.createElement('iframe');
+        iframe.style.position = 'fixed';
+        iframe.style.right = '0';
+        iframe.style.bottom = '0';
+        iframe.style.width = '0';
+        iframe.style.height = '0';
+        iframe.style.border = '0';
+        document.body.appendChild(iframe);
+        const doc = iframe.contentDocument || iframe.contentWindow?.document;
+        if (!doc) {
+            return of(false);
+        }
+        const ref = this.msg.loading("打印准备中");
+        const promises = [];
+        if (e.data?.loadTinyCss) {
+            const link = doc.createElement('link');
+            link.rel = 'stylesheet';
+            link.media = 'all';
+            link.href = `${this.platformLocation.getBaseHrefFromDOM()}tinymce/skins/content/default/content.min.css`;
+            promises.push(new Promise(resolve => (link.onload = link.onerror = () => resolve())));
+            doc.head.appendChild(link);
+        }
+        doc.body.className = "mce-content-body";
+        doc.body.innerHTML = e.data?.html || '';
+        for (const img of Array.from(doc.images || [])) {
+            promises.push(new Promise(resolve => (img.onload = img.onerror = () => resolve())));
+        }
+        Promise.allSettled(promises).then(() => {
+            iframe.contentWindow?.print();
+        }).finally(() => {
+            this.msg.remove(ref.messageId);
+            setTimeout(() => {
+                iframe.remove();
+            }, 1000);
+        });
+        return of(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EventsHandlerService, deps: [{ token: i1.HttpClient }, { token: i2.PlatformLocation }, { token: i3.NzMessageService }, { token: i2$1.NzModalService }, { token: i5.Router }, { token: AXIS_EVENT_HANDLERS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EventsHandlerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EventsHandlerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.PlatformLocation }, { type: i3.NzMessageService }, { type: i2$1.NzModalService }, { type: i5.Router }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AXIS_EVENT_HANDLERS_TOKEN]
+                }] }] });
+
+class Base {
+    onAfterViewInit;
+    injector = inject(Injector);
+    isDesign = false;
+    options;
+    eventsService = inject(EventsHandlerService);
+    scope = inject(ScopeDirective, { optional: true });
+    _sub = { "default": [] };
+    get style() {
+        return this.options.style();
+    }
+    ngAfterViewInit() {
+        this.onAfterViewInit?.();
+    }
+    async preloadImports(optionsConfig) {
+        const imports = new Set();
+        Object.entries(optionsConfig).forEach(([key, value]) => {
+            if (key.startsWith("$")) {
+                value.imports.forEach(i => imports.add(i));
+            }
+        });
+        await Promise.all(Array.from(imports.values()).map(i => loadScripts(i)));
+    }
+    bindWithConfig(optionsConfig, config) {
+        let options = config?.options ?? this.options;
+        let snapshot = config?.snapshot ?? false;
+        if (!snapshot) {
+            this.unsubscribe([options?.tag]);
+        }
+        if (this.scope && !snapshot) {
+            this.addAllSubscribe(this.scope.bindOptions(optionsConfig, options, config?.tempDataSource), options?.tag ?? "bindWithConfig");
+        }
+        else {
+            if (this.scope && snapshot) {
+                optionsConfig = this.scope.snapshotOptions(optionsConfig, config?.tempDataSource);
+            }
+            for (const en of Object.entries(options)) {
+                const value = optionsConfig[en[0]];
+                if (value !== undefined) {
+                    if (isSignal(en[1])) {
+                        en[1].set(value);
+                    }
+                    else {
+                        options[en[0]] = value;
+                    }
+                }
+            }
+        }
+    }
+    unsubscribeAll() {
+        Object.values(this._sub).forEach(srr => srr.forEach(s => s.unsubscribe()));
+        this._sub = { "default": [] };
+    }
+    unsubscribe(tags) {
+        Object.keys(this._sub)
+            .filter(tag => tags.includes(tag))
+            .forEach(tag => {
+            this._sub[tag].forEach(s => s.unsubscribe());
+            delete this._sub[tag];
+        });
+    }
+    addSubscribe(sub, tag = "default") {
+        if (!this._sub[tag]) {
+            this._sub[tag] = [];
+        }
+        this._sub[tag].push(sub);
+    }
+    addAllSubscribe(subs, tag = "default") {
+        if (!this._sub[tag]) {
+            this._sub[tag] = [];
+        }
+        this._sub[tag] = this._sub[tag].concat(subs);
+    }
+    hasEventHandler(trigger, triggeEvents) {
+        const te = triggeEvents ?? this.options.triggeEvents();
+        return !!te?.[trigger]?.length;
+    }
+    triggeEvents(trigger, tempDataSource, triggeEvents, scope) {
+        scope ??= this.scope ?? undefined;
+        const te = triggeEvents ?? this.options.triggeEvents();
+        if (te && te[trigger]) {
+            return merge(...te[trigger].filter(e => !(scope?.snapshotField(e, "disabled", tempDataSource) ?? e.disabled)).map(e => {
+                if (scope) {
+                    e = scope.snapshotOptions(e, tempDataSource);
+                }
+                else {
+                    e = copy(e, true);
+                }
+                e.tempDataSource = tempDataSource;
+                return this.triggeEvent(e, scope);
+            }));
+        }
+        return of(true);
+    }
+    triggeEvent(e, scope) {
+        scope ??= this.scope ?? undefined;
+        console.log("triggeEvent", e);
+        e.ref = this;
+        let obs;
+        switch (e.target) {
+            case "component":
+                if (e.id) {
+                    obs = (scope)?.findInstance(e.id)?.onEvents?.(e);
+                }
+                break;
+            case "service":
+                obs = this.eventsService.onEvents(e);
+                break;
+            case "scope":
+                obs = scope?.onEvents(e);
+                break;
+        }
+        return obs ?? of(true);
+    }
+    getScope() {
+        return this.scope;
+    }
+    runFn(fnstr, args) {
+        if (this.scope) {
+            return this.scope.runFnWithSnapshot(fnstr, args);
+        }
+        return fn(fnstr, args, true);
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Base, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: Base, isStandalone: true, host: { properties: { "style": "this.style" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Base, decorators: [{
+            type: Directive
+        }], propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+class ValueAccess extends Base {
+    constructor() {
+        super();
+        effect(() => {
+            if (this.options.initValue() !== undefined) {
+                untracked(() => this.setInitValue(this.options.initValue()));
+            }
+        });
+    }
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    registeValueAccess;
+    setInitValue(value) {
+        this.registeValueAccess?.({
+            initValue: value,
+        });
+        this.value.set(value);
+        if (value !== undefined && this.options.emitInitEvent()) {
+            this.triggeEvents("valueChange", { value: value }).subscribe();
+        }
+    }
+    onChange;
+    onTouched;
+    writeValue(value) {
+        this.value.set(value);
+        if (value !== undefined) {
+            this.triggeEvents("valueChange", { value: value }).subscribe();
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = (value) => {
+            this.triggeEvents("valueChange", { value: value }).subscribe();
+            fn?.(value);
+        };
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    onEvents(e) {
+        const obs = super.onEvents?.(e);
+        if (obs) {
+            return obs;
+        }
+        switch (e.name) {
+            case "setValue":
+                this.writeValue(e.data?.data);
+                this.onChange?.(e.data?.data);
+                return of(true);
+        }
+        return undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ValueAccess, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: ValueAccess, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ValueAccess, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+class BaseMenu {
+    contextMenuService = inject(NzContextMenuService);
+    optionsNodes = inject(AXIS_DESIGN_OPTIONS_NODE_FOR_MENU);
+    menu;
+    onChange;
+    contextMenu(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.contextMenuService.create(e, this.menu);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: BaseMenu, isStandalone: true, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseMenu, decorators: [{
+            type: Directive
+        }], propDecorators: { menu: [{
+                type: ViewChild,
+                args: ["menu", { static: true }]
+            }] } });
+
+function updateAndValidAll(form, options = { markAsDirty: true }) {
+    let isValid = true;
+    if (form instanceof FormGroup) {
+        Object.values(form.controls).forEach(control => {
+            if (!updateAndValidAll(control, options)) {
+                isValid = false;
+            }
+        });
+    }
+    else if (form instanceof FormArray) {
+        form.controls.forEach(control => {
+            if (!updateAndValidAll(control, options)) {
+                isValid = false;
+            }
+        });
+    }
+    else {
+        if (options.markAsDirty ?? true) {
+            form.markAsDirty();
+        }
+        form.updateValueAndValidity({ onlySelf: true });
+        isValid = form.valid;
+    }
+    return isValid;
+}
+
+class FunFieldBase {
+    init;
+    orivalue;
+    fb = inject(FormBuilder);
+    funFields = {};
+    reset(value) {
+        if (!this.init) {
+            this.init = this.getValue();
+        }
+        this.orivalue = { ...this.init, ...value };
+        this.fg.patchValue(this.buildFunField(this.orivalue), { emitEvent: false });
+    }
+    getValue() {
+        return this.recoverFunField(this.fg.value);
+    }
+    valid() {
+        return updateAndValidAll(this.fg);
+    }
+    buildFunField(obj, funFields) {
+        funFields ??= this.funFields;
+        const cloneObj = obj ? copy(obj) : {};
+        if (funFields) {
+            Object.keys(funFields).forEach(f => {
+                let value;
+                if (funFields[f].child) {
+                    if (Array.isArray(cloneObj[f])) {
+                        value = cloneObj[f].map(item => this.buildFunField(item, funFields[f].child));
+                    }
+                    else {
+                        value = this.buildFunField(cloneObj[f], funFields[f].child);
+                    }
+                }
+                else {
+                    value = {
+                        funMode: cloneObj.hasOwnProperty(`$${f}`),
+                        originValue: undefined,
+                        fnValue: {
+                            fn: "return undefined;"
+                        }
+                    };
+                    if (value.funMode) {
+                        value.fnValue = cloneObj[`$${f}`];
+                        if (typeof (cloneObj[`$${f}`]) == "string") {
+                            value.fnValue = {
+                                fn: cloneObj[`$${f}`]
+                            };
+                        }
+                        delete cloneObj[`$${f}`];
+                    }
+                    else {
+                        if (cloneObj[f] !== undefined) {
+                            value.originValue = cloneObj[f];
+                        }
+                        else {
+                            value.originValue = funFields[f].defaultValue;
+                        }
+                        value.fnValue = {
+                            fn: `return ${JSON.stringify(value.originValue)}`
+                        };
+                    }
+                }
+                cloneObj[f] = value;
+            });
+        }
+        return cloneObj;
+    }
+    recoverFunField(obj, funFields, oriObj) {
+        funFields ??= this.funFields;
+        oriObj ??= this.orivalue ?? {};
+        const cloneObj = obj ? copy(obj) : {};
+        const cloneOriObj = copy(oriObj);
+        if (obj && funFields) {
+            Object.keys(funFields).forEach(k => {
+                const f = cloneObj[k];
+                if (f) {
+                    if (funFields[k].child) {
+                        if (Array.isArray(cloneObj[k])) {
+                            cloneObj[k] = cloneObj[k].map((item, i) => this.recoverFunField(item, funFields[k].child, cloneOriObj[k][i]));
+                        }
+                        else {
+                            cloneObj[k] = this.recoverFunField(cloneObj[k], funFields[k].child, cloneOriObj[k] ?? {});
+                        }
+                        delete cloneObj[`$${k}`];
+                    }
+                    else {
+                        if (f.funMode) {
+                            cloneObj[`$${k}`] = f.fnValue;
+                            delete cloneObj[k];
+                        }
+                        else {
+                            cloneObj[k] = f.originValue;
+                            delete cloneObj[`$${k}`];
+                        }
+                    }
+                    delete cloneOriObj[k];
+                    delete cloneOriObj[`$${k}`];
+                }
+                else {
+                    delete cloneObj[k];
+                }
+            });
+        }
+        return Object.assign({}, cloneOriObj, cloneObj);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunFieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: FunFieldBase, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunFieldBase, decorators: [{
+            type: Directive
+        }] });
+
+class FunFieldValueBase extends FunFieldBase {
+    onChange;
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    formValue = model(...(ngDevMode ? [undefined, { debugName: "formValue" }] : []));
+    sub;
+    sendInitValue = false;
+    writeValue(value) {
+        this.value.set(value);
+        this.reset(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+    }
+    reset(value) {
+        super.reset(value);
+        this.formValue.set(this.fg.value);
+    }
+    ngOnInit() {
+        this.formValue.set(this.fg.value);
+        if (this.sendInitValue) {
+            this.value.set(this.recoverFunField(this.fg.value));
+            this.onChange?.(this.value());
+        }
+        this.sub = this.fg.valueChanges.subscribe(v => {
+            this.formValue.set(v);
+            if (updateAndValidAll(this.fg)) {
+                this.value.set(this.recoverFunField(v));
+                this.onChange?.(this.value());
+            }
+            else {
+                Object.entries(this.fg.controls).filter(en => en[1].invalid).forEach(en => {
+                    console.log("invalid", en[0]);
+                });
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunFieldValueBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: FunFieldValueBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", formValue: "formValueChange" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunFieldValueBase, decorators: [{
+            type: Directive
+        }] });
+
+const DynamicComponentsMap = new Map();
+class DynamicDirective {
+    axisDynamic = input.required(...(ngDevMode ? [{ debugName: "axisDynamic" }] : []));
+    standalone = input(false, ...(ngDevMode ? [{ debugName: "standalone" }] : []));
+    isDesign = input(false, ...(ngDevMode ? [{ debugName: "isDesign" }] : []));
+    onRegisteValueAccess = output();
+    component;
+    sub;
+    id;
+    injector = inject(Injector);
+    _designBuilder = inject(DesignBuilder, { optional: true });
+    loader = inject(AXIS_COMPONENTS_LOADER_TOKEN);
+    currentUserPermissions = inject(AXIS_CURRENT_USER_PERMISSIONS_TOKEN, { optional: true });
+    container = inject(ViewContainerRef);
+    _scope = inject(ScopeDirective, { optional: true });
+    ref;
+    get scope() {
+        return this.standalone() ? null : this._scope;
+    }
+    get designBuilder() {
+        return !this.standalone() || this.isDesign() ? this._designBuilder : null;
+    }
+    get valueInstance() {
+        if (this.ref?.instance && this.ref.instance instanceof ValueAccess) {
+            return this.ref.instance;
+        }
+        return undefined;
+    }
+    onChange;
+    onTouched;
+    triggeEvent;
+    onEvents;
+    value;
+    constructor() {
+        effect(() => {
+            if (!this.axisDynamic()?.component) {
+                this.destoryInstance();
+                return;
+            }
+            this.sub?.unsubscribe();
+            if (!this.hasPermission() && !this.designBuilder) {
+                return;
+            }
+            let inuse = this.axisDynamic().inuse;
+            let skip = false;
+            if (this.scope) {
+                const io = this.scope.dynamicField(this.axisDynamic(), "inuse");
+                if (io.init !== undefined) {
+                    inuse = io.init;
+                }
+                if (io.obs) {
+                    this.sub = io.obs.subscribe(inuse => {
+                        skip = true;
+                        if (inuse) {
+                            if (this.id != this.axisDynamic().id) {
+                                if (this.id) {
+                                    this.scope.unRegistInstance(this.id);
+                                }
+                                this.id = this.axisDynamic().id;
+                            }
+                            this.render();
+                        }
+                        else {
+                            this.destoryInstance();
+                        }
+                    });
+                }
+            }
+            if (!skip) {
+                if (inuse) {
+                    if (this.id != this.axisDynamic().id) {
+                        this.id = this.axisDynamic().id;
+                    }
+                    this.render();
+                }
+                else {
+                    this.destoryInstance();
+                }
+            }
+        });
+    }
+    hasPermission() {
+        const { requiredPermissions } = this.axisDynamic();
+        if (!requiredPermissions?.length) {
+            return true;
+        }
+        return requiredPermissions.every(permission => this.currentUserPermissions?.includes(permission));
+    }
+    async render() {
+        if (this.axisDynamic()?.component && (!this.component || this.component != this.axisDynamic().component)) {
+            this.component = this.axisDynamic().component;
+            let componentType;
+            if (DynamicComponentsMap.has(this.component)) {
+                componentType = DynamicComponentsMap.get(this.component);
+            }
+            else {
+                try {
+                    componentType = await this.loader.loadComponent(this.component);
+                    DynamicComponentsMap.set(this.component, componentType);
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+            await this.scope?.preloadImports(this.axisDynamic());
+            this.container.clear();
+            this.ref = this.container.createComponent(componentType, { injector: this.buildInjector() });
+            this.onEvents = this.ref.instance.onEvents?.bind(this.ref.instance);
+            this.triggeEvent = this.ref.instance.triggeEvent?.bind(this.ref.instance);
+            this.scope?.registInstance(this.axisDynamic().id, this.ref.instance);
+            this.ref.instance?.bindWithConfig(this.axisDynamic());
+            if (this.valueInstance) {
+                this.valueInstance.registerOnChange(this.onChange);
+                this.valueInstance.registerOnTouched(this.onTouched);
+                this.valueInstance.registeValueAccess = (v) => this.onRegisteValueAccess.emit(v);
+                if (this.value !== undefined) {
+                    this.valueInstance.writeValue(this.value);
+                }
+            }
+            if (this.designBuilder) {
+                this.ref.instance.isDesign = true;
+                this.ref.instance.onAfterViewInit = () => {
+                    this.designBuilder.buildElement(this.ref, this.axisDynamic());
+                };
+            }
+        }
+        else {
+            this.ref?.instance?.bindWithConfig(this.axisDynamic());
+            this.designBuilder?.buildElement(this.ref, this.axisDynamic());
+        }
+    }
+    buildInjector() {
+        if (this.standalone()) {
+            return Injector.create({
+                providers: [
+                    {
+                        provide: ScopeDirective,
+                        useValue: null
+                    },
+                    {
+                        provide: DynamicDirective,
+                        useValue: null
+                    },
+                    {
+                        provide: DesignBuilder,
+                        useValue: this.isDesign() ? this.designBuilder : null
+                    }, {
+                        provide: AXIS_FORM_REGISTE_CONTROL_TOKEN,
+                        useValue: null
+                    }
+                ],
+                parent: this.injector
+            });
+        }
+        return this.injector;
+    }
+    forceRender() {
+        this.component = undefined;
+        this.id = undefined;
+        this.render();
+    }
+    writeValue(value) {
+        this.valueInstance?.writeValue(value);
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this.valueInstance?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+        this.valueInstance?.registerOnTouched(fn);
+    }
+    destoryInstance() {
+        if (this.id) {
+            this.scope?.unRegistInstance(this.id);
+            this.id = undefined;
+        }
+        this.component = undefined;
+        this.container.clear();
+    }
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+        this.destoryInstance();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DynamicDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: DynamicDirective, isStandalone: true, selector: "[axisDynamic]", inputs: { axisDynamic: { classPropertyName: "axisDynamic", publicName: "axisDynamic", isSignal: true, isRequired: true, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null }, isDesign: { classPropertyName: "isDesign", publicName: "isDesign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRegisteValueAccess: "onRegisteValueAccess" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DynamicDirective),
+                multi: true
+            },
+        ], exportAs: ["axisDynamic"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DynamicDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axisDynamic]',
+                    exportAs: 'axisDynamic',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DynamicDirective),
+                            multi: true
+                        },
+                    ]
+                }]
+        }], ctorParameters: () => [] });
+
+class HowLongPipe {
+    cdr;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    timer;
+    lastValue = "";
+    date;
+    ngOnDestroy() {
+        if (this.timer != undefined) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+            this.lastValue = "";
+            this.date = undefined;
+        }
+    }
+    transform(date) {
+        if (!this.date) {
+            if (date) {
+                this.date = date;
+                let offset = (new Date().getTime() - date.getTime()) / 1000;
+                let sufix = offset > 0 ? "前" : "后";
+                let time = "";
+                offset = Math.floor(Math.abs(offset));
+                let refreshTimer = 0;
+                if (offset < 10) {
+                    time = "几秒钟";
+                    refreshTimer = 1;
+                }
+                else if (offset < 60) {
+                    time = "1分钟内";
+                    sufix = "";
+                    refreshTimer = 1;
+                }
+                else if (offset < 3600) {
+                    refreshTimer = 60 - (offset % 60);
+                    time = `${Math.floor(offset / 60)}分钟`;
+                }
+                else if (offset < 86400) {
+                    refreshTimer = 3600 - (offset % 3600);
+                    time = `${Math.floor(offset / 3600)}小时`;
+                }
+                else {
+                    refreshTimer = 86400 - (offset % 86400);
+                    time = `${Math.floor(offset / 86400)}天`;
+                }
+                this.lastValue = `${time}${sufix}`;
+                this.timer = setTimeout(() => {
+                    this.ngOnDestroy();
+                    this.cdr.markForCheck();
+                }, refreshTimer * 1000);
+            }
+            else {
+                this.lastValue = "";
+            }
+            return this.lastValue;
+        }
+        if (date !== this.date) {
+            this.ngOnDestroy();
+            return this.transform(date);
+        }
+        return this.lastValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HowLongPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: HowLongPipe, isStandalone: true, name: "axisHowLong", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HowLongPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'axisHowLong', pure: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+
+class BaseOptions {
+    component = "";
+    id = "";
+    inuse = signal(true, ...(ngDevMode ? [{ debugName: "inuse" }] : []));
+    requiredPermissions = [];
+    triggeEvents = signal(undefined, ...(ngDevMode ? [{ debugName: "triggeEvents" }] : []));
+    style = signal(undefined, ...(ngDevMode ? [{ debugName: "style" }] : []));
+}
+
+class ValueAccessOptions extends BaseOptions {
+    initValue = signal(undefined, ...(ngDevMode ? [{ debugName: "initValue" }] : []));
+    emitInitEvent = signal(true, ...(ngDevMode ? [{ debugName: "emitInitEvent" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = signal(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+}
+
+class OptionsNode {
+    config;
+    constructor(config) {
+        this.config = config;
+        if (config.parentObj != undefined) {
+            config.rootOptions = undefined;
+        }
+    }
+    get id() {
+        return this.config.id ?? this.options.id;
+    }
+    get parentId() {
+        return this.config.parentId;
+    }
+    get scopeId() {
+        return this.config.scopeId;
+    }
+    get name() {
+        return this.config.name;
+    }
+    get dragType() {
+        return this.config.dragType;
+    }
+    get dropType() {
+        return this.config.dropType;
+    }
+    get canSetting() {
+        return this.config.canSetting ?? false;
+    }
+    get canDrag() {
+        return this.config.canDrag ?? false;
+    }
+    get childDirection() {
+        return this.config.childDirection ?? "horizontal";
+    }
+    get canDrop() {
+        return this.config.canDrop ?? false;
+    }
+    get dropObj() {
+        return this.config.dropObj;
+    }
+    get parentObj() {
+        return this.config.parentObj;
+    }
+    get indexOfParentObj() {
+        return this.config.indexOfParentObj;
+    }
+    get options() {
+        if (this.parentObj != undefined && this.indexOfParentObj != undefined) {
+            return this.parentObj[this.indexOfParentObj];
+        }
+        return this.config.rootOptions;
+    }
+    get defaultDropIndex() {
+        return this.config.defaultDropIndex;
+    }
+    get isRoot() {
+        return this.config.rootOptions != undefined;
+    }
+    get icon() {
+        return this.config.icon;
+    }
+    get children() {
+        return this.config.children;
+    }
+    get settingType() {
+        return this.config.settingType;
+    }
+    get contextMenu() {
+        return this.config.contextMenu;
+    }
+    toElementNode(elements) {
+        return new ElementNode(this.id, elements);
+    }
+    updateOptions(options) {
+        if (this.isRoot) {
+            this.config.rootOptions = options;
+        }
+        else {
+            this.parentObj[this.indexOfParentObj] = options;
+        }
+        if (this.config.updateId) {
+            this.config.id = this.config.updateId(options);
+        }
+    }
+    copyWith(config) {
+        return new OptionsNode(Object.assign({}, this.config, config));
+    }
+    refresh() {
+        console.log("refresh", this.id, this.indexOfParentObj, this.parentObj.indexOf(this.options));
+    }
+}
+class ElementNode {
+    id;
+    constructor(id, elements) {
+        this.id = id;
+        this.element = elements.element;
+        this.dropElement = elements.dropElement;
+    }
+    element;
+    dropElement;
+}
+
+class FilteredTreeResult {
+    treeData;
+    needsToExpanded;
+    constructor(treeData, needsToExpanded = []) {
+        this.treeData = treeData;
+        this.needsToExpanded = needsToExpanded;
+    }
+}
+
+class DataOptions extends BaseOptions {
+    data = signal(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
+}
+
+class CommonMenu {
+    baseMenu = input.required(...(ngDevMode ? [{ debugName: "baseMenu" }] : []));
+    chooseComponentFunc = inject(AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN);
+    get canAddParent() {
+        const { optionsNodes } = this.baseMenu();
+        return optionsNodes.current.isRoot || (!!optionsNodes.parent?.canDrop && optionsNodes.parent?.dropType == "component");
+    }
+    get canAddChild() {
+        const { optionsNodes } = this.baseMenu();
+        return optionsNodes.current.dropType == "component" && (Array.isArray(optionsNodes.current.dropObj) || !optionsNodes.current.dropObj[optionsNodes.current.defaultDropIndex]);
+    }
+    get canRemove() {
+        return this.baseMenu().optionsNodes.current.canSetting;
+    }
+    addParent() {
+        this.chooseComponentFunc("wrap").subscribe(res => {
+            const { options, config } = res;
+            if (options && config) {
+                const { optionsNodes } = this.baseMenu();
+                const node = config.buildOptionsNodes?.({ currentObject: options });
+                if (node) {
+                    const { treeNode } = node;
+                    treeNode.dropObj[treeNode.defaultDropIndex] = optionsNodes.current.options;
+                    let value = undefined;
+                    if (optionsNodes.current.isRoot) {
+                        value = options;
+                    }
+                    else {
+                        optionsNodes.parent.dropObj[optionsNodes.current.indexOfParentObj] = treeNode.options;
+                    }
+                    this.baseMenu().onChange?.({ value: value, nextNodeId: res.options.id, historyDesc: `添加${node.treeNode.name}` });
+                }
+            }
+        });
+    }
+    addChild() {
+        this.chooseComponentFunc().subscribe(res => {
+            if (res.options) {
+                const { optionsNodes } = this.baseMenu();
+                optionsNodes.current.dropObj[optionsNodes.current.defaultDropIndex] = res.options;
+                this.baseMenu().onChange?.({ nextNodeId: res.options.id, historyDesc: `添加${res.config?.componentName}` });
+            }
+        });
+    }
+    remove() {
+        const current = this.baseMenu().optionsNodes.current;
+        if (current.isRoot) {
+            this.baseMenu().onChange?.({ value: null, historyDesc: `删除${current.name}` });
+        }
+        else {
+            const { parentObj, indexOfParentObj } = current;
+            let nextNodeId = this.baseMenu().optionsNodes.parent?.id;
+            if (Array.isArray(parentObj)) {
+                parentObj.splice(indexOfParentObj, 1);
+                if (parentObj.length) {
+                    nextNodeId = parentObj[Math.min(indexOfParentObj, parentObj.length - 1)].id;
+                }
+            }
+            else {
+                parentObj[indexOfParentObj] = null;
+            }
+            this.baseMenu().onChange?.({ nextNodeId: nextNodeId, historyDesc: `删除${current.name}` });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CommonMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: CommonMenu, isStandalone: true, selector: "axis-common-menu", inputs: { baseMenu: { classPropertyName: "baseMenu", publicName: "baseMenu", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (canAddParent) {\n<li nz-menu-item (click)=\"addParent()\">\n    <i nz-icon nzType=\"pic-center\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u6DFB\u52A0\u7236\u7EC4\u4EF6</span>\n</li>\n}\n@if (canAddChild) {\n<li nz-menu-item (click)=\"addChild()\">\n    <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u6DFB\u52A0\u5B50\u7EC4\u4EF6</span>\n</li>\n}\n@if (canRemove) {\n<li nz-menu-item style=\"color: #f81d22\" (click)=\"remove()\">\n    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u5220\u9664</span>\n</li>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: NzDividerModule }, { kind: "component", type: i1$1.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzVariant", "nzSize", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "component", type: i2$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CommonMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-common-menu', imports: [NzDividerModule, NzDropDownModule, NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (canAddParent) {\n<li nz-menu-item (click)=\"addParent()\">\n    <i nz-icon nzType=\"pic-center\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u6DFB\u52A0\u7236\u7EC4\u4EF6</span>\n</li>\n}\n@if (canAddChild) {\n<li nz-menu-item (click)=\"addChild()\">\n    <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u6DFB\u52A0\u5B50\u7EC4\u4EF6</span>\n</li>\n}\n@if (canRemove) {\n<li nz-menu-item style=\"color: #f81d22\" (click)=\"remove()\">\n    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span>\u5220\u9664</span>\n</li>\n}" }]
+        }] });
+
+// 生成变量的类型声明
+function generateDeclarations(args, declaraMap) {
+    return Object.entries(args).map(([name, value]) => `declare const ${name}: ${declaraMap?.[name] ?? convertToTsType(value)};`).join('\n');
+}
+// 将 JavaScript 值转换为 TypeScript 类型表达式
+function convertToTsType(value) {
+    if (value === null)
+        return 'null';
+    if (value === undefined)
+        return 'undefined';
+    const type = typeof value;
+    if (type === 'string')
+        return 'string';
+    if (type === 'number')
+        return 'number';
+    if (type === 'boolean')
+        return 'boolean';
+    if (type === 'function') {
+        // 获取函数参数个数
+        const paramCount = value.length;
+        // 生成参数列表，使用 any 类型作为默认参数类型
+        const params = Array(paramCount).fill(null).map((_, i) => `arg${i}: any`).join(', ');
+        // 简单推断返回类型（实际项目中可能需要更复杂的逻辑）
+        return `(${params}) => any`;
+    }
+    if (Array.isArray(value)) {
+        if (value.length > 0) {
+            return `Array<${convertToTsType(value[0])}>`;
+        }
+        return 'any[]';
+    }
+    if (type === 'object') {
+        const props = Object.entries(value)
+            .map(([key, val]) => `${key}: ${convertToTsType(val)};`)
+            .join('\n  ');
+        return `{\n  ${props}\n}`;
+    }
+    return 'any';
+}
+
+class FunField {
+    msg;
+    constructor(msg) {
+        this.msg = msg;
+        this._sub.push(this.execFnSubject.pipe(debounceTime(300))
+            .subscribe(async (_) => {
+            if (!this.onlyFun() && !(this.editValue() ?? this.value()).funMode) {
+                this.computeResult.set(this.value().originValue);
+            }
+            else {
+                const args = this.ds();
+                const libs = [];
+                for (const i of (this.editValue() ?? this.value())?.fnValue?.imports ?? []) {
+                    if (this.scripts?.hasOwnProperty(i)) {
+                        libs.push(await loadScripts(`${this.scripts[i]}.js`));
+                    }
+                }
+                try {
+                    this.success.set("");
+                    this.warn.set("");
+                    this.error.set("");
+                    this.computeResult.set(fn(`${libs.join("\n")}\n${this.editFn()}`, args, true, false));
+                    if (!this.onlyFun() && this.editValue()?.funMode) {
+                        this.editValue().originValue = this.computeResult();
+                        this.updateContentValue();
+                    }
+                    if (this.computeResult() == undefined) {
+                        this.warn.set(`警告：执行结果为${this.computeResult()}`);
+                    }
+                    else {
+                        if (typeof (this.computeResult()) == "object") {
+                            this.resultResultEditorMode = "json";
+                        }
+                        else {
+                            this.resultResultEditorMode = "plain_text";
+                        }
+                        this.successResult = JSON.stringify(this.computeResult(), undefined, "\t");
+                        this.success.set("函数运行成功！");
+                    }
+                }
+                catch (e) {
+                    this.error.set(`报错：${e.message}`);
+                }
+            }
+        }));
+        effect(() => {
+            this.buildImportDeclarations();
+        });
+    }
+    scopes = input(...(ngDevMode ? [undefined, { debugName: "scopes" }] : []));
+    exclude = input([], ...(ngDevMode ? [{ debugName: "exclude" }] : []));
+    scopeId = input(...(ngDevMode ? [undefined, { debugName: "scopeId" }] : []));
+    onlyFun = input(false, ...(ngDevMode ? [{ debugName: "onlyFun" }] : []));
+    noListen = input(false, ...(ngDevMode ? [{ debugName: "noListen" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    getScopeInfos = inject(AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, { optional: true });
+    scopeInfos = toSignal(toObservable(this.scopeId).pipe(switchMap(scopeId => this.getScopeInfos?.(scopeId) ?? of(undefined))));
+    scripts = inject(AXIS_SCRIPTS_TOKEN, { optional: true });
+    funcs = inject(AXIS_INJECT_FUNC_TOKEN, { optional: true });
+    get funcsNames() {
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        return Object.keys(funcs ?? {});
+    }
+    scopeds = computed(() => this.buildScopeDs(), ...(ngDevMode ? [{ debugName: "scopeds" }] : []));
+    ds = computed(() => this.buildDs(), ...(ngDevMode ? [{ debugName: "ds" }] : []));
+    argsName = computed(() => this.buildArgsName(), ...(ngDevMode ? [{ debugName: "argsName" }] : []));
+    importsList = computed(() => this.buildImportsList(), ...(ngDevMode ? [{ debugName: "importsList" }] : []));
+    importDeclarations = signal([], ...(ngDevMode ? [{ debugName: "importDeclarations" }] : []));
+    showDataSource = signal(undefined, ...(ngDevMode ? [{ debugName: "showDataSource" }] : []));
+    editValue = signal(undefined, ...(ngDevMode ? [{ debugName: "editValue" }] : []));
+    editFn = signal(undefined, ...(ngDevMode ? [{ debugName: "editFn" }] : []));
+    editTip = input(...(ngDevMode ? [undefined, { debugName: "editTip" }] : []));
+    funEditor;
+    monaco;
+    contentModel;
+    execFnSubject = new Subject();
+    successResult;
+    computeResult = signal(undefined, ...(ngDevMode ? [{ debugName: "computeResult" }] : []));
+    resultResultEditorMode = "json";
+    isShowSuccessResult = false;
+    _sub = [];
+    ngOnDestroy() {
+        this._sub.forEach(s => s.unsubscribe());
+    }
+    onChange;
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    writeValue(v) {
+        this.value.set(v);
+        if (this.onlyFun() && this.noListen()) {
+            this.editFn.set(v || "return undefined");
+            this.execFnSubject.next();
+        }
+        else if (v) {
+            if (v?.funMode) {
+                this.editFn.set(this.value().fnValue.fn);
+                this.execFnSubject.next();
+            }
+            else {
+                this.value().fnValue = {
+                    listen: {},
+                    fn: `return ${JSON.stringify(this.value().originValue)};`
+                };
+                this.editFn.set(this.value().fnValue.fn);
+            }
+        }
+        this.updateContentValue();
+    }
+    updateContentValue() {
+        if (!this.onlyFun() && this.value()) {
+            this.contentModel?.control.setValue(this.value().originValue, { emitModelToViewChange: true, emitViewToModelChange: false });
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(_) {
+    }
+    _templateDataSource = [];
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    success = signal("", ...(ngDevMode ? [{ debugName: "success" }] : []));
+    error = signal("", ...(ngDevMode ? [{ debugName: "error" }] : []));
+    warn = signal("", ...(ngDevMode ? [{ debugName: "warn" }] : []));
+    showCreateListenModal = model(false, ...(ngDevMode ? [{ debugName: "showCreateListenModal" }] : []));
+    showAddImportModal = false;
+    createListenDataSourceName = model("", ...(ngDevMode ? [{ debugName: "createListenDataSourceName" }] : []));
+    ngAfterContentInit() {
+        setTimeout(() => {
+            if (this.value()?.fnValue?.fn) {
+                this.execFnSubject.next();
+            }
+            this.updateContentValue();
+        });
+        if (this.contentModel?.update) {
+            this._sub.push(this.contentModel.update.subscribe(v => {
+                if (this.value() !== undefined) {
+                    this.value().originValue = v;
+                    this.changeValue();
+                    this.computeResult.set(v);
+                }
+            }));
+        }
+    }
+    buildScopeDs() {
+        let scopes = copy((this.scopes() ?? []).concat(this.scopeInfos() ?? []), true);
+        const sdname = new Set();
+        for (const scope of scopes) {
+            for (const name in scope.ds) {
+                sdname.add(name);
+                if (this.exclude()?.includes(name)) {
+                    delete scope.ds[name];
+                }
+            }
+        }
+        const unknownScope = {
+            scopeId: "__unknown__",
+            scopeName: "未知",
+            ds: {},
+        };
+        scopes.unshift(unknownScope);
+        for (const en of Object.entries((this.editValue() ?? this.value())?.fnValue?.listen ?? {})) {
+            if (!sdname.has(en[0])) {
+                unknownScope.ds[en[0]] = "示例数据";
+            }
+        }
+        this.execFnSubject.next();
+        return scopes.filter(s => Object.keys(s.ds ?? {}).length);
+    }
+    getDsNames(scope) {
+        return Object.keys(scope.ds);
+    }
+    buildDs() {
+        const ds = {};
+        for (const scope of this.scopeds()) {
+            Object.assign(ds, scope.ds);
+        }
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        for (const name in funcs) {
+            if (funcs[name] instanceof Function) {
+                ds[name] = funcs[name];
+            }
+            else {
+                ds[name] = funcs[name].func;
+            }
+        }
+        return ds;
+    }
+    openFunModal() {
+        this.editValue.set(copy(this.value(), true));
+        this.open.set(true);
+    }
+    buildArgsName() {
+        return Object.keys(this.ds()).join(",");
+    }
+    buildImportsList() {
+        return Object.keys(this.scripts ?? {})
+            .map((name) => ({ label: name, value: name }));
+    }
+    changeLinstenMode(name, mode) {
+        if (!this.editValue().fnValue?.listen) {
+            this.editValue().fnValue.listen = {};
+        }
+        if (mode == "none") {
+            delete this.editValue().fnValue.listen[name];
+        }
+        else {
+            this.editValue().fnValue.listen[name] = mode;
+        }
+        this.editValue.set({ ...this.editValue() });
+    }
+    changeImports(imports) {
+        this.editValue().fnValue.imports = imports;
+        this.editValue.set({ ...this.editValue() });
+        this.execFnSubject.next();
+    }
+    onCancel() {
+        this.open.set(false);
+    }
+    onOk() {
+        this.value.set(this.editValue());
+        this.changeValue();
+        this.open.set(false);
+    }
+    toogleMode() {
+        if (this.value() && !this.onlyFun()) {
+            this.value().funMode = !this.value().funMode;
+            if (this.value().funMode && !this.value().fnValue) {
+                this.value().fnValue = { fn: `return ${JSON.stringify(this.value().originValue)};` };
+            }
+            this.changeValue();
+            if (this.value().funMode) {
+                this.execFnSubject.next();
+            }
+        }
+    }
+    changeValue() {
+        if (this.noListen() && this.onlyFun()) {
+            this.value.set(this.editFn());
+            this.onChange(this.value());
+            return;
+        }
+        else if (this.onlyFun() || this.value()?.funMode) {
+            this.value().funMode = true;
+            for (const en of Object.entries(this.value().fnValue.listen ?? {})) {
+                if (en[1] == "none") {
+                    delete this.value().fnValue.listen[en[0]];
+                }
+            }
+            this.value().fnValue.fn = this.editFn();
+        }
+        this.value.set(copy(this.value()));
+        this.onChange(this.value());
+    }
+    doShowDataSource(name) {
+        this.showDataSource.set({
+            name: name,
+            data: JSON.stringify(this.ds()[name], undefined, '\t')
+        });
+    }
+    copySuccess() {
+        this.msg.info("已复制");
+    }
+    addListen() {
+        if (this.createListenDataSourceName()) {
+            if (this.ds().hasOwnProperty(this.createListenDataSourceName())) {
+                this.msg.error("数据源名称重复");
+                return;
+            }
+            if (!this.editValue().fnValue.listen) {
+                this.editValue().fnValue.listen = {};
+            }
+            this.editValue().fnValue.listen[this.createListenDataSourceName()] = "defined";
+            this.editValue.set({ ...this.editValue() });
+        }
+        this.showCreateListenModal.set(false);
+        this.createListenDataSourceName.set("");
+        this.execFnSubject.next();
+    }
+    removeListen(name) {
+        delete this.editValue().fnValue.listen[name];
+        this.editValue.set({ ...this.editValue() });
+        this.execFnSubject.next();
+    }
+    async buildImportDeclarations() {
+        const libs = [];
+        for (const name in this.scripts) {
+            if (this.editValue()?.fnValue?.imports?.includes(name)) {
+                const filePath = this.scripts[name] + ".d.ts";
+                const dtsContent = await loadScripts(filePath);
+                libs.push({ content: dtsContent, filePath });
+            }
+        }
+        const declaraMap = {};
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        for (const name in funcs) {
+            if (!(funcs[name] instanceof Function)) {
+                declaraMap[name] = funcs[name].type;
+            }
+        }
+        libs.push({ content: generateDeclarations(this.ds(), declaraMap) });
+        this.importDeclarations.set(libs);
+    }
+    layoutEditor() {
+        this.funEditor?.onEvents?.({ name: "layout", target: "component" })?.subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunField, deps: [{ token: i3.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FunField, isStandalone: true, selector: "axis-fun-field", inputs: { scopes: { classPropertyName: "scopes", publicName: "scopes", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, scopeId: { classPropertyName: "scopeId", publicName: "scopeId", isSignal: true, isRequired: false, transformFunction: null }, onlyFun: { classPropertyName: "onlyFun", publicName: "onlyFun", isSignal: true, isRequired: false, transformFunction: null }, noListen: { classPropertyName: "noListen", publicName: "noListen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, editTip: { classPropertyName: "editTip", publicName: "editTip", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, showCreateListenModal: { classPropertyName: "showCreateListenModal", publicName: "showCreateListenModal", isSignal: true, isRequired: false, transformFunction: null }, createListenDataSourceName: { classPropertyName: "createListenDataSourceName", publicName: "createListenDataSourceName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", open: "openChange", showCreateListenModal: "showCreateListenModalChange", createListenDataSourceName: "createListenDataSourceNameChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FunField),
+                multi: true
+            }
+        ], queries: [{ propertyName: "contentModel", first: true, predicate: NgModel, descendants: true }], viewQueries: [{ propertyName: "funEditor", first: true, predicate: ["funEditor"], descendants: true }], ngImport: i0, template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if ((!onlyFun() || !noListen()) && importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" 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            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\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            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i2$1.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: i2$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: i2$1.NzModalTitleDirective, selector: "[nzModalTitle]", exportAs: ["nzModalTitle"] }, { kind: "ngmodule", type: NzListModule }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$2.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵ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: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i10.ClipboardDirective, selector: "[ngxClipboard]", inputs: ["ngxClipboard", "container", "cbContent", "cbSuccessMsg"], outputs: ["cbOnSuccess", "cbOnError"] }, { kind: "ngmodule", type: NzAlertModule }, { kind: "component", type: i11.NzAlertComponent, selector: "nz-alert", inputs: ["nzAction", "nzCloseText", "nzIconType", "nzMessage", "nzDescription", "nzType", "nzCloseable", "nzShowIcon", "nzBanner", "nzNoAnimation", "nzIcon"], outputs: ["nzOnClose"], exportAs: ["nzAlert"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i12.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i14.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i14.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i16.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FunField, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-fun-field', imports: [NzModalModule, NzListModule, NzFlexModule, NzInputModule, NzIconModule, NzButtonModule, NzRadioModule, FormsModule, ClipboardModule, NzAlertModule, NzEmptyModule, NzSelectModule, NzSplitterModule, NzCollapseModule, NzCheckboxModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FunField),
+                            multi: true
+                        }
+                    ], template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if ((!onlyFun() || !noListen()) && importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" 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            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\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            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i3.NzMessageService }], propDecorators: { funEditor: [{
+                type: ViewChild,
+                args: ["funEditor"]
+            }], contentModel: [{
+                type: ContentChild,
+                args: [NgModel]
+            }] } });
+
+class FormValidators extends Validators {
+    static required(control) {
+        let error = Validators.required(control);
+        if (error) {
+            return { required: { 'zh-cn': "必填项" } };
+        }
+        return null;
+    }
+    static requiredFun(control) {
+        let error = FormValidators.required(control);
+        if (!error) {
+            error = FormValidators.required(new UntypedFormControl(control.value?.funMode ? control.value?.fnValue.fn : control.value?.originValue));
+        }
+        if (error) {
+            return { required: { 'zh-cn': "必填项" } };
+        }
+        return null;
+    }
+    static equal(comparedValue) {
+        return (control) => {
+            if (!control.value) {
+                return null;
+            }
+            let cv;
+            if (typeof (comparedValue) != "function") {
+                cv = comparedValue;
+            }
+            else {
+                try {
+                    cv = comparedValue();
+                }
+                catch { }
+            }
+            return control.value != cv ? { notEqual: true } : null;
+        };
+    }
+    static minLength(minLength) {
+        const validator = Validators.minLength(minLength);
+        return (control) => {
+            if (validator(control) === null) {
+                return null;
+            }
+            return { minlength: { 'zh-cn': `最小长度为 ${minLength}` } };
+        };
+    }
+    static maxLength(maxLength) {
+        const validator = Validators.maxLength(maxLength);
+        return (control) => {
+            if (validator(control) === null) {
+                return null;
+            }
+            return { minlength: { 'zh-cn': `最大长度为 ${maxLength}` } };
+        };
+    }
+    static min(minvalue) {
+        const validator = Validators.min(minvalue);
+        return (control) => {
+            if (validator(control) === null) {
+                return null;
+            }
+            return { minlength: { 'zh-cn': `最小值为 ${minvalue}` } };
+        };
+    }
+    static max(maxvalue) {
+        const validator = Validators.max(maxvalue);
+        return (control) => {
+            if (validator(control) === null) {
+                return null;
+            }
+            return { minlength: { 'zh-cn': `最大值为 ${maxvalue}` } };
+        };
+    }
+    static pattern(pattern) {
+        const validator = Validators.pattern(pattern);
+        return (control) => {
+            if (validator(control) === null) {
+                return null;
+            }
+            return { pattern: { 'zh-cn': "输入不正确" } };
+        };
+    }
+}
+function buildValidators(validators) {
+    const output = [];
+    for (const v of validators) {
+        if (v.disabled) {
+            continue;
+        }
+        switch (v.type) {
+            case "required":
+                output.push(FormValidators.required);
+                break;
+            case "length":
+                if (v.minLength || v.minLength == 0) {
+                    output.push(FormValidators.minLength(v.minLength));
+                }
+                if (v.maxLength || v.maxLength == 0) {
+                    output.push(FormValidators.maxLength(v.maxLength));
+                }
+                break;
+            case "value":
+                if (v.minValue || v.minValue == 0) {
+                    output.push(FormValidators.min(v.minValue));
+                }
+                if (v.maxValue || v.maxValue == 0) {
+                    output.push(FormValidators.max(v.maxValue));
+                }
+                break;
+            case "regex":
+                if (v.pattern) {
+                    output.push(FormValidators.pattern(v.pattern));
+                }
+                break;
+        }
+    }
+    return output;
+}
+
+class BaseDesignSetting {
+    element;
+    constructor(element) {
+        this.element = element;
+    }
+    showLine = signal(false, ...(ngDevMode ? [{ debugName: "showLine" }] : []));
+    scopeId = input(...(ngDevMode ? [undefined, { debugName: "scopeId" }] : []));
+    exclude = input([], ...(ngDevMode ? [{ debugName: "exclude" }] : []));
+    allPermissions = Object.entries(inject(AXIS_DESIGN_ALL_PERMISSIONS_TOKEN));
+    fg = input.required(...(ngDevMode ? [{ debugName: "fg" }] : []));
+    ngAfterViewInit() {
+        if (this.element.nativeElement.nextElementSibling) {
+            this.showLine.set(true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseDesignSetting, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: BaseDesignSetting, isStandalone: true, selector: "axis-base-design-setting", inputs: { scopeId: { classPropertyName: "scopeId", publicName: "scopeId", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, fg: { classPropertyName: "fg", publicName: "fg", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u901A\u7528\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7EC4\u4EF6ID\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"id\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u542F\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"inuse\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6743\u9650\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-select nzMode=\"multiple\" nzAllowClear formControlName=\"requiredPermissions\">\n                        @for (en of allPermissions; track en[0]) {\n                        <nz-option [nzLabel]=\"en[1]\" [nzValue]=\"en[0]\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6837\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"style\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { 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: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BaseDesignSetting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-base-design-setting', imports: [NzCollapseModule, NzFormModule, FunField, NzSwitchModule, FormsModule, NzInputModule, ReactiveFormsModule, DynamicDirective, NzSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u901A\u7528\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7EC4\u4EF6ID\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <input nz-input formControlName=\"id\" />\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u542F\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"inuse\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6743\u9650\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-select nzMode=\"multiple\" nzAllowClear formControlName=\"requiredPermissions\">\n                        @for (en of allPermissions; track en[0]) {\n                        <nz-option [nzLabel]=\"en[1]\" [nzValue]=\"en[0]\"></nz-option>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6837\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"style\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+const baseFbConfig = {
+    id: [undefined, [FormValidators.required]],
+    inuse: [undefined, [FormValidators.requiredFun]],
+    requiredPermissions: [],
+    style: [],
+    triggeEvents: []
+};
+const baseFunField = {
+    inuse: {
+        defaultValue: true
+    },
+    style: {
+        defaultValue: undefined
+    }
+};
+
+class ApiHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        url: [undefined, FormValidators.requiredFun],
+        method: [undefined, FormValidators.requiredFun],
+        body: [],
+        context: [],
+    });
+    funFields = {
+        url: {
+            defaultValue: "",
+        },
+        method: {
+            defaultValue: "get"
+        },
+        body: {
+            defaultValue: undefined
+        },
+        context: {
+            defaultValue: undefined
+        },
+    };
+    successTipMode = signal(undefined, ...(ngDevMode ? [{ debugName: "successTipMode" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ApiHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ApiHandler, isStandalone: true, selector: "axis-api-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ApiHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [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            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\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\" [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    <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\" [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: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ApiHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-api-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, DynamicDirective, NzInputModule, NzSwitchModule, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ApiHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [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            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\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\" [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    <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\" [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>" }]
+        }] });
+
+class FilterOptions {
+    constructor() {
+        effect(() => {
+            this.onChange?.(this.formValue()?.filters);
+        });
+    }
+    onChange;
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    writeValue(v) {
+        this.value.set(v);
+        if (v?.length) {
+            v.forEach((r) => {
+                this.createFilter();
+                r.effectFields?.forEach((f) => {
+                    if (!this.sourceDataChooseFields().includes(f) && !this.addFields().includes(f)) {
+                        this.addFields.set([...this.addFields(), f]);
+                    }
+                });
+            });
+        }
+        this.fg.reset({
+            filters: v
+        });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+    }
+    sourceDataFields = input([], ...(ngDevMode ? [{ debugName: "sourceDataFields" }] : []));
+    sourceDataChooseFields = computed(() => this.sourceDataFields().concat(this.addFields()), ...(ngDevMode ? [{ debugName: "sourceDataChooseFields" }] : []));
+    filterDataFields = input([], ...(ngDevMode ? [{ debugName: "filterDataFields" }] : []));
+    addFields = signal([], ...(ngDevMode ? [{ debugName: "addFields" }] : []));
+    fb = inject(FormBuilder);
+    fg = this.fb.group({
+        filters: this.fb.array([])
+    });
+    formValue = toSignal(this.fg.valueChanges);
+    currentEffectFieldsControl;
+    get fa() {
+        return this.fg.get("filters");
+    }
+    ;
+    createFilter() {
+        this.fa.push(this.fb.group({
+            field: [undefined, FormValidators.required],
+            mode: ["equals", FormValidators.required],
+            effectFields: [[], FormValidators.required],
+        }));
+    }
+    deleteFilter(i) {
+        this.fa.removeAt(i);
+    }
+    addField(field) {
+        if (!this.sourceDataChooseFields().includes(field)) {
+            this.addFields.set([...this.addFields(), field]);
+            if (this.currentEffectFieldsControl) {
+                this.currentEffectFieldsControl.patchValue({ effectFields: [...this.currentEffectFieldsControl.value.effectFields, field] });
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FilterOptions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FilterOptions, isStandalone: true, selector: "axis-design-filter-options", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, sourceDataFields: { classPropertyName: "sourceDataFields", publicName: "sourceDataFields", isSignal: true, isRequired: false, transformFunction: null }, filterDataFields: { classPropertyName: "filterDataFields", publicName: "filterDataFields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FilterOptions),
+                multi: true
+            }
+        ], ngImport: i0, template: "<form [formGroup]=\"fg\">\n    <ng-container formArrayName=\"filters\">\n        @for (c of fa.controls; track $index;let index=$index;) {\n        <div class=\"item\" [formGroupName]=\"index\">\n            <div nz-flex nzJustify=\"space-between\">\n                <h4>\u6761\u4EF6{{index+1}}:</h4>\n                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteFilter(index)\"><i nz-icon\n                        nzType=\"delete\" nzTheme=\"outline\"></i></a>\n            </div>\n            <div>\n                <span>\u4F7F\u7528</span>\n                <input nz-input nzVariant=\"underlined\" placeholder=\"\u9009\u62E9\u5B57\u6BB5\" style=\"width: 100px;\" nzSize=\"small\"\n                    [nzAutocomplete]=\"filterDataFieldsAuto\" formControlName=\"field\" />\n                <span>\u5B57\u6BB5\u5E76\u901A\u8FC7</span>\n                <nz-select style=\"width: 103px;\" nzVariant=\"underlined\" formControlName=\"mode\" nzSize=\"small\">\n                    <nz-option nzValue=\"equals\" nzLabel=\"\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"startsWith\" nzLabel=\"\u5934\u90E8\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"endsWith\" nzLabel=\"\u5C3E\u90E8\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"like\" nzLabel=\"\u6A21\u7CCA\u5339\u914D\"></nz-option>\n                    <nz-option nzValue=\"equalGreater\" nzLabel=\"\u5927\u4E8E\u7B49\u4E8E\"></nz-option>\n                    <nz-option nzValue=\"equalLess\" nzLabel=\"\u5C0F\u4E8E\u7B49\u4E8E\"></nz-option>\n                    <nz-option nzValue=\"between\" nzLabel=\"\u4E24\u8005\u4E4B\u95F4\"></nz-option>\n                    <nz-option nzValue=\"containAll\" nzLabel=\"\u5305\u542B\u6240\u6709\"></nz-option>\n                    <nz-option nzValue=\"containAny\" nzLabel=\"\u5305\u542B\u4EFB\u610F\"></nz-option>\n                </nz-select>\n                <span>\u7684\u65B9\u5F0F\u5339\u914D\u4EE5\u4E0B\u5B57\u6BB5:</span>\n                <nz-select formControlName=\"effectFields\" style=\"min-width: 120px;\" nzSize=\"small\" nzMode=\"multiple\"\n                    nzVariant=\"underlined\" nzShowSearch nzAllowClear [nzDropdownRender]=\"renderTemplate\"\n                    nzPlaceHolder=\"\u9009\u62E9\u5B57\u6BB5\" (nzOpenChange)=\"$event && currentEffectFieldsControl=c\">\n                    @for (f of sourceDataChooseFields(); track f) {\n                    <nz-option [nzLabel]=\"f\" [nzValue]=\"f\"></nz-option>\n                    }\n                </nz-select>\n            </div>\n        </div>\n        }\n    </ng-container>\n</form>\n<ng-template #renderTemplate>\n    <div nz-flex nzGap=\"4px\" style=\"padding: 0 10px;\">\n        <input type=\"text\" nz-input nzSize=\"small\" placeholder=\"\u5176\u4ED6\u5B57\u6BB5\" #inputElement />\n        <a (click)=\"addField(inputElement.value);inputElement.value=''\">\n            <nz-icon nzType=\"plus\" />\n        </a>\n    </div>\n</ng-template>\n<nz-autocomplete #filterDataFieldsAuto nzBackfill [nzWidth]=\"120\">\n    @for (f of filterDataFields(); track f) {\n    <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n        {{f}}\n    </nz-auto-option>\n    }\n</nz-autocomplete>\n<a nz-button nzType=\"link\" (click)=\"createFilter()\">\n    <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n    \u6DFB\u52A0\u8FC7\u6EE4\u6761\u4EF6\n</a>", styles: [".item{border:1px dashed rgba(150,150,150,.5);padding:10px;margin-bottom:10px}.desc{font-size:11px}.editable-tag{border-style:dashed;cursor:pointer}nz-tag{margin-top:2px;margin-bottom:2px}\n"], dependencies: [{ kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵ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: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i5$1.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i5$1.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i5$1.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: NzTagModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$2.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzDividerModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FilterOptions, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-filter-options', imports: [NzSelectModule, NzButtonModule, NzInputModule, NzAutocompleteModule, ReactiveFormsModule, NzTagModule, NzIconModule, NzFlexModule, NzDividerModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FilterOptions),
+                            multi: true
+                        }
+                    ], template: "<form [formGroup]=\"fg\">\n    <ng-container formArrayName=\"filters\">\n        @for (c of fa.controls; track $index;let index=$index;) {\n        <div class=\"item\" [formGroupName]=\"index\">\n            <div nz-flex nzJustify=\"space-between\">\n                <h4>\u6761\u4EF6{{index+1}}:</h4>\n                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteFilter(index)\"><i nz-icon\n                        nzType=\"delete\" nzTheme=\"outline\"></i></a>\n            </div>\n            <div>\n                <span>\u4F7F\u7528</span>\n                <input nz-input nzVariant=\"underlined\" placeholder=\"\u9009\u62E9\u5B57\u6BB5\" style=\"width: 100px;\" nzSize=\"small\"\n                    [nzAutocomplete]=\"filterDataFieldsAuto\" formControlName=\"field\" />\n                <span>\u5B57\u6BB5\u5E76\u901A\u8FC7</span>\n                <nz-select style=\"width: 103px;\" nzVariant=\"underlined\" formControlName=\"mode\" nzSize=\"small\">\n                    <nz-option nzValue=\"equals\" nzLabel=\"\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"startsWith\" nzLabel=\"\u5934\u90E8\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"endsWith\" nzLabel=\"\u5C3E\u90E8\u76F8\u7B49\"></nz-option>\n                    <nz-option nzValue=\"like\" nzLabel=\"\u6A21\u7CCA\u5339\u914D\"></nz-option>\n                    <nz-option nzValue=\"equalGreater\" nzLabel=\"\u5927\u4E8E\u7B49\u4E8E\"></nz-option>\n                    <nz-option nzValue=\"equalLess\" nzLabel=\"\u5C0F\u4E8E\u7B49\u4E8E\"></nz-option>\n                    <nz-option nzValue=\"between\" nzLabel=\"\u4E24\u8005\u4E4B\u95F4\"></nz-option>\n                    <nz-option nzValue=\"containAll\" nzLabel=\"\u5305\u542B\u6240\u6709\"></nz-option>\n                    <nz-option nzValue=\"containAny\" nzLabel=\"\u5305\u542B\u4EFB\u610F\"></nz-option>\n                </nz-select>\n                <span>\u7684\u65B9\u5F0F\u5339\u914D\u4EE5\u4E0B\u5B57\u6BB5:</span>\n                <nz-select formControlName=\"effectFields\" style=\"min-width: 120px;\" nzSize=\"small\" nzMode=\"multiple\"\n                    nzVariant=\"underlined\" nzShowSearch nzAllowClear [nzDropdownRender]=\"renderTemplate\"\n                    nzPlaceHolder=\"\u9009\u62E9\u5B57\u6BB5\" (nzOpenChange)=\"$event && currentEffectFieldsControl=c\">\n                    @for (f of sourceDataChooseFields(); track f) {\n                    <nz-option [nzLabel]=\"f\" [nzValue]=\"f\"></nz-option>\n                    }\n                </nz-select>\n            </div>\n        </div>\n        }\n    </ng-container>\n</form>\n<ng-template #renderTemplate>\n    <div nz-flex nzGap=\"4px\" style=\"padding: 0 10px;\">\n        <input type=\"text\" nz-input nzSize=\"small\" placeholder=\"\u5176\u4ED6\u5B57\u6BB5\" #inputElement />\n        <a (click)=\"addField(inputElement.value);inputElement.value=''\">\n            <nz-icon nzType=\"plus\" />\n        </a>\n    </div>\n</ng-template>\n<nz-autocomplete #filterDataFieldsAuto nzBackfill [nzWidth]=\"120\">\n    @for (f of filterDataFields(); track f) {\n    <nz-auto-option [nzLabel]=\"f\" [nzValue]=\"f\">\n        {{f}}\n    </nz-auto-option>\n    }\n</nz-autocomplete>\n<a nz-button nzType=\"link\" (click)=\"createFilter()\">\n    <i nz-icon nzType=\"plus\" nzTheme=\"outline\"></i>\n    \u6DFB\u52A0\u8FC7\u6EE4\u6761\u4EF6\n</a>", styles: [".item{border:1px dashed rgba(150,150,150,.5);padding:10px;margin-bottom:10px}.desc{font-size:11px}.editable-tag{border-style:dashed;cursor:pointer}nz-tag{margin-top:2px;margin-bottom:2px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ArrayFilterHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        inputArray: [],
+        filterData: [],
+        filterOptions: [],
+    });
+    funFields = {
+        inputArray: {
+            defaultValue: undefined,
+        },
+        filterData: {
+            defaultValue: undefined,
+        },
+    };
+    sourceDataFunField;
+    filterDataFunField;
+    sourceDataFields = computed(() => this.buildSourceDataFields(), ...(ngDevMode ? [{ debugName: "sourceDataFields" }] : []));
+    filterDataFields = computed(() => this.buildfilterDataFields(), ...(ngDevMode ? [{ debugName: "filterDataFields" }] : []));
+    buildSourceDataFields() {
+        const sourceData = this.sourceDataFunField.computeResult();
+        if (sourceData?.length) {
+            return Object.keys(sourceData[0]);
+        }
+        return [];
+    }
+    buildfilterDataFields() {
+        return Object.keys(this.filterDataFunField.computeResult() ?? {});
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFilterHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ArrayFilterHandler, isStandalone: true, selector: "axis-array-filter-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ArrayFilterHandler),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "sourceDataFunField", first: true, predicate: ["sourceDataFunField"], descendants: true, static: true }, { propertyName: "filterDataFunField", first: true, predicate: ["filterDataFunField"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u539F\u6570\u7EC4\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"inputArray\" [noListen]=\"noListen()\" #sourceDataFunField>\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    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8FC7\u6EE4\u5BF9\u8C61\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"filterData\" [noListen]=\"noListen()\" #filterDataFunField>\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    <axis-design-filter-options [sourceDataFields]=\"sourceDataFields()\" [filterDataFields]=\"filterDataFields()\"\n        formControlName=\"filterOptions\"></axis-design-filter-options>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: FilterOptions, selector: "axis-design-filter-options", inputs: ["value", "sourceDataFields", "filterDataFields"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFilterHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-array-filter-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, DynamicDirective, NzInputModule, NzSwitchModule, NzRadioModule, FilterOptions], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ArrayFilterHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u539F\u6570\u7EC4\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"inputArray\" [noListen]=\"noListen()\" #sourceDataFunField>\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    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8FC7\u6EE4\u5BF9\u8C61\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"filterData\" [noListen]=\"noListen()\" #filterDataFunField>\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    <axis-design-filter-options [sourceDataFields]=\"sourceDataFields()\" [filterDataFields]=\"filterDataFields()\"\n        formControlName=\"filterOptions\"></axis-design-filter-options>\n</form>" }]
+        }], propDecorators: { sourceDataFunField: [{
+                type: ViewChild,
+                args: ["sourceDataFunField", { static: true }]
+            }], filterDataFunField: [{
+                type: ViewChild,
+                args: ["filterDataFunField", { static: true }]
+            }] } });
+
+class DataHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        data: [],
+    });
+    funFields = {
+        data: {
+            defaultValue: null,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DataHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: DataHandler, isStandalone: true, selector: "axis-data-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DataHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\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: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DataHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-data-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, DynamicDirective, NzInputModule, NzSwitchModule, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DataHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\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>" }]
+        }] });
+
+class MsgTipHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        tipWay: [undefined, FormValidators.requiredFun],
+        type: [undefined, FormValidators.requiredFun],
+        content: [undefined, FormValidators.requiredFun],
+    });
+    funFields = {
+        tipWay: {
+            defaultValue: "message",
+        },
+        type: {
+            defaultValue: "info",
+        },
+        content: {
+            defaultValue: undefined,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MsgTipHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MsgTipHandler, isStandalone: true, selector: "axis-msg-tip-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => MsgTipHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u63D0\u9192\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"tipWay\" [noListen]=\"noListen()\" editTip=\"message-\u6D88\u606F modal-\u5F39\u7A97\">\n                <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <label nz-radio-button nzValue=\"message\">\u6D88\u606F</label>\n                    <label nz-radio-button nzValue=\"modal\">\u5F39\u7A97</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=\"6\" nzRequired>\n            \u6D88\u606F\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"type\" [noListen]=\"noListen()\" editTip=\"info-\u63D0\u9192 success-\u6210\u529F warning-\u8B66\u544A error-\u9519\u8BEF\">\n                <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                    <label nz-radio-button nzValue=\"info\">\u63D0\u9192</label>\n                    <label nz-radio-button nzValue=\"success\">\u6210\u529F</label>\n                    <label nz-radio-button nzValue=\"warning\">\u8B66\u544A</label>\n                    <label nz-radio-button nzValue=\"error\">\u9519\u8BEF</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=\"6\" nzRequired>\n            \u6D88\u606F\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"content\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i5$2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i5$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MsgTipHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-msg-tip-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, NzInputModule, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MsgTipHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u63D0\u9192\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"tipWay\" [noListen]=\"noListen()\" editTip=\"message-\u6D88\u606F modal-\u5F39\u7A97\">\n                <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <label nz-radio-button nzValue=\"message\">\u6D88\u606F</label>\n                    <label nz-radio-button nzValue=\"modal\">\u5F39\u7A97</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=\"6\" nzRequired>\n            \u6D88\u606F\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"type\" [noListen]=\"noListen()\" editTip=\"info-\u63D0\u9192 success-\u6210\u529F warning-\u8B66\u544A error-\u9519\u8BEF\">\n                <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\" nzSize=\"small\">\n                    <label nz-radio-button nzValue=\"info\">\u63D0\u9192</label>\n                    <label nz-radio-button nzValue=\"success\">\u6210\u529F</label>\n                    <label nz-radio-button nzValue=\"warning\">\u8B66\u544A</label>\n                    <label nz-radio-button nzValue=\"error\">\u9519\u8BEF</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=\"6\" nzRequired>\n            \u6D88\u606F\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"content\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
+class PrintHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        html: [],
+        loadTinyCss: [undefined, FormValidators.requiredFun],
+    });
+    funFields = {
+        html: {
+            defaultValue: "",
+        },
+        loadTinyCss: {
+            defaultValue: false,
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrintHandler, isStandalone: true, selector: "axis-print-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PrintHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u6253\u5370\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"html\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8F7D\u5165Tiny\u6837\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"loadTinyCss\" [noListen]=\"noListen()\">\n                <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-print-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, NzInputModule, NzRadioModule, NzSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PrintHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u6253\u5370\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"html\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8F7D\u5165Tiny\u6837\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"loadTinyCss\" [noListen]=\"noListen()\">\n                <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
+class RefreshDataSourceHandler extends FunFieldValueBase {
+    fg = this.fb.group({
+        name: [undefined, FormValidators.requiredFun],
+        setNull: [undefined, FormValidators.requiredFun],
+    });
+    funFields = {
+        name: {
+            defaultValue: null,
+        },
+        setNull: {
+            defaultValue: false,
+        },
+    };
+    inputTrigger = inject(InputTrigger);
+    noListen = this.inputTrigger.noListen;
+    getScopeInfos = inject(AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN);
+    scopeDsNames = toSignal(this.inputTrigger.fg.valueChanges.pipe(mergeWith(of(this.inputTrigger.fg.value)), filter(v => v.id?.funMode === false), map(v => v.id.originValue), switchMap(scopeId => this.getScopeInfos(scopeId)
+        .pipe(map(sis => Object.keys(scopeId ? sis.find(s => s.scopeId == scopeId)?.ds : sis[0]?.ds))))));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RefreshDataSourceHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RefreshDataSourceHandler, isStandalone: true, selector: "axis-refresh-data-source-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RefreshDataSourceHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6570\u636E\u6E90\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"name\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" [nzAutocomplete]=\"dsAuto\" />\n                <nz-autocomplete #dsAuto nzBackfill>\n                    @for (name of scopeDsNames()??[]; track name) {\n                    <nz-auto-option [nzLabel]=\"name\" [nzValue]=\"name\">\n                        {{name}}\n                    </nz-auto-option>\n                    }\n                </nz-autocomplete>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5237\u65B0\u524D\u6E05\u7A7A\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"setNull\" [noListen]=\"noListen()\">\n                <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i5$1.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i5$1.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i5$1.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RefreshDataSourceHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-refresh-data-source-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, NzInputModule, NzSwitchModule, NzRadioModule, NzAutocompleteModule, NzSwitchModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RefreshDataSourceHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6570\u636E\u6E90\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"name\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" [nzAutocomplete]=\"dsAuto\" />\n                <nz-autocomplete #dsAuto nzBackfill>\n                    @for (name of scopeDsNames()??[]; track name) {\n                    <nz-auto-option [nzLabel]=\"name\" [nzValue]=\"name\">\n                        {{name}}\n                    </nz-auto-option>\n                    }\n                </nz-autocomplete>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5237\u65B0\u524D\u6E05\u7A7A\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"setNull\" [noListen]=\"noListen()\">\n                <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
+class RouteHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        type: [undefined, FormValidators.requiredFun],
+        newtab: [undefined, FormValidators.requiredFun],
+        path: [undefined, FormValidators.requiredFun],
+        params: [],
+    });
+    funFields = {
+        type: {
+            defaultValue: "web",
+        },
+        newtab: {
+            defaultValue: false,
+        },
+        path: {
+            defaultValue: undefined,
+        },
+        params: {
+            defaultValue: undefined,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RouteHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RouteHandler, isStandalone: true, selector: "axis-route-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RouteHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u6253\u5F00\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"type\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"web\" nzLabel=\"\u7F51\u9875\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.type?.funMode || formValue()?.type?.originValue == \"web\") {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u65B0\u6D4F\u89C8\u5668\u6807\u7B7E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"newtab\" [noListen]=\"noListen()\">\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            \u94FE\u63A5\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"path\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.newtab.funMode || !formValue()?.newtab.originValue) {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\">\n            \u53C2\u6570\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"params\" [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    }\n    }\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RouteHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-route-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, NzInputModule, NzSwitchModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RouteHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u6253\u5F00\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"type\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"web\" nzLabel=\"\u7F51\u9875\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.type?.funMode || formValue()?.type?.originValue == \"web\") {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u65B0\u6D4F\u89C8\u5668\u6807\u7B7E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"newtab\" [noListen]=\"noListen()\">\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            \u94FE\u63A5\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"path\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.newtab.funMode || !formValue()?.newtab.originValue) {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\">\n            \u53C2\u6570\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"params\" [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    }\n    }\n</form>" }]
+        }] });
+
+class RunScriptHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        script: [undefined, FormValidators.required],
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RunScriptHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: RunScriptHandler, isStandalone: true, selector: "axis-run-script-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RunScriptHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u811A\u672C\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"script\" [noListen]=\"noListen()\" [onlyFun]=\"true\">\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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 }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RunScriptHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-run-script-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RunScriptHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u811A\u672C\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"script\" [noListen]=\"noListen()\" [onlyFun]=\"true\">\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
+class SetDataSourceHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        name: [undefined, FormValidators.requiredFun],
+        data: [],
+    });
+    funFields = {
+        name: {
+            defaultValue: null,
+        },
+        data: {
+            defaultValue: null,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SetDataSourceHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: SetDataSourceHandler, isStandalone: true, selector: "axis-set-data-source-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SetDataSourceHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u6570\u636E\u6E90\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"name\" [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\">\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: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SetDataSourceHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-set-data-source-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, DynamicDirective, NzInputModule, NzSwitchModule, NzRadioModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SetDataSourceHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u6570\u636E\u6E90\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"name\" [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\">\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 baseEventHandlerDescs = {
+    api: {
+        name: "api",
+        icon: "api",
+        title: "调用接口",
+        target: "service",
+        dataComponent: ApiHandler,
+        events: [
+            {
+                name: "apiResponse",
+                title: "接口响应",
+                ds: {
+                    apiResponse: {
+                        tip: "示例数据"
+                    }
+                },
+            }
+        ]
+    },
+    setDataSource: {
+        name: "setDataSource",
+        title: "设置数据源",
+        icon: "database",
+        dataComponent: SetDataSourceHandler,
+        target: "scope",
+    },
+    refreshDataSource: {
+        name: "refreshDataSource",
+        title: "刷新数据源",
+        icon: "reload",
+        dataComponent: RefreshDataSourceHandler,
+        target: "scope",
+    },
+    setValue: {
+        name: "setValue",
+        title: "设置值",
+        icon: "flag",
+        dataComponent: DataHandler,
+        target: "component",
+    },
+    arrayFilter: {
+        name: "arrayFilter",
+        icon: "filter",
+        title: "数组过滤",
+        target: "service",
+        dataComponent: ArrayFilterHandler,
+        events: [
+            {
+                name: "output",
+                title: "数据输出",
+                ds: {
+                    outputArray: [{
+                            tip: "示例数据"
+                        }]
+                },
+            }
+        ]
+    },
+    msgTip: {
+        name: "msgTip",
+        icon: "bell",
+        title: "消息提醒",
+        target: "service",
+        dataComponent: MsgTipHandler
+    },
+    route: {
+        name: "route",
+        icon: "right-square",
+        title: "路由",
+        target: "service",
+        formStyle: {
+            labelSpan: 8
+        },
+        dataComponent: RouteHandler
+    },
+    runScript: {
+        name: "runScript",
+        icon: "function",
+        title: "执行脚本",
+        target: "service",
+        formStyle: {
+            labelSpan: 8
+        },
+        dataComponent: RunScriptHandler
+    },
+    print: {
+        name: "print",
+        title: "打印",
+        icon: "printer",
+        dataComponent: PrintHandler,
+        target: "service",
+    },
+};
+const baseEventHandlerDescGroups = [
+    {
+        groupName: "基础",
+        handlerDescs: [
+            baseEventHandlerDescs["api"],
+            baseEventHandlerDescs["setDataSource"],
+            baseEventHandlerDescs["refreshDataSource"],
+            baseEventHandlerDescs["setValue"],
+            baseEventHandlerDescs["arrayFilter"],
+            baseEventHandlerDescs["msgTip"],
+            baseEventHandlerDescs["route"],
+            baseEventHandlerDescs["runScript"],
+            baseEventHandlerDescs["print"],
+        ]
+    }
+];
+
+class InputTrigger extends FunFieldBase {
+    element;
+    injector;
+    constructor(element, injector) {
+        super();
+        this.element = element;
+        this.injector = injector;
+    }
+    fg = this.fb.group({
+        name: [undefined, FormValidators.required],
+        disabled: [undefined, FormValidators.requiredFun],
+        data: [],
+        id: [],
+    });
+    funFields = {
+        disabled: {
+            defaultValue: false
+        },
+        id: {
+            defaultValue: undefined
+        },
+    };
+    onChange;
+    noListen = signal(true, ...(ngDevMode ? [{ debugName: "noListen" }] : []));
+    internalTriggers = input(...(ngDevMode ? [undefined, { debugName: "internalTriggers" }] : []));
+    optionsNodeId = input(...(ngDevMode ? [undefined, { debugName: "optionsNodeId" }] : []));
+    getScopeInfos = inject(AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN);
+    componentsInfo = inject(AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN);
+    componentRefGetter = inject(AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN);
+    canChooseComponentsInfo = signal([], ...(ngDevMode ? [{ debugName: "canChooseComponentsInfo" }] : []));
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    nodes = computed(() => this.makeTreeNode(this.buildAllEventDesc(), this.value()), ...(ngDevMode ? [{ debugName: "nodes" }] : []));
+    eventDesc = input(...(ngDevMode ? [undefined, { debugName: "eventDesc" }] : []));
+    allEventDesc = computed(() => this.buildAllEventDesc(), ...(ngDevMode ? [{ debugName: "allEventDesc" }] : []));
+    allEventHanderDescGroups = computed(() => this.buildAllEventHandlerDescGroups(), ...(ngDevMode ? [{ debugName: "allEventHanderDescGroups" }] : []));
+    allEventHanderDescs = computed(() => this.buildAllEventHandlerDescs(), ...(ngDevMode ? [{ debugName: "allEventHanderDescs" }] : []));
+    showLine = signal(false, ...(ngDevMode ? [{ debugName: "showLine" }] : []));
+    isVisibleHandlerModal = model(false, ...(ngDevMode ? [{ debugName: "isVisibleHandlerModal" }] : []));
+    handlerFunFieldScopes = signal([], ...(ngDevMode ? [{ debugName: "handlerFunFieldScopes" }] : []));
+    editEventHandler = model(...(ngDevMode ? [undefined, { debugName: "editEventHandler" }] : []));
+    treeExpandedKeys = signal([], ...(ngDevMode ? [{ debugName: "treeExpandedKeys" }] : []));
+    selectedHandlerDesc = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedHandlerDesc" }] : []));
+    otherHandlerDescs = inject(AXIS_EVENT_HANDLER_DESCS_TOKEN, { optional: true });
+    tree;
+    dataContainer;
+    idFunField;
+    scopeInfoSubject = computed(() => this.buildScopeInfoSubject(), ...(ngDevMode ? [{ debugName: "scopeInfoSubject" }] : []));
+    editInfo;
+    filterOption = (input, option) => {
+        if (input) {
+            return option.nzValue.includes(input) || option.nzLabel?.toString()?.includes(input);
+        }
+        return false;
+    };
+    writeValue(v) {
+        this.value.set(v);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+    }
+    ngAfterViewInit() {
+        if (this.element.nativeElement.nextElementSibling) {
+            this.showLine.set(true);
+        }
+    }
+    onDragStart(e) {
+        if (e.node?.origin["type"] == "event") {
+            e.event?.stopPropagation();
+            e.event?.preventDefault();
+            const ele = e.event?.target;
+            ele.draggable = false;
+            setTimeout(() => {
+                ele.parentElement?.classList.remove("dragging");
+            });
+        }
+    }
+    beforeDrop = (e) => {
+        const { dragNode, node, pos } = e;
+        if (dragNode.origin["type"] == "handler" && node.origin["type"] == "handler" && pos != 0 && node.parentNode == dragNode.parentNode) {
+            const dragV = dragNode.origin["value"];
+            const dropV = node.origin["value"];
+            const parentV = node.parentNode?.origin["value"];
+            parentV.splice(parentV.indexOf(dragV), 1);
+            parentV.splice(parentV.indexOf(dropV) + (pos == -1 ? 0 : 1), 0, dragV);
+            this.onValueChange();
+            return of(true);
+        }
+        return of(false);
+    };
+    buildAllEventHandlerDescGroups() {
+        const groups = [
+            ...baseEventHandlerDescGroups,
+            ...this.otherHandlerDescs ?? [],
+        ];
+        this.componentsInfo.forEach(c => {
+            groups.push({
+                groupName: c.componentName,
+                handlerDescs: Array.from(Object.values(c.eventHandlerDescs))
+            });
+        });
+        return groups;
+    }
+    buildAllEventHandlerDescs() {
+        const descs = {
+            ...baseEventHandlerDescs
+        };
+        if (this.otherHandlerDescs) {
+            this.otherHandlerDescs.forEach(g => {
+                g.handlerDescs.forEach(d => {
+                    descs[d.name] = d;
+                });
+            });
+        }
+        this.componentsInfo.forEach(c => {
+            Object.assign(descs, c.eventHandlerDescs);
+        });
+        return descs;
+    }
+    buildAllEventDesc() {
+        let eventDesc = [];
+        if (this.eventDesc()) {
+            eventDesc = eventDesc.concat(this.eventDesc());
+        }
+        if (this.internalTriggers()) {
+            for (const name of this.internalTriggers()) {
+                switch (name) {
+                    case "valueChange":
+                        eventDesc.push({
+                            name: "valueChange",
+                            title: "值变化",
+                            ds: (ref) => {
+                                return {
+                                    value: ref?.instance?.value()
+                                };
+                            }
+                        });
+                        break;
+                }
+            }
+        }
+        return eventDesc;
+    }
+    makeTreeNode(descs, value, treeNode = [], key = "") {
+        for (const desc of descs) {
+            const node = {
+                ...desc,
+                type: "event",
+                expanded: true,
+                key: key + desc.name,
+                isLeaf: !value?.[desc.name]?.length,
+                children: [],
+                selectable: false,
+                value: value?.[desc.name],
+            };
+            if (!node.isLeaf) {
+                for (let i = 0; i < value[desc.name].length; i++) {
+                    const handler = value[desc.name][i];
+                    const handlerDesc = this.allEventHanderDescs()[handler.name];
+                    const handlerNode = {
+                        type: "handler",
+                        expanded: true,
+                        key: key + desc.name + "." + i,
+                        selectable: false,
+                        isLeaf: !handlerDesc?.events?.length,
+                        children: [],
+                        title: handler.name,
+                        value: handler
+                    };
+                    if (handlerDesc) {
+                        Object.assign(handlerNode, handlerDesc);
+                    }
+                    if (handlerDesc && !handlerNode.isLeaf) {
+                        this.makeTreeNode(handlerDesc.events, handler.triggeEvents, handlerNode.children, handlerNode.key + ".");
+                    }
+                    node.children.push(handlerNode);
+                }
+            }
+            treeNode.push(node);
+        }
+        return treeNode;
+    }
+    deleteHandler(e) {
+        const parentValue = e.parentNode?.origin["value"];
+        const value = e.origin["value"];
+        if (parentValue && value && parentValue.includes(value)) {
+            parentValue.splice(parentValue.indexOf(value), 1);
+        }
+        this.onValueChange();
+    }
+    onValueChange(value, expandedKey) {
+        this.value.set(value ?? { ...this.value() });
+        this.onChange(this.value());
+        const expandedKeys = this.tree.getExpandedNodeList().map(n => n.key);
+        if (expandedKey) {
+            expandedKeys.push(expandedKey);
+        }
+        this.treeExpandedKeys.set(expandedKeys);
+    }
+    startAddHandler(node) {
+        this.fg.reset(this.buildFunField({}, this.funFields));
+        this.editInfo = {
+            key: node.key,
+            event: node.origin["name"],
+            isAdd: true,
+            parentValue: node.parentNode?.origin["value"],
+        };
+        this.handlerFunFieldScopes.set(this.buildHandlerFunFieldScopes(node));
+        this.noListen.set(node.origin["noListen"] ?? true);
+        this.isVisibleHandlerModal.set(true);
+    }
+    startSetHandler(node) {
+        this.fg.reset(this.buildFunField(node.origin["value"], this.funFields));
+        this.editInfo = {
+            key: node.key,
+            event: node.parentNode.origin["name"],
+            isAdd: false,
+            value: node.origin["value"],
+            parentValue: node.parentNode?.origin["value"],
+        };
+        this.handlerFunFieldScopes.set(this.buildHandlerFunFieldScopes(node));
+        this.noListen.set(node.parentNode?.origin["noListen"] ?? true);
+        this.isVisibleHandlerModal.set(true);
+    }
+    buildHandlerFunFieldScopes(node, scopes = []) {
+        if (node.origin['type'] == "event" && node?.origin["ds"]) {
+            let ds = node?.origin["ds"];
+            if (ds instanceof Function) {
+                let nodeId = this.optionsNodeId();
+                if (node.parentNode?.origin['target'] == "component") {
+                    nodeId = node.parentNode.origin["value"].id;
+                }
+                if (nodeId) {
+                    ds = ds(this.componentRefGetter(nodeId));
+                }
+                else {
+                    ds = {
+                        value: "示例数据"
+                    };
+                }
+            }
+            scopes.push({
+                scopeId: `__handler_scope_${node.key}__`,
+                scopeName: node.title,
+                ds
+            });
+        }
+        if (node.parentNode) {
+            this.buildHandlerFunFieldScopes(node.parentNode, scopes);
+        }
+        return scopes;
+    }
+    buildScopeInfoSubject(scopeId) {
+        const scopeInfos = this.getScopeInfos(scopeId);
+        const scopeInfoSubject = new BehaviorSubject(this.handlerFunFieldScopes().concat(scopeInfos.value));
+        scopeInfos.pipe(map(sis => this.handlerFunFieldScopes().concat(sis))).subscribe(scopeInfoSubject);
+        return scopeInfoSubject;
+    }
+    onHandlerChange(name) {
+        if (name && name != this.selectedHandlerDesc()?.name) {
+            const desc = this.allEventHanderDescs()[name];
+            this.selectedHandlerDesc.set(desc);
+            const idCtrl = this.fg.get("id");
+            if (desc.target == "component") {
+                let canChooseComponentsInfo = this.componentsInfo;
+                if (desc.targetComponent) {
+                    canChooseComponentsInfo = canChooseComponentsInfo.filter(info => info.component == desc.targetComponent);
+                }
+                this.canChooseComponentsInfo.set(canChooseComponentsInfo);
+                idCtrl.setValidators(FormValidators.requiredFun);
+            }
+            else if (desc.target == "scope") {
+                idCtrl.clearValidators();
+                const scopes = this.scopeInfoSubject().value?.filter(s => s.scopeId.startsWith("__handler_scope__"));
+                if (scopes?.length) {
+                    const { funMode, originValue } = idCtrl.value;
+                    if (!funMode && !originValue) {
+                        this.reset({ id: scopes[0].scopeId });
+                    }
+                }
+            }
+            else {
+                idCtrl.clearValidators();
+            }
+            this.dataContainer?.clear();
+            if (desc.dataComponent) {
+                const injector = Injector.create({
+                    providers: [
+                        { provide: AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, useValue: (scopeId) => this.buildScopeInfoSubject(scopeId) },
+                        { provide: InputTrigger, useValue: this }
+                    ],
+                    parent: this.injector
+                });
+                const r = this.dataContainer?.createComponent(desc.dataComponent, { injector: injector });
+                r?.instance?.writeValue(this.fg.value?.data);
+                const control = this.fb.control(this.fg.value?.data, [() => {
+                        return r?.instance.valid() ? null : {
+                            invalid: true
+                        };
+                    }]);
+                r?.instance.registerOnChange((v) => control.setValue(v));
+                this.fg.setControl('data', control, { emitEvent: false });
+            }
+        }
+    }
+    onSetHandlerOk() {
+        if (updateAndValidAll(this.fg)) {
+            let value = this.value() ?? {};
+            const formValue = this.recoverFunField(this.fg.value, this.funFields);
+            formValue.target = this.selectedHandlerDesc().target;
+            if (this.editInfo?.isAdd) {
+                let array;
+                if (this.editInfo?.parentValue) {
+                    if (!this.editInfo.parentValue.triggeEvents?.[this.editInfo.event]) {
+                        this.editInfo.parentValue.triggeEvents = {
+                            [this.editInfo.event]: []
+                        };
+                    }
+                    array = this.editInfo.parentValue.triggeEvents[this.editInfo.event];
+                }
+                else {
+                    if (!value[this.editInfo.event]) {
+                        value[this.editInfo.event] = [];
+                    }
+                    array = value[this.editInfo.event];
+                }
+                array.push(formValue);
+            }
+            else {
+                Object.keys(this.funFields).forEach(k => {
+                    delete this.editInfo.value[k];
+                    delete this.editInfo.value[`$${k}`];
+                });
+                Object.assign(this.editInfo.value, formValue);
+            }
+            this.isVisibleHandlerModal.set(false);
+            this.onValueChange({ ...value }, this.editInfo?.key);
+        }
+        else {
+            Object.values(this.fg.controls).forEach(control => {
+                if (control.invalid) {
+                    control.markAsDirty();
+                    control.updateValueAndValidity({ onlySelf: true });
+                }
+            });
+        }
+    }
+    resetSetHandler() {
+        this.fg.reset();
+        this.selectedHandlerDesc.set(undefined);
+        this.editInfo = undefined;
+    }
+    hasExpanded(node) {
+        return node.isExpanded || node.children.some(c => this.hasExpanded(c));
+    }
+    expand(node, expanded) {
+        node.isExpanded = expanded;
+        node.children.forEach(c => this.expand(c, expanded));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: InputTrigger, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: InputTrigger, isStandalone: true, selector: "axis-input-trigger", inputs: { internalTriggers: { classPropertyName: "internalTriggers", publicName: "internalTriggers", isSignal: true, isRequired: false, transformFunction: null }, optionsNodeId: { classPropertyName: "optionsNodeId", publicName: "optionsNodeId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, eventDesc: { classPropertyName: "eventDesc", publicName: "eventDesc", isSignal: true, isRequired: false, transformFunction: null }, isVisibleHandlerModal: { classPropertyName: "isVisibleHandlerModal", publicName: "isVisibleHandlerModal", isSignal: true, isRequired: false, transformFunction: null }, editEventHandler: { classPropertyName: "editEventHandler", publicName: "editEventHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", isVisibleHandlerModal: "isVisibleHandlerModalChange", editEventHandler: "editEventHandlerChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputTrigger),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "dataContainer", first: true, predicate: ["dataContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "idFunField", first: true, predicate: ["idFunField"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </button>\n        <button nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '500px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field #idFunField formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵ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: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i7$1.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckboxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i2$1.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: i2$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i4$1.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$2.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: InputTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-input-trigger', imports: [NzCollapseModule, NzFormModule, NzButtonModule, NzIconModule, NzTreeModule, CommonModule, NzModalModule, NzSelectModule, ReactiveFormsModule, FunField, FormsModule, NzSwitchModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputTrigger),
+                            multi: true
+                        }
+                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </button>\n        <button nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '500px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field #idFunField formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { tree: [{
+                type: ViewChild,
+                args: ["tree", { static: true }]
+            }], dataContainer: [{
+                type: ViewChild,
+                args: ["dataContainer", { read: ViewContainerRef }]
+            }], idFunField: [{
+                type: ViewChild,
+                args: ["idFunField"]
+            }] } });
+
+class ValueDesignSetting {
+    element;
+    constructor(element) {
+        this.element = element;
+    }
+    showLine = signal(false, ...(ngDevMode ? [{ debugName: "showLine" }] : []));
+    scopeId = input(...(ngDevMode ? [undefined, { debugName: "scopeId" }] : []));
+    exclude = input([], ...(ngDevMode ? [{ debugName: "exclude" }] : []));
+    fg = input.required(...(ngDevMode ? [{ debugName: "fg" }] : []));
+    ngAfterViewInit() {
+        if (this.element.nativeElement.nextElementSibling) {
+            this.showLine.set(true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ValueDesignSetting, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ValueDesignSetting, isStandalone: true, selector: "axis-value-design-setting", inputs: { scopeId: { classPropertyName: "scopeId", publicName: "scopeId", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, fg: { classPropertyName: "fg", publicName: "fg", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\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                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { 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: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ValueDesignSetting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-value-design-setting', imports: [NzCollapseModule, NzFormModule, FunField, NzSwitchModule, FormsModule, NzInputModule, ReactiveFormsModule, DynamicDirective, NzSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\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                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+const valueFbConfig = {
+    initValue: [],
+    emitInitEvent: [true, FormValidators.required],
+    disabled: [undefined, [FormValidators.requiredFun]],
+    readonly: [undefined, [FormValidators.requiredFun]],
+};
+const valueFunField = {
+    initValue: {
+        defaultValue: undefined
+    },
+    disabled: {
+        defaultValue: false
+    },
+    readonly: {
+        defaultValue: false
+    }
+};
+
+class SimpleMenu extends BaseMenu {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SimpleMenu, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: SimpleMenu, isStandalone: true, selector: "axis-design-simple-menu", usesInheritance: true, ngImport: i0, template: "<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu>\n        <axis-common-menu [baseMenu]=\"this\"></axis-common-menu>\n    </ul>\n</nz-dropdown-menu>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i2$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i2$4.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "component", type: CommonMenu, selector: "axis-common-menu", inputs: ["baseMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SimpleMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-simple-menu', imports: [NzDropDownModule, NzIconModule, CommonMenu], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu>\n        <axis-common-menu [baseMenu]=\"this\"></axis-common-menu>\n    </ul>\n</nz-dropdown-menu>" }]
+        }] });
+
+class InputValidator extends FunFieldBase {
+    element;
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    showLine = signal(false, ...(ngDevMode ? [{ debugName: "showLine" }] : []));
+    onChange;
+    editIndex = -1;
+    showModal = model(false, ...(ngDevMode ? [{ debugName: "showModal" }] : []));
+    validatorDesc = computed(() => this.buildValidatorsDesc(), ...(ngDevMode ? [{ debugName: "validatorDesc" }] : []));
+    fg = this.fb.group({
+        type: ["required", FormValidators.required],
+        disabled: [undefined, FormValidators.requiredFun],
+        minLength: [],
+        maxLength: [],
+        minValue: [],
+        maxValue: [],
+        pattern: [],
+    });
+    funFields = {
+        disabled: {
+            defaultValue: false
+        },
+        minLength: {
+            defaultValue: null
+        },
+        maxLength: {
+            defaultValue: null
+        },
+        minValue: {
+            defaultValue: null
+        },
+        maxValue: {
+            defaultValue: null
+        },
+        pattern: {
+            defaultValue: ""
+        }
+    };
+    writeValue(v) {
+        this.value.set(v);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) { }
+    ngAfterViewInit() {
+        if (this.element.nativeElement.nextElementSibling) {
+            this.showLine.set(true);
+        }
+    }
+    buildValidatorsDesc() {
+        return this.value()?.map(v => {
+            switch (v.type) {
+                case "required":
+                    return "此项必填";
+                case "length":
+                    return `长度范围:${this.wrapNumberField(v, "minLength")} ~ ${this.wrapNumberField(v, "maxLength")}`;
+                case "value":
+                    return `值范围:${this.wrapNumberField(v, "minValue")} ~ ${this.wrapNumberField(v, "maxValue")}`;
+                case "regex":
+                    return `表达式:${this.wrapFunField(v, "pattern")}`;
+                default:
+                    return "";
+            }
+        });
+    }
+    wrapFunField(obj, field) {
+        if (obj.hasOwnProperty(`$${field}`)) {
+            return "[动态值]";
+        }
+        return obj[field];
+    }
+    wrapNumberField(obj, field) {
+        const value = this.wrapFunField(obj, field);
+        if (typeof value != "number" && !value) {
+            return "[不限制]";
+        }
+        return value;
+    }
+    openWithCreate() {
+        this.editIndex = -1;
+        this.reset();
+        this.showModal.set(true);
+    }
+    openWithUpdate(index) {
+        this.editIndex = index;
+        this.reset(this.value()[this.editIndex]);
+        this.showModal.set(true);
+    }
+    save() {
+        if (updateAndValidAll(this.fg)) {
+            const nextValue = copy(this.value() ?? [], true);
+            const validator = this.recoverFunField(this.fg.value);
+            if (this.editIndex == -1) {
+                nextValue.push(validator);
+            }
+            else {
+                nextValue[this.editIndex] = validator;
+            }
+            this.showModal.set(false);
+            this.value.set(nextValue);
+            this.onChange(this.value());
+        }
+    }
+    deleteValidator(index) {
+        this.value().splice(index, 1);
+        this.value.set([...this.value()]);
+        this.onChange(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: InputValidator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: InputValidator, isStandalone: true, selector: "axis-input-validator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showModal: { classPropertyName: "showModal", publicName: "showModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", showModal: "showModalChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputValidator),
+                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=\"\u8868\u5355\u9879\u9A8C\u8BC1\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u9A8C\u8BC1\u5668\"></nz-empty>\n        }@else{\n        <div nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\">\n            @for (item of value()??[]; track item;let i=$index) {\n            <div nz-flex nzGap=\"8px\" nzAlign=\"center\">\n                <div style=\"width: 64px;\">\n                    @switch (item.type) {\n                    @case (\"required\") {\n                    <nz-tag nzColor=\"magenta\">\u5FC5\u586B\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"length\") {\n                    <nz-tag nzColor=\"blue\">\u957F\u5EA6\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"value\") {\n                    <nz-tag nzColor=\"purple\">\u503C\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"regex\") {\n                    <nz-tag nzColor=\"cyan\">\u6B63\u5219\u9A8C\u8BC1</nz-tag>\n                    }\n                    }\n                </div>\n                <div class=\"validator-desc\">{{validatorDesc()?.[i]}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"openWithUpdate(i)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteValidator(i)\">\n                        <i nz-icon nzType=\"delete\" 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 [(nzVisible)]=\"showModal\" nzTitle=\"\u9A8C\u8BC1\u5668\" 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                    \u9A8C\u8BC1\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-select formControlName=\"type\">\n                        <nz-option nzValue=\"required\" nzLabel=\"\u5FC5\u586B\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"length\" nzLabel=\"\u957F\u5EA6\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"value\" nzLabel=\"\u503C\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"regex\" nzLabel=\"\u6B63\u5219\u9A8C\u8BC1\"></nz-option>\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"disabled\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"length\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"value\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"regex\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6B63\u5219\u8868\u8FBE\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"pattern\">\n                        <input nz-input nzPlaceHolder=\"\u8F93\u5165\u6B63\u5219\u8868\u8FBE\u5F0F\" 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: [".validator-desc{flex:1;font-size:12px;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: NzListModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i1$4.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: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i12.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵ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: i2$1.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: i2$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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: NzSelectModule }, { kind: "component", type: i4$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$2.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i15.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: InputValidator, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-input-validator', imports: [NzListModule, NzTagModule, NzSpaceModule, NzGridModule, NzIconModule, NzEmptyModule, NzButtonModule, NzModalModule, FormsModule, NzCollapseModule, NzFormModule, ReactiveFormsModule, FunField, NzSelectModule, NzInputModule, NzSwitchModule, CommonModule, NzFlexModule, NzInputNumberModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputValidator),
+                            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=\"\u8868\u5355\u9879\u9A8C\u8BC1\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u9A8C\u8BC1\u5668\"></nz-empty>\n        }@else{\n        <div nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\">\n            @for (item of value()??[]; track item;let i=$index) {\n            <div nz-flex nzGap=\"8px\" nzAlign=\"center\">\n                <div style=\"width: 64px;\">\n                    @switch (item.type) {\n                    @case (\"required\") {\n                    <nz-tag nzColor=\"magenta\">\u5FC5\u586B\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"length\") {\n                    <nz-tag nzColor=\"blue\">\u957F\u5EA6\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"value\") {\n                    <nz-tag nzColor=\"purple\">\u503C\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"regex\") {\n                    <nz-tag nzColor=\"cyan\">\u6B63\u5219\u9A8C\u8BC1</nz-tag>\n                    }\n                    }\n                </div>\n                <div class=\"validator-desc\">{{validatorDesc()?.[i]}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"openWithUpdate(i)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteValidator(i)\">\n                        <i nz-icon nzType=\"delete\" 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 [(nzVisible)]=\"showModal\" nzTitle=\"\u9A8C\u8BC1\u5668\" 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                    \u9A8C\u8BC1\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-select formControlName=\"type\">\n                        <nz-option nzValue=\"required\" nzLabel=\"\u5FC5\u586B\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"length\" nzLabel=\"\u957F\u5EA6\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"value\" nzLabel=\"\u503C\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"regex\" nzLabel=\"\u6B63\u5219\u9A8C\u8BC1\"></nz-option>\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"disabled\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"length\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"value\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"regex\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6B63\u5219\u8868\u8FBE\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"pattern\">\n                        <input nz-input nzPlaceHolder=\"\u8F93\u5165\u6B63\u5219\u8868\u8FBE\u5F0F\" 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: [".validator-desc{flex:1;font-size:12px;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class ComponentsLoader {
+    components = inject(AXIS_COMPONENTS_TOKEN);
+    loadedMap = new Map();
+    loadingMap = new Map();
+    loadComponent(component) {
+        if (this.loadedMap.has(component)) {
+            return Promise.resolve(this.loadedMap.get(component));
+        }
+        if (this.loadingMap.has(component)) {
+            return this.loadingMap.get(component);
+        }
+        if (!this.components[component]) {
+            return Promise.reject(`component ${component} not found`);
+        }
+        this.loadingMap.set(component, this.components[component]().then(module => {
+            const m = module[Object.keys(module)[0]];
+            this.loadedMap.set(component, m);
+            this.loadingMap.delete(component);
+            return m;
+        }));
+        return this.loadingMap.get(component);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ComponentsLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ComponentsLoader });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ComponentsLoader, decorators: [{
+            type: Injectable
+        }] });
+
+function codeName(code, name) {
+    if (code && name) {
+        return `[${code}]${name}`;
+    }
+    if (code) {
+        return `[${code}]`;
+    }
+    return name || "";
+}
+function nameCode(name, code) {
+    if (code && name) {
+        return `${name}[${code}]`;
+    }
+    if (code) {
+        return `[${code}]`;
+    }
+    return name || "";
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FILE_BASE_URL_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_HTTP_CONTEXT_DATA_TOKEN, AXIS_HTTP_CONTEXT_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, InputValidator, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, buildValidators, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, sendApi, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
+//# sourceMappingURL=ngx-axis-appforge-core.mjs.map