ngx-axis-appforge 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/axis-components/editor/design/index.d.ts +5 -0
- package/axis-components/modal/index.d.ts +1 -1
- package/axis-components/tabs/design/index.d.ts +5 -0
- package/axis-components/tabs/index.d.ts +38 -0
- package/axis-components-covers/editor.png +0 -0
- package/axis-components-covers/tabs.svg +1 -0
- package/core/index.d.ts +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs +10 -7
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-editor-design.mjs +75 -0
- package/fesm2022/ngx-axis-appforge-axis-components-editor-design.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-modal.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-modal.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs +2 -2
- package/fesm2022/ngx-axis-appforge-axis-components-single-selector.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-steps-design.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-steps-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-table-design.mjs +1 -2
- package/fesm2022/ngx-axis-appforge-axis-components-table-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tabs-design.mjs +260 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs-design.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs.mjs +69 -0
- package/fesm2022/ngx-axis-appforge-axis-components-tabs.mjs.map +1 -0
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tree-selector.mjs +4 -1
- package/fesm2022/ngx-axis-appforge-axis-components-tree-selector.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs +61 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +3 -3
- package/fesm2022/ngx-axis-appforge-core.mjs.map +1 -1
- package/package.json +85 -73
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { FunFieldValueBase, FormValidators, valueFbConfig, baseFbConfig, valueFunField, baseFunField, FunField, BaseDesignSetting, InputTrigger, ValueDesignSetting, DynamicDirective, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
import * as i1 from '@angular/forms';
|
|
5
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
+
import * as i2 from 'ng-zorro-antd/collapse';
|
|
7
|
+
import { NzCollapseModule } from 'ng-zorro-antd/collapse';
|
|
8
|
+
import * as i4 from 'ng-zorro-antd/form';
|
|
9
|
+
import { NzFormModule } from 'ng-zorro-antd/form';
|
|
10
|
+
import * as i5 from 'ng-zorro-antd/select';
|
|
11
|
+
import { NzSelectModule } from 'ng-zorro-antd/select';
|
|
12
|
+
import * as i3 from 'ng-zorro-antd/grid';
|
|
13
|
+
|
|
14
|
+
class Setting extends FunFieldValueBase {
|
|
15
|
+
fg = this.fb.group({
|
|
16
|
+
...baseFbConfig,
|
|
17
|
+
...valueFbConfig,
|
|
18
|
+
mode: [undefined, FormValidators.requiredFun],
|
|
19
|
+
otherOptions: [],
|
|
20
|
+
typescriptExtLibs: [],
|
|
21
|
+
});
|
|
22
|
+
funFields = {
|
|
23
|
+
...baseFunField,
|
|
24
|
+
...valueFunField,
|
|
25
|
+
mode: {
|
|
26
|
+
defaultValue: "plain_text"
|
|
27
|
+
},
|
|
28
|
+
otherOptions: {
|
|
29
|
+
defaultValue: {}
|
|
30
|
+
},
|
|
31
|
+
typescriptExtLibs: {
|
|
32
|
+
defaultValue: []
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: Setting, isStandalone: true, selector: "axis-design-input-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n <nz-collapse [nzBordered]=\"false\">\n <nz-collapse-panel nzHeader=\"\u8F93\u5165\u8BBE\u7F6E\" nzActive>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u8F93\u5165\u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"mode\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n <nz-option nzValue=\"plain_text\" nzLabel=\"\u6587\u672C\"></nz-option>\n <nz-option nzValue=\"json\" nzLabel=\"json\"></nz-option>\n <nz-option nzValue=\"javascript\" nzLabel=\"javascript\"></nz-option>\n <nz-option nzValue=\"sql\" nzLabel=\"sql\"></nz-option>\n <nz-option nzValue=\"html\" nzLabel=\"html\"></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 \u5176\u4ED6\u914D\u7F6E\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"otherOptions\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n @if (formValue().mode.funMode || formValue().mode.originValue == \"javascript\") {\n <nz-form-item>\n <nz-form-label nzSpan=\"8\">\n \u7C7B\u578B\u6269\u5C55\u5305\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"typescriptExtLibs\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n }\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.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: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { 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"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i5.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i5.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 });
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Setting, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'axis-design-input-setting', imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, FunField, BaseDesignSetting, InputTrigger, ValueDesignSetting, DynamicDirective, NzSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n <nz-collapse [nzBordered]=\"false\">\n <nz-collapse-panel nzHeader=\"\u8F93\u5165\u8BBE\u7F6E\" nzActive>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u8F93\u5165\u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"mode\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n <nz-option nzValue=\"plain_text\" nzLabel=\"\u6587\u672C\"></nz-option>\n <nz-option nzValue=\"json\" nzLabel=\"json\"></nz-option>\n <nz-option nzValue=\"javascript\" nzLabel=\"javascript\"></nz-option>\n <nz-option nzValue=\"sql\" nzLabel=\"sql\"></nz-option>\n <nz-option nzValue=\"html\" nzLabel=\"html\"></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 \u5176\u4ED6\u914D\u7F6E\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"otherOptions\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n @if (formValue().mode.funMode || formValue().mode.originValue == \"javascript\") {\n <nz-form-item>\n <nz-form-label nzSpan=\"8\">\n \u7C7B\u578B\u6269\u5C55\u5305\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"typescriptExtLibs\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n }\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>" }]
|
|
41
|
+
}] });
|
|
42
|
+
|
|
43
|
+
const Config = {
|
|
44
|
+
componentName: "编辑器",
|
|
45
|
+
buildOptionsNodes(nextInfo) {
|
|
46
|
+
return {
|
|
47
|
+
treeNode: new OptionsNode({
|
|
48
|
+
parentId: nextInfo.parentId,
|
|
49
|
+
scopeId: nextInfo.scopeId,
|
|
50
|
+
name: "编辑器",
|
|
51
|
+
canSetting: true,
|
|
52
|
+
canDrag: true,
|
|
53
|
+
dragType: "component",
|
|
54
|
+
parentObj: nextInfo.parentObject,
|
|
55
|
+
indexOfParentObj: nextInfo.indexOfParent,
|
|
56
|
+
rootOptions: nextInfo.currentObject,
|
|
57
|
+
settingType: Setting,
|
|
58
|
+
contextMenu: SimpleMenu,
|
|
59
|
+
icon: "form"
|
|
60
|
+
})
|
|
61
|
+
};
|
|
62
|
+
},
|
|
63
|
+
bindElementsOptionsNode(element, options) {
|
|
64
|
+
return {
|
|
65
|
+
[options.id]: { element },
|
|
66
|
+
};
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Generated bundle index. Do not edit.
|
|
72
|
+
*/
|
|
73
|
+
|
|
74
|
+
export { Config };
|
|
75
|
+
//# sourceMappingURL=ngx-axis-appforge-axis-components-editor-design.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-editor-design.mjs","sources":["../../../axis-components/editor/design/setting/setting.ts","../../../axis-components/editor/design/setting/setting.html","../../../axis-components/editor/design/config.ts","../../../axis-components/editor/design/ngx-axis-appforge-axis-components-editor-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 { NzSelectModule } from 'ng-zorro-antd/select';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FormValidators, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n selector: 'axis-design-input-setting',\n imports: [FormsModule, NzCollapseModule, ReactiveFormsModule, NzFormModule, FunField, BaseDesignSetting, InputTrigger, ValueDesignSetting, DynamicDirective, 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 mode: [undefined, FormValidators.requiredFun],\n otherOptions: [],\n typescriptExtLibs: [],\n });\n\n protected override funFields: FunFieldOptions = {\n ...baseFunField,\n ...valueFunField,\n mode: {\n defaultValue: \"plain_text\"\n },\n otherOptions: {\n defaultValue: {}\n },\n typescriptExtLibs: {\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=\"mode\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n <nz-option nzValue=\"plain_text\" nzLabel=\"文本\"></nz-option>\n <nz-option nzValue=\"json\" nzLabel=\"json\"></nz-option>\n <nz-option nzValue=\"javascript\" nzLabel=\"javascript\"></nz-option>\n <nz-option nzValue=\"sql\" nzLabel=\"sql\"></nz-option>\n <nz-option nzValue=\"html\" nzLabel=\"html\"></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=\"otherOptions\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n @if (formValue().mode.funMode || formValue().mode.originValue == \"javascript\") {\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=\"typescriptExtLibs\">\n <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n }\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: \"form\"\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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"}
|
|
@@ -13,7 +13,7 @@ class ModalOptions extends BaseOptions {
|
|
|
13
13
|
showOkButton = signal(true, ...(ngDevMode ? [{ debugName: "showOkButton" }] : []));
|
|
14
14
|
showCancelButton = signal(true, ...(ngDevMode ? [{ debugName: "showCancelButton" }] : []));
|
|
15
15
|
okText = signal("确定", ...(ngDevMode ? [{ debugName: "okText" }] : []));
|
|
16
|
-
|
|
16
|
+
cancelText = signal("取消", ...(ngDevMode ? [{ debugName: "cancelText" }] : []));
|
|
17
17
|
closeOnOk = signal(true, ...(ngDevMode ? [{ debugName: "closeOnOk" }] : []));
|
|
18
18
|
closeOnCancel = signal(true, ...(ngDevMode ? [{ debugName: "closeOnCancel" }] : []));
|
|
19
19
|
okDisabled = signal(false, ...(ngDevMode ? [{ debugName: "okDisabled" }] : []));
|
|
@@ -59,11 +59,11 @@ class Text extends Base {
|
|
|
59
59
|
return undefined;
|
|
60
60
|
}
|
|
61
61
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Text, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: Text, isStandalone: true, selector: "axis-modal", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange" }, usesInheritance: true, ngImport: i0, template: "<nz-modal [(nzVisible)]=\"isVisible\" [nzTitle]=\"options.title()\" [nzWidth]=\"options.width()\"\n [nzDraggable]=\"options.draggable()\" [nzOkText]=\"options.showOkButton()?options.okText():null\"\n [nzCancelText]=\"options.showCancelButton()?options.
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.2", type: Text, isStandalone: true, selector: "axis-modal", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "isVisibleChange" }, usesInheritance: true, ngImport: i0, template: "<nz-modal [(nzVisible)]=\"isVisible\" [nzTitle]=\"options.title()\" [nzWidth]=\"options.width()\"\n [nzDraggable]=\"options.draggable()\" [nzOkText]=\"options.showOkButton()?options.okText():null\"\n [nzCancelText]=\"options.showCancelButton()?options.cancelText():null\" [nzOkDisabled]=\"options.okDisabled()\"\n [nzCancelDisabled]=\"options.cancelDisabled()\" [nzOkLoading]=\"loading()\" [nzCancelLoading]=\"loading()\"\n (nzOnOk)=\"handleOk()\" (nzOnCancel)=\"handleCancel()\">\n <ng-container *nzModalContent [axisDynamic]=\"options.child()\"></ng-container>\n</nz-modal>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
63
63
|
}
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Text, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
|
-
args: [{ selector: 'axis-modal', imports: [NzModalModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-modal [(nzVisible)]=\"isVisible\" [nzTitle]=\"options.title()\" [nzWidth]=\"options.width()\"\n [nzDraggable]=\"options.draggable()\" [nzOkText]=\"options.showOkButton()?options.okText():null\"\n [nzCancelText]=\"options.showCancelButton()?options.
|
|
66
|
+
args: [{ selector: 'axis-modal', imports: [NzModalModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-modal [(nzVisible)]=\"isVisible\" [nzTitle]=\"options.title()\" [nzWidth]=\"options.width()\"\n [nzDraggable]=\"options.draggable()\" [nzOkText]=\"options.showOkButton()?options.okText():null\"\n [nzCancelText]=\"options.showCancelButton()?options.cancelText():null\" [nzOkDisabled]=\"options.okDisabled()\"\n [nzCancelDisabled]=\"options.cancelDisabled()\" [nzOkLoading]=\"loading()\" [nzCancelLoading]=\"loading()\"\n (nzOnOk)=\"handleOk()\" (nzOnCancel)=\"handleCancel()\">\n <ng-container *nzModalContent [axisDynamic]=\"options.child()\"></ng-container>\n</nz-modal>" }]
|
|
67
67
|
}], ctorParameters: () => [] });
|
|
68
68
|
|
|
69
69
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-modal.mjs","sources":["../../../axis-components/modal/modal.options.ts","../../../axis-components/modal/modal.ts","../../../axis-components/modal/modal.html","../../../axis-components/modal/ngx-axis-appforge-axis-components-modal.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class ModalOptions extends BaseOptions {\n\n readonly title = signal(\"未命名\");\n readonly visible = signal(false);\n readonly width = signal(400);\n readonly draggable = signal(true);\n readonly showOkButton = signal(true);\n readonly showCancelButton = signal(true);\n readonly okText = signal(\"确定\");\n readonly
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-modal.mjs","sources":["../../../axis-components/modal/modal.options.ts","../../../axis-components/modal/modal.ts","../../../axis-components/modal/modal.html","../../../axis-components/modal/ngx-axis-appforge-axis-components-modal.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class ModalOptions extends BaseOptions {\n\n readonly title = signal(\"未命名\");\n readonly visible = signal(false);\n readonly width = signal(400);\n readonly draggable = signal(true);\n readonly showOkButton = signal(true);\n readonly showCancelButton = signal(true);\n readonly okText = signal(\"确定\");\n readonly cancelText = signal(\"取消\");\n readonly closeOnOk = signal(true);\n readonly closeOnCancel = signal(true);\n readonly okDisabled = signal(false);\n readonly cancelDisabled = signal(false);\n readonly child = signal<any>(undefined);\n\n}","import { ChangeDetectionStrategy, Component, effect, model, signal } from '@angular/core';\nimport { ModalOptions } from './modal.options';\nimport { Base, DynamicDirective, EventHandlerOptions } from 'ngx-axis-appforge/core';\nimport { NzModalModule } from 'ng-zorro-antd/modal';\nimport { finalize, Observable, of } from 'rxjs';\n\n@Component({\n selector: 'axis-modal',\n imports: [NzModalModule, DynamicDirective],\n templateUrl: './modal.html',\n styleUrl: './modal.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Text extends Base<ModalOptions> {\n\n constructor() {\n super();\n effect(() => {\n this.isVisible.set(this.options.visible());\n })\n }\n\n override options: ModalOptions = new ModalOptions();\n\n readonly isVisible = model(false);\n readonly loading = signal(false);\n\n handleOk() {\n if (this.options.closeOnOk()) {\n this.isVisible.set(false);\n } else {\n this.loading.set(true);\n }\n this.triggeEvents(\"modalOk\").pipe(finalize(() => this.loading.set(false))).subscribe();\n }\n\n handleCancel() {\n if (this.options.closeOnCancel()) {\n this.isVisible.set(false);\n }\n this.triggeEvents(\"modalCancel\").pipe(finalize(() => this.loading.set(false))).subscribe();\n }\n\n override onEvents(e: EventHandlerOptions<any>): Observable<boolean> | undefined {\n const obs = super.onEvents?.(e);\n if (obs) {\n return;\n }\n switch (e.name) {\n case \"setModalVisible\":\n this.isVisible.set(e.data.visible);\n return of(true);\n }\n return undefined;\n }\n\n}\n","<nz-modal [(nzVisible)]=\"isVisible\" [nzTitle]=\"options.title()\" [nzWidth]=\"options.width()\"\n [nzDraggable]=\"options.draggable()\" [nzOkText]=\"options.showOkButton()?options.okText():null\"\n [nzCancelText]=\"options.showCancelButton()?options.cancelText():null\" [nzOkDisabled]=\"options.okDisabled()\"\n [nzCancelDisabled]=\"options.cancelDisabled()\" [nzOkLoading]=\"loading()\" [nzCancelLoading]=\"loading()\"\n (nzOnOk)=\"handleOk()\" (nzOnCancel)=\"handleCancel()\">\n <ng-container *nzModalContent [axisDynamic]=\"options.child()\"></ng-container>\n</nz-modal>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './modal';\n"],"names":[],"mappings":"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"}
|
|
@@ -79,11 +79,11 @@ class SingleSelector extends ValueAccess {
|
|
|
79
79
|
searchChange(input) {
|
|
80
80
|
}
|
|
81
81
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SingleSelector, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SingleSelector, isStandalone: true, selector: "axis-single-selector", inputs: { selectorValue: { classPropertyName: "selectorValue", publicName: "selectorValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectorValue: "selectorValueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n \u52A0\u8F7D\u4E2D...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.
|
|
82
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SingleSelector, isStandalone: true, selector: "axis-single-selector", inputs: { selectorValue: { classPropertyName: "selectorValue", publicName: "selectorValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectorValue: "selectorValueChange" }, usesInheritance: true, ngImport: i0, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n \u52A0\u8F7D\u4E2D...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }\n</nz-radio-group>\n}\n}", styles: [":host{display:block;width:100%}nz-select{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i1.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: "ngmodule", type: NzRadioModule }, { kind: "component", type: i2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { 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 });
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SingleSelector, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
|
-
args: [{ selector: 'axis-single-selector', imports: [NzSelectModule, NzRadioModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n \u52A0\u8F7D\u4E2D...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.
|
|
86
|
+
args: [{ selector: 'axis-single-selector', imports: [NzSelectModule, NzRadioModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n \u52A0\u8F7D\u4E2D...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n \u81F3\u5C11\u8F93\u5165{{options.searchLimitLength() || 1}}\u4E2A\u5B57\u7B26\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"\u5168\u90E8\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">\u5168\u90E8</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }\n</nz-radio-group>\n}\n}", styles: [":host{display:block;width:100%}nz-select{width:100%}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [] });
|
|
88
88
|
|
|
89
89
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-single-selector.mjs","sources":["../../../axis-components/single-selector/single-selector.options.ts","../../../axis-components/single-selector/single-selector.ts","../../../axis-components/single-selector/single-selector.html","../../../axis-components/single-selector/ngx-axis-appforge-axis-components-single-selector.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SingleSelectorOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly fullValue = signal(false);\n readonly defaultFirst = signal(false);\n readonly autofocus = signal(false);\n readonly data = signal<any>(undefined);\n\n readonly type = signal<\"selector\" | \"radio\" | \"button\">(\"selector\");\n readonly showAll = signal(false);\n readonly allowClear = signal(true);\n readonly placeholder = signal(\"\");\n\n readonly showSearch = signal(true);\n readonly selectOnSearch = signal(false);\n readonly backendSearch = signal(false);\n readonly searchLimitLength = signal<number | null>(null);\n}","import { ChangeDetectionStrategy, Component, effect, model, signal, untracked } from '@angular/core';\nimport { SingleSelectorOptions } from './single-selector.options';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n selector: 'axis-single-selector',\n imports: [NzSelectModule, NzRadioModule, FormsModule],\n templateUrl: './single-selector.html',\n styleUrl: './single-selector.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SingleSelector extends ValueAccess<SingleSelectorOptions> {\n\n constructor() {\n super();\n effect(() => {\n if (untracked(this.options.defaultFirst)) {\n const data = this.options.data();\n untracked(() => {\n if (data?.length) {\n if (this.options.fullValue()) {\n this.setInitValue(data[0]);\n } else {\n this.setInitValue(data[0][this.options.valueField()]);\n }\n }\n })\n }\n });\n }\n override options: SingleSelectorOptions = new SingleSelectorOptions();\n\n readonly displayValue = signal<any>(undefined);\n readonly loading = signal(false);\n readonly selectorValue = model<any>();\n readonly searchText = signal<string>(\"\");\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.fullValue()) {\n this.selectorValue.set(this.value()[this.options.valueField()]);\n } else {\n this.selectorValue.set(this.value());\n }\n }\n }\n\n onSelectorChange(value: any) {\n if (this.options.fullValue()) {\n this.value.set(this.options.data().find((item: any) => item[this.options.valueField()] == value));\n } else {\n this.value.set(value);\n }\n this.onChange?.(this.value());\n }\n\n searchChange(input: string) {\n\n }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n 加载中...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n 至少输入{{options.searchLimitLength() || 1}}个字符\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"全部\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">全部</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">全部</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-single-selector.mjs","sources":["../../../axis-components/single-selector/single-selector.options.ts","../../../axis-components/single-selector/single-selector.ts","../../../axis-components/single-selector/single-selector.html","../../../axis-components/single-selector/ngx-axis-appforge-axis-components-single-selector.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SingleSelectorOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly fullValue = signal(false);\n readonly defaultFirst = signal(false);\n readonly autofocus = signal(false);\n readonly data = signal<any>(undefined);\n\n readonly type = signal<\"selector\" | \"radio\" | \"button\">(\"selector\");\n readonly showAll = signal(false);\n readonly allowClear = signal(true);\n readonly placeholder = signal(\"\");\n\n readonly showSearch = signal(true);\n readonly selectOnSearch = signal(false);\n readonly backendSearch = signal(false);\n readonly searchLimitLength = signal<number | null>(null);\n}","import { ChangeDetectionStrategy, Component, effect, model, signal, untracked } from '@angular/core';\nimport { SingleSelectorOptions } from './single-selector.options';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n selector: 'axis-single-selector',\n imports: [NzSelectModule, NzRadioModule, FormsModule],\n templateUrl: './single-selector.html',\n styleUrl: './single-selector.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SingleSelector extends ValueAccess<SingleSelectorOptions> {\n\n constructor() {\n super();\n effect(() => {\n if (untracked(this.options.defaultFirst)) {\n const data = this.options.data();\n untracked(() => {\n if (data?.length) {\n if (this.options.fullValue()) {\n this.setInitValue(data[0]);\n } else {\n this.setInitValue(data[0][this.options.valueField()]);\n }\n }\n })\n }\n });\n }\n override options: SingleSelectorOptions = new SingleSelectorOptions();\n\n readonly displayValue = signal<any>(undefined);\n readonly loading = signal(false);\n readonly selectorValue = model<any>();\n readonly searchText = signal<string>(\"\");\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.fullValue()) {\n this.selectorValue.set(this.value()[this.options.valueField()]);\n } else {\n this.selectorValue.set(this.value());\n }\n }\n }\n\n onSelectorChange(value: any) {\n if (this.options.fullValue()) {\n this.value.set(this.options.data().find((item: any) => item[this.options.valueField()] == value));\n } else {\n this.value.set(value);\n }\n this.onChange?.(this.value());\n }\n\n searchChange(input: string) {\n\n }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if (options.type() == 'selector') {\n<nz-select #select [nzLoading]=\"loading()\" [nzAutoFocus]=\"options.autofocus()\" [nzShowSearch]=\"options.showSearch()\"\n [nzDisabled]=\"options.disabled()\" [nzPlaceHolder]=\"options.placeholder()\" [(ngModel)]=\"selectorValue\"\n (ngModelChange)=\"onSelectorChange($event)\" [nzAllowClear]=\"options.allowClear()\" (nzOnSearch)=\"searchChange($event)\"\n [nzDropdownStyle]=\"{display:(!options.showSearch() || !options.selectOnSearch() || (searchText() && searchText().length >= (options.searchLimitLength() || 1)))?'':'none'}\"\n [nzServerSearch]=\"options.backendSearch()\">\n @if (loading()) {\n <nz-option nzDisabled nzCustomContent>\n @if (searchText() && searchText().length >= (options.searchLimitLength() || 1)) {\n <span nz-icon nzType=\"loading\"></span>\n 加载中...\n }@else {\n <div style=\"color: rgba(0, 0, 0, 0.8);\">\n <span nz-icon nzType=\"info-circle\"></span>\n 至少输入{{options.searchLimitLength() || 1}}个字符\n </div>\n }\n </nz-option>\n }@else {\n @if (options.showAll()) {\n <nz-option nzValue=\"\" nzLabel=\"全部\"></nz-option>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"></nz-option>\n }\n }\n</nz-select>\n}@else {\n<nz-radio-group [nzDisabled]=\"options.disabled()\" [(ngModel)]=\"selectorValue\" (ngModelChange)=\"onSelectorChange($event)\"\n nzButtonStyle=\"solid\">\n @if (options.type() == 'radio') {\n @if (options.showAll()) {\n <label nz-radio nzValue=\"\">全部</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }@else {\n @if (options.showAll()) {\n <label nz-radio-button nz-radio nzValue=\"\">全部</label>\n }\n @for (o of options.data(); track o[options.valueField()]) {\n <label nz-radio-button nz-radio [nzValue]=\"o[options.valueField()]\">{{o[options.labelField()]}}</label>\n }\n }\n</nz-radio-group>\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './single-selector';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FunFieldValueBase, FormValidators, baseFbConfig, baseFunField, BaseDesignSetting, FunField,
|
|
1
|
+
import { FunFieldValueBase, FormValidators, baseFbConfig, baseFunField, BaseDesignSetting, FunField, InputTrigger, DynamicDirective, BaseMenu, CommonMenu, OptionsNode, SimpleMenu, nameCode } from 'ngx-axis-appforge/core';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
4
|
import * as i1 from '@angular/forms';
|
|
@@ -66,11 +66,11 @@ class StepsSetting extends FunFieldValueBase {
|
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
68
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StepsSetting, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: StepsSetting, isStandalone: true, selector: "axis-design-steps-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 \u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"type\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u9ED8\u8BA4</label>\n <label nz-radio-button nzValue=\"navigation\">\u5BFC\u822A</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 \u6B65\u9AA4\u6761\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"direction\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u6807\u7B7E\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"labelPlacement\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u70B9\u72B6\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"progressDot\">\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 \u5927\u5C0F\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"size\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u5927</label>\n <label nz-radio-button nzValue=\"small\">\u5C0F</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 \u8D77\u59CB\u5E8F\u53F7\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"startIndex\">\n <nz-input-number style=\"width: 100%;\" ngModel\n [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u5F53\u524D\u6B65\u9AA4\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"current\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n @for (step of value().steps; track step.name;let i=$index) {\n <nz-option [nzValue]=\"step.name\"\n [nzLabel]=\"step.title || step.subtitle || step.desc || `\u6B65\u9AA4${i+1}`\"></nz-option>\n }\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 \u5F53\u524D\u6B65\u9AA4\u72B6\u6001\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"status\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n <nz-option nzValue=\"wait\" nzLabel=\"\u7B49\u5F85\"></nz-option>\n <nz-option nzValue=\"process\" nzLabel=\"\u8FDB\u884C\u4E2D\"></nz-option>\n <nz-option nzValue=\"finish\" nzLabel=\"\u5DF2\u5B8C\u6210\"></nz-option>\n <nz-option nzValue=\"error\" nzLabel=\"\u9519\u8BEF\"></nz-option>\n </nz-select>\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.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: "ngmodule", type: NzSelectModule }, { kind: "component", type: i5.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i5.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: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: NzInputModule }, { 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: 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: NzSwitchModule }, { kind: "component", type: i8.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: StepsSetting, isStandalone: true, selector: "axis-design-steps-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 \u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"type\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u9ED8\u8BA4</label>\n <label nz-radio-button nzValue=\"navigation\">\u5BFC\u822A</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 \u6B65\u9AA4\u6761\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"direction\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u6807\u7B7E\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"labelPlacement\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u70B9\u72B6\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"progressDot\">\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 \u5927\u5C0F\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"size\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u5927</label>\n <label nz-radio-button nzValue=\"small\">\u5C0F</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 \u8D77\u59CB\u5E8F\u53F7\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"startIndex\">\n <nz-input-number style=\"width: 100%;\" ngModel\n [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u5F53\u524D\u6B65\u9AA4\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"current\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n @for (step of value().steps; track step.name;let i=$index) {\n <nz-option [nzValue]=\"step.name\"\n [nzLabel]=\"step.title || step.subtitle || step.desc || `\u6B65\u9AA4${i+1}`\"></nz-option>\n }\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 \u5F53\u524D\u6B65\u9AA4\u72B6\u6001\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"status\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n <nz-option nzValue=\"wait\" nzLabel=\"\u7B49\u5F85\"></nz-option>\n <nz-option nzValue=\"process\" nzLabel=\"\u8FDB\u884C\u4E2D\"></nz-option>\n <nz-option nzValue=\"finish\" nzLabel=\"\u5DF2\u5B8C\u6210\"></nz-option>\n <nz-option nzValue=\"error\" nzLabel=\"\u9519\u8BEF\"></nz-option>\n </nz-select>\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 <axis-input-trigger formControlName=\"triggeEvents\"\n [eventDesc]=\"[{name:'stepChange',title:'\u6B65\u9AA4\u6539\u53D8',ds:{stepName:'\u793A\u4F8B\u6570\u636E'}}]\"></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: "ngmodule", type: NzSelectModule }, { kind: "component", type: i5.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i5.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: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: NzInputModule }, { 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: 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: NzSwitchModule }, { kind: "component", type: i8.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: StepsSetting, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
args: [{ selector: 'axis-design-steps-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, NzSelectModule, NzInputNumberModule, NzInputModule, FunField, NzRadioModule, NzSwitchModule], 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 \u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"type\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u9ED8\u8BA4</label>\n <label nz-radio-button nzValue=\"navigation\">\u5BFC\u822A</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 \u6B65\u9AA4\u6761\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"direction\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u6807\u7B7E\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"labelPlacement\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u70B9\u72B6\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"progressDot\">\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 \u5927\u5C0F\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"size\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u5927</label>\n <label nz-radio-button nzValue=\"small\">\u5C0F</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 \u8D77\u59CB\u5E8F\u53F7\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"startIndex\">\n <nz-input-number style=\"width: 100%;\" ngModel\n [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u5F53\u524D\u6B65\u9AA4\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"current\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n @for (step of value().steps; track step.name;let i=$index) {\n <nz-option [nzValue]=\"step.name\"\n [nzLabel]=\"step.title || step.subtitle || step.desc || `\u6B65\u9AA4${i+1}`\"></nz-option>\n }\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 \u5F53\u524D\u6B65\u9AA4\u72B6\u6001\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"status\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n <nz-option nzValue=\"wait\" nzLabel=\"\u7B49\u5F85\"></nz-option>\n <nz-option nzValue=\"process\" nzLabel=\"\u8FDB\u884C\u4E2D\"></nz-option>\n <nz-option nzValue=\"finish\" nzLabel=\"\u5DF2\u5B8C\u6210\"></nz-option>\n <nz-option nzValue=\"error\" nzLabel=\"\u9519\u8BEF\"></nz-option>\n </nz-select>\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>" }]
|
|
73
|
+
args: [{ selector: 'axis-design-steps-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, NzSelectModule, NzInputNumberModule, NzInputModule, FunField, NzRadioModule, NzSwitchModule, InputTrigger], 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 \u7C7B\u578B\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"type\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u9ED8\u8BA4</label>\n <label nz-radio-button nzValue=\"navigation\">\u5BFC\u822A</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 \u6B65\u9AA4\u6761\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"direction\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u6807\u7B7E\u65B9\u5411\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"labelPlacement\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\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 </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u70B9\u72B6\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"progressDot\">\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 \u5927\u5C0F\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"size\">\n <nz-radio-group ngModel [ngModelOptions]=\"{standalone:true}\">\n <label nz-radio-button nzValue=\"default\">\u5927</label>\n <label nz-radio-button nzValue=\"small\">\u5C0F</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 \u8D77\u59CB\u5E8F\u53F7\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"startIndex\">\n <nz-input-number style=\"width: 100%;\" ngModel\n [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n </axis-fun-field>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-label nzSpan=\"8\" nzRequired>\n \u5F53\u524D\u6B65\u9AA4\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"current\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n @for (step of value().steps; track step.name;let i=$index) {\n <nz-option [nzValue]=\"step.name\"\n [nzLabel]=\"step.title || step.subtitle || step.desc || `\u6B65\u9AA4${i+1}`\"></nz-option>\n }\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 \u5F53\u524D\u6B65\u9AA4\u72B6\u6001\n </nz-form-label>\n <nz-form-control nzSpan=\"16\">\n <axis-fun-field formControlName=\"status\">\n <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzAllowClear>\n <nz-option nzValue=\"wait\" nzLabel=\"\u7B49\u5F85\"></nz-option>\n <nz-option nzValue=\"process\" nzLabel=\"\u8FDB\u884C\u4E2D\"></nz-option>\n <nz-option nzValue=\"finish\" nzLabel=\"\u5DF2\u5B8C\u6210\"></nz-option>\n <nz-option nzValue=\"error\" nzLabel=\"\u9519\u8BEF\"></nz-option>\n </nz-select>\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 <axis-input-trigger formControlName=\"triggeEvents\"\n [eventDesc]=\"[{name:'stepChange',title:'\u6B65\u9AA4\u6539\u53D8',ds:{stepName:'\u793A\u4F8B\u6570\u636E'}}]\"></axis-input-trigger>\n </nz-collapse>\n</form>" }]
|
|
74
74
|
}] });
|
|
75
75
|
|
|
76
76
|
class StepSetting extends FunFieldValueBase {
|