ngx-axis-appforge 0.0.4 → 0.0.6

package/axis-components/upload/design/setting/setting.html

@@ -1,288 +0,0 @@
-<form [formGroup]="fg" nz-form>
-    <nz-collapse [nzBordered]="false">
-        <nz-collapse-panel nzHeader="基本设置" nzActive>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    上传地址
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="url">
-                        <input nz-input ngModel [ngModelOptions]="{standalone:true}" />
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    表单名
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="formName">
-                        <input nz-input ngModel [ngModelOptions]="{standalone:true}" />
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    多文件
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <nz-switch formControlName="multiple"></nz-switch>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    完整对象值
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <nz-switch formControlName="fullValue"></nz-switch>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    地址字段
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <input nz-input formControlName="urlField" />
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    文件名字段
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <input nz-input formControlName="filenameField" />
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    响应函数
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="responseFn"
-                        [scopes]="[{scopeId:'__uploadResponse',scopeName:'上传接口响应',ds:{apiResponse:{tip:'示例数据'}}}]"
-                        [noListen]="true" [onlyFun]="true"
-                        editTip="请返回一个对象，类型：{success:boolean,errmsg?:string,[地址字段]?:string,[文件名字段]?:string}"></axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-        </nz-collapse-panel>
-        <nz-collapse-panel nzHeader="上传控制">
-            @if (formValue()?.multiple) {
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    选择文件夹
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="directory">
-                        <nz-switch ngModel [ngModelOptions]="{standalone:true}"></nz-switch>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }
-            @if (formValue()?.directory.funMode || !formValue()?.directory.originValue) {
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    文件类型
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="fileType">
-                        <input nz-input ngModel [ngModelOptions]="{standalone:true}" [nzAutocomplete]="idAuto" />
-                        <nz-autocomplete #idAuto nzBackfill>
-                            <nz-auto-option nzValue="*/*">
-                                全部类型
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="image/*">
-                                图片
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="video/*">
-                                视频
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="application/vnd.android.package-archive">
-                                *.apk
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="application/vnd.ms-excel">
-                                Excel
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="application/json">
-                                *.json
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="application/pdf">
-                                *.pdf
-                            </nz-auto-option>
-                            <nz-auto-option nzValue="text/javascript">
-                                *.js
-                            </nz-auto-option>
-                        </nz-autocomplete>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }
-            @if (formValue()?.multiple) {
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    数量限制
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="limitLength">
-                        <nz-input-number style="width: 100%;" ngModel [ngModelOptions]="{standalone:true}"
-                            [nzMin]="0"></nz-input-number>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    大小限制
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="limitSize">
-                        <nz-input-number style="width: 100%;" ngModel [ngModelOptions]="{standalone:true}" [nzMin]="0">
-                            <span nzInputAddonAfter>KB</span>
-                        </nz-input-number>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-        </nz-collapse-panel>
-        <nz-collapse-panel nzHeader="外观设置">
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    文件风格
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="listType">
-                        <nz-select ngModel [ngModelOptions]="{standalone:true}">
-                            <nz-option nzValue="text" nzLabel="文件名"></nz-option>
-                            <nz-option nzValue="picture" nzLabel="预览图"></nz-option>
-                            <nz-option nzValue="picture-card" nzLabel="照片墙"></nz-option>
-                        </nz-select>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            @if (formValue()?.listType.funMode || formValue()?.listType.originValue == "picture-card") {
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    按钮文本
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonTitle">
-                        <input nz-input ngModel [ngModelOptions]="{standalone:true}" />
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }@else{
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    上传按钮
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonType">
-                        <nz-select ngModel [ngModelOptions]="{standalone:true}">
-                            <nz-option nzValue="custom" nzLabel="自定义"></nz-option>
-                            <nz-option nzValue="drag-file" nzLabel="文件拖拽"></nz-option>
-                        </nz-select>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            @if (formValue()?.buttonType.funMode || formValue()?.buttonType.originValue === "custom") {
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    按钮文本
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonTitle">
-                        <input nz-input ngModel [ngModelOptions]="{standalone:true}" />
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    按钮图标
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonIcon">
-                        <ng-container [axisDynamic]="{component:'axis-components/input-icon',inuse:true}"
-                            [standalone]="true" ngModel [ngModelOptions]="{standalone:true}"></ng-container>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    按钮类型
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonStyle">
-                        <nz-select ngModel [ngModelOptions]="{standalone:true}">
-                            <nz-option nzLabel="默认" nzValue="default"></nz-option>
-                            <nz-option nzLabel="主要" nzValue="primary"></nz-option>
-                            <nz-option nzLabel="虚线" nzValue="dashed"></nz-option>
-                            <nz-option nzLabel="链接" nzValue="link"></nz-option>
-                            <nz-option nzLabel="文本" nzValue="text"></nz-option>
-                        </nz-select>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    按钮大小
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonSize">
-                        <nz-radio-group ngModel [ngModelOptions]="{standalone:true}">
-                            <label nz-radio-button nzValue="large">大</label>
-                            <label nz-radio-button nzValue="default">中</label>
-                            <label nz-radio-button nzValue="small">小</label>
-                        </nz-radio-group>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    宽度尽量大
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonBlock">
-                        <nz-switch ngModel [ngModelOptions]="{standalone:true}"></nz-switch>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8" nzRequired>
-                    按钮形状
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="buttonShape">
-                        <nz-select ngModel [ngModelOptions]="{standalone:true}">
-                            <nz-option nzLabel="默认" nzValue=""></nz-option>
-                            <nz-option nzLabel="圆形" nzValue="circle"></nz-option>
-                            <nz-option nzLabel="胶囊" nzValue="round"></nz-option>
-                        </nz-select>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }@else {
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    拖拽标题
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="dropTitle">
-                        <textarea nz-input ngModel [ngModelOptions]="{standalone:true}"></textarea>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    拖拽提示
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="dropTip">
-                        <textarea nz-input ngModel [ngModelOptions]="{standalone:true}"></textarea>
-                    </axis-fun-field>
-                </nz-form-control>
-            </nz-form-item>
-            }
-            }
-        </nz-collapse-panel>
-        <axis-value-design-setting [fg]="fg"></axis-value-design-setting>
-        <axis-base-design-setting [fg]="fg"></axis-base-design-setting>
-    </nz-collapse>
-</form>

package/axis-components/upload/design/setting/setting.ts

@@ -1,96 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';
-import { NzFormModule } from 'ng-zorro-antd/form';
-import { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';
-import { NzCollapseModule } from 'ng-zorro-antd/collapse';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
-import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
-import { NzSelectModule } from 'ng-zorro-antd/select';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-
-@Component({
-  selector: 'axis-design-input-icon-setting',
-  imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, ValueDesignSetting, NzInputModule, NzSwitchModule, NzInputNumberModule, NzAutocompleteModule, NzSelectModule, DynamicDirective, NzRadioModule],
-  templateUrl: './setting.html',
-  styleUrl: './setting.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class Setting extends FunFieldValueBase {
-  override fg: UntypedFormGroup = this.fb.group(({
-    ...baseFbConfig,
-    ...valueFbConfig,
-    url: [undefined, FormValidators.requiredFun],
-    formName: [undefined, FormValidators.requiredFun],
-    fullValue: [undefined, FormValidators.required],
-    multiple: [false, FormValidators.required],
-    urlField: ["url", FormValidators.required],
-    filenameField: ["filename", FormValidators.required],
-    responseFn: [],
-    fileType: [undefined, FormValidators.requiredFun],
-    directory: [undefined, FormValidators.requiredFun],
-    limitLength: [],
-    limitSize: [],
-    listType: [undefined, FormValidators.requiredFun],
-    buttonType: [undefined, FormValidators.requiredFun],
-    buttonTitle: [],
-    buttonIcon: [{ component: 'axis-components/icon', inuse: true, icon: 'upload' }],
-    buttonStyle: [undefined, FormValidators.requiredFun],
-    buttonSize: [undefined, FormValidators.requiredFun],
-    buttonBlock: [undefined, FormValidators.requiredFun],
-    buttonShape: [],
-    dropTitle: [],
-    dropTip: [],
-  }));
-
-  protected override funFields: FunFieldOptions = {
-    ...baseFunField,
-    ...valueFunField,
-    url: {
-      defaultValue: ""
-    },
-    formName: {
-      defaultValue: "file"
-    },
-    fileType: {
-      defaultValue: "*/*"
-    },
-    directory: {
-      defaultValue: false
-    },
-    limitLength: {
-      defaultValue: null
-    },
-    limitSize: {
-      defaultValue: null
-    },
-    listType: {
-      defaultValue: "text"
-    },
-    buttonType: {
-      defaultValue: "custom"
-    },
-    buttonTitle: {
-      defaultValue: "上传"
-    },
-    buttonStyle: {
-      defaultValue: "default"
-    },
-    buttonSize: {
-      defaultValue: "default"
-    },
-    buttonBlock: {
-      defaultValue: false
-    },
-    buttonShape: {
-      defaultValue: ""
-    },
-    dropTitle: {
-      defaultValue: "点击或拖拽上传"
-    },
-    dropTip: {
-      defaultValue: ""
-    },
-  };
-}

package/axis-components/upload/ng-package.json

@@ -1,5 +0,0 @@
-{
-    "lib": {
-        "entryFile": "upload.ts"
-    }
-}

package/axis-components/upload/upload.css

@@ -1,3 +0,0 @@
-:host {
-    display: block;
-}

package/axis-components/upload/upload.html

@@ -1,36 +0,0 @@
-<nz-upload [(nzFileList)]="fileList"
-    [nzType]="options.listType()!='picture-card'&& options.buttonType()=='drag-file'?'drag':'select'"
-    [nzDirectory]="directory()" [nzAccept]="options.fileType()" [nzMultiple]="options.multiple()"
-    [nzLimit]="limitLength()" [nzSize]="options.limitSize()" [nzListType]="options.listType()"
-    [nzDisabled]="options.disabled()" [nzCustomRequest]="upload" (nzChange)="fileChange($event)"
-    [nzShowButton]="!options.readonly() && ( limitLength() == null || fileList().length<limitLength()!)"
-    [nzPreview]="handlePreview"
-    [nzShowUploadList]="{showRemoveIcon:!this.options.readonly() && !this.options.disabled(),showPreviewIcon:true,showDownloadIcon:true}">
-    @if (options.listType() == "picture-card") {
-    <div>
-        <nz-icon nzType="plus" />
-        <div style="margin-top: 8px">{{options.buttonTitle()}}</div>
-    </div>
-    }@else if (options.buttonType() == "drag-file") {
-    <p class="ant-upload-drag-icon">
-        <nz-icon nzType="inbox" />
-    </p>
-    <p class="ant-upload-text">{{options.dropTitle()}}</p>
-    @if (options.dropTip()) {
-    <p class="ant-upload-hint">
-        {{options.dropTip()}}
-    </p>
-    }
-    }@else {
-    <button nz-button [nzSize]="options.buttonSize()" [nzType]="options.buttonStyle()" [nzBlock]="options.buttonBlock()"
-        [nzShape]="options.buttonShape()">
-        @if (options.buttonIcon()) {
-        <ng-container [axisDynamic]="options.buttonIcon()" [standalone]="true"></ng-container>
-        @if (options.buttonTitle()) {
-        <span style="margin-right: 10px;"></span>
-        }
-        }
-        {{options.buttonTitle()}}
-    </button>
-    }
-</nz-upload>

package/axis-components/upload/upload.options.ts

@@ -1,29 +0,0 @@
-import { signal, WritableSignal } from "@angular/core";
-import { ValueAccessOptions } from "ngx-axis-appforge/core";
-
-export class UploadOptions extends ValueAccessOptions {
-
-    readonly url = signal("");
-    readonly formName = signal("file");
-    readonly fullValue = signal(false);
-    readonly urlField = signal("url");
-    readonly filenameField = signal("filename");
-    readonly responseFn = signal("");
-
-    readonly fileType = signal("*/*");
-    readonly multiple = signal(true);
-    readonly directory = signal(false);
-    readonly limitLength = signal<number | null>(null);
-    readonly limitSize = signal<number | null>(null);
-
-    readonly listType = signal<"text" | "picture" | "picture-card">("text");
-    readonly buttonType = signal<"drag-file" | "custom">("custom");
-    readonly buttonTitle = signal<string>("上传");
-    readonly buttonIcon = signal<any>({ component: 'axis-components/icon', inuse: true, icon: 'upload' });
-    readonly buttonStyle = signal<"default" | "primary" | "dashed" | "link" | "text">("default");
-    readonly buttonSize = signal<"large" | "small" | "default">("default");
-    readonly buttonBlock = signal<boolean>(false);
-    readonly buttonShape = signal<null | "circle" | "round">(null);
-    readonly dropTitle = signal<string>("点击或拖拽上传");
-    readonly dropTip = signal<string>("");
-}

package/axis-components/upload/upload.ts

@@ -1,130 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, effect, inject, model, untracked } from '@angular/core';
-import { UploadOptions } from './upload.options';
-import { DynamicDirective, fn, ValueAccess } from 'ngx-axis-appforge/core';
-import { NzUploadChangeParam, NzUploadFile, NzUploadModule, NzUploadXHRArgs } from 'ng-zorro-antd/upload';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzFlexModule } from 'ng-zorro-antd/flex';
-import { Subscription } from 'rxjs';
-import { HttpClient } from '@angular/common/http';
-import { NzImageModule, NzImageService } from 'ng-zorro-antd/image';
-
-@Component({
-  selector: 'axis-upload',
-  imports: [NzUploadModule, NzButtonModule, NzIconModule, DynamicDirective, NzFlexModule, NzImageModule],
-  templateUrl: './upload.html',
-  styleUrl: './upload.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class Upload extends ValueAccess<UploadOptions> {
-
-  protected override options: UploadOptions = new UploadOptions();
-  private readonly http = inject(HttpClient);
-  private readonly imageService = inject(NzImageService);
-  readonly fileList = model<NzUploadFile[]>([]);
-  readonly limitLength = computed(() => this.options.multiple() ? this.options.limitLength() : 1);
-  readonly directory = computed(() => this.options.multiple() && this.options.directory());
-
-  override setInitValue(value: any): void {
-    super.setInitValue(value);
-    if (value !== undefined) {
-      this.updateFileList(value);
-    }
-  }
-
-  override writeValue(value: any): void {
-    super.writeValue(value);
-    this.updateFileList(value);
-  }
-
-  private updateFileList(value: any) {
-    if (value) {
-      if (!this.options.multiple()) {
-        value = [value];
-      }
-      this.fileList.set((value as any[]).map(r => this.options.fullValue() ? r : {
-        [this.options.urlField()]: r,
-        [this.options.filenameField()]: this.getFileNameByUrl(r),
-      }).map((resp, i) => ({
-        uid: i.toString(),
-        url: resp[this.options.urlField()],
-        name: resp[this.options.filenameField()],
-        status: 'done',
-        response: resp
-      })));
-    } else {
-      this.fileList.set([]);
-    }
-  }
-
-  private getFileNameByUrl(url: string | undefined): string {
-    if (!url) {
-      return "";
-    }
-    const i = url.lastIndexOf("/");
-    if (i > -1) {
-      return url.substring(i + 1);
-    }
-    return url;
-  }
-
-  private updateValue(fileList: NzUploadFile[]) {
-    let value: any = fileList.map(f => this.options.fullValue() ? f.response : f.response[this.options.urlField()]);
-    if (!this.options.multiple()) {
-      value = value[0] ?? null;
-    }
-    this.value.set(value);
-    this.onChange?.(this.value());
-  }
-
-  upload = (item: NzUploadXHRArgs): Subscription => {
-    const formData = new FormData();
-    formData.append(this.options.formName(), item.file as any);
-    return this.http.post(this.options.url(), formData).subscribe((res: any) => {
-      if (this.options.responseFn()) {
-        res = fn(this.options.responseFn(), { apiResponse: res })
-      }
-      const { success, errmsg } = res;
-      if (success) {
-        item.file.url = res[this.options.urlField()];
-        res[this.options.filenameField()] ??= this.getFileNameByUrl(item.file.url!);
-        item.file.filename = res[this.options.filenameField()];
-        item.onSuccess?.(res, item.file, null);
-      } else {
-        item.onError?.(errmsg || "上传失败", item.file);
-      }
-    });
-  }
-
-  fileChange(e: NzUploadChangeParam) {
-    switch (e.type) {
-      case "success":
-        this.refreshFileListUrl();
-        this.updateValue(e.fileList);
-        break;
-      case "removed":
-        this.updateValue(e.fileList);
-        break;
-    }
-  }
-
-  handlePreview = async (file: NzUploadFile) => {
-    const fileUrl = file.response[this.options.urlField()];
-    if (fileUrl) {
-      if (file['isImageUrl']) {
-        const imgList = this.fileList().map(e => ({ src: e.response[this.options.urlField()] }));
-        const index = imgList.findIndex(e => e.src == fileUrl);
-        this.imageService.preview(imgList).switchTo(index);
-      } else {
-        open(fileUrl);
-      }
-    }
-  }
-
-  refreshFileListUrl() {
-    this.fileList().forEach(f => {
-      f.url = f.response?.[this.options.urlField()];
-    });
-  }
-
-}

package/core/base/base-menu.ts

@@ -1,22 +0,0 @@
-import { Directive, inject, ViewChild } from '@angular/core';
-import { NzContextMenuService, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
-import { AXIS_DESIGN_OPTIONS_NODE_FOR_MENU } from '../share/tokens';
-import { OptionsNode } from '../models/options-node';
-
-@Directive()
-export abstract class BaseMenu {
-
-    private readonly contextMenuService: NzContextMenuService = inject(NzContextMenuService);
-    readonly optionsNodes: { current: OptionsNode, parent?: OptionsNode } = inject(AXIS_DESIGN_OPTIONS_NODE_FOR_MENU);
-
-    @ViewChild("menu", { static: true })
-    menu!: NzDropdownMenuComponent;
-
-    onChange: any;
-
-    contextMenu(e: MouseEvent): void {
-        e.preventDefault();
-        e.stopPropagation();
-        this.contextMenuService.create(e, this.menu);
-    }
-}