@piying-lib/angular-daisyui 1.2.0 → 1.2.1
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/extension/index.d.ts +59 -9
- package/fesm2022/piying-lib-angular-daisyui-extension.mjs +246 -11
- package/fesm2022/piying-lib-angular-daisyui-extension.mjs.map +1 -1
- package/fesm2022/{piying-lib-angular-daisyui-field-control-props.directive-C5mF89PX.mjs → piying-lib-angular-daisyui-field-control-props.directive-I-MQ3iQV.mjs} +2 -1
- package/fesm2022/piying-lib-angular-daisyui-field-control-props.directive-I-MQ3iQV.mjs.map +1 -0
- package/fesm2022/piying-lib-angular-daisyui-field-control.mjs +142 -16
- package/fesm2022/piying-lib-angular-daisyui-field-control.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-field-group.mjs +90 -12
- package/fesm2022/piying-lib-angular-daisyui-field-group.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-non-field-control.mjs +145 -0
- package/fesm2022/piying-lib-angular-daisyui-non-field-control.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-wrapper.mjs +2 -2
- package/fesm2022/piying-lib-angular-daisyui-wrapper.mjs.map +1 -1
- package/field-control/index.d.ts +126 -6
- package/field-group/index.d.ts +91 -9
- package/non-field-control/index.d.ts +150 -0
- package/package.json +2 -2
- package/wrapper/index.d.ts +1 -1
- package/fesm2022/piying-lib-angular-daisyui-field-control-props.directive-C5mF89PX.mjs.map +0 -1
package/field-control/index.d.ts
CHANGED
|
@@ -5,25 +5,44 @@ import * as _piying_lib_angular_core from '@piying-lib/angular-core';
|
|
|
5
5
|
import { Color, Size, SelectOption, OptionConvert, ResolvedOption, StrOrTemplateComponent } from '@piying-lib/angular-core';
|
|
6
6
|
import { CalendarDateProps, CalendarMultiProps, CalendarRangeProps } from 'cally';
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* 复选框控件
|
|
10
|
+
*
|
|
11
|
+
* 提供单个复选框的勾选功能,支持确定、不确定两种状态。
|
|
12
|
+
* 常用于需要选择多个选项的场景。
|
|
13
|
+
*/
|
|
8
14
|
declare class CheckboxFCC extends BaseControl {
|
|
9
15
|
#private;
|
|
10
16
|
static __version: number;
|
|
11
17
|
templateRef: _angular_core.Signal<unknown>;
|
|
12
|
-
|
|
18
|
+
/** 颜色主题 */
|
|
13
19
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
20
|
+
/** 尺寸大小 */
|
|
14
21
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
22
|
+
/** 是否为不确定状态 */
|
|
23
|
+
indeterminate: _angular_core.InputSignal<boolean | undefined>;
|
|
15
24
|
wrapperClass$: _angular_core.Signal<string>;
|
|
16
25
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxFCC, never>;
|
|
17
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxFCC, "app-checkbox", never, { "
|
|
26
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxFCC, "app-checkbox", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
27
|
}
|
|
19
28
|
|
|
29
|
+
/**
|
|
30
|
+
* 文件上传控件
|
|
31
|
+
*
|
|
32
|
+
* 提供文件选择和上传功能,支持单文件和多文件选择。
|
|
33
|
+
* 适用于需要上传文件的表单场景。
|
|
34
|
+
*/
|
|
20
35
|
declare class FileInputFCC extends BaseControl {
|
|
21
36
|
#private;
|
|
22
37
|
static __version: number;
|
|
23
38
|
templateRef: _angular_core.Signal<unknown>;
|
|
39
|
+
/** 颜色主题 */
|
|
24
40
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
41
|
+
/** 尺寸大小 */
|
|
25
42
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
43
|
+
/** 是否支持多文件选择 */
|
|
26
44
|
multiple: _angular_core.InputSignal<boolean | undefined>;
|
|
45
|
+
/** 是否使用幽灵样式 */
|
|
27
46
|
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
28
47
|
fileChange: _angular_core.OutputEmitterRef<File | File[]>;
|
|
29
48
|
fileChanged(input: HTMLInputElement): void;
|
|
@@ -33,13 +52,23 @@ declare class FileInputFCC extends BaseControl {
|
|
|
33
52
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputFCC, "app-file-input", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; }, never, never, true, never>;
|
|
34
53
|
}
|
|
35
54
|
|
|
55
|
+
/**
|
|
56
|
+
* 文本输入控件
|
|
57
|
+
*
|
|
58
|
+
* 提供多种类型的文本输入功能,支持文本、密码、数字、日期等常见输入场景。
|
|
59
|
+
* 适合作为表单中的基础输入组件使用。
|
|
60
|
+
*/
|
|
36
61
|
declare class InputFCC extends BaseControl {
|
|
37
62
|
#private;
|
|
38
63
|
static __version: number;
|
|
64
|
+
/** 输入框类型 */
|
|
39
65
|
type: _angular_core.InputSignal<"number" | "text" | "password" | "email" | "date" | "datetime-local" | "week" | "month" | "tel" | "url" | "search" | "time">;
|
|
66
|
+
/** 是否使用幽灵样式 */
|
|
40
67
|
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
41
68
|
templateRef: _angular_core.Signal<unknown>;
|
|
69
|
+
/** 颜色主题 */
|
|
42
70
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
71
|
+
/** 尺寸大小 */
|
|
43
72
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
44
73
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
45
74
|
valueChange2(value: any, el: HTMLInputElement): void;
|
|
@@ -48,16 +77,27 @@ declare class InputFCC extends BaseControl {
|
|
|
48
77
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputFCC, "app-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
49
78
|
}
|
|
50
79
|
|
|
80
|
+
/**
|
|
81
|
+
* 单选框控件
|
|
82
|
+
*
|
|
83
|
+
* 提供一组选项中的单选功能,支持通过配置项数组动态生成选项列表。
|
|
84
|
+
* 适用于需要在多个互斥选项中选择一个的场景。
|
|
85
|
+
*/
|
|
51
86
|
declare class RadioFCC extends BaseControl {
|
|
52
87
|
#private;
|
|
53
88
|
static __version: number;
|
|
54
89
|
static index: number;
|
|
55
90
|
templateRef: _angular_core.Signal<unknown>;
|
|
91
|
+
/** 颜色主题 */
|
|
56
92
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
93
|
+
/** 尺寸大小 */
|
|
57
94
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
58
95
|
name: string;
|
|
96
|
+
/** 选项列表 */
|
|
59
97
|
options: _angular_core.InputSignalWithTransform<SelectOption[], SelectOption[] | undefined>;
|
|
98
|
+
/** 选项模板 */
|
|
60
99
|
optionTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
100
|
+
/** 选项转换器 */
|
|
61
101
|
optionConvert: _angular_core.InputSignalWithTransform<OptionConvert, Partial<OptionConvert>>;
|
|
62
102
|
resolvedOptions$$: _angular_core.Signal<ResolvedOption[]>;
|
|
63
103
|
transformOptions(options: any[]): ResolvedOption[];
|
|
@@ -66,30 +106,52 @@ declare class RadioFCC extends BaseControl {
|
|
|
66
106
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioFCC, "app-radio", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "optionConvert": { "alias": "optionConvert"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
67
107
|
}
|
|
68
108
|
|
|
109
|
+
/**
|
|
110
|
+
* 范围选择控件
|
|
111
|
+
*
|
|
112
|
+
* 提供滑动条形式的数值输入,支持设置最小值、最大值和步长。
|
|
113
|
+
* 适用于需要选择数值范围或评分等场景。
|
|
114
|
+
*/
|
|
69
115
|
declare class RangeFCC extends BaseControl {
|
|
70
116
|
#private;
|
|
71
117
|
static __version: number;
|
|
72
118
|
templateRef: _angular_core.Signal<unknown>;
|
|
119
|
+
/** 颜色主题 */
|
|
73
120
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
121
|
+
/** 尺寸大小 */
|
|
74
122
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
123
|
+
/** 最小值 */
|
|
75
124
|
min: _angular_core.InputSignal<number | undefined>;
|
|
125
|
+
/** 最大值 */
|
|
76
126
|
max: _angular_core.InputSignal<number | undefined>;
|
|
127
|
+
/** 步长 */
|
|
77
128
|
step: _angular_core.InputSignal<number | undefined>;
|
|
78
129
|
wrapperClass$: _angular_core.Signal<string>;
|
|
79
130
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeFCC, never>;
|
|
80
131
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeFCC, "app-range", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
81
132
|
}
|
|
82
133
|
|
|
134
|
+
/**
|
|
135
|
+
* 评分控件
|
|
136
|
+
*
|
|
137
|
+
* 提供星级或爱心形式的评分选择功能,支持半星选择。
|
|
138
|
+
* 适用于评价、评级、评分等场景。
|
|
139
|
+
*/
|
|
83
140
|
declare class RatingFCC extends BaseControl {
|
|
84
141
|
#private;
|
|
85
142
|
static index: number;
|
|
86
143
|
name: string;
|
|
87
144
|
static __version: number;
|
|
88
145
|
templateRef: _angular_core.Signal<unknown>;
|
|
89
|
-
|
|
146
|
+
/** 尺寸大小 */
|
|
147
|
+
size: _angular_core.InputSignal<Size>;
|
|
148
|
+
/** 最小值 */
|
|
90
149
|
min: _angular_core.InputSignal<number>;
|
|
150
|
+
/** 最大值 */
|
|
91
151
|
max: _angular_core.InputSignal<number>;
|
|
152
|
+
/** 是否支持半星选择 */
|
|
92
153
|
half: _angular_core.InputSignal<boolean | undefined>;
|
|
154
|
+
/** 类型,支持星形或爱心形状 */
|
|
93
155
|
type: _angular_core.InputSignal<"star" | "star-2" | "heart">;
|
|
94
156
|
list: _angular_core.Signal<number[]>;
|
|
95
157
|
itemClass$$: _angular_core.Signal<string | undefined>;
|
|
@@ -98,20 +160,31 @@ declare class RatingFCC extends BaseControl {
|
|
|
98
160
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingFCC, "app-rating", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "half": { "alias": "half"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
99
161
|
}
|
|
100
162
|
|
|
163
|
+
/**
|
|
164
|
+
* 选择器控件
|
|
165
|
+
*
|
|
166
|
+
* 提供下拉选择功能,支持单选、多选以及原生 select 样式。
|
|
167
|
+
* 适用于需要在多个选项中选择一个或多个的场景。
|
|
168
|
+
*/
|
|
101
169
|
declare class SelectFCC extends BaseControl {
|
|
102
170
|
#private;
|
|
103
171
|
static __version: number;
|
|
104
172
|
templateRef: _angular_core.Signal<unknown>;
|
|
173
|
+
/** 颜色主题 */
|
|
105
174
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
175
|
+
/** 尺寸大小 */
|
|
106
176
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
177
|
+
/** 是否多选 */
|
|
107
178
|
multiple: _angular_core.InputSignal<boolean>;
|
|
179
|
+
/** 是否使用幽灵样式 */
|
|
108
180
|
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
181
|
+
/** 是否使用原生 select 样式 */
|
|
109
182
|
native: _angular_core.InputSignal<boolean | undefined>;
|
|
110
|
-
/**
|
|
111
|
-
/** @title 列表
|
|
112
|
-
@default [] */
|
|
183
|
+
/** 选项列表 */
|
|
113
184
|
options: _angular_core.InputSignalWithTransform<SelectOption[], SelectOption[] | undefined>;
|
|
185
|
+
/** 选项转换器 */
|
|
114
186
|
optionConvert: _angular_core.InputSignalWithTransform<OptionConvert, Partial<OptionConvert>>;
|
|
187
|
+
/** 空选项时显示的内容 */
|
|
115
188
|
emptyOptionContent: _angular_core.InputSignal<string>;
|
|
116
189
|
resolvedOptions$$: _angular_core.Signal<_piying_lib_angular_core.ResolvedOption[]>;
|
|
117
190
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
@@ -119,40 +192,70 @@ declare class SelectFCC extends BaseControl {
|
|
|
119
192
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFCC, "app-select", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "native": { "alias": "native"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionConvert": { "alias": "optionConvert"; "required": false; "isSignal": true; }; "emptyOptionContent": { "alias": "emptyOptionContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
120
193
|
}
|
|
121
194
|
|
|
195
|
+
/**
|
|
196
|
+
* 多行文本输入控件
|
|
197
|
+
*
|
|
198
|
+
* 提供多行文本的输入功能,支持大段文本的编辑场景。
|
|
199
|
+
* 适用于评论、描述、备注等需要大量文本输入的表单字段。
|
|
200
|
+
*/
|
|
122
201
|
declare class TextareaFCC extends BaseControl {
|
|
123
202
|
#private;
|
|
124
203
|
static __version: number;
|
|
204
|
+
/** 是否使用幽灵样式 */
|
|
125
205
|
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
126
206
|
templateRef: _angular_core.Signal<unknown>;
|
|
207
|
+
/** 颜色主题 */
|
|
127
208
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
209
|
+
/** 尺寸大小 */
|
|
128
210
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
129
211
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
130
212
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaFCC, never>;
|
|
131
213
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaFCC, "app-textarea", never, { "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
132
214
|
}
|
|
133
215
|
|
|
216
|
+
/**
|
|
217
|
+
* 开关控件
|
|
218
|
+
*
|
|
219
|
+
* 提供开/关状态切换功能,支持确定和不确定两种状态。
|
|
220
|
+
* 适用于功能开关、选项启用/禁用等场景。
|
|
221
|
+
*/
|
|
134
222
|
declare class ToggleFCC extends BaseControl {
|
|
135
223
|
#private;
|
|
136
224
|
static __version: number;
|
|
137
225
|
templateRef: _angular_core.Signal<unknown>;
|
|
226
|
+
/** 颜色主题 */
|
|
138
227
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
228
|
+
/** 尺寸大小 */
|
|
139
229
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
230
|
+
/** 是否为不确定状态 */
|
|
140
231
|
indeterminate: _angular_core.InputSignal<boolean | undefined>;
|
|
141
232
|
wrapperClass$: _angular_core.Signal<string>;
|
|
142
233
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleFCC, never>;
|
|
143
234
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleFCC, "app-toggle", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
144
235
|
}
|
|
145
236
|
|
|
237
|
+
/**
|
|
238
|
+
* 交换控件(状态切换控件)
|
|
239
|
+
*
|
|
240
|
+
* 提供两种或三种状态之间的切换功能,支持旋转、翻转等动画效果。
|
|
241
|
+
* 可自定义不同状态下的显示内容,适用于需要状态切换的场景。
|
|
242
|
+
*/
|
|
146
243
|
declare class SwapFCC extends BaseControl {
|
|
147
244
|
#private;
|
|
148
245
|
static __version: number;
|
|
149
246
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
150
247
|
templateRef: _angular_core.Signal<unknown>;
|
|
248
|
+
/** 开启状态时显示的内容 */
|
|
151
249
|
onContent: _angular_core.InputSignal<string | TemplateRef<any>>;
|
|
250
|
+
/** 关闭状态时显示的内容 */
|
|
152
251
|
offContent: _angular_core.InputSignal<string | TemplateRef<any>>;
|
|
252
|
+
/** 不确定状态时显示的内容 */
|
|
153
253
|
indeterminateContent: _angular_core.InputSignal<string | TemplateRef<any> | undefined>;
|
|
254
|
+
/** 是否为不确定状态 */
|
|
154
255
|
indeterminate: _angular_core.InputSignal<boolean | undefined>;
|
|
256
|
+
/** 是否启用旋转动画 */
|
|
155
257
|
rotate: _angular_core.InputSignal<boolean | undefined>;
|
|
258
|
+
/** 是否启用翻转动画 */
|
|
156
259
|
flip: _angular_core.InputSignal<boolean | undefined>;
|
|
157
260
|
wrapperClass$: _angular_core.Signal<string>;
|
|
158
261
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwapFCC, never>;
|
|
@@ -171,8 +274,11 @@ declare class CalendarFCC extends BaseControl<Date | Date[]> {
|
|
|
171
274
|
#private;
|
|
172
275
|
static __version: number;
|
|
173
276
|
templateRef: _angular_core.Signal<unknown>;
|
|
277
|
+
/** 日期选择模式,支持单选、多选、范围选择 */
|
|
174
278
|
type: _angular_core.InputSignal<"multi" | "range" | "date">;
|
|
279
|
+
/** 日期属性配置 */
|
|
175
280
|
dateProps: _angular_core.InputSignal<DatedCalendarDateProps | DatedCalendarMultiProps | DatedCalendarRangeProps | undefined>;
|
|
281
|
+
/** 显示的月份数量 */
|
|
176
282
|
monthProps: _angular_core.InputSignal<number | number[]>;
|
|
177
283
|
monthProps$$: _angular_core.Signal<number[]>;
|
|
178
284
|
dateProps$$: _angular_core.Signal<{
|
|
@@ -202,6 +308,12 @@ declare class CalendarFCC extends BaseControl<Date | Date[]> {
|
|
|
202
308
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarFCC, "app-calendar", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "dateProps": { "alias": "dateProps"; "required": false; "isSignal": true; }; "monthProps": { "alias": "monthProps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
203
309
|
}
|
|
204
310
|
|
|
311
|
+
/**
|
|
312
|
+
* 密码输入控件
|
|
313
|
+
*
|
|
314
|
+
* 提供带有密码可见性切换功能的输入框。
|
|
315
|
+
* 适用于需要输入密码等敏感信息的场景。
|
|
316
|
+
*/
|
|
205
317
|
declare class PasswordInputFCC extends BaseControl {
|
|
206
318
|
static __version: number;
|
|
207
319
|
templateRef: _angular_core.Signal<unknown>;
|
|
@@ -213,13 +325,21 @@ declare class PasswordInputFCC extends BaseControl {
|
|
|
213
325
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputFCC, "app-password", never, {}, {}, never, never, true, never>;
|
|
214
326
|
}
|
|
215
327
|
|
|
328
|
+
/**
|
|
329
|
+
* 可编辑标签控件
|
|
330
|
+
*
|
|
331
|
+
* 提供可直接点击编辑的标签显示功能,支持在显示和编辑状态之间切换。
|
|
332
|
+
* 适用于需要Inline编辑的场景,如自定义标签、备注等。
|
|
333
|
+
*/
|
|
216
334
|
declare class EditableBadgeFCC extends BaseControl {
|
|
217
335
|
#private;
|
|
218
336
|
static __version: number;
|
|
219
337
|
templateRef: _angular_core.Signal<unknown>;
|
|
220
338
|
isEdit$: _angular_core.WritableSignal<boolean>;
|
|
221
339
|
editContent$: _angular_core.WritableSignal<any>;
|
|
340
|
+
/** 尺寸大小 */
|
|
222
341
|
size: _angular_core.InputSignal<Size>;
|
|
342
|
+
/** 颜色主题 */
|
|
223
343
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
224
344
|
wrapperClass$: _angular_core.Signal<string>;
|
|
225
345
|
size$$: _angular_core.Signal<{
|
package/field-group/index.d.ts
CHANGED
|
@@ -3,16 +3,27 @@ import { PiyingViewGroupBase, PiResolvedViewFieldConfig } from '@piying/view-ang
|
|
|
3
3
|
import * as _piying_view_angular_core from '@piying/view-angular-core';
|
|
4
4
|
import { Size, StrOrTemplateComponent, Color } from '@piying-lib/angular-core';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* 折叠面板组
|
|
8
|
+
*
|
|
9
|
+
* 用于将多个内容块进行折叠/展开管理,支持单展开或多展开模式。
|
|
10
|
+
* 适合内容较多但需要节省空间的场景,如常见问题解答、设置选项分组等。
|
|
11
|
+
*/
|
|
6
12
|
declare class AccordionFGC extends PiyingViewGroupBase {
|
|
7
13
|
#private;
|
|
8
14
|
static __version: number;
|
|
9
15
|
static index: number;
|
|
10
16
|
name: string;
|
|
17
|
+
/** 是否允许多个面板同时展开 */
|
|
11
18
|
multi: _angular_core.InputSignal<boolean>;
|
|
12
19
|
templateRef: _angular_core.Signal<unknown>;
|
|
20
|
+
/** 子项标题函数,用于自定义标题显示 */
|
|
13
21
|
childTitleFn: _angular_core.InputSignal<(item: PiResolvedViewFieldConfig) => any>;
|
|
22
|
+
/** 是否连接子项 */
|
|
14
23
|
joinChild: _angular_core.InputSignal<boolean>;
|
|
24
|
+
/** 折叠图标样式 */
|
|
15
25
|
collapseIcon: _angular_core.InputSignal<"arrow" | "plus" | undefined>;
|
|
26
|
+
/** 子项 CSS 类名 */
|
|
16
27
|
childClass: _angular_core.InputSignal<string>;
|
|
17
28
|
childClass$$: _angular_core.Signal<string>;
|
|
18
29
|
childName: (multi: boolean, index: number) => string;
|
|
@@ -20,17 +31,31 @@ declare class AccordionFGC extends PiyingViewGroupBase {
|
|
|
20
31
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionFGC, "app-accordion", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "childTitleFn": { "alias": "childTitleFn"; "required": false; "isSignal": true; }; "joinChild": { "alias": "joinChild"; "required": false; "isSignal": true; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; "isSignal": true; }; "childClass": { "alias": "childClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
21
32
|
}
|
|
22
33
|
|
|
34
|
+
/**
|
|
35
|
+
* 卡片组
|
|
36
|
+
*
|
|
37
|
+
* 用于将表单字段组织成卡片式布局,支持标题、图片和操作区的自定义。
|
|
38
|
+
* 适合需要突出显示每组字段、创建美观表单界面的场景,如用户资料编辑、表单 Wizard 等。
|
|
39
|
+
*/
|
|
23
40
|
declare class CardFGC extends PiyingViewGroupBase {
|
|
24
41
|
#private;
|
|
25
42
|
static __version: number;
|
|
26
43
|
templateRef: _angular_core.Signal<unknown>;
|
|
44
|
+
/** 边框样式 */
|
|
27
45
|
border: _angular_core.InputSignal<"border" | "dash" | undefined>;
|
|
46
|
+
/** 尺寸大小 */
|
|
28
47
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
48
|
+
/** 内容区域 CSS 类名 */
|
|
29
49
|
bodyClass: _angular_core.InputSignal<string | undefined>;
|
|
50
|
+
/** 图片区域 CSS 类名 */
|
|
30
51
|
figureClass: _angular_core.InputSignal<string | undefined>;
|
|
52
|
+
/** 操作区域 CSS 类名 */
|
|
31
53
|
actionsClass: _angular_core.InputSignal<string>;
|
|
54
|
+
/** 标题字段键名 */
|
|
32
55
|
titleKey: _angular_core.InputSignal<string>;
|
|
56
|
+
/** 图片字段键名 */
|
|
33
57
|
figureKey: _angular_core.InputSignal<string>;
|
|
58
|
+
/** 操作字段键名 */
|
|
34
59
|
actionsKey: _angular_core.InputSignal<string>;
|
|
35
60
|
titleFiled$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig | undefined>;
|
|
36
61
|
figureFiled$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig | undefined>;
|
|
@@ -41,25 +66,41 @@ declare class CardFGC extends PiyingViewGroupBase {
|
|
|
41
66
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardFGC, "app-card", never, { "border": { "alias": "border"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; "figureClass": { "alias": "figureClass"; "required": false; "isSignal": true; }; "actionsClass": { "alias": "actionsClass"; "required": false; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "figureKey": { "alias": "figureKey"; "required": false; "isSignal": true; }; "actionsKey": { "alias": "actionsKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
42
67
|
}
|
|
43
68
|
|
|
69
|
+
/**
|
|
70
|
+
* 走马灯组
|
|
71
|
+
*
|
|
72
|
+
* 用于横向或纵向滚动展示多个表单字段,支持自动滚动和对齐方式设置。
|
|
73
|
+
* 适合字段较多且需要空间节省的场景,如多步骤表单、长列表项展示等。
|
|
74
|
+
*/
|
|
44
75
|
declare class CarouselFGC extends PiyingViewGroupBase {
|
|
45
76
|
#private;
|
|
46
77
|
static __version: number;
|
|
47
78
|
static index: number;
|
|
48
79
|
index: number;
|
|
49
80
|
templateRef: _angular_core.Signal<unknown>;
|
|
81
|
+
/** 滚动方向 */
|
|
50
82
|
direction: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
|
|
83
|
+
/** 滚动对齐方式 */
|
|
51
84
|
scrollAlign: _angular_core.InputSignal<"start" | "center" | "end" | undefined>;
|
|
85
|
+
/** 子项 ID 映射函数 */
|
|
52
86
|
childIdMap: _angular_core.InputSignal<(compIndex: number, childIndex: number) => string>;
|
|
53
87
|
ngClass$$: _angular_core.Signal<string>;
|
|
54
88
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselFGC, never>;
|
|
55
89
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselFGC, "app-carousel", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "scrollAlign": { "alias": "scrollAlign"; "required": false; "isSignal": true; }; "childIdMap": { "alias": "childIdMap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
56
90
|
}
|
|
57
91
|
|
|
92
|
+
/**
|
|
93
|
+
* 舷窗组
|
|
94
|
+
*
|
|
95
|
+
* 底部导航栏(也称为“Dock”或“底部栏”)是一种用户界面元素,用于向用户提供导航选项。该栏固定在屏幕底部。
|
|
96
|
+
*/
|
|
58
97
|
declare class DockFGC extends PiyingViewGroupBase {
|
|
59
98
|
#private;
|
|
60
99
|
static __version: number;
|
|
61
100
|
templateRef: _angular_core.Signal<unknown>;
|
|
101
|
+
/** 尺寸大小 */
|
|
62
102
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
103
|
+
/** 当前激活的索引 */
|
|
63
104
|
activatedIndex: _angular_core.InputSignal<number>;
|
|
64
105
|
activatedIndex$: _angular_core.WritableSignal<number>;
|
|
65
106
|
toggleActivate(index: number): void;
|
|
@@ -68,14 +109,27 @@ declare class DockFGC extends PiyingViewGroupBase {
|
|
|
68
109
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DockFGC, "app-dock", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
69
110
|
}
|
|
70
111
|
|
|
112
|
+
/**
|
|
113
|
+
* 列表组
|
|
114
|
+
*
|
|
115
|
+
* 用于将表单字段以列表形式垂直排列展示,支持自定义标题样式。
|
|
116
|
+
* 适合字段较多、需要清晰层级结构的场景,如设置列表、表单项清单等。
|
|
117
|
+
*/
|
|
71
118
|
declare class ListFGC extends PiyingViewGroupBase {
|
|
72
119
|
static __version: number;
|
|
73
120
|
templateRef: _angular_core.Signal<unknown>;
|
|
121
|
+
/** 标题 CSS 类名 */
|
|
74
122
|
titleClass: _angular_core.InputSignal<unknown>;
|
|
75
123
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListFGC, never>;
|
|
76
124
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListFGC, "app-list", never, { "titleClass": { "alias": "titleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
77
125
|
}
|
|
78
126
|
|
|
127
|
+
/**
|
|
128
|
+
* 导航栏组
|
|
129
|
+
*
|
|
130
|
+
* 用于将表单字段组织成导航栏布局,支持开始、中间、结束三个区域的智能分配。
|
|
131
|
+
* 适合需要在顶部导航栏展示表单操作或导航项的场景,如搜索栏、工具栏等。
|
|
132
|
+
*/
|
|
79
133
|
declare class NavbarFGC extends PiyingViewGroupBase {
|
|
80
134
|
static __version: number;
|
|
81
135
|
static index: number;
|
|
@@ -88,16 +142,27 @@ declare class NavbarFGC extends PiyingViewGroupBase {
|
|
|
88
142
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarFGC, "app-navbar", never, {}, {}, never, never, true, never>;
|
|
89
143
|
}
|
|
90
144
|
|
|
145
|
+
/**
|
|
146
|
+
* 抽屉组
|
|
147
|
+
*
|
|
148
|
+
* 用于将表单字段组织成可侧边抽屉展开/收起的布局,支持覆盖和侧边两种模式。
|
|
149
|
+
* 适合次要或辅助性的字段组,如筛选条件、详细信息、操作面板等。
|
|
150
|
+
*/
|
|
91
151
|
declare class DrawerFGC extends PiyingViewGroupBase {
|
|
92
152
|
#private;
|
|
93
153
|
static __version: number;
|
|
94
154
|
static index: number;
|
|
95
155
|
name: string;
|
|
96
156
|
templateRef: _angular_core.Signal<unknown>;
|
|
157
|
+
/** 抽屉内容区域 CSS 类名 */
|
|
97
158
|
contentClass: _angular_core.InputSignal<string | undefined>;
|
|
159
|
+
/** 侧边栏区域 CSS 类名 */
|
|
98
160
|
sideClass: _angular_core.InputSignal<string | undefined>;
|
|
161
|
+
/** 遮罩层 CSS 类名 */
|
|
99
162
|
overlayClass: _angular_core.InputSignal<string | undefined>;
|
|
163
|
+
/** 抽屉模式 */
|
|
100
164
|
mode: _angular_core.InputSignal<"over" | "side">;
|
|
165
|
+
/** 抽屉位置 */
|
|
101
166
|
position: _angular_core.InputSignal<"start" | "end" | undefined>;
|
|
102
167
|
contentFiled$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig | undefined>;
|
|
103
168
|
sideFiled$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig | undefined>;
|
|
@@ -108,19 +173,31 @@ declare class DrawerFGC extends PiyingViewGroupBase {
|
|
|
108
173
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerFGC, "app-drawer", never, { "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "sideClass": { "alias": "sideClass"; "required": false; "isSignal": true; }; "overlayClass": { "alias": "overlayClass"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; }, never, never, true, never>;
|
|
109
174
|
}
|
|
110
175
|
|
|
176
|
+
/**
|
|
177
|
+
* 标签页组
|
|
178
|
+
*
|
|
179
|
+
* 用于将表单字段组织成多标签页切换展示,支持多种标签样式和位置布局。
|
|
180
|
+
* 适合字段较多需要分类管理、多配置项分页展示的场景,如系统设置、表单分组等。
|
|
181
|
+
*/
|
|
111
182
|
declare class TabsFGC extends PiyingViewGroupBase {
|
|
112
183
|
#private;
|
|
113
184
|
static __version: number;
|
|
114
185
|
static index: number;
|
|
115
186
|
templateRef: _angular_core.Signal<unknown>;
|
|
116
|
-
StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
187
|
+
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
188
|
+
/** 尺寸大小 */
|
|
117
189
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
118
190
|
name: string;
|
|
191
|
+
/** 当前激活的标签页索引 */
|
|
119
192
|
activatedIndex: _angular_core.InputSignal<number>;
|
|
193
|
+
/** 标签类型 */
|
|
120
194
|
type: _angular_core.InputSignal<"border" | "box" | "lift" | undefined>;
|
|
195
|
+
/** 标签页位置 */
|
|
121
196
|
placement: _angular_core.InputSignal<"top" | "bottom" | undefined>;
|
|
197
|
+
/** 标签页内容区域 CSS 类名 */
|
|
122
198
|
tabContentClass: _angular_core.InputSignal<string>;
|
|
123
199
|
activatedIndex$: _angular_core.WritableSignal<number>;
|
|
200
|
+
/** 切换前的回调函数 */
|
|
124
201
|
beforeChange: _angular_core.InputSignal<((index: number) => any) | undefined>;
|
|
125
202
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
126
203
|
isUnion$$: _angular_core.Signal<boolean>;
|
|
@@ -133,20 +210,32 @@ declare class TabsFGC extends PiyingViewGroupBase {
|
|
|
133
210
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsFGC, "app-tabs", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "tabContentClass": { "alias": "tabContentClass"; "required": false; "isSignal": true; }; "beforeChange": { "alias": "beforeChange"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
134
211
|
}
|
|
135
212
|
|
|
213
|
+
/**
|
|
214
|
+
* 步骤组
|
|
215
|
+
*
|
|
216
|
+
* 用于将表单字段组织成多步骤向导流程,支持步骤进度管理和前后切换。
|
|
217
|
+
* 适合复杂表单分步填写的场景,如注册流程、配置向导、订单填写等。
|
|
218
|
+
*/
|
|
136
219
|
declare class StepsFGC extends PiyingViewGroupBase {
|
|
137
220
|
#private;
|
|
138
221
|
static __version: number;
|
|
139
222
|
templateRef: _angular_core.Signal<unknown>;
|
|
140
223
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
224
|
+
/** 当前激活的步骤索引 */
|
|
141
225
|
activatedIndex: _angular_core.InputSignal<number>;
|
|
142
226
|
activatedIndex$: _angular_core.WritableSignal<number>;
|
|
143
227
|
activatedIndexChange: _angular_core.OutputEmitterRef<number>;
|
|
144
228
|
activatedItem$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig>;
|
|
145
229
|
prevItem$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig>;
|
|
230
|
+
/** 自定义操作区域 */
|
|
146
231
|
customAction: _angular_core.InputSignal<unknown>;
|
|
232
|
+
/** 上一步按钮内容 */
|
|
147
233
|
prev: _angular_core.InputSignal<string>;
|
|
234
|
+
/** 下一步按钮内容 */
|
|
148
235
|
next: _angular_core.InputSignal<string>;
|
|
236
|
+
/** 步骤方向 */
|
|
149
237
|
direction: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
|
|
238
|
+
/** 步骤颜色 */
|
|
150
239
|
stepColor: _angular_core.InputSignal<Color>;
|
|
151
240
|
toPrev(): void;
|
|
152
241
|
toNext(): void;
|
|
@@ -156,11 +245,4 @@ declare class StepsFGC extends PiyingViewGroupBase {
|
|
|
156
245
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepsFGC, "app-steps", never, { "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; "customAction": { "alias": "customAction"; "required": false; "isSignal": true; }; "prev": { "alias": "prev"; "required": false; "isSignal": true; }; "next": { "alias": "next"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "stepColor": { "alias": "stepColor"; "required": false; "isSignal": true; }; }, { "activatedIndexChange": "activatedIndexChange"; }, never, never, true, never>;
|
|
157
246
|
}
|
|
158
247
|
|
|
159
|
-
|
|
160
|
-
static __version: number;
|
|
161
|
-
templateRef: _angular_core.Signal<unknown>;
|
|
162
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetFGC, never>;
|
|
163
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetFGC, "app-fieldset", never, {}, {}, never, never, true, never>;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
export { AccordionFGC, CardFGC, CarouselFGC, DockFGC, DrawerFGC, FieldsetFGC, ListFGC, NavbarFGC, StepsFGC, TabsFGC };
|
|
248
|
+
export { AccordionFGC, CardFGC, CarouselFGC, DockFGC, DrawerFGC, ListFGC, NavbarFGC, StepsFGC, TabsFGC };
|