@piying-lib/angular-daisyui 1.1.7 → 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 +163 -11
- package/fesm2022/piying-lib-angular-daisyui-extension.mjs +446 -29
- 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 +218 -17
- package/fesm2022/piying-lib-angular-daisyui-field-control.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-field-group.mjs +113 -27
- package/fesm2022/piying-lib-angular-daisyui-field-group.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-non-field-control.mjs +147 -9
- package/fesm2022/piying-lib-angular-daisyui-non-field-control.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-service.mjs.map +1 -1
- package/fesm2022/piying-lib-angular-daisyui-wrapper.mjs +47 -4
- package/fesm2022/piying-lib-angular-daisyui-wrapper.mjs.map +1 -1
- package/field-control/index.d.ts +162 -10
- package/field-group/index.d.ts +97 -13
- package/non-field-control/index.d.ts +150 -0
- package/package.json +2 -2
- package/preset-css/css/style.css +1 -1
- package/preset-css/css/style.split.css +1 -1
- package/preset-css/json/manifest.json +747 -851
- package/preset-css/ts/accordion.ts +9 -9
- package/preset-css/ts/alert.ts +12 -12
- package/preset-css/ts/avatar.ts +7 -7
- package/preset-css/ts/badge.ts +20 -20
- package/preset-css/ts/breadcrumbs.ts +1 -3
- package/preset-css/ts/browser-mockup.ts +1 -4
- package/preset-css/ts/button.ts +27 -27
- package/preset-css/ts/calendar.ts +1 -5
- package/preset-css/ts/card.ts +15 -15
- package/preset-css/ts/carousel.ts +9 -9
- package/preset-css/ts/chat-bubble.ts +17 -17
- package/preset-css/ts/checkbox.ts +16 -16
- package/preset-css/ts/code-mockup.ts +1 -3
- package/preset-css/ts/collapse.ts +9 -9
- package/preset-css/ts/countdown.ts +1 -3
- package/preset-css/ts/diff.ts +1 -6
- package/preset-css/ts/divider.ts +15 -15
- package/preset-css/ts/dock.ts +10 -10
- package/preset-css/ts/drawer-sidebar.ts +11 -11
- package/preset-css/ts/dropdown.ts +14 -14
- package/preset-css/ts/fab-speed-dial.ts +1 -6
- package/preset-css/ts/fieldset.ts +1 -5
- package/preset-css/ts/file-input.ts +17 -17
- package/preset-css/ts/filter.ts +1 -4
- package/preset-css/ts/footer.ts +7 -7
- package/preset-css/ts/hero.ts +1 -5
- package/preset-css/ts/hover-3-d-card.ts +1 -3
- package/preset-css/ts/hover-gallery.ts +1 -3
- package/preset-css/ts/index.ts +1 -1
- package/preset-css/ts/indicator.ts +10 -10
- package/preset-css/ts/join-group-items.ts +6 -6
- package/preset-css/ts/kbd.ts +1 -8
- package/preset-css/ts/label.ts +1 -4
- package/preset-css/ts/link.ts +12 -12
- package/preset-css/ts/list.ts +1 -6
- package/preset-css/ts/loading.ts +14 -14
- package/preset-css/ts/mask.ts +20 -20
- package/preset-css/ts/menu.ts +17 -17
- package/preset-css/ts/modal.ts +13 -13
- package/preset-css/ts/navbar.ts +1 -6
- package/preset-css/ts/pagination.ts +1 -6
- package/preset-css/ts/phone-mockup.ts +5 -5
- package/preset-css/ts/progress.ts +11 -11
- package/preset-css/ts/radial-progress.ts +1 -3
- package/preset-css/ts/radio.ts +16 -16
- package/preset-css/ts/range-slider.ts +16 -16
- package/preset-css/ts/rating.ts +10 -10
- package/preset-css/ts/select.ts +17 -17
- package/preset-css/ts/skeleton.ts +1 -4
- package/preset-css/ts/stack.ts +1 -7
- package/preset-css/ts/stat.ts +11 -11
- package/preset-css/ts/status.ts +16 -16
- package/preset-css/ts/steps.ts +15 -15
- package/preset-css/ts/swap.ts +9 -9
- package/preset-css/ts/table.ts +11 -11
- package/preset-css/ts/tabs.ts +17 -17
- package/preset-css/ts/text-input.ts +17 -17
- package/preset-css/ts/text-rotate.ts +1 -3
- package/preset-css/ts/textarea.ts +17 -17
- package/preset-css/ts/theme-controller.ts +1 -3
- package/preset-css/ts/timeline.ts +11 -11
- package/preset-css/ts/toast.ts +9 -9
- package/preset-css/ts/toggle.ts +16 -16
- package/preset-css/ts/tooltip.ts +17 -17
- package/preset-css/ts/validator.ts +1 -4
- package/preset-css/ts/window-mockup.ts +1 -3
- package/service/index.d.ts +1 -1
- package/wrapper/index.d.ts +23 -2
- package/fesm2022/piying-lib-angular-daisyui-field-control-props.directive-C5mF89PX.mjs.map +0 -1
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,57 +173,76 @@ 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
|
-
isUnion: _angular_core.InputSignal<boolean>;
|
|
124
199
|
activatedIndex$: _angular_core.WritableSignal<number>;
|
|
200
|
+
/** 切换前的回调函数 */
|
|
125
201
|
beforeChange: _angular_core.InputSignal<((index: number) => any) | undefined>;
|
|
126
202
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
203
|
+
isUnion$$: _angular_core.Signal<boolean>;
|
|
127
204
|
labelInputs: (input: any) => {
|
|
128
205
|
content: any;
|
|
129
206
|
};
|
|
130
207
|
constructor();
|
|
131
208
|
changeIndex(index: number): void;
|
|
132
209
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsFGC, never>;
|
|
133
|
-
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; }; "
|
|
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;
|
|
141
|
-
|
|
224
|
+
/** 当前激活的步骤索引 */
|
|
225
|
+
activatedIndex: _angular_core.InputSignal<number>;
|
|
226
|
+
activatedIndex$: _angular_core.WritableSignal<number>;
|
|
227
|
+
activatedIndexChange: _angular_core.OutputEmitterRef<number>;
|
|
142
228
|
activatedItem$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig>;
|
|
143
229
|
prevItem$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig>;
|
|
230
|
+
/** 自定义操作区域 */
|
|
144
231
|
customAction: _angular_core.InputSignal<unknown>;
|
|
232
|
+
/** 上一步按钮内容 */
|
|
145
233
|
prev: _angular_core.InputSignal<string>;
|
|
234
|
+
/** 下一步按钮内容 */
|
|
146
235
|
next: _angular_core.InputSignal<string>;
|
|
236
|
+
/** 步骤方向 */
|
|
147
237
|
direction: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
|
|
238
|
+
/** 步骤颜色 */
|
|
148
239
|
stepColor: _angular_core.InputSignal<Color>;
|
|
149
240
|
toPrev(): void;
|
|
150
241
|
toNext(): void;
|
|
151
242
|
isActivated(activatedIndex: number, currentIndex: number): boolean;
|
|
152
243
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
153
244
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsFGC, never>;
|
|
154
|
-
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; }; }, { "
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
declare class FieldsetFGC extends PiyingViewGroupBase {
|
|
158
|
-
static __version: number;
|
|
159
|
-
templateRef: _angular_core.Signal<unknown>;
|
|
160
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetFGC, never>;
|
|
161
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetFGC, "app-fieldset", never, {}, {}, never, never, true, never>;
|
|
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>;
|
|
162
246
|
}
|
|
163
247
|
|
|
164
|
-
export { AccordionFGC, CardFGC, CarouselFGC, DockFGC, DrawerFGC,
|
|
248
|
+
export { AccordionFGC, CardFGC, CarouselFGC, DockFGC, DrawerFGC, ListFGC, NavbarFGC, StepsFGC, TabsFGC };
|
|
@@ -6,51 +6,85 @@ import { PiyingView } from '@piying/view-angular';
|
|
|
6
6
|
import * as _piying_valibot_visit from '@piying/valibot-visit';
|
|
7
7
|
import * as _piying_view_angular_core from '@piying/view-angular-core';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* 警告提示组件
|
|
11
|
+
* 用于显示重要的提示信息,支持多种样式、颜色和布局方向
|
|
12
|
+
* 常用于操作反馈、错误提示、成功通知等场景
|
|
13
|
+
*/
|
|
9
14
|
declare class AlertNFCC {
|
|
10
15
|
#private;
|
|
11
16
|
static __version: number;
|
|
12
17
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
13
18
|
templateRef: _angular_core.Signal<unknown>;
|
|
19
|
+
/** 样式风格 */
|
|
14
20
|
style: _angular_core.InputSignal<"outline" | "dash" | "soft" | undefined>;
|
|
21
|
+
/** 颜色主题 */
|
|
15
22
|
color: _angular_core.InputSignal<AlertColor | undefined>;
|
|
23
|
+
/** 方向 */
|
|
16
24
|
direction: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
25
|
+
/** 内容 */
|
|
17
26
|
content: _angular_core.InputSignal<string>;
|
|
18
27
|
wrapperClass$: _angular_core.Signal<string>;
|
|
19
28
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertNFCC, never>;
|
|
20
29
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertNFCC, "app-alert", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
21
30
|
}
|
|
22
31
|
|
|
32
|
+
/**
|
|
33
|
+
* 头像组件
|
|
34
|
+
* 用于显示用户头像、图标或占位符,支持在线/离线状态指示
|
|
35
|
+
* 可用于个人资料、列表项、评论等场景
|
|
36
|
+
*/
|
|
23
37
|
declare class AvatarNFCC {
|
|
24
38
|
#private;
|
|
25
39
|
static __version: number;
|
|
26
40
|
templateRef: _angular_core.Signal<unknown>;
|
|
41
|
+
/** 占位符文本或内容 */
|
|
27
42
|
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
43
|
+
/** 占位符 CSS 类名 */
|
|
28
44
|
placeholderClass: _angular_core.InputSignal<string>;
|
|
45
|
+
/** 图片 URL */
|
|
29
46
|
imgUrl: _angular_core.InputSignal<string | undefined>;
|
|
47
|
+
/** 包装器 CSS 类名 */
|
|
30
48
|
wrapperClass: _angular_core.InputSignal<string>;
|
|
49
|
+
/** 状态指示 */
|
|
31
50
|
status: _angular_core.InputSignal<"online" | "offline" | undefined>;
|
|
32
51
|
mainClass$$: _angular_core.Signal<string>;
|
|
33
52
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarNFCC, never>;
|
|
34
53
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarNFCC, "app-avatar", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderClass": { "alias": "placeholderClass"; "required": false; "isSignal": true; }; "imgUrl": { "alias": "imgUrl"; "required": false; "isSignal": true; }; "wrapperClass": { "alias": "wrapperClass"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
54
|
}
|
|
36
55
|
|
|
56
|
+
/**
|
|
57
|
+
* 徽章组件
|
|
58
|
+
* 用于显示数量标签、状态标记或重要提示,如未读消息数、通知提示等
|
|
59
|
+
* 支持多种样式风格和颜色尺寸配置
|
|
60
|
+
*/
|
|
37
61
|
declare class BadgeNFCC {
|
|
38
62
|
#private;
|
|
39
63
|
static __version: number;
|
|
40
64
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
41
65
|
templateRef: _angular_core.Signal<unknown>;
|
|
66
|
+
/** 样式风格 */
|
|
42
67
|
style: _angular_core.InputSignal<"outline" | "dash" | "soft" | "ghost" | undefined>;
|
|
68
|
+
/** 颜色主题 */
|
|
43
69
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
70
|
+
/** 尺寸大小 */
|
|
44
71
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
72
|
+
/** 内容 */
|
|
45
73
|
content: _angular_core.InputSignal<string>;
|
|
46
74
|
wrapperClass$: _angular_core.Signal<string>;
|
|
47
75
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeNFCC, never>;
|
|
48
76
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeNFCC, "app-badge", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
49
77
|
}
|
|
50
78
|
|
|
79
|
+
/**
|
|
80
|
+
* 面包屑导航组件
|
|
81
|
+
* 用于显示页面层级结构和当前位置,帮助用户了解所处位置并快速返回上级页面
|
|
82
|
+
* 支持自定义标签、图标和 URL 配置
|
|
83
|
+
*/
|
|
51
84
|
declare class BreadcrumbsNFCC {
|
|
52
85
|
static __version: number;
|
|
53
86
|
templateRef: _angular_core.Signal<unknown>;
|
|
87
|
+
/** 面包屑选项列表 */
|
|
54
88
|
options: _angular_core.InputSignal<{
|
|
55
89
|
label?: string;
|
|
56
90
|
icon?: IconConfig;
|
|
@@ -58,24 +92,39 @@ declare class BreadcrumbsNFCC {
|
|
|
58
92
|
extraLink?: boolean;
|
|
59
93
|
templateRef?: TemplateRef<any>;
|
|
60
94
|
}[] | undefined>;
|
|
95
|
+
/** 选项 CSS 类名 */
|
|
61
96
|
optionClass: _angular_core.InputSignal<unknown>;
|
|
62
97
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsNFCC, never>;
|
|
63
98
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsNFCC, "app-breadcrumbs", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionClass": { "alias": "optionClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
64
99
|
}
|
|
65
100
|
|
|
101
|
+
/**
|
|
102
|
+
* 按钮组件
|
|
103
|
+
* 用于触发操作或提交表单,是最常用的操作控件
|
|
104
|
+
* 支持多种颜色、样式、尺寸、形状以及加载状态
|
|
105
|
+
*/
|
|
66
106
|
declare class ButtonNFCC {
|
|
67
107
|
#private;
|
|
68
108
|
static __version: number;
|
|
69
109
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
70
110
|
templateRef: _angular_core.Signal<unknown>;
|
|
111
|
+
/** 颜色主题 */
|
|
71
112
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
113
|
+
/** 按钮样式风格 */
|
|
72
114
|
style: _angular_core.InputSignal<"outline" | "dash" | "soft" | "link" | "ghost" | undefined>;
|
|
115
|
+
/** 尺寸大小 */
|
|
73
116
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
117
|
+
/** 形状 */
|
|
74
118
|
shape: _angular_core.InputSignal<"wide" | "block" | "square" | "circle" | undefined>;
|
|
119
|
+
/** 是否激活状态 */
|
|
75
120
|
active: _angular_core.InputSignal<boolean | undefined>;
|
|
121
|
+
/** 按钮内容 */
|
|
76
122
|
content: _angular_core.InputSignal<any>;
|
|
123
|
+
/** 点击事件处理函数 */
|
|
77
124
|
clicked: _angular_core.InputSignal<((event: PointerEvent) => void | Promise<void>) | undefined>;
|
|
125
|
+
/** 是否禁用 */
|
|
78
126
|
disabled: _angular_core.InputSignal<boolean>;
|
|
127
|
+
/** 是否禁用加载图标 */
|
|
79
128
|
disableLoadingIcon: _angular_core.InputSignal<boolean>;
|
|
80
129
|
isLoading$: _angular_core.WritableSignal<boolean>;
|
|
81
130
|
onClick(event: PointerEvent): Promise<void>;
|
|
@@ -84,19 +133,33 @@ declare class ButtonNFCC {
|
|
|
84
133
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonNFCC, "app-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "clicked": { "alias": "clicked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableLoadingIcon": { "alias": "disableLoadingIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
85
134
|
}
|
|
86
135
|
|
|
136
|
+
/**
|
|
137
|
+
* 分割线组件
|
|
138
|
+
* 用于在内容之间添加视觉分隔,支持水平/垂直方向和内容位置调整
|
|
139
|
+
* 常用于表单、列表、段落之间的分隔
|
|
140
|
+
*/
|
|
87
141
|
declare class DividerNFCC {
|
|
88
142
|
#private;
|
|
89
143
|
static __version: number;
|
|
90
144
|
templateRef: _angular_core.Signal<unknown>;
|
|
145
|
+
/** 颜色主题 */
|
|
91
146
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
147
|
+
/** 方向 */
|
|
92
148
|
direction: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
149
|
+
/** 内容位置 */
|
|
93
150
|
contentPosition: _angular_core.InputSignal<"start" | "end" | undefined>;
|
|
151
|
+
/** 分割线内容 */
|
|
94
152
|
content: _angular_core.InputSignal<string>;
|
|
95
153
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
96
154
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerNFCC, never>;
|
|
97
155
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerNFCC, "app-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "contentPosition": { "alias": "contentPosition"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
98
156
|
}
|
|
99
157
|
|
|
158
|
+
/**
|
|
159
|
+
* 悬浮操作按钮组件
|
|
160
|
+
* 通常悬浮在页面角落,用于提供主要或常用的操作入口
|
|
161
|
+
* 支持展开式菜单和自定义图标配置
|
|
162
|
+
*/
|
|
100
163
|
interface FabOption {
|
|
101
164
|
class?: string;
|
|
102
165
|
label?: string;
|
|
@@ -115,8 +178,11 @@ declare class FabNFCC {
|
|
|
115
178
|
#private;
|
|
116
179
|
static __version: number;
|
|
117
180
|
templateRef: Signal<unknown>;
|
|
181
|
+
/** 选项列表 */
|
|
118
182
|
options: _angular_core.InputSignal<FabOption[] | undefined>;
|
|
183
|
+
/** 是否启用花朵式展开 */
|
|
119
184
|
flower: _angular_core.InputSignal<boolean>;
|
|
185
|
+
/** 点击选项后是否自动关闭 */
|
|
120
186
|
autoClose: _angular_core.InputSignal<boolean>;
|
|
121
187
|
resolvedOptions$$: Signal<FabItem[]>;
|
|
122
188
|
commonClass: _angular_core.InputSignal<string>;
|
|
@@ -131,34 +197,56 @@ declare class FabNFCC {
|
|
|
131
197
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FabNFCC, "app-fab", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "flower": { "alias": "flower"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "commonClass": { "alias": "commonClass"; "required": false; "isSignal": true; }; "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "mainIcon": { "alias": "mainIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
132
198
|
}
|
|
133
199
|
|
|
200
|
+
/**
|
|
201
|
+
* 键盘按键组件
|
|
202
|
+
* 用于展示键盘快捷键或组合键提示,常见于帮助文档、教程或功能说明中
|
|
203
|
+
* 可显示单个按键或按键组合
|
|
204
|
+
*/
|
|
134
205
|
declare class KbdNFCC {
|
|
135
206
|
#private;
|
|
136
207
|
static __version: number;
|
|
137
208
|
templateRef: _angular_core.Signal<unknown>;
|
|
209
|
+
/** 尺寸大小 */
|
|
138
210
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
211
|
+
/** 内容 */
|
|
139
212
|
content: _angular_core.InputSignal<string>;
|
|
140
213
|
wrapperClass$: _angular_core.Signal<string>;
|
|
141
214
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdNFCC, never>;
|
|
142
215
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdNFCC, "app-kbd", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
143
216
|
}
|
|
144
217
|
|
|
218
|
+
/**
|
|
219
|
+
* 加载指示器组件
|
|
220
|
+
* 用于在数据加载、请求处理等异步操作期间显示加载状态
|
|
221
|
+
* 提供多种样式类型(-spinner、dots、ring 等)供选择
|
|
222
|
+
*/
|
|
145
223
|
declare class LoadingNFCC {
|
|
146
224
|
#private;
|
|
147
225
|
static __version: number;
|
|
148
226
|
templateRef: _angular_core.Signal<unknown>;
|
|
227
|
+
/** 尺寸大小 */
|
|
149
228
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
229
|
+
/** 加载类型 */
|
|
150
230
|
type: _angular_core.InputSignal<"spinner" | "dots" | "ring" | "ball" | "bars" | "infinity" | undefined>;
|
|
151
231
|
wrapperClass$$: _angular_core.Signal<string>;
|
|
152
232
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingNFCC, never>;
|
|
153
233
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingNFCC, "app-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
154
234
|
}
|
|
155
235
|
|
|
236
|
+
/**
|
|
237
|
+
* 进度条组件
|
|
238
|
+
* 用于显示操作完成的进度或数据加载的百分比
|
|
239
|
+
* 支持自定义颜色和进度值显示
|
|
240
|
+
*/
|
|
156
241
|
declare class ProgressNFCC {
|
|
157
242
|
#private;
|
|
158
243
|
static __version: number;
|
|
159
244
|
templateRef: _angular_core.Signal<unknown>;
|
|
245
|
+
/** 颜色主题 */
|
|
160
246
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
247
|
+
/** 进度值 */
|
|
161
248
|
value: _angular_core.InputSignal<number | undefined>;
|
|
249
|
+
/** 最大值 */
|
|
162
250
|
max: _angular_core.InputSignal<number>;
|
|
163
251
|
wrapperClass$: _angular_core.Signal<string>;
|
|
164
252
|
isNumber(value: any): value is number;
|
|
@@ -166,12 +254,20 @@ declare class ProgressNFCC {
|
|
|
166
254
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressNFCC, "app-progress", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
167
255
|
}
|
|
168
256
|
|
|
257
|
+
/**
|
|
258
|
+
* 环形进度组件
|
|
259
|
+
* 用于显示圆形的进度指示器,适合空间受限或需要美观展示的场景
|
|
260
|
+
* 支持自定义线宽和进度值配置
|
|
261
|
+
*/
|
|
169
262
|
declare class RadialProgressNFCC {
|
|
170
263
|
#private;
|
|
171
264
|
static __version: number;
|
|
172
265
|
templateRef: _angular_core.Signal<unknown>;
|
|
266
|
+
/** 进度值 */
|
|
173
267
|
value: _angular_core.InputSignal<number>;
|
|
268
|
+
/** 进度值映射函数 */
|
|
174
269
|
valueMap: _angular_core.InputSignal<(value: number) => string>;
|
|
270
|
+
/** 线宽 */
|
|
175
271
|
strokeWidth: _angular_core.InputSignal<string | undefined>;
|
|
176
272
|
value$$: _angular_core.Signal<number>;
|
|
177
273
|
wrapperStyle$$: _angular_core.Signal<Record<string, string>>;
|
|
@@ -179,45 +275,78 @@ declare class RadialProgressNFCC {
|
|
|
179
275
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialProgressNFCC, "app-radial-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueMap": { "alias": "valueMap"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
180
276
|
}
|
|
181
277
|
|
|
278
|
+
/**
|
|
279
|
+
* 状态指示器组件
|
|
280
|
+
* 用于显示对象的当前状态(如在线、离线、完成等),常用于列表项或卡片中
|
|
281
|
+
* 支持多种动画效果(ping、bounce)增强视觉提示
|
|
282
|
+
*/
|
|
182
283
|
declare class StatusNFCC {
|
|
183
284
|
#private;
|
|
184
285
|
static __version: number;
|
|
185
286
|
templateRef: _angular_core.Signal<unknown>;
|
|
287
|
+
/** 内容 */
|
|
186
288
|
content: _angular_core.InputSignal<string>;
|
|
289
|
+
/** 颜色主题 */
|
|
187
290
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
291
|
+
/** 尺寸大小 */
|
|
188
292
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
293
|
+
/** 是否启用 ping 动画效果 */
|
|
189
294
|
animatePing: _angular_core.InputSignal<boolean | undefined>;
|
|
295
|
+
/** 是否启用 bounce 动画效果 */
|
|
190
296
|
animateBounce: _angular_core.InputSignal<boolean | undefined>;
|
|
191
297
|
wrapperClass$: _angular_core.Signal<string>;
|
|
192
298
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusNFCC, never>;
|
|
193
299
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusNFCC, "app-status", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "animatePing": { "alias": "animatePing"; "required": false; "isSignal": true; }; "animateBounce": { "alias": "animateBounce"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
194
300
|
}
|
|
195
301
|
|
|
302
|
+
/**
|
|
303
|
+
* 主题控制器组件
|
|
304
|
+
* 用于切换应用的主题样式,通常与主题切换功能配合使用
|
|
305
|
+
* 可通过配置不同的主题值来改变整体配色方案
|
|
306
|
+
*/
|
|
196
307
|
declare class ThemeControllerNFCC {
|
|
197
308
|
static __version: number;
|
|
198
309
|
templateRef: _angular_core.Signal<unknown>;
|
|
310
|
+
/** 主题值 */
|
|
199
311
|
value: _angular_core.InputSignal<string>;
|
|
200
312
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeControllerNFCC, never>;
|
|
201
313
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeControllerNFCC, "app-theme-controller", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
202
314
|
}
|
|
203
315
|
|
|
316
|
+
/**
|
|
317
|
+
* 下拉菜单组件
|
|
318
|
+
* 用于在有限空间内展示多个操作选项或列表项
|
|
319
|
+
* 支持悬停或点击触发,可配置菜单对齐方式和显示位置
|
|
320
|
+
*/
|
|
204
321
|
declare class DropdownNFCC {
|
|
205
322
|
#private;
|
|
206
323
|
static __version: number;
|
|
207
324
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
208
325
|
templateRef: _angular_core.Signal<unknown>;
|
|
326
|
+
/** 标题内容 */
|
|
209
327
|
title: _angular_core.InputSignal<string>;
|
|
328
|
+
/** 标题 CSS 类名 */
|
|
210
329
|
titleClass: _angular_core.InputSignal<string | undefined>;
|
|
330
|
+
/** 对齐方式 */
|
|
211
331
|
align: _angular_core.InputSignal<"start" | "end" | "center" | undefined>;
|
|
332
|
+
/** 位置 */
|
|
212
333
|
position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | undefined>;
|
|
334
|
+
/** 触发动作 */
|
|
213
335
|
triggerAction: _angular_core.InputSignal<"hover" | "open" | undefined>;
|
|
336
|
+
/** 内容 */
|
|
214
337
|
content: _angular_core.InputSignal<unknown>;
|
|
338
|
+
/** 内容 CSS 类名 */
|
|
215
339
|
contentClass: _angular_core.InputSignal<string | undefined>;
|
|
216
340
|
wrapperClass$: _angular_core.Signal<string>;
|
|
217
341
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownNFCC, never>;
|
|
218
342
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownNFCC, "app-dropdown", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleClass": { "alias": "titleClass"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "triggerAction": { "alias": "triggerAction"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
219
343
|
}
|
|
220
344
|
|
|
345
|
+
/**
|
|
346
|
+
* 统计数据显示组件
|
|
347
|
+
* 用于展示关键数据指标,支持标题、数值、描述和图标的组合展示
|
|
348
|
+
* 常用于数据报表、仪表盘等数据可视化场景
|
|
349
|
+
*/
|
|
221
350
|
declare class StatNFCC {
|
|
222
351
|
static __version: number;
|
|
223
352
|
readonly StrOrTemplateComponent: typeof StrOrTemplateComponent;
|
|
@@ -229,13 +358,21 @@ declare class StatNFCC {
|
|
|
229
358
|
}, "handle" | "builder">, "fieldGlobalConfig"> & {
|
|
230
359
|
fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
|
|
231
360
|
}> | null;
|
|
361
|
+
/** 标题内容 */
|
|
232
362
|
title: _angular_core.InputSignal<unknown>;
|
|
363
|
+
/** 标题 CSS 类名 */
|
|
233
364
|
titleClass: _angular_core.InputSignal<string | undefined>;
|
|
365
|
+
/** 数值内容 */
|
|
234
366
|
value: _angular_core.InputSignal<unknown>;
|
|
367
|
+
/** 数值 CSS 类名 */
|
|
235
368
|
valueClass: _angular_core.InputSignal<string | undefined>;
|
|
369
|
+
/** 描述内容 */
|
|
236
370
|
desc: _angular_core.InputSignal<unknown>;
|
|
371
|
+
/** 描述 CSS 类名 */
|
|
237
372
|
descClass: _angular_core.InputSignal<string | undefined>;
|
|
373
|
+
/** 图标内容 */
|
|
238
374
|
figure: _angular_core.InputSignal<unknown>;
|
|
375
|
+
/** 图标 CSS 类名 */
|
|
239
376
|
figureClass: _angular_core.InputSignal<string | undefined>;
|
|
240
377
|
templateInput: (schema: Signal<any>) => {
|
|
241
378
|
schema: Signal<any>;
|
|
@@ -251,17 +388,30 @@ declare class StatNFCC {
|
|
|
251
388
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatNFCC, "app-stat", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleClass": { "alias": "titleClass"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueClass": { "alias": "valueClass"; "required": false; "isSignal": true; }; "desc": { "alias": "desc"; "required": false; "isSignal": true; }; "descClass": { "alias": "descClass"; "required": false; "isSignal": true; }; "figure": { "alias": "figure"; "required": false; "isSignal": true; }; "figureClass": { "alias": "figureClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
252
389
|
}
|
|
253
390
|
|
|
391
|
+
/**
|
|
392
|
+
* 表单提交按钮组件
|
|
393
|
+
* 用于表单提交、重置等操作,具有与按钮组件相同的样式特性
|
|
394
|
+
* 常用于表单底部操作区域
|
|
395
|
+
*/
|
|
254
396
|
declare class InputButtonNFCC {
|
|
255
397
|
#private;
|
|
256
398
|
static __version: number;
|
|
257
399
|
templateRef: _angular_core.Signal<unknown>;
|
|
400
|
+
/** 按钮类型 */
|
|
258
401
|
type: _angular_core.InputSignal<"reset" | "submit">;
|
|
402
|
+
/** 颜色主题 */
|
|
259
403
|
color: _angular_core.InputSignal<Color | undefined>;
|
|
404
|
+
/** 按钮样式风格 */
|
|
260
405
|
style: _angular_core.InputSignal<"outline" | "dash" | "soft" | "link" | "ghost" | undefined>;
|
|
406
|
+
/** 尺寸大小 */
|
|
261
407
|
size: _angular_core.InputSignal<Size | undefined>;
|
|
408
|
+
/** 形状 */
|
|
262
409
|
shape: _angular_core.InputSignal<"wide" | "block" | "square" | "circle" | undefined>;
|
|
410
|
+
/** 是否激活状态 */
|
|
263
411
|
active: _angular_core.InputSignal<boolean | undefined>;
|
|
412
|
+
/** 点击事件处理函数 */
|
|
264
413
|
clicked: _angular_core.InputSignal<((event: PointerEvent) => void | Promise<void>) | undefined>;
|
|
414
|
+
/** 是否禁用 */
|
|
265
415
|
disabled: _angular_core.InputSignal<boolean>;
|
|
266
416
|
isLoading$: _angular_core.WritableSignal<boolean>;
|
|
267
417
|
onClick(event: PointerEvent): Promise<void>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@piying-lib/angular-daisyui",
|
|
3
|
-
"version": "1.1
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=20.3.0",
|
|
6
6
|
"@angular/core": ">=20.3.0",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"tslib": "^2.3.0",
|
|
12
|
-
"@piying-lib/angular-core": "^1.1
|
|
12
|
+
"@piying-lib/angular-core": "^1.2.1"
|
|
13
13
|
},
|
|
14
14
|
"sideEffects": false,
|
|
15
15
|
"module": "fesm2022/piying-lib-angular-daisyui.mjs",
|