ngx-axis-appforge 0.0.2 → 0.0.3

package/axis-components/input-json/input-json.html

@@ -1,19 +0,0 @@
-<nz-input-group [nzSuffix]="suffixTemplate" [nzPrefix]="prefixTemplate">
-    <input nz-input readonly [style.cursor]="options.disabled()?null:'pointer'" [disabled]="options.disabled()"
-        type="text" [placeholder]="options.readonly()?'查看JSON':'编辑JSON'" (click)="open.set(true)" />
-</nz-input-group>
-<ng-template #prefixTemplate>
-    <i nz-icon [nzType]="options.readonly()?'eye':'edit'"></i>
-</ng-template>
-<ng-template #suffixTemplate>
-    <i style="color:rgba(150, 150, 150, 0.5);" nz-icon nzType="right" nzTheme="outline"></i>
-</ng-template>
-<nz-modal nzWidth="800px" [nzBodyStyle]="{padding:'0',height:'400px'}" [(nzVisible)]="open" (nzOnCancel)="onCancel()"
-    (nzOnOk)="onOk()" [nzOkDisabled]="!canOk()" [nzOkText]="options.readonly()?null:'确定'">
-    <ng-container *nzModalTitle>
-        <i nz-icon [nzType]="options.readonly()?'eye':'edit'"></i> {{options.readonly()?'查看JSON':'编辑JSON'}}
-    </ng-container>
-    <ng-container *nzModalContent>
-        <ng-container [axisDynamic]="editorOptions()" [standalone]="true" [(ngModel)]="editData"></ng-container>
-    </ng-container>
-</nz-modal>

package/axis-components/input-json/input-json.ts

