ngx-axis-appforge 0.0.27 → 0.0.28

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

@@ -62,7 +62,9 @@ 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.optionsNodesForSetting');
+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');
@@ -769,6 +771,9 @@ class ScopeDirective {
         }
         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.1.6", ngImport: i0, type: ScopeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", 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 });
 }
@@ -2159,24 +2164,22 @@ class FunField {
         this.execFnSubject.next();
     }
     async buildImportDeclarations() {
-        if (this.editValue()) {
-            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 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 = {};
-            for (const name in this.funcs) {
-                if (!(this.funcs[name] instanceof Function)) {
-                    declaraMap[name] = this.funcs[name].type;
-                }
+        }
+        const declaraMap = {};
+        for (const name in this.funcs) {
+            if (!(this.funcs[name] instanceof Function)) {
+                declaraMap[name] = this.funcs[name].type;
             }
-            libs.push({ content: generateDeclarations(this.ds(), declaraMap) });
-            this.importDeclarations.set(libs);
         }
+        libs.push({ content: generateDeclarations(this.ds(), declaraMap) });
+        this.importDeclarations.set(libs);
     }
     layoutEditor() {
         this.funEditor?.onEvents?.({ name: "layout", target: "component" })?.subscribe();
@@ -2813,9 +2816,11 @@ const baseEventHandlerDescGroups = [
 
 class InputTrigger extends FunFieldBase {
     element;
-    constructor(element) {
+    injector;
+    constructor(element, injector) {
         super();
         this.element = element;
+        this.injector = injector;
     }
     fg = this.fb.group({
         name: [undefined, FormValidators.required],
@@ -2834,8 +2839,10 @@ class InputTrigger extends FunFieldBase {
     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" }] : []));
@@ -2938,8 +2945,10 @@ class InputTrigger extends FunFieldBase {
                         eventDesc.push({
                             name: "valueChange",
                             title: "值变化",
-                            ds: {
-                                value: "示例数据"
+                            ds: (ref) => {
+                                return {
+                                    value: ref.instance.value()
+                                };
                             }
                         });
                         break;
@@ -3029,10 +3038,23 @@ class InputTrigger extends FunFieldBase {
     }
     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 = "示例数据";
+                }
+            }
             scopes.push({
                 scopeId: `__handler_scope_${node.key}__`,
                 scopeName: node.title,
-                ds: node?.origin["ds"]
+                ds
             });
         }
         if (node.parentNode) {
@@ -3078,7 +3100,8 @@ class InputTrigger extends FunFieldBase {
                     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);
@@ -3146,8 +3169,8 @@ class InputTrigger extends FunFieldBase {
         node.isExpanded = expanded;
         node.children.forEach(c => this.expand(c, expanded));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputTrigger, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputTrigger, isStandalone: true, selector: "axis-input-trigger", inputs: { internalTriggers: { classPropertyName: "internalTriggers", publicName: "internalTriggers", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", 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.1.6", 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),
@@ -3164,7 +3187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                             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        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</a>\n        @if (node.children.length) {\n        <a 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></a>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <a 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        </a>\n        <a nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></a>\n        @if (node.children.length) {\n        <a 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></a>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '400px'\" [(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 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 }], propDecorators: { tree: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { tree: [{
                 type: ViewChild,
                 args: ["tree", { static: true }]
             }], dataContainer: [{
@@ -3404,5 +3427,5 @@ function nameCode(name, code) {
  * 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_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, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
+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, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
 //# sourceMappingURL=ngx-axis-appforge-core.mjs.map