@ebuilding/form 2.0.0
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/LICENSE +0 -0
- package/README.md +0 -0
- package/checkbox/index.d.ts +1 -0
- package/checkbox/src/checkbox.module.d.ts +9 -0
- package/checkbox/src/checkbox.type.d.ts +11 -0
- package/checkbox/src/public_api.d.ts +2 -0
- package/checkboxgroup/index.d.ts +1 -0
- package/checkboxgroup/src/checkboxgroup.module.d.ts +9 -0
- package/checkboxgroup/src/checkboxgroup.type.d.ts +19 -0
- package/checkboxgroup/src/public_api.d.ts +2 -0
- package/colors/index.d.ts +1 -0
- package/colors/src/default/index.d.ts +11 -0
- package/colors/src/index.module.d.ts +8 -0
- package/colors/src/public_api.d.ts +2 -0
- package/datetime/index.d.ts +1 -0
- package/datetime/src/datetime.module.d.ts +9 -0
- package/datetime/src/datetime.type.d.ts +18 -0
- package/datetime/src/public_api.d.ts +2 -0
- package/desc/index.d.ts +1 -0
- package/desc/src/desc.module.d.ts +9 -0
- package/desc/src/desc.type.d.ts +6 -0
- package/desc/src/public_api.d.ts +2 -0
- package/dim/index.d.ts +1 -0
- package/dim/src/default/index.d.ts +16 -0
- package/dim/src/dim.module.d.ts +9 -0
- package/dim/src/public_api.d.ts +2 -0
- package/dim-indicator/index.d.ts +1 -0
- package/dim-indicator/src/assess/index.d.ts +17 -0
- package/dim-indicator/src/default/index.d.ts +19 -0
- package/dim-indicator/src/finish/index.d.ts +16 -0
- package/dim-indicator/src/indicator.module.d.ts +8 -0
- package/dim-indicator/src/public_api.d.ts +2 -0
- package/fesm2022/ebuilding-form.mjs +3337 -0
- package/fesm2022/ebuilding-form.mjs.map +1 -0
- package/fesm2022/type.checkbox.mjs +93 -0
- package/fesm2022/type.checkbox.mjs.map +1 -0
- package/fesm2022/type.checkboxgroup.mjs +168 -0
- package/fesm2022/type.checkboxgroup.mjs.map +1 -0
- package/fesm2022/type.colors.mjs +74 -0
- package/fesm2022/type.colors.mjs.map +1 -0
- package/fesm2022/type.datetime.mjs +312 -0
- package/fesm2022/type.datetime.mjs.map +1 -0
- package/fesm2022/type.desc.mjs +67 -0
- package/fesm2022/type.desc.mjs.map +1 -0
- package/fesm2022/type.dim-indicator.mjs +187 -0
- package/fesm2022/type.dim-indicator.mjs.map +1 -0
- package/fesm2022/type.dim.mjs +101 -0
- package/fesm2022/type.dim.mjs.map +1 -0
- package/fesm2022/type.form-field.mjs +147 -0
- package/fesm2022/type.form-field.mjs.map +1 -0
- package/fesm2022/type.grid.mjs +126 -0
- package/fesm2022/type.grid.mjs.map +1 -0
- package/fesm2022/type.group.mjs +113 -0
- package/fesm2022/type.group.mjs.map +1 -0
- package/fesm2022/type.html.mjs +88 -0
- package/fesm2022/type.html.mjs.map +1 -0
- package/fesm2022/type.icon.mjs +143 -0
- package/fesm2022/type.icon.mjs.map +1 -0
- package/fesm2022/type.label.mjs +71 -0
- package/fesm2022/type.label.mjs.map +1 -0
- package/fesm2022/type.line.mjs +78 -0
- package/fesm2022/type.line.mjs.map +1 -0
- package/fesm2022/type.list.mjs +84 -0
- package/fesm2022/type.list.mjs.map +1 -0
- package/fesm2022/type.number.mjs +196 -0
- package/fesm2022/type.number.mjs.map +1 -0
- package/fesm2022/type.overtime.mjs +301 -0
- package/fesm2022/type.overtime.mjs.map +1 -0
- package/fesm2022/type.panel.mjs +117 -0
- package/fesm2022/type.panel.mjs.map +1 -0
- package/fesm2022/type.radio.mjs +71 -0
- package/fesm2022/type.radio.mjs.map +1 -0
- package/fesm2022/type.radiogroup.mjs +138 -0
- package/fesm2022/type.radiogroup.mjs.map +1 -0
- package/fesm2022/type.reform.mjs +91 -0
- package/fesm2022/type.reform.mjs.map +1 -0
- package/fesm2022/type.repeat-card.mjs +204 -0
- package/fesm2022/type.repeat-card.mjs.map +1 -0
- package/fesm2022/type.repeat.mjs +209 -0
- package/fesm2022/type.repeat.mjs.map +1 -0
- package/fesm2022/type.select.mjs +224 -0
- package/fesm2022/type.select.mjs.map +1 -0
- package/fesm2022/type.switch.mjs +73 -0
- package/fesm2022/type.switch.mjs.map +1 -0
- package/fesm2022/type.tabs.mjs +107 -0
- package/fesm2022/type.tabs.mjs.map +1 -0
- package/fesm2022/type.text.mjs +89 -0
- package/fesm2022/type.text.mjs.map +1 -0
- package/fesm2022/type.textarea.mjs +158 -0
- package/fesm2022/type.textarea.mjs.map +1 -0
- package/fesm2022/type.textcode.mjs +126 -0
- package/fesm2022/type.textcode.mjs.map +1 -0
- package/form-field/index.d.ts +1 -0
- package/form-field/src/form-field.module.d.ts +10 -0
- package/form-field/src/form-field.wrapper.d.ts +9 -0
- package/form-field/src/public_api.d.ts +2 -0
- package/grid/index.d.ts +1 -0
- package/grid/src/grid.module.d.ts +11 -0
- package/grid/src/grid.type.d.ts +11 -0
- package/grid/src/public_api.d.ts +2 -0
- package/group/index.d.ts +1 -0
- package/group/src/group.module.d.ts +11 -0
- package/group/src/group.type.d.ts +11 -0
- package/group/src/public_api.d.ts +2 -0
- package/html/index.d.ts +1 -0
- package/html/src/html.module.d.ts +10 -0
- package/html/src/html.type.d.ts +12 -0
- package/html/src/public_api.d.ts +2 -0
- package/icon/index.d.ts +1 -0
- package/icon/src/default/index.d.ts +14 -0
- package/icon/src/index.module.d.ts +14 -0
- package/icon/src/public_api.d.ts +2 -0
- package/index.d.ts +28 -0
- package/label/index.d.ts +1 -0
- package/label/src/label.module.d.ts +10 -0
- package/label/src/label.type.d.ts +9 -0
- package/label/src/public_api.d.ts +2 -0
- package/line/index.d.ts +1 -0
- package/line/src/line.module.d.ts +11 -0
- package/line/src/line.type.d.ts +11 -0
- package/line/src/public_api.d.ts +2 -0
- package/list/index.d.ts +1 -0
- package/list/src/list.module.d.ts +11 -0
- package/list/src/list.type.d.ts +9 -0
- package/list/src/public_api.d.ts +2 -0
- package/number/index.d.ts +1 -0
- package/number/src/number.module.d.ts +9 -0
- package/number/src/number.type.d.ts +19 -0
- package/number/src/number_rate.type.d.ts +9 -0
- package/number/src/public_api.d.ts +3 -0
- package/overtime/index.d.ts +1 -0
- package/overtime/src/default/index.d.ts +77 -0
- package/overtime/src/index.module.d.ts +13 -0
- package/overtime/src/public_api.d.ts +2 -0
- package/package.json +136 -0
- package/panel/index.d.ts +1 -0
- package/panel/src/panel.module.d.ts +11 -0
- package/panel/src/panel.type.d.ts +12 -0
- package/panel/src/public_api.d.ts +2 -0
- package/radio/index.d.ts +1 -0
- package/radio/src/public_api.d.ts +2 -0
- package/radio/src/radio.module.d.ts +8 -0
- package/radio/src/radio.type.d.ts +11 -0
- package/radiogroup/index.d.ts +1 -0
- package/radiogroup/src/public_api.d.ts +2 -0
- package/radiogroup/src/radiogroup.module.d.ts +8 -0
- package/radiogroup/src/radiogroup.type.d.ts +17 -0
- package/reform/index.d.ts +1 -0
- package/reform/src/public_api.d.ts +2 -0
- package/reform/src/reform.module.d.ts +11 -0
- package/reform/src/reform.type.d.ts +11 -0
- package/repeat/index.d.ts +1 -0
- package/repeat/src/default/index.d.ts +28 -0
- package/repeat/src/index.module.d.ts +17 -0
- package/repeat/src/public_api.d.ts +2 -0
- package/repeat-card/index.d.ts +1 -0
- package/repeat-card/src/default/index.d.ts +28 -0
- package/repeat-card/src/index.module.d.ts +18 -0
- package/repeat-card/src/public_api.d.ts +2 -0
- package/select/index.d.ts +1 -0
- package/select/src/public_api.d.ts +2 -0
- package/select/src/select.module.d.ts +9 -0
- package/select/src/select.type.d.ts +23 -0
- package/switch/index.d.ts +1 -0
- package/switch/src/default/index.d.ts +12 -0
- package/switch/src/index.module.d.ts +9 -0
- package/switch/src/public_api.d.ts +2 -0
- package/tabs/index.d.ts +1 -0
- package/tabs/src/default/index.d.ts +13 -0
- package/tabs/src/index.module.d.ts +7 -0
- package/tabs/src/public_api.d.ts +3 -0
- package/tabs/src/tab/index.d.ts +11 -0
- package/text/index.d.ts +1 -0
- package/text/src/public_api.d.ts +2 -0
- package/text/src/text.module.d.ts +8 -0
- package/text/src/text.type.d.ts +7 -0
- package/textarea/index.d.ts +1 -0
- package/textarea/src/public_api.d.ts +2 -0
- package/textarea/src/textarea.module.d.ts +7 -0
- package/textarea/src/textarea.type.d.ts +13 -0
- package/textcode/index.d.ts +1 -0
- package/textcode/src/public_api.d.ts +2 -0
- package/textcode/src/text.module.d.ts +7 -0
- package/textcode/src/text.type.d.ts +17 -0
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i4 from '@kre-form/core';
|
|
6
|
+
import { FieldType, FormlyModule } from '@kre-form/core';
|
|
7
|
+
import { DeonNzFormFieldModule } from '@ebuilding/form/form-field';
|
|
8
|
+
import * as i2 from '@angular/forms';
|
|
9
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
10
|
+
import * as i3 from 'ng-zorro-antd/checkbox';
|
|
11
|
+
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
|
|
12
|
+
|
|
13
|
+
class DeonNzFieldCheckbox extends FieldType {
|
|
14
|
+
defaultOptions = {
|
|
15
|
+
props: {
|
|
16
|
+
indeterminate: true,
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCheckbox, isStandalone: true, selector: "deon-nz-field-checkbox", usesInheritance: true, ngImport: i0, template: `
|
|
21
|
+
<label nz-checkbox [formControl]="formControl" [formlyAttributes]="field" [nzDisabled]="editor == false ? true : false">
|
|
22
|
+
<ng-container *ngIf="props?.['hideLabel'] == true && props?.['labelPosition'] == 'right'"> {{ props.label }} </ng-container>
|
|
23
|
+
</label>
|
|
24
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i3.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCheckbox, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{
|
|
29
|
+
selector: 'deon-nz-field-checkbox',
|
|
30
|
+
template: `
|
|
31
|
+
<label nz-checkbox [formControl]="formControl" [formlyAttributes]="field" [nzDisabled]="editor == false ? true : false">
|
|
32
|
+
<ng-container *ngIf="props?.['hideLabel'] == true && props?.['labelPosition'] == 'right'"> {{ props.label }} </ng-container>
|
|
33
|
+
</label>
|
|
34
|
+
`,
|
|
35
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
|
+
imports: [
|
|
37
|
+
CommonModule,
|
|
38
|
+
ReactiveFormsModule,
|
|
39
|
+
NzCheckboxModule,
|
|
40
|
+
FormlyModule
|
|
41
|
+
]
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
|
|
45
|
+
class DeonNzCheckboxModule {
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
47
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxModule, imports: [CommonModule,
|
|
48
|
+
DeonNzFormFieldModule, i4.FormlyModule] });
|
|
49
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxModule, imports: [CommonModule,
|
|
50
|
+
DeonNzFormFieldModule,
|
|
51
|
+
FormlyModule.forChild({
|
|
52
|
+
types: [
|
|
53
|
+
{
|
|
54
|
+
name: 'checkbox',
|
|
55
|
+
component: DeonNzFieldCheckbox,
|
|
56
|
+
wrappers: ['formly-form-field'],
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
name: 'boolean',
|
|
60
|
+
extends: 'checkbox',
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
})] });
|
|
64
|
+
}
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxModule, decorators: [{
|
|
66
|
+
type: NgModule,
|
|
67
|
+
args: [{
|
|
68
|
+
imports: [
|
|
69
|
+
CommonModule,
|
|
70
|
+
DeonNzFormFieldModule,
|
|
71
|
+
FormlyModule.forChild({
|
|
72
|
+
types: [
|
|
73
|
+
{
|
|
74
|
+
name: 'checkbox',
|
|
75
|
+
component: DeonNzFieldCheckbox,
|
|
76
|
+
wrappers: ['formly-form-field'],
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
name: 'boolean',
|
|
80
|
+
extends: 'checkbox',
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
}),
|
|
84
|
+
],
|
|
85
|
+
}]
|
|
86
|
+
}] });
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Generated bundle index. Do not edit.
|
|
90
|
+
*/
|
|
91
|
+
|
|
92
|
+
export { DeonNzCheckboxModule, DeonNzFieldCheckbox };
|
|
93
|
+
//# sourceMappingURL=type.checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.checkbox.mjs","sources":["../../../../packages/form/checkbox/src/checkbox.type.ts","../../../../packages/form/checkbox/src/checkbox.module.ts","../../../../packages/form/checkbox/type.checkbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NzCheckboxModule } from 'ng-zorro-antd/checkbox';\n\nimport { FormlyModule, FieldType, FieldTypeConfig } from '@kre-form/core';\n\n@Component({\n selector: 'deon-nz-field-checkbox',\n template: `\n <label nz-checkbox [formControl]=\"formControl\" [formlyAttributes]=\"field\" [nzDisabled]=\"editor == false ? true : false\">\n <ng-container *ngIf=\"props?.['hideLabel'] == true && props?.['labelPosition'] == 'right'\"> {{ props.label }} </ng-container>\n </label>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n NzCheckboxModule,\n FormlyModule\n ]\n})\nexport class DeonNzFieldCheckbox extends FieldType<FieldTypeConfig> {\n override defaultOptions = {\n props: {\n indeterminate: true,\n },\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@kre-form/core';\nimport { DeonNzFormFieldModule } from '@ebuilding/form/form-field';\nimport { DeonNzFieldCheckbox } from './checkbox.type';\n\n@NgModule({\n imports: [\n CommonModule,\n DeonNzFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'checkbox',\n component: DeonNzFieldCheckbox,\n wrappers: ['formly-form-field'],\n },\n {\n name: 'boolean',\n extends: 'checkbox',\n },\n ],\n }),\n ],\n})\nexport class DeonNzCheckboxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@kre-form/core';
|
|
6
|
+
import { FieldType, FormlyModule } from '@kre-form/core';
|
|
7
|
+
import { DeonNzFormFieldModule } from '@ebuilding/form/form-field';
|
|
8
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
9
|
+
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
|
|
10
|
+
import { of } from 'rxjs';
|
|
11
|
+
|
|
12
|
+
class DeonNzFieldCheckboxGroup extends FieldType {
|
|
13
|
+
defaultOptions = {
|
|
14
|
+
props: {
|
|
15
|
+
options: [], // 默认值为空数组
|
|
16
|
+
formCheck: 'custom', // 默认的 formCheck 样式
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
// 将 options$ 定义为 Observable<any[]> 类型
|
|
20
|
+
options$;
|
|
21
|
+
constructor() {
|
|
22
|
+
super();
|
|
23
|
+
}
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
const opts = this.props?.options;
|
|
26
|
+
this.options$ = Array.isArray(opts) ? of(opts) : opts ?? of([]);
|
|
27
|
+
}
|
|
28
|
+
onChange(value, checked) {
|
|
29
|
+
if (this.props.type === 'array') {
|
|
30
|
+
this.formControl.patchValue(checked ? [...(this.formControl.value || []), value] : [...(this.formControl.value || [])].filter((o) => o !== value));
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.formControl.patchValue({
|
|
34
|
+
...this.formControl.value,
|
|
35
|
+
[value]: checked,
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
this.formControl.markAsTouched();
|
|
39
|
+
}
|
|
40
|
+
isChecked(option) {
|
|
41
|
+
const value = this.formControl.value;
|
|
42
|
+
return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
|
|
43
|
+
}
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCheckboxGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCheckboxGroup, isStandalone: true, selector: "deon-nz-field-checkboxgroup", usesInheritance: true, ngImport: i0, template: `
|
|
46
|
+
<div>
|
|
47
|
+
<!-- 使用 async 管道时,确保 props?.options 是 Observable 类型 -->
|
|
48
|
+
<div
|
|
49
|
+
*ngFor="let option of (options$ | async); let i = index"
|
|
50
|
+
[ngClass]="{
|
|
51
|
+
'form-check': props?.['formCheck']?.indexOf('custom') === -1,
|
|
52
|
+
'form-check-inline': props?.['formCheck'] === 'inline',
|
|
53
|
+
'custom-control': props?.['formCheck']?.indexOf('custom') === 0,
|
|
54
|
+
'custom-checkbox': props?.['formCheck'] === 'custom' || props?.['formCheck'] === 'custom-inline',
|
|
55
|
+
'custom-control-inline': props?.['formCheck'] === 'custom-inline',
|
|
56
|
+
'custom-switch': props?.['formCheck'] === 'custom-switch'
|
|
57
|
+
}"
|
|
58
|
+
>
|
|
59
|
+
<input
|
|
60
|
+
type="checkbox"
|
|
61
|
+
[id]="id + '_' + i"
|
|
62
|
+
[class.form-check-input]="props?.['formCheck']?.indexOf('custom') === -1"
|
|
63
|
+
[class.custom-control-input]="props?.['formCheck']?.indexOf('custom') === 0"
|
|
64
|
+
[value]="option.value"
|
|
65
|
+
[checked]="isChecked(option)"
|
|
66
|
+
[formlyAttributes]="field"
|
|
67
|
+
(change)="onChange(option.value, $event.target?.['checked'] ?? false)"
|
|
68
|
+
/>
|
|
69
|
+
<label
|
|
70
|
+
[class.form-check-label]="props?.['formCheck']?.indexOf('custom') === -1"
|
|
71
|
+
[class.custom-control-label]="props?.['formCheck']?.indexOf('custom') === 0"
|
|
72
|
+
[for]="id + '_' + i"
|
|
73
|
+
>
|
|
74
|
+
{{ option.label }}
|
|
75
|
+
</label>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCheckboxGroup, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{
|
|
83
|
+
selector: 'deon-nz-field-checkboxgroup',
|
|
84
|
+
template: `
|
|
85
|
+
<div>
|
|
86
|
+
<!-- 使用 async 管道时,确保 props?.options 是 Observable 类型 -->
|
|
87
|
+
<div
|
|
88
|
+
*ngFor="let option of (options$ | async); let i = index"
|
|
89
|
+
[ngClass]="{
|
|
90
|
+
'form-check': props?.['formCheck']?.indexOf('custom') === -1,
|
|
91
|
+
'form-check-inline': props?.['formCheck'] === 'inline',
|
|
92
|
+
'custom-control': props?.['formCheck']?.indexOf('custom') === 0,
|
|
93
|
+
'custom-checkbox': props?.['formCheck'] === 'custom' || props?.['formCheck'] === 'custom-inline',
|
|
94
|
+
'custom-control-inline': props?.['formCheck'] === 'custom-inline',
|
|
95
|
+
'custom-switch': props?.['formCheck'] === 'custom-switch'
|
|
96
|
+
}"
|
|
97
|
+
>
|
|
98
|
+
<input
|
|
99
|
+
type="checkbox"
|
|
100
|
+
[id]="id + '_' + i"
|
|
101
|
+
[class.form-check-input]="props?.['formCheck']?.indexOf('custom') === -1"
|
|
102
|
+
[class.custom-control-input]="props?.['formCheck']?.indexOf('custom') === 0"
|
|
103
|
+
[value]="option.value"
|
|
104
|
+
[checked]="isChecked(option)"
|
|
105
|
+
[formlyAttributes]="field"
|
|
106
|
+
(change)="onChange(option.value, $event.target?.['checked'] ?? false)"
|
|
107
|
+
/>
|
|
108
|
+
<label
|
|
109
|
+
[class.form-check-label]="props?.['formCheck']?.indexOf('custom') === -1"
|
|
110
|
+
[class.custom-control-label]="props?.['formCheck']?.indexOf('custom') === 0"
|
|
111
|
+
[for]="id + '_' + i"
|
|
112
|
+
>
|
|
113
|
+
{{ option.label }}
|
|
114
|
+
</label>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
`,
|
|
118
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
119
|
+
imports: [
|
|
120
|
+
CommonModule,
|
|
121
|
+
ReactiveFormsModule,
|
|
122
|
+
NzCheckboxModule,
|
|
123
|
+
FormlyModule
|
|
124
|
+
]
|
|
125
|
+
}]
|
|
126
|
+
}], ctorParameters: () => [] });
|
|
127
|
+
|
|
128
|
+
class DeonNzCheckboxGroupModule {
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
130
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxGroupModule, imports: [CommonModule,
|
|
131
|
+
DeonNzFormFieldModule, i2.FormlyModule] });
|
|
132
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxGroupModule, imports: [CommonModule,
|
|
133
|
+
DeonNzFormFieldModule,
|
|
134
|
+
FormlyModule.forChild({
|
|
135
|
+
types: [
|
|
136
|
+
{
|
|
137
|
+
name: 'checkboxgroup',
|
|
138
|
+
component: DeonNzFieldCheckboxGroup,
|
|
139
|
+
wrappers: ['formly-form-field'],
|
|
140
|
+
},
|
|
141
|
+
],
|
|
142
|
+
})] });
|
|
143
|
+
}
|
|
144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzCheckboxGroupModule, decorators: [{
|
|
145
|
+
type: NgModule,
|
|
146
|
+
args: [{
|
|
147
|
+
imports: [
|
|
148
|
+
CommonModule,
|
|
149
|
+
DeonNzFormFieldModule,
|
|
150
|
+
FormlyModule.forChild({
|
|
151
|
+
types: [
|
|
152
|
+
{
|
|
153
|
+
name: 'checkboxgroup',
|
|
154
|
+
component: DeonNzFieldCheckboxGroup,
|
|
155
|
+
wrappers: ['formly-form-field'],
|
|
156
|
+
},
|
|
157
|
+
],
|
|
158
|
+
}),
|
|
159
|
+
],
|
|
160
|
+
}]
|
|
161
|
+
}] });
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Generated bundle index. Do not edit.
|
|
165
|
+
*/
|
|
166
|
+
|
|
167
|
+
export { DeonNzCheckboxGroupModule, DeonNzFieldCheckboxGroup };
|
|
168
|
+
//# sourceMappingURL=type.checkboxgroup.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.checkboxgroup.mjs","sources":["../../../../packages/form/checkboxgroup/src/checkboxgroup.type.ts","../../../../packages/form/checkboxgroup/src/checkboxgroup.module.ts","../../../../packages/form/checkboxgroup/type.checkboxgroup.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NzCheckboxModule } from 'ng-zorro-antd/checkbox';\nimport { FormlyModule, FieldType, FieldTypeConfig } from '@kre-form/core';\nimport { Observable, of } from 'rxjs';\n\n@Component({\n selector: 'deon-nz-field-checkboxgroup',\n template: `\n <div>\n <!-- 使用 async 管道时,确保 props?.options 是 Observable 类型 -->\n <div\n *ngFor=\"let option of (options$ | async); let i = index\"\n [ngClass]=\"{\n 'form-check': props?.['formCheck']?.indexOf('custom') === -1,\n 'form-check-inline': props?.['formCheck'] === 'inline',\n 'custom-control': props?.['formCheck']?.indexOf('custom') === 0,\n 'custom-checkbox': props?.['formCheck'] === 'custom' || props?.['formCheck'] === 'custom-inline',\n 'custom-control-inline': props?.['formCheck'] === 'custom-inline',\n 'custom-switch': props?.['formCheck'] === 'custom-switch'\n }\"\n >\n <input\n type=\"checkbox\"\n [id]=\"id + '_' + i\"\n [class.form-check-input]=\"props?.['formCheck']?.indexOf('custom') === -1\"\n [class.custom-control-input]=\"props?.['formCheck']?.indexOf('custom') === 0\"\n [value]=\"option.value\"\n [checked]=\"isChecked(option)\"\n [formlyAttributes]=\"field\"\n (change)=\"onChange(option.value, $event.target?.['checked'] ?? false)\"\n />\n <label\n [class.form-check-label]=\"props?.['formCheck']?.indexOf('custom') === -1\"\n [class.custom-control-label]=\"props?.['formCheck']?.indexOf('custom') === 0\"\n [for]=\"id + '_' + i\"\n >\n {{ option.label }}\n </label>\n </div>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n NzCheckboxModule,\n FormlyModule\n ]\n})\nexport class DeonNzFieldCheckboxGroup extends FieldType<FieldTypeConfig> implements OnInit {\n override defaultOptions = {\n props: {\n options: [], // 默认值为空数组\n formCheck: 'custom', // 默认的 formCheck 样式\n },\n };\n\n // 将 options$ 定义为 Observable<any[]> 类型\n options$: Observable<any[]>;\n\n constructor() {\n super();\n }\n\n ngOnInit() {\n const opts = this.props?.options;\n this.options$ = Array.isArray(opts) ? of(opts) : opts ?? of([]);\n }\n\n onChange(value: any, checked: boolean) {\n if (this.props.type === 'array') {\n this.formControl.patchValue(\n checked ? [...(this.formControl.value || []), value] : [...(this.formControl.value || [])].filter((o) => o !== value),\n );\n } else {\n this.formControl.patchValue({\n ...this.formControl.value,\n [value]: checked,\n });\n }\n this.formControl.markAsTouched();\n }\n\n isChecked(option: any) {\n const value = this.formControl.value;\n\n return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@kre-form/core';\nimport { DeonNzFormFieldModule } from '@ebuilding/form/form-field';\n\nimport { DeonNzFieldCheckboxGroup } from './checkboxgroup.type';\n\n@NgModule({\n imports: [\n CommonModule,\n DeonNzFormFieldModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'checkboxgroup',\n component: DeonNzFieldCheckboxGroup,\n wrappers: ['formly-form-field'],\n },\n ],\n }),\n ],\n})\nexport class DeonNzCheckboxGroupModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i4 from '@kre-form/core';
|
|
6
|
+
import { FieldType, FormlyModule } from '@kre-form/core';
|
|
7
|
+
import * as i2 from '@angular/forms';
|
|
8
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
9
|
+
import * as i3 from 'ng-zorro-antd/input';
|
|
10
|
+
import { NzInputModule } from 'ng-zorro-antd/input';
|
|
11
|
+
|
|
12
|
+
class DeonNzFieldColor extends FieldType {
|
|
13
|
+
defaultOptions = {
|
|
14
|
+
props: {},
|
|
15
|
+
defaultValue: '#262626',
|
|
16
|
+
};
|
|
17
|
+
get text() {
|
|
18
|
+
if (this.model && this.model.hasOwnProperty(this.field.key)) {
|
|
19
|
+
let key = this.field?.key;
|
|
20
|
+
return this.model?.[key];
|
|
21
|
+
}
|
|
22
|
+
return '';
|
|
23
|
+
}
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldColor, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldColor, isStandalone: true, selector: "deon-nz-field-color", usesInheritance: true, ngImport: i0, template: "<div class=\"field-color deon-color deon-color-default\" *ngIf=\"editor == false; else tmpField\">\n <div class=\"color-control\">\n <div [style.background]=\"text\"></div>\n </div>\n</div>\n<ng-template #tmpField>\n <input nz-input [formControl]=\"formControl\" [type]=\"'color'\" [formlyAttributes]=\"field\" />\n</ng-template>", styles: [":host ::ng-deep .color-control{height:32px;border:1px solid #eaeaea;width:60px;background-color:#fff;padding:8px 13px}:host ::ng-deep .color-control div{width:100%;height:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i3.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldColor, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'deon-nz-field-color', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
30
|
+
CommonModule,
|
|
31
|
+
ReactiveFormsModule,
|
|
32
|
+
NzInputModule,
|
|
33
|
+
FormlyModule
|
|
34
|
+
], template: "<div class=\"field-color deon-color deon-color-default\" *ngIf=\"editor == false; else tmpField\">\n <div class=\"color-control\">\n <div [style.background]=\"text\"></div>\n </div>\n</div>\n<ng-template #tmpField>\n <input nz-input [formControl]=\"formControl\" [type]=\"'color'\" [formlyAttributes]=\"field\" />\n</ng-template>", styles: [":host ::ng-deep .color-control{height:32px;border:1px solid #eaeaea;width:60px;background-color:#fff;padding:8px 13px}:host ::ng-deep .color-control div{width:100%;height:15px}\n"] }]
|
|
35
|
+
}] });
|
|
36
|
+
|
|
37
|
+
class DeonNzColorModule {
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
39
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzColorModule, imports: [CommonModule, i4.FormlyModule] });
|
|
40
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzColorModule, imports: [CommonModule,
|
|
41
|
+
FormlyModule.forChild({
|
|
42
|
+
types: [
|
|
43
|
+
{
|
|
44
|
+
name: 'color',
|
|
45
|
+
component: DeonNzFieldColor,
|
|
46
|
+
wrappers: ['formly-form-field'],
|
|
47
|
+
},
|
|
48
|
+
],
|
|
49
|
+
})] });
|
|
50
|
+
}
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzColorModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
imports: [
|
|
55
|
+
CommonModule,
|
|
56
|
+
FormlyModule.forChild({
|
|
57
|
+
types: [
|
|
58
|
+
{
|
|
59
|
+
name: 'color',
|
|
60
|
+
component: DeonNzFieldColor,
|
|
61
|
+
wrappers: ['formly-form-field'],
|
|
62
|
+
},
|
|
63
|
+
],
|
|
64
|
+
}),
|
|
65
|
+
],
|
|
66
|
+
}]
|
|
67
|
+
}] });
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Generated bundle index. Do not edit.
|
|
71
|
+
*/
|
|
72
|
+
|
|
73
|
+
export { DeonNzColorModule, DeonNzFieldColor };
|
|
74
|
+
//# sourceMappingURL=type.colors.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.colors.mjs","sources":["../../../../packages/form/colors/src/default/index.ts","../../../../packages/form/colors/src/default/index.html","../../../../packages/form/colors/src/index.module.ts","../../../../packages/form/colors/type.colors.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NzInputModule } from 'ng-zorro-antd/input';\n\nimport { FormlyModule, FieldType, FieldTypeConfig } from '@kre-form/core';\nimport _ from 'lodash';\n\n@Component({\n selector: 'deon-nz-field-color',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n NzInputModule,\n FormlyModule\n ]\n})\nexport class DeonNzFieldColor extends FieldType<FieldTypeConfig> {\n override defaultOptions = {\n props: {},\n defaultValue: '#262626',\n };\n override get text() {\n if (this.model!! && this.model.hasOwnProperty(this.field.key)) {\n let key: any = this.field?.key;\n return this.model?.[key];\n }\n return '';\n }\n}\n","<div class=\"field-color deon-color deon-color-default\" *ngIf=\"editor == false; else tmpField\">\n <div class=\"color-control\">\n <div [style.background]=\"text\"></div>\n </div>\n</div>\n<ng-template #tmpField>\n <input nz-input [formControl]=\"formControl\" [type]=\"'color'\" [formlyAttributes]=\"field\" />\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@kre-form/core';\n\nimport { DeonNzFieldColor } from './default/index';\n\n@NgModule({\n imports: [\n CommonModule,\n FormlyModule.forChild({\n types: [\n {\n name: 'color',\n component: DeonNzFieldColor,\n wrappers: ['formly-form-field'],\n },\n ],\n }),\n ],\n})\nexport class DeonNzColorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|