@@ -1,67 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, model } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzModalModule } from 'ng-zorro-antd/modal';
-import { NzFormModule } from 'ng-zorro-antd/form';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzAlertModule } from 'ng-zorro-antd/alert';
-import { DynamicDirective, ValueAccess, ValueAccessOptions } from 'ngx-axis-appforge/core';
-
-@Component({
-  selector: 'axis-input-json',
-  imports: [ReactiveFormsModule, NzInputModule, NzIconModule, NzModalModule, NzFormModule, NzAlertModule, DynamicDirective, FormsModule],
-  templateUrl: './input-json.html',
-  styleUrl: './input-json.css',
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class InputJson extends ValueAccess<ValueAccessOptions> {
-
-  protected override options: ValueAccessOptions = new ValueAccessOptions();
-
-  readonly editorOptions = computed(() => ({
-    component: "axis-components/editor",
-    inuse: true,
-    mode: "json",
-    readonly: this.options.readonly(),
-    disabled: this.options.disabled(),
-  }));
-
-  readonly open = model(false);
-
-  readonly canOk = computed(() => {
-    try {
-      if (this.editData() != "") {
-        JSON.parse(this.editData());
-      }
-      return true;
-    } catch (_) {
-      return false;
-    }
-  });
-
-  readonly editData = model("")
-
-  override writeValue(value: any): void {
-    super.writeValue(value);
-    this.setEditData();
-  }
-
-  setEditData() {
-    if (this.value() !== undefined) {
-      this.editData.set(JSON.stringify(this.value(), null, '\t'));
-    } else {
-      this.editData.set("");
-    }
-  }
-
-  onCancel() {
-    this.setEditData();
-    this.open.set(false);
-  }
-
-  onOk() {
-    this.open.set(false);
-    this.onChange?.(this.editData() == "" ? null : JSON.parse(this.editData()));
-  }
-
-}

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

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

package/axis-components/input-number/design/config.ts

@@ -1,30 +0,0 @@
-import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from "ngx-axis-appforge/core";
-import { Setting } from "./setting/setting";
-
-export const Config: DesignConfig = {
-
-    componentName: "数值输入框",
-    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {
-        return {
-            treeNode: new OptionsNode({
-                parentId: nextInfo.parentId,
-                scopeId: nextInfo.scopeId,
-                name: "数值输入框",
-                canSetting: true,
-                canDrag: true,
-                dragType: "component",
-                parentObj: nextInfo.parentObject,
-                indexOfParentObj: nextInfo.indexOfParent,
-                rootOptions: nextInfo.currentObject,
-                settingType: Setting,
-                contextMenu: SimpleMenu,
-                icon: "field-number",
-            }),
-        };
-    },
-    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {
-        return {
-            [options.id]: { element }
-        }
-    },
-};

package/axis-components/input-number/design/ng-package.json

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

package/axis-components/input-number/design/setting/setting.html

@@ -1,118 +0,0 @@
-<form [formGroup]="fg" nz-form>
-    <nz-collapse [nzBordered]="false">
-        <nz-collapse-panel nzHeader="输入设置" nzActive>
-            <nz-form-item>
-                <nz-form-label nzSpan="8">
-                    最大值
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="max">
-                        <nz-input-number style="width: 100%;" ngModel [ngModelOptions]="{standalone:true}">
-                        </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="min">
-                        <nz-input-number style="width: 100%;" ngModel [ngModelOptions]="{standalone:true}">
-                        </nz-input-number>
-                    </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="step">
-                        <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="precision">
-                        <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-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="controls">
-                        <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">
-                    占位符
-                </nz-form-label>
-                <nz-form-control nzSpan="16">
-                    <axis-fun-field formControlName="placeholder">
-                        <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="variant">
-                        <nz-select ngModel [ngModelOptions]="{standalone:true}">
-                            <nz-option nzValue="outlined" nzLabel="外边框"></nz-option>
-                            <nz-option nzValue="borderless" nzLabel="无边框"></nz-option>
-                            <nz-option nzValue="filled" nzLabel="填充"></nz-option>
-                            <nz-option nzValue="underlined" nzLabel="下边线"></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="size">
-                        <nz-radio-group ngModel [ngModelOptions]="{standalone:true}" nzSize="small">
-                            <label nz-radio-button nzValue="small">小</label>
-                            <label nz-radio-button nzValue="default">中</label>
-                            <label nz-radio-button nzValue="large">大</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="align">
-                        <nz-radio-group ngModel [ngModelOptions]="{standalone:true}" nzSize="small">
-                            <label nz-radio-button nzValue="left">左</label>
-                            <label nz-radio-button nzValue="center">中</label>
-                            <label nz-radio-button nzValue="right">右</label>
-                        </nz-radio-group>
-                    </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>
-        <axis-input-trigger formControlName="triggeEvents" [internalTriggers]="['valueChange']"></axis-input-trigger>
-    </nz-collapse>
-</form>

package/axis-components/input-number/design/setting/setting.ts

@@ -1,66 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';
-import { NzCollapseModule } from 'ng-zorro-antd/collapse';
-import { NzFormModule } from 'ng-zorro-antd/form';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { NzSelectModule } from 'ng-zorro-antd/select';
-import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';
-
-@Component({
-  selector: 'axis-design-input-setting',
-  imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzInputNumberModule, NzInputModule, NzFormModule, FunField, NzSwitchModule, BaseDesignSetting, InputTrigger, NzRadioModule, ValueDesignSetting, NzSelectModule],
-  templateUrl: './setting.html',
-  styleUrl: './setting.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class Setting extends FunFieldValueBase {
-
-  override fg: UntypedFormGroup = this.fb.group({
-    ...baseFbConfig,
-    ...valueFbConfig,
-    max: [],
-    min: [],
-    step: [undefined, FormValidators.requiredFun],
-    precision: [],
-    controls: [undefined, FormValidators.requiredFun],
-    placeholder: [],
-    variant: [undefined, FormValidators.requiredFun],
-    size: [undefined, FormValidators.requiredFun],
-    align: [undefined, FormValidators.requiredFun],
-  });
-
-  protected override funFields: FunFieldOptions = {
-    ...baseFunField,
-    ...valueFunField,
-    max: {
-      defaultValue: undefined
-    },
-    min: {
-      defaultValue: undefined
-    },
-    step: {
-      defaultValue: 1
-    },
-    precision: {
-      defaultValue: undefined
-    },
-    controls: {
-      defaultValue: true
-    },
-    placeholder: {
-      defaultValue: ""
-    },
-    variant: {
-      defaultValue: "outlined"
-    },
-    size: {
-      defaultValue: "default"
-    },
-    align: {
-      defaultValue: "left"
-    },
-  };
-}

package/axis-components/input-number/input-number.css

@@ -1,22 +0,0 @@
-:host {
-    display: block;
-    width: 100%;
-}
-
-.align-left ::ng-deep input {
-    text-align: left;
-}
-
-.align-center ::ng-deep input {
-    text-align: center;
-}
-
-.align-right ::ng-deep input {
-    text-align: right;
-}
-
-.controls ::ng-deep input:focus,
-.controls:hover ::ng-deep input,
-.controls ::ng-deep .ant-input-number-focused input {
-    padding-right: 25px;
-}

package/axis-components/input-number/input-number.html

@@ -1,11 +0,0 @@
-@if (options.readonly()) {
-<span>
-    {{value() | number:digitsInfo()}}
-</span>
-}@else {
-<nz-input-number style="width: 100%;" [(ngModel)]="value" (ngModelChange)="onChange?.($event)" [nzMax]="max()"
-    [nzMin]="min()" [nzStep]="options.step()" [nzPrecision]="options.precision()" [nzControls]="options.controls()"
-    [nzPlaceHolder]="options.placeholder()" [nzVariant]="options.variant()" [nzSize]="options.size()"
-    [class]="`align-${options.align()}`" [nzDisabled]="options.disabled()"
-    [class.controls]="options.controls()"></nz-input-number>
-}

package/axis-components/input-number/input-number.options.ts

@@ -1,17 +0,0 @@
-import { signal } from "@angular/core";
-import { ValueAccessOptions } from "ngx-axis-appforge/core";
-
-export class InputNumberOptions extends ValueAccessOptions {
-
-    readonly max = signal<number | null>(null);
-    readonly min = signal<number | null>(null);
-    readonly step = signal(1);
-    readonly precision = signal<number | null>(null);
-
-    readonly controls = signal(true);
-    readonly placeholder = signal("");
-    readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>("outlined");
-    readonly size = signal<'large' | 'default' | 'small'>('default');
-    readonly align = signal<"left" | "center" | "right">('left');
-
-}

package/axis-components/input-number/input-number.ts

@@ -1,30 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed } from '@angular/core';
-import { InputNumberOptions } from './input-number.options';
-import { ValueAccess } from 'ngx-axis-appforge/core';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'axis-input-number',
-  imports: [NzInputNumberModule, FormsModule, CommonModule],
-  templateUrl: './input-number.html',
-  styleUrl: './input-number.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class InputNumber extends ValueAccess<InputNumberOptions> {
-
-  override options: InputNumberOptions = new InputNumberOptions();
-
-  readonly max = computed(() => this.options.max() == null ? Number.MAX_SAFE_INTEGER : this.options.max());
-  readonly min = computed(() => this.options.min() == null ? Number.MIN_SAFE_INTEGER : this.options.min());
-
-  readonly digitsInfo = computed(() => {
-    if (this.options.precision() == null) {
-      return "1.0"
-    } else {
-      return `1.0-${this.options.precision()}`;
-    }
-  })
-
-}

