ngx-axis-appforge 0.0.20 → 0.0.21

package/axis-components/color-picker/design/index.d.ts

@@ -0,0 +1,5 @@
+import { DesignConfig } from 'ngx-axis-appforge/core';
+
+declare const Config: DesignConfig;
+
+export { Config };

package/axis-components/color-picker/index.d.ts

@@ -0,0 +1,20 @@
+import { ValueAccessOptions, ValueAccess } from 'ngx-axis-appforge/core';
+import * as _angular_core from '@angular/core';
+
+declare class ColorPickerOptions extends ValueAccessOptions {
+    readonly format: _angular_core.WritableSignal<"rgb" | "hex" | "hsb">;
+    readonly size: _angular_core.WritableSignal<"large" | "small" | "default">;
+    readonly allowClear: _angular_core.WritableSignal<boolean>;
+    readonly trigger: _angular_core.WritableSignal<"hover" | "click">;
+    readonly showText: _angular_core.WritableSignal<boolean>;
+    readonly disabledAlpha: _angular_core.WritableSignal<boolean>;
+    readonly title: _angular_core.WritableSignal<string>;
+}
+
+declare class ColorPickerSelector extends ValueAccess<ColorPickerOptions> {
+    options: ColorPickerOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPickerSelector, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPickerSelector, "axis-color-picker", never, {}, {}, never, never, true, never>;
+}
+
+export { ColorPickerSelector };

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

