ngx-axis-appforge 0.0.2 → 0.0.3

package/fesm2022/ngx-axis-appforge-axis-components-editor.mjs

@@ -0,0 +1,99 @@
+import * as i0 from '@angular/core';
+import { signal, computed, inject, DOCUMENT, Renderer2, HostListener, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ValueAccessOptions, ValueAccess } from 'ngx-axis-appforge/core';
+import * as i1 from 'ng-zorro-antd/code-editor';
+import { NzCodeEditorModule, NzCodeEditorComponent } from 'ng-zorro-antd/code-editor';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { of } from 'rxjs';
+import * as i3 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i4 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule, NzTooltipDirective } from 'ng-zorro-antd/tooltip';
+import * as i5 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i6 from 'ng-zorro-antd/core/transition-patch';
+
+class EditorOptions extends ValueAccessOptions {
+    mode = signal("plain_text", ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    otherOptions = signal({}, ...(ngDevMode ? [{ debugName: "otherOptions" }] : []));
+    typescriptExtLibs = signal([], ...(ngDevMode ? [{ debugName: "typescriptExtLibs" }] : []));
+}
+
+class Editor extends ValueAccess {
+    options = new EditorOptions();
+    writeValue(value) {
+        super.writeValue(value ?? "");
+    }
+    config = computed(() => ({
+        language: this.options.mode(),
+        readOnly: this.options.readonly() || this.options.disabled(),
+        domReadOnly: this.options.readonly() || this.options.disabled(),
+        fixedOverflowWidgets: true,
+        ...this.options.otherOptions(),
+    }), ...(ngDevMode ? [{ debugName: "config" }] : []));
+    fullScreen = signal(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
+    document = inject(DOCUMENT);
+    renderer = inject(Renderer2);
+    tooltip;
+    editor;
+    mouseenter() {
+        if (this.config().language == "javascript") {
+            const lsd = monaco.languages.typescript.javascriptDefaults;
+            lsd.setExtraLibs(this.options.typescriptExtLibs());
+        }
+    }
+    keydown(e) {
+        if (e.key == "Escape" && this.fullScreen()) {
+            this.toggleFullScreen();
+            e.stopPropagation();
+            e.preventDefault();
+        }
+    }
+    onEvents(e) {
+        const obs = super.onEvents?.(e);
+        if (obs) {
+            return obs;
+        }
+        switch (e.name) {
+            case "layout":
+                this.editor?.layout();
+                return of(true);
+        }
+        return undefined;
+    }
+    toggleFullScreen() {
+        this.fullScreen.set(!this.fullScreen());
+        this.renderer.setStyle(this.document.body, 'overflow-y', this.fullScreen() ? 'hidden' : null);
+        this.tooltip?.hide();
+        setTimeout(() => {
+            this.editor?.layout();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Editor, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: Editor, isStandalone: true, selector: "axis-editor", host: { listeners: { "mouseenter": "mouseenter()", "keydown": "keydown($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NzTooltipDirective, descendants: true }, { propertyName: "editor", first: true, predicate: NzCodeEditorComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container\" [class.full-screen]=\"fullScreen()\">\n    <div class=\"toolBar\">\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"toggleFullScreen()\">\n            <nz-icon [class.active]=\"fullScreen()\" nz-tooltip nzTooltipTitle=\"\u5207\u6362\u5168\u5C4F\"\n                [nzType]=\"fullScreen() ? 'fullscreen-exit' : 'fullscreen'\" />\n        </a>\n    </div>\n    <nz-code-editor [(ngModel)]=\"value\" (ngModelChange)=\"onChange?.($event)\"\n        [nzEditorOption]=\"config()\"></nz-code-editor>\n</div>", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;position:relative}nz-code-editor{height:100%;width:100%;flex:1}.full-screen{position:fixed;z-index:999;height:100vh;inset:0}.toolBar{display:flex;justify-content:end;padding:4px 20px;position:absolute;top:20px;right:50px;border-radius:8px;z-index:1000}.toolBar:hover{background-color:#fff;box-shadow:2px 2px 5px #00000026;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: NzCodeEditorModule }, { kind: "component", type: i1.NzCodeEditorComponent, selector: "nz-code-editor", inputs: ["nzEditorMode", "nzOriginalText", "nzLoading", "nzFullControl", "nzToolkit", "nzEditorOption"], outputs: ["nzEditorInitialized"], exportAs: ["nzCodeEditor"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i4.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i5.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6.ɵ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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Editor, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-editor', imports: [NzCodeEditorModule, NzFormModule, FormsModule, NzIconModule, NzToolTipModule, NzButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [class.full-screen]=\"fullScreen()\">\n    <div class=\"toolBar\">\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"toggleFullScreen()\">\n            <nz-icon [class.active]=\"fullScreen()\" nz-tooltip nzTooltipTitle=\"\u5207\u6362\u5168\u5C4F\"\n                [nzType]=\"fullScreen() ? 'fullscreen-exit' : 'fullscreen'\" />\n        </a>\n    </div>\n    <nz-code-editor [(ngModel)]=\"value\" (ngModelChange)=\"onChange?.($event)\"\n        [nzEditorOption]=\"config()\"></nz-code-editor>\n</div>", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;position:relative}nz-code-editor{height:100%;width:100%;flex:1}.full-screen{position:fixed;z-index:999;height:100vh;inset:0}.toolBar{display:flex;justify-content:end;padding:4px 20px;position:absolute;top:20px;right:50px;border-radius:8px;z-index:1000}.toolBar:hover{background-color:#fff;box-shadow:2px 2px 5px #00000026;transition:all .2s ease-in-out}\n"] }]
+        }], propDecorators: { tooltip: [{
+                type: ViewChild,
+                args: [NzTooltipDirective, { static: false }]
+            }], editor: [{
+                type: ViewChild,
+                args: [NzCodeEditorComponent, { static: true }]
+            }], mouseenter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], keydown: [{
+                type: HostListener,
+                args: ["keydown", ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Editor };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-editor.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-editor.mjs","sources":["../../../axis-components/editor/editor.options.ts","../../../axis-components/editor/editor.ts","../../../axis-components/editor/editor.html","../../../axis-components/editor/ngx-axis-appforge-axis-components-editor.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class EditorOptions extends ValueAccessOptions {\n\n    readonly mode = signal<\"json\" | \"javascript\" | \"plain_text\" | \"sql\" | \"html\">(\"plain_text\");\n    readonly otherOptions = signal<any>({});\n    readonly typescriptExtLibs = signal<{ content: string; filePath?: string; }[]>([]);\n\n}","import { ChangeDetectionStrategy, Component, computed, DOCUMENT, HostListener, inject, Renderer2, signal, ViewChild } from '@angular/core';\nimport { EditorOptions } from './editor.options';\nimport { NzCodeEditorComponent, NzCodeEditorModule } from 'ng-zorro-antd/code-editor';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { FormsModule } from '@angular/forms';\nimport { ValueAccess, EventHandlerOptions } from 'ngx-axis-appforge/core';\nimport type { languages } from 'monaco-editor';\nimport { NzSafeAny } from 'ng-zorro-antd/core/types';\nimport { Observable, of } from 'rxjs';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzTooltipDirective, NzToolTipModule } from 'ng-zorro-antd/tooltip';\nimport { NzButtonModule } from 'ng-zorro-antd/button';\ndeclare const monaco: NzSafeAny;\n\n@Component({\n  selector: 'axis-editor',\n  imports: [NzCodeEditorModule, NzFormModule, FormsModule, NzIconModule, NzToolTipModule, NzButtonModule],\n  templateUrl: './editor.html',\n  styleUrl: './editor.css',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class Editor extends ValueAccess<EditorOptions> {\n\n  protected override options: EditorOptions = new EditorOptions();\n\n  override writeValue(value: any): void {\n    super.writeValue(value ?? \"\");\n  }\n\n  config = computed(() => ({\n    language: this.options.mode(),\n    readOnly: this.options.readonly() || this.options.disabled(),\n    domReadOnly: this.options.readonly() || this.options.disabled(),\n    fixedOverflowWidgets: true,\n    ...this.options.otherOptions(),\n  }));\n\n  readonly fullScreen = signal(false);\n  private document: Document = inject(DOCUMENT);\n  private renderer: Renderer2 = inject(Renderer2);\n  @ViewChild(NzTooltipDirective, { static: false })\n  tooltip?: NzTooltipDirective;\n\n\n  @ViewChild(NzCodeEditorComponent, { static: true })\n  editor!: NzCodeEditorComponent;\n\n  @HostListener(\"mouseenter\")\n  mouseenter() {\n    if (this.config().language == \"javascript\") {\n      const lsd: languages.typescript.LanguageServiceDefaults = monaco.languages.typescript.javascriptDefaults;\n      lsd.setExtraLibs(this.options.typescriptExtLibs());\n    }\n  }\n\n  @HostListener(\"keydown\", ['$event'])\n  keydown(e: KeyboardEvent) {\n    if (e.key == \"Escape\" && this.fullScreen()) {\n      this.toggleFullScreen();\n      e.stopPropagation();\n      e.preventDefault();\n    }\n  }\n\n  override onEvents(e: EventHandlerOptions<any>): Observable<boolean> | undefined {\n    const obs = super.onEvents?.(e);\n    if (obs) {\n      return obs;\n    }\n    switch (e.name) {\n      case \"layout\":\n        this.editor?.layout();\n        return of(true);\n    }\n    return undefined;\n  }\n\n  toggleFullScreen(): void {\n    this.fullScreen.set(!this.fullScreen());\n    this.renderer.setStyle(this.document.body, 'overflow-y', this.fullScreen() ? 'hidden' : null);\n    this.tooltip?.hide();\n    setTimeout(() => {\n      this.editor?.layout();\n    });\n  }\n}\n","<div class=\"container\" [class.full-screen]=\"fullScreen()\">\n    <div class=\"toolBar\">\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"toggleFullScreen()\">\n            <nz-icon [class.active]=\"fullScreen()\" nz-tooltip nzTooltipTitle=\"切换全屏\"\n                [nzType]=\"fullScreen() ? 'fullscreen-exit' : 'fullscreen'\" />\n        </a>\n    </div>\n    <nz-code-editor [(ngModel)]=\"value\" (ngModelChange)=\"onChange?.($event)\"\n        [nzEditorOption]=\"config()\"></nz-code-editor>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './editor';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-flex-design.mjs

@@ -0,0 +1,98 @@
+import { FunFieldValueBase, FormValidators, baseFbConfig, baseFunField, FunField, BaseDesignSetting, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i3 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i7 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i5 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i6 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i2 from 'ng-zorro-antd/grid';
+
+class Setting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        direction: ["horizontal", FormValidators.required],
+        justify: [undefined, FormValidators.requiredFun],
+        align: [undefined, FormValidators.requiredFun],
+        wrap: [undefined, FormValidators.requiredFun],
+        gap: [],
+    });
+    funFields = {
+        ...baseFunField,
+        justify: {
+            defaultValue: "start",
+        },
+        align: {
+            defaultValue: "start",
+        },
+        wrap: {
+            defaultValue: "nowrap",
+        },
+        gap: {
+            defaultValue: "",
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: Setting, isStandalone: true, selector: "axis-design-flex-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u6392\u5217\u65B9\u5411\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-radio-group formControlName=\"direction\">\n                        <label nz-radio-button nzValue=\"horizontal\">\u6C34\u5E73</label>\n                        <label nz-radio-button nzValue=\"vertical\">\u5782\u76F4</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u4E3B\u8F74\u5BF9\u9F50\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"justify\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"\u5934\u90E8\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"\u5C3E\u90E8\"></nz-option>\n                            <nz-option nzValue=\"space-between\" nzLabel=\"\u4E24\u7AEF\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"space-evenly\" nzLabel=\"\u5747\u7B49\u5206\"></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=\"8\" nzRequired>\n                    \u4EA4\u53C9\u8F74\u5BF9\u9F50\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"\u5934\u90E8\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"\u5C3E\u90E8\"></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=\"8\" nzRequired>\n                    \u6362\u884C\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"wrap\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"nowrap\" nzLabel=\"\u4E0D\u6362\u884C\"></nz-option>\n                            <nz-option nzValue=\"wrap\" nzLabel=\"\u6362\u884C\"></nz-option>\n                            <nz-option nzValue=\"wrap-reverse\" nzLabel=\"\u9006\u6362\u884C\"></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=\"8\">\n                    \u95F4\u9699\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"gap\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.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: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], exportAs: ["nzCollapse"] }, { 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: NzRadioModule }, { kind: "component", type: i5.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i5.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "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: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i7.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-flex-setting', imports: [FormsModule, ReactiveFormsModule, NzFormModule, NzCollapseModule, FunField, NzRadioModule, NzSelectModule, BaseDesignSetting, NzInputModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u6392\u5217\u65B9\u5411\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-radio-group formControlName=\"direction\">\n                        <label nz-radio-button nzValue=\"horizontal\">\u6C34\u5E73</label>\n                        <label nz-radio-button nzValue=\"vertical\">\u5782\u76F4</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u4E3B\u8F74\u5BF9\u9F50\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"justify\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"\u5934\u90E8\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"\u5C3E\u90E8\"></nz-option>\n                            <nz-option nzValue=\"space-between\" nzLabel=\"\u4E24\u7AEF\u5BF9\u9F50\"></nz-option>\n                            <nz-option nzValue=\"space-evenly\" nzLabel=\"\u5747\u7B49\u5206\"></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=\"8\" nzRequired>\n                    \u4EA4\u53C9\u8F74\u5BF9\u9F50\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"\u5934\u90E8\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"\u5C45\u4E2D\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"\u5C3E\u90E8\"></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=\"8\" nzRequired>\n                    \u6362\u884C\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"wrap\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"nowrap\" nzLabel=\"\u4E0D\u6362\u884C\"></nz-option>\n                            <nz-option nzValue=\"wrap\" nzLabel=\"\u6362\u884C\"></nz-option>\n                            <nz-option nzValue=\"wrap-reverse\" nzLabel=\"\u9006\u6362\u884C\"></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=\"8\">\n                    \u95F4\u9699\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"gap\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+const Config = {
+    componentName: "响应布局",
+    buildOptionsNodes(nextInfo) {
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "响应布局",
+                children: [],
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                canDrop: true,
+                childDirection: nextInfo.currentObject.direction,
+                dropType: "component",
+                dropObj: nextInfo.currentObject.children,
+                defaultDropIndex: nextInfo.currentObject.children.length,
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                settingType: Setting,
+                contextMenu: SimpleMenu,
+                icon: "pic-center"
+            }),
+            next: [
+                {
+                    parentObject: nextInfo.currentObject.children,
+                    parentId: nextInfo.currentObject.id,
+                    scopeId: nextInfo.scopeId,
+                }
+            ]
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        return {
+            [options.id]: {
+                element: element,
+                dropElement: element.firstElementChild
+            }
+        };
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-flex-design.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-flex-design.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-flex-design.mjs","sources":["../../../axis-components/flex/design/setting/setting.ts","../../../axis-components/flex/design/setting/setting.html","../../../axis-components/flex/design/config.ts","../../../axis-components/flex/design/ngx-axis-appforge-axis-components-flex-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-flex-setting',\n  imports: [FormsModule, ReactiveFormsModule, NzFormModule, NzCollapseModule, FunField, NzRadioModule, NzSelectModule, BaseDesignSetting, NzInputModule],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    direction: [\"horizontal\", FormValidators.required],\n    justify: [undefined, FormValidators.requiredFun],\n    align: [undefined, FormValidators.requiredFun],\n    wrap: [undefined, FormValidators.requiredFun],\n    gap: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    justify: {\n      defaultValue: \"start\",\n    },\n    align: {\n      defaultValue: \"start\",\n    },\n    wrap: {\n      defaultValue: \"nowrap\",\n    },\n    gap: {\n      defaultValue: \"\",\n    },\n  };\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    排列方向\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-radio-group formControlName=\"direction\">\n                        <label nz-radio-button nzValue=\"horizontal\">水平</label>\n                        <label nz-radio-button nzValue=\"vertical\">垂直</label>\n                    </nz-radio-group>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    主轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"justify\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></nz-option>\n                            <nz-option nzValue=\"space-between\" nzLabel=\"两端对齐\"></nz-option>\n                            <nz-option nzValue=\"space-evenly\" nzLabel=\"均等分\"></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=\"8\" nzRequired>\n                    交叉轴对齐\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"align\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"start\" nzLabel=\"头部\"></nz-option>\n                            <nz-option nzValue=\"center\" nzLabel=\"居中\"></nz-option>\n                            <nz-option nzValue=\"end\" nzLabel=\"尾部\"></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=\"8\" nzRequired>\n                    换行方式\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"wrap\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"nowrap\" nzLabel=\"不换行\"></nz-option>\n                            <nz-option nzValue=\"wrap\" nzLabel=\"换行\"></nz-option>\n                            <nz-option nzValue=\"wrap-reverse\" nzLabel=\"逆换行\"></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=\"8\">\n                    间隙\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"gap\">\n                        <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n\n    componentName: \"响应布局\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"响应布局\",\n                children: [],\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                canDrop: true,\n                childDirection: nextInfo.currentObject.direction,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject.children,\n                defaultDropIndex: nextInfo.currentObject.children.length,\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"pic-center\"\n            }),\n            next: [\n                {\n                    parentObject: nextInfo.currentObject.children,\n                    parentId: nextInfo.currentObject.id,\n                    scopeId: nextInfo.scopeId,\n                }\n            ]\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: {\n                element: element,\n                dropElement: element.firstElementChild as HTMLElement\n            }\n        }\n    },\n};\n\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-flex.mjs

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { signal, Component } from '@angular/core';
+import { BaseOptions, Base, DynamicDirective } from 'ngx-axis-appforge/core';
+import * as i1 from 'ng-zorro-antd/flex';
+import { NzFlexModule } from 'ng-zorro-antd/flex';
+
+class FlexOptions extends BaseOptions {
+    direction = signal("horizontal", ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    justify = signal("start", ...(ngDevMode ? [{ debugName: "justify" }] : []));
+    align = signal("normal", ...(ngDevMode ? [{ debugName: "align" }] : []));
+    gap = signal("0", ...(ngDevMode ? [{ debugName: "gap" }] : []));
+    wrap = signal("nowrap", ...(ngDevMode ? [{ debugName: "wrap" }] : []));
+    children = signal([], ...(ngDevMode ? [{ debugName: "children" }] : []));
+}
+
+class Flex extends Base {
+    options = new FlexOptions();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Flex, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: Flex, isStandalone: true, selector: "axis-flex", usesInheritance: true, ngImport: i0, template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Flex, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-flex', imports: [DynamicDirective, NzFlexModule], template: "<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>", styles: [":host{display:block;width:100%;position:relative}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Flex };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-flex.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-flex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-flex.mjs","sources":["../../../axis-components/flex/flex.options.ts","../../../axis-components/flex/flex.ts","../../../axis-components/flex/flex.html","../../../axis-components/flex/ngx-axis-appforge-axis-components-flex.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { NzAlign, NzJustify, NzWrap } from \"ng-zorro-antd/flex\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class FlexOptions extends BaseOptions {\n    readonly direction = signal<\"horizontal\" | \"vertical\">(\"horizontal\");\n    readonly justify = signal<NzJustify>(\"start\");\n    readonly align = signal<NzAlign>(\"normal\");\n    readonly gap = signal<string>(\"0\");\n    readonly wrap = signal<NzWrap>(\"nowrap\");\n    readonly children = signal<any[]>([]);\n}","import { Component } from '@angular/core';\nimport { FlexOptions } from './flex.options';\nimport { DynamicDirective, Base } from 'ngx-axis-appforge/core';\nimport { NzFlexModule } from 'ng-zorro-antd/flex';\n\n@Component({\n  selector: 'axis-flex',\n  imports: [DynamicDirective, NzFlexModule],\n  templateUrl: './flex.html',\n  styleUrl: './flex.css'\n})\nexport class Flex extends Base<FlexOptions> {\n  \n  protected override options: FlexOptions = new FlexOptions();\n}\n","<div style=\"width: 100%;height:100%\" nz-flex [nzVertical]=\"options.direction()=='vertical'\" [nzJustify]=\"options.justify()\"\n    [nzAlign]=\"options.align()\" [nzGap]=\"options.gap()\" [nzWrap]=\"options.wrap()\">\n    @for (item of options.children(); track item.id;let i = $index) {\n    <ng-container [axisDynamic]=\"item\"></ng-container>\n    }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './flex';\n"],"names":[],"mappings":";;;;;;AAIM,MAAO,WAAY,SAAQ,WAAW,CAAA;AAC/B,IAAA,SAAS,GAAG,MAAM,CAA4B,YAAY,qDAAC;AAC3D,IAAA,OAAO,GAAG,MAAM,CAAY,OAAO,mDAAC;AACpC,IAAA,KAAK,GAAG,MAAM,CAAU,QAAQ,iDAAC;AACjC,IAAA,GAAG,GAAG,MAAM,CAAS,GAAG,+CAAC;AACzB,IAAA,IAAI,GAAG,MAAM,CAAS,QAAQ,gDAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAQ,EAAE,oDAAC;AACxC;;ACAK,MAAO,IAAK,SAAQ,IAAiB,CAAA;AAEtB,IAAA,OAAO,GAAgB,IAAI,WAAW,EAAE;uGAFhD,IAAI,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXjB,6WAKM,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEM,gBAAgB,uIAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI7B,IAAI,EAAA,UAAA,EAAA,CAAA;kBANhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,6WAAA,EAAA,MAAA,EAAA,CAAA,qDAAA,CAAA,EAAA;;;AEP3C;;AAEG;;;;"}

package/fesm2022/ngx-axis-appforge-axis-components-form-design.mjs

@@ -0,0 +1,108 @@
+import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, BaseDesignSetting, FunField, InputTrigger, ValueDesignSetting, OptionsNode, SimpleMenu, DataHandler } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i3 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i5 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i2 from 'ng-zorro-antd/grid';
+
+class Setting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        ...valueFbConfig,
+        submitConfirm: [undefined, FormValidators.requiredFun],
+    });
+    funFields = {
+        ...baseFunField,
+        ...valueFunField,
+        submitConfirm: {
+            defaultValue: true,
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: Setting, isStandalone: true, selector: "axis-design-form-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u63D0\u4EA4\u786E\u8BA4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"submitConfirm\">\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        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\"\n            [eventDesc]=\"[{name:'formStatusChange',title:'\u8868\u5355\u72B6\u6001\u6539\u53D8',ds:{status:{dirty:false,valid:true}}}]\"\n            [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.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: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], exportAs: ["nzCollapse"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { 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: i5.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: InputTrigger, selector: "axis-input-trigger", inputs: ["internalTriggers", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }, { kind: "component", type: ValueDesignSetting, selector: "axis-value-design-setting", inputs: ["scopeId", "exclude", "fg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-form-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, NzSwitchModule, InputTrigger, ValueDesignSetting], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u63D0\u4EA4\u786E\u8BA4\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"submitConfirm\">\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        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\"\n            [eventDesc]=\"[{name:'formStatusChange',title:'\u8868\u5355\u72B6\u6001\u6539\u53D8',ds:{status:{dirty:false,valid:true}}}]\"\n            [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+const Config = {
+    componentName: "表单",
+    eventHandlerDescs: {
+        validForm: {
+            name: "validForm",
+            title: "验证表单",
+            icon: "safety",
+            target: "component",
+            targetComponent: "axis-components/form",
+            events: [
+                {
+                    name: "formValid",
+                    title: "表单验证成功",
+                    ds: {
+                        formValue: {
+                            field: "示例数据"
+                        }
+                    }
+                }
+            ],
+        },
+        resetForm: {
+            name: "resetForm",
+            title: "重置表单",
+            dataComponent: DataHandler,
+            icon: "undo",
+            target: "component",
+            targetComponent: "axis-components/form",
+        },
+    },
+    buildOptionsNodes(nextInfo) {
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "表单",
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                canDrop: true,
+                dropType: "component",
+                dropObj: nextInfo.currentObject,
+                defaultDropIndex: "child",
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                children: [],
+                settingType: Setting,
+                contextMenu: SimpleMenu,
+                icon: "form"
+            }),
+            next: [
+                {
+                    parentObject: nextInfo.currentObject,
+                    indexOfParent: "child",
+                    parentId: nextInfo.currentObject.id,
+                    scopeId: nextInfo.scopeId
+                }
+            ],
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        return {
+            [options.id]: { element, dropElement: element }
+        };
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-form-design.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-form-design.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-form-design.mjs","sources":["../../../axis-components/form/design/setting/setting.ts","../../../axis-components/form/design/setting/setting.html","../../../axis-components/form/design/config.ts","../../../axis-components/form/design/ngx-axis-appforge-axis-components-form-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FunFieldValueBase, FunFieldOptions, FormValidators, FunField, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\n\n@Component({\n  selector: 'axis-design-form-setting',\n  imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, NzSwitchModule, InputTrigger, ValueDesignSetting],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    ...valueFbConfig,\n    submitConfirm: [undefined, FormValidators.requiredFun],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    submitConfirm: {\n      defaultValue: true,\n    },\n  };\n\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    提交确认\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"submitConfirm\">\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        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\"\n            [eventDesc]=\"[{name:'formStatusChange',title:'表单状态改变',ds:{status:{dirty:false,valid:true}}}]\"\n            [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, DataHandler, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n\n    componentName: \"表单\",\n    eventHandlerDescs: {\n        validForm: {\n            name: \"validForm\",\n            title: \"验证表单\",\n            icon: \"safety\",\n            target: \"component\",\n            targetComponent: \"axis-components/form\",\n            events: [\n                {\n                    name: \"formValid\",\n                    title: \"表单验证成功\",\n                    ds: {\n                        formValue: {\n                            field: \"示例数据\"\n                        }\n                    }\n                }\n            ],\n        },\n        resetForm: {\n            name: \"resetForm\",\n            title: \"重置表单\",\n            dataComponent: DataHandler,\n            icon: \"undo\",\n            target: \"component\",\n            targetComponent: \"axis-components/form\",\n        },\n    },\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"表单\",\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                canDrop: true,\n                dropType: \"component\",\n                dropObj: nextInfo.currentObject,\n                defaultDropIndex: \"child\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                children: [],\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"form\"\n            }),\n            next: [\n                {\n                    parentObject: nextInfo.currentObject,\n                    indexOfParent: \"child\",\n                    parentId: nextInfo.currentObject.id,\n                    scopeId: nextInfo.scopeId\n                }\n            ],\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element, dropElement: element }\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}