package/axis-components/input-number/ng-package.json

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

package/axis-components/modal/design/config.ts

@@ -1,50 +0,0 @@
-import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, nameCode, SimpleMenu } from "ngx-axis-appforge/core";
-import { Setting } from "./setting/setting";
-import { SetModalVisibleHandler } from "./set-modal-visible-handler/set-modal-visible-handler";
-
-export const Config: DesignConfig = {
-
-    componentName: "对话框",
-    eventHandlerDescs: {
-        setModalVisible: {
-            name: "setModalVisible",
-            title: "打开/关闭对话框",
-            dataComponent: SetModalVisibleHandler,
-            icon: "check-square",
-            target: "component",
-            targetComponent: "axis-components/modal",
-        },
-    },
-    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {
-        return {
-            treeNode: new OptionsNode({
-                parentId: nextInfo.parentId,
-                scopeId: nextInfo.scopeId,
-                name: nameCode("对话框", nextInfo.currentObject.title),
-                canSetting: true,
-                canDrag: true,
-                dragType: "component",
-                canDrop: true,
-                dropObj: nextInfo.currentObject,
-                dropType: "component",
-                defaultDropIndex: "child",
-                parentObj: nextInfo.parentObject,
-                indexOfParentObj: nextInfo.indexOfParent,
-                rootOptions: nextInfo.currentObject,
-                settingType: Setting,
-                contextMenu: SimpleMenu,
-                icon: "check-square",
-                children: [],
-            }),
-            next: [{
-                parentId: nextInfo.currentObject.id,
-                parentObject: nextInfo.currentObject,
-                indexOfParent: "child",
-                scopeId: nextInfo.scopeId,
-            }]
-        };
-    },
-    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {
-        return {}
-    },
-};

package/axis-components/modal/design/ng-package.json

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

package/axis-components/modal/design/set-modal-visible-handler/set-modal-visible-handler.html

@@ -1,15 +0,0 @@
-<form nz-form [formGroup]="fg">
-    <nz-form-item>
-        <nz-form-label [nzSpan]="6" nzRequired>
-            打开/关闭
-        </nz-form-label>
-        <nz-form-control nzSpan="18">
-            <axis-fun-field formControlName="visible" [noListen]="noListen()">
-                <nz-radio-group ngModel [ngModelOptions]="{standalone:true}">
-                    <label nz-radio-button [nzValue]="true">打开</label>
-                    <label nz-radio-button [nzValue]="false">关闭</label>
-                </nz-radio-group>
-            </axis-fun-field>
-        </nz-form-control>
-    </nz-form-item>
-</form>

package/axis-components/modal/design/set-modal-visible-handler/set-modal-visible-handler.ts

@@ -1,34 +0,0 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
-import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';
-import { NzFormModule } from 'ng-zorro-antd/form';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger } from 'ngx-axis-appforge/core';
-
-@Component({
-  selector: 'axis-modal-design-set-modal-visible-handler',
-  imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzRadioModule],
-  templateUrl: './set-modal-visible-handler.html',
-  styleUrl: './set-modal-visible-handler.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => SetModalVisibleHandler),
-      multi: true
-    }
-  ]
-})
-export class SetModalVisibleHandler extends FunFieldValueBase {
-  readonly noListen = inject(InputTrigger).noListen;
-  protected override sendInitValue: boolean = true;
-  override fg: UntypedFormGroup = this.fb.group({
-    visible: [undefined, FormValidators.requiredFun],
-  });
-
-  protected override funFields: FunFieldOptions = {
-    visible: {
-      defaultValue: true,
-    },
-  };
-
-}