@@ -13,6 +13,7 @@ declare class InputJson extends ValueAccess<ValueAccessOptions> {
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly canOk: _angular_core.Signal<boolean>;
     readonly editData: _angular_core.ModelSignal<string>;
+    setInitValue(value: any): void;
     writeValue(value: any): void;
     setEditData(): void;
     onCancel(): void;

package/axis-components/select/design/index.d.ts

@@ -0,0 +1,5 @@
+import { DesignConfig } from 'ngx-axis-appforge/core';
+
+declare const Config: DesignConfig;
+
+export { Config };

package/axis-components/select/index.d.ts

@@ -0,0 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { ValueAccessOptions, ValueAccess } from 'ngx-axis-appforge/core';
+
+declare class SelectOptions extends ValueAccessOptions {
+    readonly labelField: _angular_core.WritableSignal<string>;
+    readonly valueField: _angular_core.WritableSignal<string>;
+    readonly disabledField: _angular_core.WritableSignal<string>;
+    readonly fullValue: _angular_core.WritableSignal<boolean>;
+    readonly data: _angular_core.WritableSignal<any>;
+    readonly mode: _angular_core.WritableSignal<"multiple" | "tags" | "default">;
+    readonly allowClear: _angular_core.WritableSignal<boolean>;
+    readonly defaultFirst: _angular_core.WritableSignal<boolean>;
+    readonly maxMultipleCount: _angular_core.WritableSignal<number>;
+    readonly placeholder: _angular_core.WritableSignal<string>;
+    readonly backdrop: _angular_core.WritableSignal<boolean>;
+    readonly variant: _angular_core.WritableSignal<"outlined" | "borderless" | "filled" | "underlined">;
+    readonly dropdownMatchSelectWidth: _angular_core.WritableSignal<boolean>;
+    readonly size: _angular_core.WritableSignal<"default" | "large" | "small">;
+    readonly optionOverflowSize: _angular_core.WritableSignal<number>;
+    readonly selectOnTab: _angular_core.WritableSignal<boolean>;
+    readonly tokenSeparators: _angular_core.WritableSignal<string[]>;
+    readonly maxTagCount: _angular_core.WritableSignal<number>;
+    readonly showSearch: _angular_core.WritableSignal<boolean>;
+    readonly serverSearch: _angular_core.WritableSignal<boolean>;
+    readonly autoClearSearchValue: _angular_core.WritableSignal<boolean>;
+}
+
+declare class Select extends ValueAccess<SelectOptions> {
+    constructor();
+    options: SelectOptions;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly selectorValue: _angular_core.ModelSignal<any[] | undefined>;
+    readonly searchText: _angular_core.WritableSignal<string>;
+    writeValue(value: any): void;
+    setInitValue(value: any): void;
+    private valueToSelectorValue;
+    onSelectorChange(value: any): void;
+    private buildDisplay;
+    searchChange(input: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "axis-select", never, { "selectorValue": { "alias": "selectorValue"; "required": false; "isSignal": true; }; }, { "selectorValue": "selectorValueChange"; }, never, never, true, never>;
+}
+
+export { Select };

package/axis-components/table/index.d.ts

@@ -9,6 +9,8 @@ import { Subject, Subscription } from 'rxjs';
 declare class TableOptions extends DataOptions {
     readonly keyField: _angular_core.WritableSignal<string>;
     readonly showExpand: _angular_core.WritableSignal<boolean>;
+    readonly expandMode: _angular_core.WritableSignal<"custom" | "tree">;
+    readonly treeChildrenFun: _angular_core.WritableSignal<string>;
     readonly showTableTitleSet: _angular_core.WritableSignal<boolean>;
     readonly tableSetCacheKey: _angular_core.WritableSignal<string>;
     readonly size: _angular_core.WritableSignal<"middle" | "small" | "default">;
@@ -66,7 +68,7 @@ declare class TableFieldOptions {
     readonly filterAble: _angular_core.WritableSignal<boolean>;
     readonly filterMultiple: _angular_core.WritableSignal<boolean>;
     readonly width: _angular_core.WritableSignal<number | null>;
-    readonly align: _angular_core.WritableSignal<"left" | "right" | "center">;
+    readonly align: _angular_core.WritableSignal<"center" | "left" | "right">;
     readonly freezeMode: _angular_core.WritableSignal<"left" | "right" | "none">;
     readonly groupLevel: _angular_core.WritableSignal<number | null>;
     readonly totalAble: _angular_core.WritableSignal<boolean>;
@@ -95,8 +97,22 @@ declare class Select {
 }
 
 declare class Expand {
+    private options;
+    constructor(options: TableOptions);
     readonly expandedSet: Set<unknown>;
+    readonly nodeMap: _angular_core.Signal<Map<string, {
+        level: number;
+        node: any;
+        children?: any[];
+    }>>;
+    buildNodeMap(): Map<string, {
+        level: number;
+        node: any;
+        children?: any[];
+    }>;
     onExpandChange(key: any, checked: boolean): void;
+    buildNodeMapForRow(row: any, nodeMap: Map<string, any>, parentLevel?: number): void;
+    getListForExpanded(row: any): any[];
 }
 
 declare class TableSetter implements OnDestroy {

package/axis-components-covers/color-picker.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="157px" height="138px" viewBox="0 0 157 138" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <defs>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#1677FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0.0897381757%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#000000" stop-opacity="0" offset="0.0897381757%"></stop>
+            <stop stop-color="#000000" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-3" x="7.20930233" y="7.22123894" width="140.581395" height="96.2831858" rx="2.40310078"></rect>
+        <filter x="-0.4%" y="-0.5%" width="100.7%" height="101.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-5">
+            <stop stop-color="#FF0000" offset="0%"></stop>
+            <stop stop-color="#FFEC00" offset="15.8904589%"></stop>
+            <stop stop-color="#19FF00" offset="32.7501249%"></stop>
+            <stop stop-color="#00BFFF" offset="48.4671926%"></stop>
+            <stop stop-color="#0016FF" offset="66.1726094%"></stop>
+            <stop stop-color="#FF00F6" offset="84.4271399%"></stop>
+            <stop stop-color="#FF0000" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-6" x="0" y="1.20353982" width="140" height="4.81415929" rx="2.40310078"></rect>
+        <filter x="-0.4%" y="-10.4%" width="100.7%" height="120.8%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.199332817 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <rect id="path-8" x="63.6821705" y="0" width="7.20930233" height="7.22123894" rx="3.60465116"></rect>
+        <rect id="path-9" x="0" y="0" width="97.3255814" height="4.81415929" rx="2.40310078"></rect>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-11">
+            <stop stop-color="#1677FF" offset="0%"></stop>
+            <stop stop-color="#003CF0" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-12" x="0" y="1.20353982" width="140" height="4.81415929" rx="2.40310078"></rect>
+        <filter x="-0.4%" y="-10.4%" width="100.7%" height="120.8%" filterUnits="objectBoundingBox" id="filter-13">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <rect id="path-14" x="133.341085" y="0" width="7.20930233" height="7.22123894" rx="3.60465116"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="🎉-5.0-新版---白" transform="translate(-539.000000, -2648.000000)">
+            <g id="编组-7" transform="translate(540.000000, 2649.000000)">
+                <g id="编组-4备份">
+                    <g id="4.数据展示/2.Popover气泡卡片/亮色/⬅️右上备份-34" fill="#FFFFFF" fill-rule="nonzero" stroke="#000000" stroke-opacity="0.123409565" stroke-width="0.5">
+                        <path d="M148.838725,-1.60917407e-15 L6.16127451,-6.9723565e-15 C4.01886514,4.05113992e-15 3.24197573,0.223069298 2.45874288,0.641946808 C1.67551004,1.06082432 1.06082432,1.67551004 0.641946808,2.45874288 C0.223069298,3.24197573 0,4.01886514 0,6.16127451 L0,129.838725 C0,131.981135 0.223069298,132.758024 0.641946808,133.541257 C1.06082432,134.32449 1.67551004,134.939176 2.45874288,135.358053 C3.24197573,135.776931 4.01886514,136 6.16127451,136 L148.838725,136 C150.981135,136 151.758024,135.776931 152.541257,135.358053 C153.32449,134.939176 153.939176,134.32449 154.358053,133.541257 C154.776931,132.758024 155,131.981135 155,129.838725 L155,6.16127451 C155,4.01886514 154.776931,3.24197573 154.358053,2.45874288 C153.939176,1.67551004 153.32449,1.06082432 152.541257,0.641946808 C151.758024,0.223069298 150.981135,9.34976478e-16 148.838725,-1.60917407e-15 Z" id="形状结合"></path>
+                    </g>
+                    <g id="Rectangle备份-61">
+                        <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    </g>
+                </g>
+                <g id="编组-4" transform="translate(7.209302, 109.522124)">
+                    <g id="Group备份-36">
+                        <g id="Rectangle">
+                            <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                        </g>
+                        <g id="Rectangle">
+                            <rect stroke="#FFFFFF" stroke-width="1.20155039" stroke-linejoin="square" fill="#1677FF" fill-rule="evenodd" x="64.2829457" y="0.600775194" width="6.00775194" height="6.01968855" rx="3.00387597"></rect>
+                            <rect stroke-opacity="0.06" stroke="#000000" stroke-width="0.600775194" x="63.3817829" y="-0.300387597" width="7.81007752" height="7.82201413" rx="3.90503876"></rect>
+                        </g>
+                    </g>
+                    <g id="Group-Copy备份-36" transform="translate(0.000000, 12.035398)">
+                        <g id="编组" transform="translate(0.000000, 1.203540)">
+                            <mask id="mask-10" fill="white">
+                                <use xlink:href="#path-9"></use>
+                            </mask>
+                            <g id="蒙版"></g>
+                            <g mask="url(#mask-10)" fill="#000000" fill-opacity="0.056043078" id="形状结合">
+                                <path d="M0,0 L2.40310078,0 L2.40310078,2.40707965 L0,2.40707965 Z M4.80620155,0 L7.20930233,0 L7.20930233,2.40707965 L4.80620155,2.40707965 Z M2.40310078,2.40707965 L4.80620155,2.40707965 L4.80620155,4.81415929 L2.40310078,4.81415929 Z M7.20930233,2.40707965 L9.6124031,2.40707965 L9.6124031,4.81415929 L7.20930233,4.81415929 Z M12.0155039,2.40707965 L14.4186047,2.40707965 L14.4186047,4.81415929 L12.0155039,4.81415929 Z M16.8217054,2.40707965 L19.2248062,2.40707965 L19.2248062,4.81415929 L16.8217054,4.81415929 Z M21.627907,2.40707965 L24.0310078,2.40707965 L24.0310078,4.81415929 L21.627907,4.81415929 Z M26.4341085,2.40707965 L28.8372093,2.40707965 L28.8372093,4.81415929 L26.4341085,4.81415929 Z M31.2403101,2.40707965 L33.6434109,2.40707965 L33.6434109,4.81415929 L31.2403101,4.81415929 Z M36.0465116,2.40707965 L38.4496124,2.40707965 L38.4496124,4.81415929 L36.0465116,4.81415929 Z M40.8527132,2.40707965 L43.255814,2.40707965 L43.255814,4.81415929 L40.8527132,4.81415929 Z M45.6589147,2.40707965 L48.0620155,2.40707965 L48.0620155,4.81415929 L45.6589147,4.81415929 Z M50.4651163,2.40707965 L52.8682171,2.40707965 L52.8682171,4.81415929 L50.4651163,4.81415929 Z M9.6124031,0 L12.0155039,0 L12.0155039,2.40707965 L9.6124031,2.40707965 Z M14.4186047,0 L16.8217054,0 L16.8217054,2.40707965 L14.4186047,2.40707965 Z M19.2248062,0 L21.627907,0 L21.627907,2.40707965 L19.2248062,2.40707965 Z M24.0310078,0 L26.4341085,0 L26.4341085,2.40707965 L24.0310078,2.40707965 Z M28.8372093,0 L31.2403101,0 L31.2403101,2.40707965 L28.8372093,2.40707965 Z M33.6434109,0 L36.0465116,0 L36.0465116,2.40707965 L33.6434109,2.40707965 Z M38.4496124,0 L40.8527132,0 L40.8527132,2.40707965 L38.4496124,2.40707965 Z M43.255814,0 L45.6589147,0 L45.6589147,2.40707965 L43.255814,2.40707965 Z M48.0620155,0 L50.4651163,0 L50.4651163,2.40707965 L48.0620155,2.40707965 Z M52.8682171,0 L55.2713178,0 L55.2713178,2.40707965 L52.8682171,2.40707965 Z M57.6744186,0 L60.0775194,0 L60.0775194,2.40707965 L57.6744186,2.40707965 Z M62.4806202,0 L64.8837209,0 L64.8837209,2.40707965 L62.4806202,2.40707965 Z M67.2868217,0 L69.6899225,0 L69.6899225,2.40707965 L67.2868217,2.40707965 Z M72.0930233,0 L74.496124,0 L74.496124,2.40707965 L72.0930233,2.40707965 Z M76.8992248,0 L79.3023256,0 L79.3023256,2.40707965 L76.8992248,2.40707965 Z M84.1085271,0 L84.1085271,2.40707965 L81.7054264,2.40707965 L81.7054264,0 L84.1085271,0 Z M86.5116279,0 L88.9147287,0 L88.9147287,2.40707965 L86.5116279,2.40707965 Z M91.3178295,0 L93.7209302,0 L93.7209302,2.40707965 L91.3178295,2.40707965 Z M99.7286822,0 L102.131783,0 L102.131783,2.40707965 L99.7286822,2.40707965 Z M96.124031,0 L98.5271318,0 L98.5271318,2.40707965 L96.124031,2.40707965 Z M55.2713178,2.40707965 L57.6744186,2.40707965 L57.6744186,4.81415929 L55.2713178,4.81415929 Z M60.0775194,2.40707965 L62.4806202,2.40707965 L62.4806202,4.81415929 L60.0775194,4.81415929 Z M64.8837209,2.40707965 L67.2868217,2.40707965 L67.2868217,4.81415929 L64.8837209,4.81415929 Z M69.6899225,2.40707965 L72.0930233,2.40707965 L72.0930233,4.81415929 L69.6899225,4.81415929 Z M74.496124,2.40707965 L76.8992248,2.40707965 L76.8992248,4.81415929 L74.496124,4.81415929 Z M79.3023256,2.40707965 L81.7054264,2.40707965 L81.7054264,4.81415929 L79.3023256,4.81415929 Z M84.1085271,2.40707965 L86.5116279,2.40707965 L86.5116279,4.81415929 L84.1085271,4.81415929 Z M88.9147287,2.40707965 L91.3178295,2.40707965 L91.3178295,4.81415929 L88.9147287,4.81415929 Z M93.7209302,2.40707965 L96.124031,2.40707965 L96.124031,4.81415929 L93.7209302,4.81415929 Z M97.9263566,2.40707965 L100.329457,2.40707965 L100.329457,4.81415929 L97.9263566,4.81415929 Z"></path>
+                            </g>
+                        </g>
+                        <g id="Rectangle">
+                            <use fill="url(#linearGradient-11)" fill-rule="evenodd" xlink:href="#path-12"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
+                        </g>
+                        <g id="Rectangle">
+                            <rect stroke="#FFFFFF" stroke-width="1.20155039" stroke-linejoin="square" x="133.94186" y="0.600775194" width="6.00775194" height="6.01968855" rx="3.00387597"></rect>
+                            <rect stroke-opacity="0.06" stroke="#000000" stroke-width="0.600775194" x="133.040698" y="-0.300387597" width="7.81007752" height="7.82201413" rx="3.90503876"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/fesm2022/ngx-axis-appforge-axis-components-color-picker-design.mjs

@@ -0,0 +1,97 @@
+import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, BaseDesignSetting, ValueDesignSetting, FunField, InputTrigger, 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 i2 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i4 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i6 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i7 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i8 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i5 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i3 from 'ng-zorro-antd/grid';
+
+class Setting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        ...valueFbConfig,
+        format: [undefined, FormValidators.requiredFun],
+        size: [undefined, FormValidators.requiredFun],
+        allowClear: [undefined, FormValidators.requiredFun],
+        trigger: [undefined, FormValidators.requiredFun],
+        showText: [undefined, FormValidators.requiredFun],
+        disabledAlpha: [undefined, FormValidators.requiredFun],
+        title: [],
+    });
+    funFields = {
+        ...baseFunField,
+        ...valueFunField,
+        format: {
+            defaultValue: "hex"
+        },
+        size: {
+            defaultValue: "default"
+        },
+        allowClear: {
+            defaultValue: false
+        },
+        trigger: {
+            defaultValue: "click"
+        },
+        showText: {
+            defaultValue: false
+        },
+        disabledAlpha: {
+            defaultValue: false
+        },
+        title: {
+            defaultValue: ""
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: Setting, isStandalone: true, selector: "axis-design-single-selector-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                    \u683C\u5F0F\u5316\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"format\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"rgb\" nzLabel=\"rgb\"></nz-option>\n                            <nz-option nzValue=\"hex\" nzLabel=\"hex\"></nz-option>\n                            <nz-option nzValue=\"hsb\" nzLabel=\"hsb\"></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                    \u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"default\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"large\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5141\u8BB8\u6E05\u7A7A\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allowClear\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u89E6\u53D1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"trigger\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"click\">\u70B9\u51FB</label>\n                            <label nz-radio-button nzValue=\"hover\">\u89E6\u78B0</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u663E\u793A\u6587\u672C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showText\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\u900F\u660E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabledAlpha\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"title\">\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-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\" [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.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: NzCollapseModule }, { kind: "component", type: i2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], exportAs: ["nzCollapse"] }, { 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: i3.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: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: ValueDesignSetting, selector: "axis-value-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: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i7.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i7.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i8.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i8.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Setting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-single-selector-setting', imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, BaseDesignSetting, ValueDesignSetting, FunField, NzSwitchModule, InputTrigger, NzInputModule, NzRadioModule, NzSelectModule], 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                    \u683C\u5F0F\u5316\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"format\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"rgb\" nzLabel=\"rgb\"></nz-option>\n                            <nz-option nzValue=\"hex\" nzLabel=\"hex\"></nz-option>\n                            <nz-option nzValue=\"hsb\" nzLabel=\"hsb\"></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                    \u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"size\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"small\">\u5C0F</label>\n                            <label nz-radio-button nzValue=\"default\">\u4E2D</label>\n                            <label nz-radio-button nzValue=\"large\">\u5927</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u5141\u8BB8\u6E05\u7A7A\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allowClear\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u89E6\u53D1\u65B9\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"trigger\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"click\">\u70B9\u51FB</label>\n                            <label nz-radio-button nzValue=\"hover\">\u89E6\u78B0</label>\n                        </nz-radio-group>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u663E\u793A\u6587\u672C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"showText\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\u900F\u660E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabledAlpha\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u6807\u9898\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"title\">\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-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\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+const Config = {
+    componentName: "颜色选择器",
+    buildOptionsNodes(nextInfo) {
+        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: "bg-colors",
+            }),
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        return {
+            [options.id]: { element },
+        };
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-color-picker-design.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-color-picker-design.mjs","sources":["../../../axis-components/color-picker/design/setting/setting.ts","../../../axis-components/color-picker/design/setting/setting.html","../../../axis-components/color-picker/design/config.ts","../../../axis-components/color-picker/design/ngx-axis-appforge-axis-components-color-picker-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 { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-single-selector-setting',\n  imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, BaseDesignSetting, ValueDesignSetting, FunField, NzSwitchModule, InputTrigger, NzInputModule, NzRadioModule, NzSelectModule],\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    format: [undefined, FormValidators.requiredFun],\n    size: [undefined, FormValidators.requiredFun],\n    allowClear: [undefined, FormValidators.requiredFun],\n    trigger: [undefined, FormValidators.requiredFun],\n    showText: [undefined, FormValidators.requiredFun],\n    disabledAlpha: [undefined, FormValidators.requiredFun],\n    title: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    format: {\n      defaultValue: \"hex\"\n    },\n    size: {\n      defaultValue: \"default\"\n    },\n    allowClear: {\n      defaultValue: false\n    },\n    trigger: {\n      defaultValue: \"click\"\n    },\n    showText: {\n      defaultValue: false\n    },\n    disabledAlpha: {\n      defaultValue: false\n    },\n    title: {\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                    <axis-fun-field formControlName=\"format\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <nz-option nzValue=\"rgb\" nzLabel=\"rgb\"></nz-option>\n                            <nz-option nzValue=\"hex\" nzLabel=\"hex\"></nz-option>\n                            <nz-option nzValue=\"hsb\" nzLabel=\"hsb\"></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=\"size\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"small\">小</label>\n                            <label nz-radio-button nzValue=\"default\">中</label>\n                            <label nz-radio-button nzValue=\"large\">大</label>\n                        </nz-radio-group>\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=\"allowClear\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\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=\"trigger\">\n                        <nz-radio-group nzSize=\"small\" ngModel [ngModelOptions]=\"{standalone:true}\">\n                            <label nz-radio-button nzValue=\"click\">点击</label>\n                            <label nz-radio-button nzValue=\"hover\">触碰</label>\n                        </nz-radio-group>\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=\"showText\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\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=\"disabledAlpha\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\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=\"title\">\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-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\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\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                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"bg-colors\",\n            }),\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element },\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-color-picker.mjs

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ValueAccessOptions, ValueAccess } from 'ngx-axis-appforge/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1 from 'ng-zorro-antd/color-picker';
+import { NzColorPickerModule } from 'ng-zorro-antd/color-picker';
+
+class ColorPickerOptions extends ValueAccessOptions {
+    format = signal("hex", ...(ngDevMode ? [{ debugName: "format" }] : []));
+    size = signal("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    allowClear = signal(false, ...(ngDevMode ? [{ debugName: "allowClear" }] : []));
+    trigger = signal('click', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+    showText = signal(false, ...(ngDevMode ? [{ debugName: "showText" }] : []));
+    disabledAlpha = signal(false, ...(ngDevMode ? [{ debugName: "disabledAlpha" }] : []));
+    title = signal("", ...(ngDevMode ? [{ debugName: "title" }] : []));
+}
+
+class ColorPickerSelector extends ValueAccess {
+    options = new ColorPickerOptions();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ColorPickerSelector, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ColorPickerSelector, isStandalone: true, selector: "axis-color-picker", usesInheritance: true, ngImport: i0, template: "@if (options.readonly()) {\n<div style=\"display: flex;align-items: center;gap: 4px;\">\n    <nz-color-block [nzColor]=\"value()\" [nzSize]=\"options.size()\"></nz-color-block>\n    <div>{{value()}}</div>\n</div>\n}@else {\n<nz-color-picker [(ngModel)]=\"value\" nzDefaultValue=\"#00000000\" [nzFormat]=\"options.format()\" [nzSize]=\"options.size()\"\n    [nzAllowClear]=\"options.allowClear()\" [nzTrigger]=\"options.trigger()\" [nzShowText]=\"options.showText()\"\n    [nzDisabledAlpha]=\"options.disabledAlpha()\" [nzTitle]=\"options.title()\" [nzDisabled]=\"options.disabled()\"\n    (ngModelChange)=\"onChange?.($event)\"></nz-color-picker>\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: NzColorPickerModule }, { kind: "component", type: i1.NzColorPickerComponent, selector: "nz-color-picker", inputs: ["nzFormat", "nzValue", "nzSize", "nzDefaultValue", "nzTrigger", "nzTitle", "nzFlipFlop", "nzShowText", "nzOpen", "nzAllowClear", "nzDisabled", "nzDisabledAlpha"], outputs: ["nzOnChange", "nzOnFormatChange", "nzOnClear", "nzOnOpenChange"], exportAs: ["nzColorPicker"] }, { kind: "component", type: i1.NzColorBlockComponent, selector: "nz-color-block", inputs: ["nzColor", "nzSize"], outputs: ["nzOnClick"], exportAs: ["nzColorBlock"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ColorPickerSelector, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-color-picker', imports: [NzColorPickerModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.readonly()) {\n<div style=\"display: flex;align-items: center;gap: 4px;\">\n    <nz-color-block [nzColor]=\"value()\" [nzSize]=\"options.size()\"></nz-color-block>\n    <div>{{value()}}</div>\n</div>\n}@else {\n<nz-color-picker [(ngModel)]=\"value\" nzDefaultValue=\"#00000000\" [nzFormat]=\"options.format()\" [nzSize]=\"options.size()\"\n    [nzAllowClear]=\"options.allowClear()\" [nzTrigger]=\"options.trigger()\" [nzShowText]=\"options.showText()\"\n    [nzDisabledAlpha]=\"options.disabledAlpha()\" [nzTitle]=\"options.title()\" [nzDisabled]=\"options.disabled()\"\n    (ngModelChange)=\"onChange?.($event)\"></nz-color-picker>\n}", styles: [":host{display:block}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorPickerSelector };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-color-picker.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-color-picker.mjs","sources":["../../../axis-components/color-picker/color-picker.options.ts","../../../axis-components/color-picker/color-picker.ts","../../../axis-components/color-picker/color-picker.html","../../../axis-components/color-picker/ngx-axis-appforge-axis-components-color-picker.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class ColorPickerOptions extends ValueAccessOptions {\n    readonly format = signal<'rgb' | 'hex' | 'hsb'>(\"hex\");\n    readonly size = signal<'large' | 'small' | 'default'>(\"default\");\n    readonly allowClear = signal(false);\n    readonly trigger = signal<'hover' | 'click'>('click');\n    readonly showText = signal(false);\n    readonly disabledAlpha = signal(false);\n    readonly title = signal(\"\");\n}","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { ColorPickerOptions } from './color-picker.options';\nimport { FormsModule } from '@angular/forms';\nimport { NzColorPickerModule } from 'ng-zorro-antd/color-picker';\n\n@Component({\n  selector: 'axis-color-picker',\n  imports: [NzColorPickerModule, FormsModule],\n  templateUrl: './color-picker.html',\n  styleUrl: './color-picker.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPickerSelector extends ValueAccess<ColorPickerOptions> {\n\n  override options: ColorPickerOptions = new ColorPickerOptions();\n\n}\n","@if (options.readonly()) {\n<div style=\"display: flex;align-items: center;gap: 4px;\">\n    <nz-color-block [nzColor]=\"value()\" [nzSize]=\"options.size()\"></nz-color-block>\n    <div>{{value()}}</div>\n</div>\n}@else {\n<nz-color-picker [(ngModel)]=\"value\" nzDefaultValue=\"#00000000\" [nzFormat]=\"options.format()\" [nzSize]=\"options.size()\"\n    [nzAllowClear]=\"options.allowClear()\" [nzTrigger]=\"options.trigger()\" [nzShowText]=\"options.showText()\"\n    [nzDisabledAlpha]=\"options.disabledAlpha()\" [nzTitle]=\"options.title()\" [nzDisabled]=\"options.disabled()\"\n    (ngModelChange)=\"onChange?.($event)\"></nz-color-picker>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './color-picker';\n"],"names":[],"mappings":";;;;;;;;AAGM,MAAO,kBAAmB,SAAQ,kBAAkB,CAAA;AAC7C,IAAA,MAAM,GAAG,MAAM,CAAwB,KAAK,kDAAC;AAC7C,IAAA,IAAI,GAAG,MAAM,CAAgC,SAAS,gDAAC;AACvD,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAC1B,IAAA,OAAO,GAAG,MAAM,CAAoB,OAAO,mDAAC;AAC5C,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AACxB,IAAA,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC;AAC7B,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,iDAAC;AAC9B;;ACEK,MAAO,mBAAoB,SAAQ,WAA+B,CAAA;AAE7D,IAAA,OAAO,GAAuB,IAAI,kBAAkB,EAAE;uGAFpD,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbhC,2oBAUC,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFW,mBAAmB,8iBAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK/B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BACE,mBAAmB,EAAA,OAAA,EACpB,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,eAAA,EAG1B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2oBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AEXjD;;AAEG;;;;"}

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

@@ -82,11 +82,11 @@ class FormItem extends Base {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FormItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FormItem, isStandalone: true, selector: "axis-form-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<div>\n    <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"></ng-container>\n</div>\n}", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i2.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FormItem, isStandalone: true, selector: "axis-form-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<nz-form-item style=\"margin: 0;\">\n    <nz-form-control [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n            (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i2.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FormItem, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-form-item', imports: [NzFormModule, DynamicDirective, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<div>\n    <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"></ng-container>\n</div>\n}", styles: [":host{display:block;width:100%}\n"] }]
+            args: [{ selector: 'axis-form-item', imports: [NzFormModule, DynamicDirective, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<nz-form-item style=\"margin: 0;\">\n    <nz-form-control [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n            (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-form-item.mjs","sources":["../../../axis-components/form-item/form-item.options.ts","../../../axis-components/form-item/form-item.ts","../../../axis-components/form-item/form-item.html","../../../axis-components/form-item/ngx-axis-appforge-axis-components-form-item.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class FormItemOptions extends BaseOptions {\n\n    readonly name = \"\";\n    readonly label = signal(\"\");\n    readonly labelWidth = signal(\"120px\");\n    readonly validators = signal<any[]>([]);\n    readonly child = signal<any>(undefined);\n\n}","import { ChangeDetectionStrategy, Component, computed, effect, inject, model, OnInit, signal } from '@angular/core';\nimport { FormItemOptions } from './form-item.options';\nimport { AXIS_FORM_REGISTE_CONTROL_TOKEN, Base, buildValidators, DynamicDirective, FormValidators, RegisteValueAccessOptions } from 'ngx-axis-appforge/core';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { FormBuilder, FormsModule, ValidatorFn } from '@angular/forms';\nimport { debounceTime, merge, NEVER } from 'rxjs';\n\n@Component({\n  selector: 'axis-form-item',\n  imports: [NzFormModule, DynamicDirective, FormsModule],\n  templateUrl: './form-item.html',\n  styleUrl: './form-item.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormItem extends Base<FormItemOptions> implements OnInit {\n\n  constructor() {\n    super();\n    if (this.getScope()) {\n      effect(() => {\n        this.control.setValidators(this.validatorSignal() ?? null);\n      });\n      effect(() => {\n        this.validatorSignal.set(this.buildSnapshotValidators());\n        this.unsubscribe([\"validatorsChange\"]);\n        this.addSubscribe(merge(...this.options.validators().map(v => this.getScope()!.dynamicOptions(v)?.obs ?? NEVER))\n          .pipe(debounceTime(50))\n          .subscribe(_ => {\n            this.validatorSignal.set(this.buildSnapshotValidators());\n          }), \"validatorsChange\");\n      });\n    }\n  }\n\n  protected override options: FormItemOptions = new FormItemOptions();\n  private readonly registe = inject(AXIS_FORM_REGISTE_CONTROL_TOKEN, { optional: true });\n  private readonly fb = inject(FormBuilder);\n  readonly control = this.fb.control(undefined);\n  readonly value = model<any>();\n  readonly validatorSignal = signal<ValidatorFn[]>([]);\n  readonly isRequired = computed(() => this.validatorSignal().includes(FormValidators.required));\n  private valueAccessValidFn?: ValidatorFn;\n\n  ngOnInit(): void {\n    if (this.options.name) {\n      this.control.registerOnChange((v: any) => {\n        this.value.set(v);\n      });\n      this.registe?.({\n        name: this.options.name,\n        control: this.control,\n      });\n    }\n  }\n\n  onModelChange(value: any) {\n    if (this.options.name) {\n      this.control.markAsDirty();\n      this.control.setValue(value);\n    }\n  }\n\n  private buildSnapshotValidators(): ValidatorFn[] {\n    return this.buildValidators(this.options.validators().map(v => this.getScope()!.snapshotOptions(v)));\n  }\n\n  private buildValidators(validators: any[]): ValidatorFn[] {\n    let output: ValidatorFn[] = [];\n    if (this.valueAccessValidFn) {\n      output.push(this.valueAccessValidFn);\n    }\n    return output.concat(buildValidators(validators));\n  }\n\n  registeValueAccess(opt: RegisteValueAccessOptions) {\n    if (opt.initValue !== undefined) {\n      this.registe?.({\n        name: this.options.name,\n        initValue: opt.initValue\n      });\n    }\n    if (opt.validFn) {\n      this.valueAccessValidFn = (c) => opt.validFn!(c) ? null : { error: true };\n      this.validatorSignal.set(this.buildSnapshotValidators());\n    }\n  }\n\n}","@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<div>\n    <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"></ng-container>\n</div>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './form-item';\n"],"names":[],"mappings":";;;;;;;;;;AAGM,MAAO,eAAgB,SAAQ,WAAW,CAAA;IAEnC,IAAI,GAAG,EAAE;AACT,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,iDAAC;AAClB,IAAA,UAAU,GAAG,MAAM,CAAC,OAAO,sDAAC;AAC5B,IAAA,UAAU,GAAG,MAAM,CAAQ,EAAE,sDAAC;AAC9B,IAAA,KAAK,GAAG,MAAM,CAAM,SAAS,iDAAC;AAE1C;;ACGK,MAAO,QAAS,SAAQ,IAAqB,CAAA;AAEjD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,MAAM,CAAC,MAAK;AACV,gBAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC;AAC5D,aAAC,CAAC;YACF,MAAM,CAAC,MAAK;gBACV,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;AACxD,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAAC;AACtC,gBAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,KAAK,CAAC;AAC5G,qBAAA,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;qBACrB,SAAS,CAAC,CAAC,IAAG;oBACb,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAC1D,iBAAC,CAAC,EAAE,kBAAkB,CAAC;AAC3B,aAAC,CAAC;;;AAIa,IAAA,OAAO,GAAoB,IAAI,eAAe,EAAE;IAClD,OAAO,GAAG,MAAM,CAAC,+BAA+B,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACrE,IAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;IAChC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC;IACpC,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAO;AACpB,IAAA,eAAe,GAAG,MAAM,CAAgB,EAAE,2DAAC;AAC3C,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,sDAAC;AACtF,IAAA,kBAAkB;IAE1B,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACrB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAM,KAAI;AACvC,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACnB,aAAC,CAAC;YACF,IAAI,CAAC,OAAO,GAAG;AACb,gBAAA,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,aAAA,CAAC;;;AAIN,IAAA,aAAa,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,YAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;AAC1B,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;;;IAIxB,uBAAuB,GAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;;AAG9F,IAAA,eAAe,CAAC,UAAiB,EAAA;QACvC,IAAI,MAAM,GAAkB,EAAE;AAC9B,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;;QAEtC,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;;AAGnD,IAAA,kBAAkB,CAAC,GAA8B,EAAA;AAC/C,QAAA,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS,EAAE;YAC/B,IAAI,CAAC,OAAO,GAAG;AACb,gBAAA,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;gBACvB,SAAS,EAAE,GAAG,CAAC;AAChB,aAAA,CAAC;;AAEJ,QAAA,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,OAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE;YACzE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;;;uGArEjD,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,wQCdrB,mrBAeC,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNW,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,0KAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK1C,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAPpB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,YAAY,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAAA,eAAA,EAGrC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mrBAAA,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA;;;AEZjD;;AAEG;;;;"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-form-item.mjs","sources":["../../../axis-components/form-item/form-item.options.ts","../../../axis-components/form-item/form-item.ts","../../../axis-components/form-item/form-item.html","../../../axis-components/form-item/ngx-axis-appforge-axis-components-form-item.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class FormItemOptions extends BaseOptions {\n\n    readonly name = \"\";\n    readonly label = signal(\"\");\n    readonly labelWidth = signal(\"120px\");\n    readonly validators = signal<any[]>([]);\n    readonly child = signal<any>(undefined);\n\n}","import { ChangeDetectionStrategy, Component, computed, effect, inject, model, OnInit, signal } from '@angular/core';\nimport { FormItemOptions } from './form-item.options';\nimport { AXIS_FORM_REGISTE_CONTROL_TOKEN, Base, buildValidators, DynamicDirective, FormValidators, RegisteValueAccessOptions } from 'ngx-axis-appforge/core';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { FormBuilder, FormsModule, ValidatorFn } from '@angular/forms';\nimport { debounceTime, merge, NEVER } from 'rxjs';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'axis-form-item',\n  imports: [NzFormModule, DynamicDirective, FormsModule],\n  templateUrl: './form-item.html',\n  styleUrl: './form-item.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormItem extends Base<FormItemOptions> implements OnInit {\n\n  constructor() {\n    super();\n    if (this.getScope()) {\n      effect(() => {\n        this.control.setValidators(this.validatorSignal() ?? null);\n      });\n      effect(() => {\n        this.validatorSignal.set(this.buildSnapshotValidators());\n        this.unsubscribe([\"validatorsChange\"]);\n        this.addSubscribe(merge(...this.options.validators().map(v => this.getScope()!.dynamicOptions(v)?.obs ?? NEVER))\n          .pipe(debounceTime(50))\n          .subscribe(_ => {\n            this.validatorSignal.set(this.buildSnapshotValidators());\n          }), \"validatorsChange\");\n      });\n    }\n  }\n\n  protected override options: FormItemOptions = new FormItemOptions();\n  private readonly registe = inject(AXIS_FORM_REGISTE_CONTROL_TOKEN, { optional: true });\n  private readonly fb = inject(FormBuilder);\n  readonly control = this.fb.control(undefined);\n  readonly value = model<any>();\n  readonly validatorSignal = signal<ValidatorFn[]>([]);\n  readonly isRequired = computed(() => this.validatorSignal().includes(FormValidators.required));\n  private valueAccessValidFn?: ValidatorFn;\n\n  ngOnInit(): void {\n    if (this.options.name) {\n      this.control.registerOnChange((v: any) => {\n        this.value.set(v);\n      });\n      this.registe?.({\n        name: this.options.name,\n        control: this.control,\n      });\n    }\n  }\n\n  onModelChange(value: any) {\n    if (this.options.name) {\n      this.control.markAsDirty();\n      this.control.setValue(value);\n    }\n  }\n\n  private buildSnapshotValidators(): ValidatorFn[] {\n    return this.buildValidators(this.options.validators().map(v => this.getScope()!.snapshotOptions(v)));\n  }\n\n  private buildValidators(validators: any[]): ValidatorFn[] {\n    let output: ValidatorFn[] = [];\n    if (this.valueAccessValidFn) {\n      output.push(this.valueAccessValidFn);\n    }\n    return output.concat(buildValidators(validators));\n  }\n\n  registeValueAccess(opt: RegisteValueAccessOptions) {\n    if (opt.initValue !== undefined) {\n      this.registe?.({\n        name: this.options.name,\n        initValue: opt.initValue\n      });\n    }\n    if (opt.validFn) {\n      this.valueAccessValidFn = (c) => opt.validFn!(c) ? null : { error: true };\n      this.validatorSignal.set(this.buildSnapshotValidators());\n    }\n  }\n\n}","@if (options.label()) {\n<nz-form-item style=\"width: 100%;\">\n    <nz-form-label [style.width]=\"options.labelWidth()\" [nzRequired]=\"isRequired()\">\n        {{options.label()}}\n    </nz-form-label>\n    <nz-form-control style=\"flex:1\" [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" (onRegisteValueAccess)=\"registeValueAccess($event)\"\n            [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}@else {\n<nz-form-item style=\"margin: 0;\">\n    <nz-form-control [nzValidateStatus]=\"control\">\n        <ng-container [axisDynamic]=\"options.child()\" [(ngModel)]=\"value\"\n            (ngModelChange)=\"onModelChange($event)\"></ng-container>\n    </nz-form-control>\n</nz-form-item>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './form-item';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-input-json.mjs

@@ -34,6 +34,10 @@ class InputJson extends ValueAccess {
         }
     }, ...(ngDevMode ? [{ debugName: "canOk" }] : []));
     editData = model("", ...(ngDevMode ? [{ debugName: "editData" }] : []));
+    setInitValue(value) {
+        super.setInitValue(value);
+        this.setEditData();
+    }
     writeValue(value) {
         super.writeValue(value);
         this.setEditData();