ngx-axis-appforge 0.0.65 → 0.0.66

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

@@ -1,10 +1,11 @@
 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 { BehaviorSubject, filter, map, catchError, of, Subject, switchMap, debounceTime, Observable, isObservable, merge, NEVER, take, mergeMap, from, concat, tap, last, 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 { utils, writeFile } from 'xlsx-js-style';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from 'ng-zorro-antd/message';
@@ -827,6 +828,8 @@ class EventsHandlerService {
                 return this.runScriptEventHandler(e);
             case "print":
                 return this.printEventHandler(e);
+            case "exportExcel":
+                return this.exportExcelEventHandler(e);
             default:
                 if (this.otherHandlers) {
                     for (const h of this.otherHandlers) {
@@ -1036,6 +1039,33 @@ class EventsHandlerService {
         });
         return of(true);
     }
+    exportExcelEventHandler(e) {
+        var scope = e.ref?.getScope();
+        if (scope && e.data) {
+            const wb = utils.book_new();
+            const obs = (e.data.sheets ?? []).map(row => {
+                var table = scope.findInstance(row.tableId);
+                if (table) {
+                    const ws = table.callFunction?.("exportExcel");
+                    if (ws) {
+                        if (ws instanceof Observable) {
+                            return ws.pipe(map(ws => [row.sheetTitle, ws]));
+                        }
+                        else {
+                            return of([row.sheetTitle, ws]);
+                        }
+                    }
+                }
+                return of([row.sheetTitle, utils.json_to_sheet([])]);
+            });
+            return concat(...obs).pipe(tap(row => {
+                utils.book_append_sheet(wb, row[1], row[0]);
+            }), last(), tap(() => {
+                writeFile(wb, e.data.fileName + "." + e.data.bookType, { bookType: e.data.bookType });
+            }), map(_ => true));
+        }
+        return of(false);
+    }
     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' });
 }
@@ -1819,6 +1849,9 @@ class OptionsNode {
     get contextMenu() {
         return this.config.contextMenu;
     }
+    onPaste(node) {
+        this.config.onPaste?.(node);
+    }
     toElementNode(elements) {
         return new ElementNode(this.id, elements);
     }
@@ -2675,6 +2708,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                     ], 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>" }]
         }] });
 
+const sheetsOptions = {
+    "id": "axis-components/edit-table#1",
+    "requiredPermissions": null,
+    "triggeEvents": {
+        "valueChange": [
+            {
+                "name": "setDataSource",
+                "disabled": false,
+                "id": "axis-components/scope#1",
+                "data": {
+                    "name": "data",
+                    "$data": {
+                        "listen": {},
+                        "fn": "return value;"
+                    }
+                },
+                "target": "scope"
+            }
+        ]
+    },
+    "emitInitEvent": true,
+    "disabledRemoveFn": null,
+    "showExpand": false,
+    "expandFormName": null,
+    "checkedFormName": "checked",
+    "checkboxLinkageForExpand": false,
+    "disableCheckboxFn": null,
+    "showPagination": false,
+    "pageSizeOptions": "10,20,50,100",
+    "component": "axis-components/edit-table",
+    "fields": [
+        {
+            "field": "sheetTitle",
+            "totalAble": false,
+            "totalFn": null,
+            "validators": [
+                {
+                    "type": "required",
+                    "disabled": false,
+                    "minLength": null,
+                    "maxLength": null,
+                    "minValue": null,
+                    "maxValue": null,
+                    "pattern": ""
+                }
+            ],
+            "child": {
+                "component": "axis-components/input",
+                "id": "axis-components/input#1",
+                "inuse": true
+            },
+            "inuse": true,
+            "title": "工作表名称",
+            "sortAble": false,
+            "sortOrder": null,
+            "sortPriority": null,
+            "filterAble": false,
+            "filterMultiple": false,
+            "width": 150,
+            "align": "left",
+            "freezeMode": "none"
+        },
+        {
+            "field": "tableId",
+            "totalAble": false,
+            "totalFn": null,
+            "validators": [
+                {
+                    "type": "required",
+                    "disabled": false,
+                    "minLength": null,
+                    "maxLength": null,
+                    "minValue": null,
+                    "maxValue": null,
+                    "pattern": ""
+                }
+            ],
+            "child": {
+                "component": "axis-components/input",
+                "id": "axis-components/input#2",
+                "inuse": true
+            },
+            "inuse": true,
+            "title": "表格ID",
+            "sortAble": false,
+            "sortOrder": null,
+            "sortPriority": null,
+            "filterAble": false,
+            "filterMultiple": false,
+            "width": null,
+            "align": "left",
+            "freezeMode": "none"
+        }
+    ],
+    "inuse": true,
+    "style": {
+        "width": "100%"
+    },
+    "disabled": false,
+    "readonly": false,
+    "disabledAppend": false,
+    "disabledRemove": false,
+    "maxLength": null,
+    "size": "middle",
+    "showOrder": true,
+    "showDataSize": true,
+    "bordered": false,
+    "outerBordered": false,
+    "width": null,
+    "showCheckbox": false,
+    "checkeOnRowClick": false,
+    "singleCheck": false,
+    "showTotal": false,
+    "totalTitle": "合计",
+    "pageSize": 10,
+    "showSizeChanger": true
+};
+
+class ExportExcelHandler extends FunFieldValueBase {
+    sheetsOptions = sheetsOptions;
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        sheets: [undefined, FormValidators.requiredFun],
+        fileName: [undefined, FormValidators.requiredFun],
+        bookType: ["xlsx", FormValidators.required],
+    });
+    funFields = {
+        sheets: {
+            defaultValue: [],
+        },
+        fileName: {
+            defaultValue: "数据导出",
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ExportExcelHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ExportExcelHandler, isStandalone: true, selector: "axis-export-excel-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExportExcelHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-control nzSpan=\"24\">\n            <axis-fun-field formControlName=\"sheets\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"sheetsOptions\" [standalone]=\"true\" ngModel\n                    [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6587\u4EF6\u540D\u79F0\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"fileName\" [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            \u6587\u6863\u683C\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <nz-select formControlName=\"bookType\">\n                <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n            </nz-select>\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: "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: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ExportExcelHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-export-excel-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzSelectModule, NzInputModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExportExcelHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-control nzSpan=\"24\">\n            <axis-fun-field formControlName=\"sheets\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"sheetsOptions\" [standalone]=\"true\" ngModel\n                    [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6587\u4EF6\u540D\u79F0\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"fileName\" [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            \u6587\u6863\u683C\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <nz-select formControlName=\"bookType\">\n                <nz-option nzValue=\"xlsx\" nzLabel=\"xlsx\"></nz-option>\n                <nz-option nzValue=\"xls\" nzLabel=\"xls\"></nz-option>\n            </nz-select>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
 class MsgTipHandler extends FunFieldValueBase {
     noListen = inject(InputTrigger).noListen;
     fg = this.fb.group({
@@ -2982,6 +3169,13 @@ const baseEventHandlerDescs = {
         dataComponent: PrintHandler,
         target: "service",
     },
+    exportExcel: {
+        name: "exportExcel",
+        title: "导出Excel",
+        icon: "file-excel",
+        dataComponent: ExportExcelHandler,
+        target: "service",
+    },
 };
 const baseEventHandlerDescGroups = [
     {
@@ -2996,6 +3190,7 @@ const baseEventHandlerDescGroups = [
             baseEventHandlerDescs["route"],
             baseEventHandlerDescs["runScript"],
             baseEventHandlerDescs["print"],
+            baseEventHandlerDescs["exportExcel"],
         ]
     }
 ];