ngx-tethys 19.1.0-next.1 → 19.1.0-next.10
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/CHANGELOG.md +105 -0
- package/arrow-switcher/arrow-switcher.component.d.ts +5 -1
- package/badge/badge.component.d.ts +1 -1
- package/color-picker/coordinates.directive.d.ts +1 -2
- package/date-picker/abstract-picker.component.d.ts +50 -52
- package/date-picker/abstract-picker.directive.d.ts +15 -40
- package/date-picker/base-picker.component.d.ts +12 -40
- package/date-picker/date-picker.config.d.ts +3 -0
- package/date-picker/lib/calendar/calendar-footer.component.d.ts +24 -19
- package/date-picker/lib/calendar/calendar-header.component.d.ts +15 -15
- package/date-picker/lib/calendar/calendar-table.component.d.ts +15 -16
- package/date-picker/lib/date/date-table-cell.component.d.ts +6 -3
- package/date-picker/lib/date/date-table.component.d.ts +2 -3
- package/date-picker/lib/date-carousel/date-carousel.component.d.ts +2 -3
- package/date-picker/lib/decade/decade-header.component.d.ts +2 -5
- package/date-picker/lib/decade/decade-table.component.d.ts +3 -5
- package/date-picker/lib/month/month-table.component.d.ts +1 -2
- package/date-picker/lib/popups/date-popup.component.d.ts +33 -34
- package/date-picker/lib/popups/inner-popup.component.d.ts +22 -29
- package/date-picker/lib/quarter/quarter-table.component.d.ts +1 -4
- package/date-picker/lib/year/year-header.component.d.ts +2 -4
- package/date-picker/lib/year/year-table.component.d.ts +2 -4
- package/date-picker/month-picker.component.d.ts +2 -2
- package/date-picker/picker.component.d.ts +31 -36
- package/date-picker/picker.pipes.d.ts +4 -5
- package/date-picker/picker.util.d.ts +5 -5
- package/date-picker/picker.validators.d.ts +4 -8
- package/date-picker/quarter-picker.component.d.ts +2 -3
- package/date-picker/styles/range-picker.scss +1 -0
- package/date-picker/week-picker.component.d.ts +0 -1
- package/date-picker/year-picker.component.d.ts +2 -3
- package/dropdown/dropdown-menu.component.d.ts +1 -1
- package/dropdown/dropdown.directive.d.ts +4 -3
- package/empty/empty.component.d.ts +2 -1
- package/fesm2022/ngx-tethys-arrow-switcher.mjs +15 -3
- package/fesm2022/ngx-tethys-arrow-switcher.mjs.map +1 -1
- package/fesm2022/ngx-tethys-autocomplete.mjs +4 -4
- package/fesm2022/ngx-tethys-autocomplete.mjs.map +1 -1
- package/fesm2022/ngx-tethys-badge.mjs.map +1 -1
- package/fesm2022/ngx-tethys-cascader.mjs +1 -1
- package/fesm2022/ngx-tethys-cascader.mjs.map +1 -1
- package/fesm2022/ngx-tethys-checkbox.mjs +2 -2
- package/fesm2022/ngx-tethys-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-tethys-color-picker.mjs +4 -6
- package/fesm2022/ngx-tethys-color-picker.mjs.map +1 -1
- package/fesm2022/ngx-tethys-copy.mjs +2 -2
- package/fesm2022/ngx-tethys-copy.mjs.map +1 -1
- package/fesm2022/ngx-tethys-date-picker.mjs +855 -1072
- package/fesm2022/ngx-tethys-date-picker.mjs.map +1 -1
- package/fesm2022/ngx-tethys-divider.mjs +5 -5
- package/fesm2022/ngx-tethys-divider.mjs.map +1 -1
- package/fesm2022/ngx-tethys-dropdown.mjs +9 -11
- package/fesm2022/ngx-tethys-dropdown.mjs.map +1 -1
- package/fesm2022/ngx-tethys-empty.mjs +5 -2
- package/fesm2022/ngx-tethys-empty.mjs.map +1 -1
- package/fesm2022/ngx-tethys-flexible-text.mjs +4 -5
- package/fesm2022/ngx-tethys-flexible-text.mjs.map +1 -1
- package/fesm2022/ngx-tethys-i18n.mjs +26 -6
- package/fesm2022/ngx-tethys-i18n.mjs.map +1 -1
- package/fesm2022/ngx-tethys-image.mjs +5 -7
- package/fesm2022/ngx-tethys-image.mjs.map +1 -1
- package/fesm2022/ngx-tethys-layout.mjs +291 -334
- package/fesm2022/ngx-tethys-layout.mjs.map +1 -1
- package/fesm2022/ngx-tethys-list.mjs +183 -217
- package/fesm2022/ngx-tethys-list.mjs.map +1 -1
- package/fesm2022/ngx-tethys-message.mjs +29 -36
- package/fesm2022/ngx-tethys-message.mjs.map +1 -1
- package/fesm2022/ngx-tethys-notify.mjs +33 -41
- package/fesm2022/ngx-tethys-notify.mjs.map +1 -1
- package/fesm2022/ngx-tethys-radio.mjs +4 -4
- package/fesm2022/ngx-tethys-radio.mjs.map +1 -1
- package/fesm2022/ngx-tethys-resizable.mjs +20 -17
- package/fesm2022/ngx-tethys-resizable.mjs.map +1 -1
- package/fesm2022/ngx-tethys-select.mjs +164 -228
- package/fesm2022/ngx-tethys-select.mjs.map +1 -1
- package/fesm2022/ngx-tethys-shared.mjs +423 -587
- package/fesm2022/ngx-tethys-shared.mjs.map +1 -1
- package/fesm2022/ngx-tethys-skeleton.mjs +1 -2
- package/fesm2022/ngx-tethys-skeleton.mjs.map +1 -1
- package/fesm2022/ngx-tethys-stepper.mjs.map +1 -1
- package/fesm2022/ngx-tethys-table.mjs +1 -2
- package/fesm2022/ngx-tethys-table.mjs.map +1 -1
- package/fesm2022/ngx-tethys-time-picker.mjs +244 -271
- package/fesm2022/ngx-tethys-time-picker.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tooltip.mjs +109 -93
- package/fesm2022/ngx-tethys-tooltip.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tree-select.mjs +215 -281
- package/fesm2022/ngx-tethys-tree-select.mjs.map +1 -1
- package/fesm2022/ngx-tethys-upload.mjs +2 -2
- package/fesm2022/ngx-tethys-upload.mjs.map +1 -1
- package/fesm2022/ngx-tethys.mjs +1 -1
- package/fesm2022/ngx-tethys.mjs.map +1 -1
- package/i18n/i18n.d.ts +7 -2
- package/i18n/locales/de-de.d.ts +5 -1
- package/i18n/locales/en-us.d.ts +5 -1
- package/i18n/locales/ja-jp.d.ts +5 -1
- package/i18n/locales/zh-hans.d.ts +5 -1
- package/i18n/locales/zh-hant.d.ts +5 -1
- package/image/preview/image-preview.component.d.ts +2 -2
- package/layout/header.component.d.ts +15 -19
- package/layout/layout.component.d.ts +3 -2
- package/layout/sidebar-header.component.d.ts +7 -8
- package/layout/sidebar.component.d.ts +32 -62
- package/list/list-item-meta.component.d.ts +7 -9
- package/list/list-item.component.d.ts +0 -2
- package/list/list.component.d.ts +2 -8
- package/list/selection/selection-list.d.ts +33 -46
- package/message/abstract/abstract-message.component.d.ts +2 -3
- package/message/message-container.component.d.ts +0 -1
- package/message/message.component.d.ts +1 -3
- package/notify/notify-container.component.d.ts +0 -1
- package/notify/notify.component.d.ts +7 -12
- package/package.json +1 -1
- package/resizable/resizable.directive.d.ts +2 -1
- package/schematics/version.d.ts +1 -1
- package/schematics/version.js +1 -1
- package/select/custom-select/custom-select.component.d.ts +33 -56
- package/select/native-select/native-select.component.d.ts +7 -13
- package/shared/base-form-check.component.d.ts +6 -8
- package/shared/directives/string-or-template-outlet.directive.d.ts +5 -6
- package/shared/directives/thy-autofocus.directive.d.ts +4 -6
- package/shared/directives/thy-contextmenu.directive.d.ts +2 -2
- package/shared/directives/thy-ctrl-enter.directive.d.ts +2 -2
- package/shared/directives/thy-enter.directive.d.ts +2 -2
- package/shared/directives/thy-scroll.directive.d.ts +5 -8
- package/shared/directives/thy-show.d.ts +5 -6
- package/shared/directives/thy-stop-propagation.directive.d.ts +4 -4
- package/shared/directives/view-outlet.directive.d.ts +6 -7
- package/shared/ng-transclude.directive.d.ts +2 -3
- package/shared/option/group/option-group.component.d.ts +5 -9
- package/shared/option/list-option/list-option.component.d.ts +9 -13
- package/shared/option/option.component.d.ts +10 -17
- package/shared/option/option.token.d.ts +4 -3
- package/shared/option/options-container.component.d.ts +1 -1
- package/shared/select/select-control/select-control.component.d.ts +38 -53
- package/stepper/stepper.component.d.ts +1 -1
- package/table/table-column.component.d.ts +15 -5
- package/time-picker/inner/inner-time-picker.class.d.ts +15 -13
- package/time-picker/inner/inner-time-picker.component.d.ts +26 -26
- package/time-picker/time-picker-panel.component.d.ts +18 -20
- package/time-picker/time-picker.component.d.ts +22 -30
- package/tooltip/tooltip.directive.d.ts +20 -22
- package/tree-select/tree-select.component.d.ts +53 -70
package/i18n/locales/ja-jp.d.ts
CHANGED
|
@@ -8,11 +8,12 @@ declare const _default: {
|
|
|
8
8
|
datePicker: {
|
|
9
9
|
yearFormat: string;
|
|
10
10
|
monthFormat: string;
|
|
11
|
-
zhMonthFormat: string;
|
|
12
11
|
weekFormat: string;
|
|
13
12
|
fullWeekFormat: string;
|
|
14
13
|
weekThFormat: string;
|
|
15
14
|
dateFormat: string;
|
|
15
|
+
yearQuarterFormat: string;
|
|
16
|
+
yearMonthFormat: string;
|
|
16
17
|
yearText: string;
|
|
17
18
|
quarterText: string;
|
|
18
19
|
monthText: string;
|
|
@@ -147,5 +148,8 @@ declare const _default: {
|
|
|
147
148
|
prev: string;
|
|
148
149
|
next: string;
|
|
149
150
|
};
|
|
151
|
+
shared: {
|
|
152
|
+
comma: string;
|
|
153
|
+
};
|
|
150
154
|
};
|
|
151
155
|
export default _default;
|
|
@@ -8,11 +8,12 @@ declare const _default: {
|
|
|
8
8
|
datePicker: {
|
|
9
9
|
yearFormat: string;
|
|
10
10
|
monthFormat: string;
|
|
11
|
-
zhMonthFormat: string;
|
|
12
11
|
weekFormat: string;
|
|
13
12
|
fullWeekFormat: string;
|
|
14
13
|
weekThFormat: string;
|
|
15
14
|
dateFormat: string;
|
|
15
|
+
yearQuarterFormat: string;
|
|
16
|
+
yearMonthFormat: string;
|
|
16
17
|
yearText: string;
|
|
17
18
|
quarterText: string;
|
|
18
19
|
monthText: string;
|
|
@@ -147,5 +148,8 @@ declare const _default: {
|
|
|
147
148
|
prev: string;
|
|
148
149
|
next: string;
|
|
149
150
|
};
|
|
151
|
+
shared: {
|
|
152
|
+
comma: string;
|
|
153
|
+
};
|
|
150
154
|
};
|
|
151
155
|
export default _default;
|
|
@@ -8,11 +8,12 @@ declare const _default: {
|
|
|
8
8
|
datePicker: {
|
|
9
9
|
yearFormat: string;
|
|
10
10
|
monthFormat: string;
|
|
11
|
-
zhMonthFormat: string;
|
|
12
11
|
weekFormat: string;
|
|
13
12
|
fullWeekFormat: string;
|
|
14
13
|
weekThFormat: string;
|
|
15
14
|
dateFormat: string;
|
|
15
|
+
yearQuarterFormat: string;
|
|
16
|
+
yearMonthFormat: string;
|
|
16
17
|
yearText: string;
|
|
17
18
|
quarterText: string;
|
|
18
19
|
monthText: string;
|
|
@@ -147,5 +148,8 @@ declare const _default: {
|
|
|
147
148
|
prev: string;
|
|
148
149
|
next: string;
|
|
149
150
|
};
|
|
151
|
+
shared: {
|
|
152
|
+
comma: string;
|
|
153
|
+
};
|
|
150
154
|
};
|
|
151
155
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, OnInit, Signal } from '@angular/core';
|
|
2
2
|
import { ThyCopyEvent } from 'ngx-tethys/copy';
|
|
3
3
|
import { ThyDialog } from 'ngx-tethys/dialog';
|
|
4
4
|
import { ThyFullscreen } from 'ngx-tethys/fullscreen';
|
|
@@ -20,7 +20,7 @@ export declare class ThyImagePreview implements OnInit {
|
|
|
20
20
|
private host;
|
|
21
21
|
private sanitizer;
|
|
22
22
|
locale: Signal<ThyImageLocale>;
|
|
23
|
-
downloadClicked:
|
|
23
|
+
readonly downloadClicked: import("@angular/core").OutputEmitterRef<ThyImageInfo>;
|
|
24
24
|
private readonly destroyRef;
|
|
25
25
|
images: InternalImageInfo[];
|
|
26
26
|
previewIndex: number;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "ngx-tethys/util";
|
|
4
3
|
/**
|
|
5
4
|
* 头部布局指令
|
|
6
5
|
* @name thyHeader
|
|
@@ -11,27 +10,24 @@ export declare class ThyHeaderDirective {
|
|
|
11
10
|
* 头部大小
|
|
12
11
|
* @type sm | md | lg | xlg
|
|
13
12
|
*/
|
|
14
|
-
thySize:
|
|
13
|
+
readonly thySize: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xlg">;
|
|
15
14
|
/**
|
|
16
15
|
* 底部是否有阴影
|
|
17
16
|
* @default false
|
|
18
17
|
*/
|
|
19
|
-
thyShadow: boolean
|
|
20
|
-
divided: boolean;
|
|
18
|
+
readonly thyShadow: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
21
19
|
/**
|
|
22
20
|
* 底部是否有分割线
|
|
23
21
|
*/
|
|
24
|
-
|
|
22
|
+
readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
25
23
|
/**
|
|
26
24
|
* 底部是否有分割线,已废弃,请使用 thyDivided
|
|
27
25
|
* @deprecated please use thyDivided
|
|
28
26
|
*/
|
|
29
|
-
|
|
27
|
+
readonly thyHasBorder: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
28
|
+
readonly divided: import("@angular/core").Signal<boolean>;
|
|
30
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyHeaderDirective, never>;
|
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyHeaderDirective, "[thyHeader]", never, { "thySize": { "alias": "thySize"; "required": false; }; "thyShadow": { "alias": "thyShadow"; "required": false; }; "thyDivided": { "alias": "thyDivided"; "required": false; }; "thyHasBorder": { "alias": "thyHasBorder"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
-
static ngAcceptInputType_thyShadow: i1.ThyBooleanInput;
|
|
33
|
-
static ngAcceptInputType_thyDivided: i1.ThyBooleanInput;
|
|
34
|
-
static ngAcceptInputType_thyHasBorder: i1.ThyBooleanInput;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyHeaderDirective, "[thyHeader]", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyShadow": { "alias": "thyShadow"; "required": false; "isSignal": true; }; "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; "thyHasBorder": { "alias": "thyHasBorder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
31
|
}
|
|
36
32
|
/**
|
|
37
33
|
* 头部布局组件
|
|
@@ -39,35 +35,35 @@ export declare class ThyHeaderDirective {
|
|
|
39
35
|
* @order 11
|
|
40
36
|
*/
|
|
41
37
|
export declare class ThyHeader {
|
|
42
|
-
iconClass: string;
|
|
43
|
-
svgIconName: string;
|
|
44
38
|
/**
|
|
45
39
|
* 头部标题
|
|
46
40
|
*/
|
|
47
|
-
thyTitle: string
|
|
41
|
+
readonly thyTitle: import("@angular/core").InputSignal<string>;
|
|
48
42
|
/**
|
|
49
43
|
* 图标前缀,被弃用,图标使用 SVG 图标
|
|
50
44
|
*/
|
|
51
|
-
thyIconPrefix: string
|
|
45
|
+
readonly thyIconPrefix: import("@angular/core").InputSignal<string>;
|
|
52
46
|
/**
|
|
53
47
|
* 图标,SVG 图标名称
|
|
54
48
|
*/
|
|
55
|
-
|
|
49
|
+
readonly thyIcon: import("@angular/core").InputSignal<string>;
|
|
50
|
+
readonly svgIconName: import("@angular/core").Signal<string>;
|
|
51
|
+
readonly iconClass: import("@angular/core").Signal<string>;
|
|
56
52
|
/**
|
|
57
53
|
* 头部自定义标题模板,`<ng-template #headerTitle></ng-template>`
|
|
58
54
|
* @type TemplateRef
|
|
59
55
|
*/
|
|
60
|
-
titleTemplateRef: TemplateRef<any
|
|
56
|
+
readonly titleTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
61
57
|
/**
|
|
62
58
|
* 头部自定义内容模板,`<ng-template #headerContent></ng-template>`
|
|
63
59
|
* @type TemplateRef
|
|
64
60
|
*/
|
|
65
|
-
contentTemplateRef: TemplateRef<any
|
|
61
|
+
readonly contentTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
66
62
|
/**
|
|
67
63
|
* 头部自定义操作模板,`<ng-template #headerOperation></ng-template>`
|
|
68
64
|
* @type TemplateRef
|
|
69
65
|
*/
|
|
70
|
-
operationTemplateRef: TemplateRef<any
|
|
66
|
+
readonly operationTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
71
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyHeader, never>;
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyHeader, "thy-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; }; "thyIconPrefix": { "alias": "thyIconPrefix"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; }, {}, ["titleTemplateRef", "contentTemplateRef", "operationTemplateRef"], never, true, [{ directive: typeof ThyHeaderDirective; inputs: { "thySize": "thySize"; "thyShadow": "thyShadow"; "thyHasBorder": "thyHasBorder"; "thyDivided": "thyDivided"; }; outputs: {}; }]>;
|
|
68
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyHeader, "thy-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "thyIconPrefix": { "alias": "thyIconPrefix"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; }, {}, ["titleTemplateRef", "contentTemplateRef", "operationTemplateRef"], never, true, [{ directive: typeof ThyHeaderDirective; inputs: { "thySize": "thySize"; "thyShadow": "thyShadow"; "thyHasBorder": "thyHasBorder"; "thyDivided": "thyDivided"; }; outputs: {}; }]>;
|
|
73
69
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ThySidebarDirection } from './sidebar.component';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
/**
|
|
3
4
|
* 布局指令
|
|
@@ -5,8 +6,8 @@ import * as i0 from "@angular/core";
|
|
|
5
6
|
* @order 5
|
|
6
7
|
*/
|
|
7
8
|
export declare class ThyLayoutDirective {
|
|
8
|
-
|
|
9
|
-
isSidebarRight: boolean
|
|
9
|
+
readonly sidebarDirection: import("@angular/core").WritableSignal<ThySidebarDirection>;
|
|
10
|
+
readonly isSidebarRight: import("@angular/core").Signal<boolean>;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyLayoutDirective, never>;
|
|
11
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyLayoutDirective, "[thyLayout]:not([thyForm]):not(thy-form):not(thy-radio-group):not(thy-properties):not(thy-selection-list):not(thy-vote):not([thyVote])", never, {}, {}, never, never, true, never>;
|
|
12
13
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "ngx-tethys/util";
|
|
4
3
|
/**
|
|
5
4
|
* 侧边栏头部布局指令
|
|
6
5
|
* @name thySidebarHeader
|
|
@@ -11,10 +10,10 @@ export declare class ThySidebarHeaderDirective {
|
|
|
11
10
|
* 是否有分割线
|
|
12
11
|
* @default false
|
|
13
12
|
*/
|
|
14
|
-
thyDivided: boolean
|
|
13
|
+
readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
14
|
+
constructor();
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebarHeaderDirective, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarHeaderDirective, "[thySidebarHeader]", never, { "thyDivided": { "alias": "thyDivided"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
|
-
static ngAcceptInputType_thyDivided: i1.ThyBooleanInput;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarHeaderDirective, "[thySidebarHeader]", never, { "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
17
|
}
|
|
19
18
|
/**
|
|
20
19
|
* 侧边栏头部布局组件
|
|
@@ -25,17 +24,17 @@ export declare class ThySidebarHeader {
|
|
|
25
24
|
/**
|
|
26
25
|
* 头部标题
|
|
27
26
|
*/
|
|
28
|
-
thyTitle: string
|
|
27
|
+
readonly thyTitle: import("@angular/core").InputSignal<string>;
|
|
29
28
|
/**
|
|
30
29
|
* 头部自定义操作模板,`<ng-template #headerOperation></ng-template>`
|
|
31
30
|
* @type TemplateRef
|
|
32
31
|
*/
|
|
33
|
-
operationTemplateRef: TemplateRef<unknown
|
|
32
|
+
readonly operationTemplateRef: import("@angular/core").Signal<TemplateRef<unknown>>;
|
|
34
33
|
/**
|
|
35
34
|
* 头部自定义标题模板,`<ng-template #headerTitle></ng-template>`
|
|
36
35
|
* @type TemplateRef
|
|
37
36
|
*/
|
|
38
|
-
titleTemplateRef: TemplateRef<any
|
|
37
|
+
readonly titleTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
39
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebarHeader, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebarHeader, "thy-sidebar-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; }; }, {}, ["operationTemplateRef", "titleTemplateRef"], ["*"], true, [{ directive: typeof ThySidebarHeaderDirective; inputs: { "thyDivided": "thyDivided"; }; outputs: {}; }]>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebarHeader, "thy-sidebar-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; }, {}, ["operationTemplateRef", "titleTemplateRef"], ["*"], true, [{ directive: typeof ThySidebarHeaderDirective; inputs: { "thyDivided": "thyDivided"; }; outputs: {}; }]>;
|
|
41
40
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit, Signal, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ThyResizeEvent } from 'ngx-tethys/resizable';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "ngx-tethys/util";
|
|
5
4
|
export type ThySidebarTheme = 'white' | 'light' | 'dark';
|
|
6
5
|
export type ThySidebarDirection = 'left' | 'right';
|
|
7
6
|
/**
|
|
@@ -11,53 +10,35 @@ export type ThySidebarDirection = 'left' | 'right';
|
|
|
11
10
|
*/
|
|
12
11
|
export declare class ThySidebarDirective implements OnInit {
|
|
13
12
|
private thyLayoutDirective;
|
|
14
|
-
sidebarIsolated: boolean;
|
|
15
|
-
isDivided: boolean;
|
|
16
|
-
thyLayoutSidebarWidth: number;
|
|
17
13
|
/**
|
|
18
14
|
* sidebar 位置,默认在左侧
|
|
19
15
|
*/
|
|
20
|
-
thyDirection: ThySidebarDirection
|
|
16
|
+
readonly thyDirection: import("@angular/core").InputSignal<ThySidebarDirection>;
|
|
21
17
|
/**
|
|
22
18
|
* 主题
|
|
23
19
|
* @type white | light | dark
|
|
24
20
|
* @default white
|
|
25
21
|
*/
|
|
26
|
-
thyTheme: ThySidebarTheme
|
|
22
|
+
readonly thyTheme: import("@angular/core").InputSignal<ThySidebarTheme>;
|
|
27
23
|
/**
|
|
28
24
|
* 宽度,默认是 240px,传入 `lg` 大小时宽度是300px
|
|
29
25
|
* @default 240px
|
|
30
26
|
*/
|
|
31
|
-
|
|
27
|
+
readonly thyWidth: import("@angular/core").InputSignalWithTransform<string | number, string | number>;
|
|
28
|
+
readonly sidebarWidth: import("@angular/core").WritableSignal<number>;
|
|
32
29
|
/**
|
|
33
30
|
* 是否和右侧 /左侧隔离,当为 true 时距右侧 /左侧会有 margin,同时边框会去掉
|
|
34
31
|
* @default false
|
|
35
32
|
*/
|
|
36
|
-
|
|
33
|
+
readonly thyIsolated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
37
34
|
/**
|
|
38
35
|
* sidebar 是否有分割线。当`thyDirection`值为`left`时,控制右侧是否有分割线;当`thyDirection`值为`right`时,控制左侧是否有分割线。
|
|
39
36
|
* @default true
|
|
40
37
|
*/
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* 右侧是否有边框,已废弃,请使用 thyDivided
|
|
44
|
-
* @deprecated please use thyDivided
|
|
45
|
-
* @default true
|
|
46
|
-
*/
|
|
47
|
-
set thyHasBorderRight(value: boolean);
|
|
48
|
-
/**
|
|
49
|
-
* 左侧是否有边框,已废弃,请使用 thyDivided
|
|
50
|
-
* @deprecated please use thyDivided
|
|
51
|
-
* @default true
|
|
52
|
-
*/
|
|
53
|
-
set thyHasBorderLeft(value: boolean);
|
|
38
|
+
readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
54
39
|
ngOnInit(): void;
|
|
55
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebarDirective, never>;
|
|
56
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarDirective, "[thySidebar]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; }; "thyTheme": { "alias": "thyTheme"; "required": false; }; "thyWidth": { "alias": "thyWidth"; "required": false; }; "thyIsolated": { "alias": "thyIsolated"; "required": false;
|
|
57
|
-
static ngAcceptInputType_thyIsolated: i1.ThyBooleanInput;
|
|
58
|
-
static ngAcceptInputType_thyDivided: i1.ThyBooleanInput;
|
|
59
|
-
static ngAcceptInputType_thyHasBorderRight: i1.ThyBooleanInput;
|
|
60
|
-
static ngAcceptInputType_thyHasBorderLeft: i1.ThyBooleanInput;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarDirective, "[thySidebar]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyIsolated": { "alias": "thyIsolated"; "required": false; "isSignal": true; }; "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
61
42
|
}
|
|
62
43
|
/**
|
|
63
44
|
* 侧边栏布局组件
|
|
@@ -66,88 +47,77 @@ export declare class ThySidebarDirective implements OnInit {
|
|
|
66
47
|
*/
|
|
67
48
|
export declare class ThySidebar implements OnInit, OnDestroy {
|
|
68
49
|
private locale;
|
|
69
|
-
elementRef: ElementRef<any>;
|
|
50
|
+
readonly elementRef: ElementRef<any>;
|
|
70
51
|
private hotkeyDispatcher;
|
|
71
|
-
sidebarDirective: ThySidebarDirective;
|
|
72
|
-
|
|
52
|
+
readonly sidebarDirective: ThySidebarDirective;
|
|
53
|
+
protected readonly isMouseEnter: import("@angular/core").WritableSignal<boolean>;
|
|
54
|
+
protected readonly sidebarWidth: Signal<number>;
|
|
73
55
|
mouseenter($event: MouseEvent): void;
|
|
74
56
|
mouseleave($event: MouseEvent): void;
|
|
75
57
|
/**
|
|
76
58
|
* 宽度是否可以拖拽
|
|
77
59
|
* @default false
|
|
78
60
|
*/
|
|
79
|
-
thyDraggable: boolean
|
|
61
|
+
readonly thyDraggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
80
62
|
/**
|
|
81
63
|
* 拖拽的最大宽度
|
|
82
64
|
*/
|
|
83
|
-
thyDragMaxWidth: number
|
|
65
|
+
readonly thyDragMaxWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
84
66
|
/**
|
|
85
67
|
* 拖拽的最小宽度
|
|
86
68
|
*/
|
|
87
|
-
thyDragMinWidth: number
|
|
69
|
+
readonly thyDragMinWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
88
70
|
/**
|
|
89
71
|
* 展示收起的触发器自定义模板,默认显示展开收起的圆形图标,设置为 null 表示不展示触发元素,手动控制展开收起状态
|
|
90
72
|
* @type null | undefined | TemplateRef<any>
|
|
91
73
|
* @default undefined
|
|
92
74
|
*/
|
|
93
|
-
thyTrigger:
|
|
75
|
+
readonly thyTrigger: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
94
76
|
/**
|
|
95
77
|
* 收起状态改变后的事件
|
|
96
78
|
*/
|
|
97
|
-
thyCollapsedChange:
|
|
79
|
+
readonly thyCollapsedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
98
80
|
/**
|
|
99
81
|
* 拖拽宽度的修改事件
|
|
100
82
|
*/
|
|
101
|
-
thyDragWidthChange:
|
|
83
|
+
readonly thyDragWidthChange: import("@angular/core").OutputEmitterRef<number>;
|
|
102
84
|
/**
|
|
103
85
|
* 开启收起/展开功能
|
|
104
86
|
* @default false
|
|
105
87
|
*/
|
|
106
|
-
|
|
107
|
-
get thyCollapsible(): boolean;
|
|
88
|
+
readonly thyCollapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
108
89
|
/**
|
|
109
90
|
* 是否是收起
|
|
110
91
|
* @default false
|
|
111
92
|
*/
|
|
112
|
-
|
|
113
|
-
|
|
93
|
+
readonly thyCollapsed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
94
|
+
readonly collapsed: import("@angular/core").WritableSignal<boolean>;
|
|
95
|
+
readonly collapseVisible: Signal<boolean>;
|
|
114
96
|
/**
|
|
115
97
|
* 收起后的宽度
|
|
116
98
|
*/
|
|
117
|
-
thyCollapsedWidth: number
|
|
99
|
+
readonly thyCollapsedWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
118
100
|
/**
|
|
119
101
|
* 默认宽度,双击后可恢复到此宽度,默认是 240px,传入 lg 大小时宽度是300px
|
|
120
102
|
*/
|
|
121
|
-
thyDefaultWidth: string | number
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
collapseVisible: boolean;
|
|
129
|
-
collapseHidden: boolean;
|
|
130
|
-
isRemoveTransition: boolean;
|
|
131
|
-
isResizable: boolean;
|
|
132
|
-
get dragMinWidth(): number;
|
|
103
|
+
readonly thyDefaultWidth: import("@angular/core").InputSignalWithTransform<string | number, string | number>;
|
|
104
|
+
readonly collapseTip: Signal<string>;
|
|
105
|
+
private originWidth;
|
|
106
|
+
readonly collapseHidden: import("@angular/core").WritableSignal<boolean>;
|
|
107
|
+
readonly isRemoveTransition: import("@angular/core").WritableSignal<boolean>;
|
|
108
|
+
readonly isResizable: import("@angular/core").WritableSignal<boolean>;
|
|
109
|
+
protected dragMinWidth: Signal<number>;
|
|
133
110
|
private hotkeySubscription;
|
|
111
|
+
constructor();
|
|
134
112
|
ngOnInit(): void;
|
|
135
113
|
private subscribeHotkeyEvent;
|
|
136
|
-
private updateCollapseTip;
|
|
137
114
|
resizeHandler({ width }: ThyResizeEvent): void;
|
|
138
115
|
resizeStart(): void;
|
|
139
116
|
resizeEnd(): void;
|
|
140
|
-
resizeHandleHover(event: MouseEvent, type: 'enter' | 'leave'): void;
|
|
141
117
|
toggleCollapse(event?: MouseEvent): void;
|
|
142
118
|
toggleResizable(event: MouseEvent, type: 'enter' | 'leave'): void;
|
|
143
119
|
restoreToDefaultWidth(): void;
|
|
144
120
|
ngOnDestroy(): void;
|
|
145
121
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebar, never>;
|
|
146
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebar, "thy-sidebar", never, { "thyDraggable": { "alias": "thyDraggable"; "required": false; }; "thyDragMaxWidth": { "alias": "thyDragMaxWidth"; "required": false; }; "thyDragMinWidth": { "alias": "thyDragMinWidth"; "required": false; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; }; "thyCollapsible": { "alias": "thyCollapsible"; "required": false; }; "thyCollapsed": { "alias": "thyCollapsed"; "required": false; }; "thyCollapsedWidth": { "alias": "thyCollapsedWidth"; "required": false; }; "thyDefaultWidth": { "alias": "thyDefaultWidth"; "required": false; }; }, { "thyCollapsedChange": "thyCollapsedChange"; "thyDragWidthChange": "thyDragWidthChange"; }, never, ["*"], true, [{ directive: typeof ThySidebarDirective; inputs: { "thyTheme": "thyTheme"; "thyDirection": "thyDirection"; "thyWidth": "thyWidth"; "thyIsolated": "thyIsolated"; "thyDivided": "thyDivided";
|
|
147
|
-
static ngAcceptInputType_thyDraggable: i1.ThyBooleanInput;
|
|
148
|
-
static ngAcceptInputType_thyDragMaxWidth: unknown;
|
|
149
|
-
static ngAcceptInputType_thyDragMinWidth: unknown;
|
|
150
|
-
static ngAcceptInputType_thyCollapsible: i1.ThyBooleanInput;
|
|
151
|
-
static ngAcceptInputType_thyCollapsed: i1.ThyBooleanInput;
|
|
152
|
-
static ngAcceptInputType_thyCollapsedWidth: unknown;
|
|
122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebar, "thy-sidebar", never, { "thyDraggable": { "alias": "thyDraggable"; "required": false; "isSignal": true; }; "thyDragMaxWidth": { "alias": "thyDragMaxWidth"; "required": false; "isSignal": true; }; "thyDragMinWidth": { "alias": "thyDragMinWidth"; "required": false; "isSignal": true; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; "isSignal": true; }; "thyCollapsible": { "alias": "thyCollapsible"; "required": false; "isSignal": true; }; "thyCollapsed": { "alias": "thyCollapsed"; "required": false; "isSignal": true; }; "thyCollapsedWidth": { "alias": "thyCollapsedWidth"; "required": false; "isSignal": true; }; "thyDefaultWidth": { "alias": "thyDefaultWidth"; "required": false; "isSignal": true; }; }, { "thyCollapsedChange": "thyCollapsedChange"; "thyDragWidthChange": "thyDragWidthChange"; }, never, ["*"], true, [{ directive: typeof ThySidebarDirective; inputs: { "thyTheme": "thyTheme"; "thyDirection": "thyDirection"; "thyWidth": "thyWidth"; "thyIsolated": "thyIsolated"; "thyDivided": "thyDivided"; }; outputs: {}; }]>;
|
|
153
123
|
}
|
|
@@ -8,20 +8,18 @@ export declare class ThyListItemMeta {
|
|
|
8
8
|
/**
|
|
9
9
|
* 列表项的左侧图片
|
|
10
10
|
*/
|
|
11
|
-
thyAvatar: string
|
|
11
|
+
readonly thyAvatar: import("@angular/core").InputSignal<string>;
|
|
12
12
|
/**
|
|
13
13
|
* 列表项的标题
|
|
14
14
|
*/
|
|
15
|
-
thyTitle: string
|
|
15
|
+
readonly thyTitle: import("@angular/core").InputSignal<string>;
|
|
16
16
|
/**
|
|
17
17
|
* 列表项的描述文本
|
|
18
18
|
*/
|
|
19
|
-
thyDescription: string
|
|
20
|
-
avatarTemplateRef: TemplateRef<any
|
|
21
|
-
titleTemplateRef: TemplateRef<any
|
|
22
|
-
descriptionTemplateRef: TemplateRef<any
|
|
23
|
-
className: string;
|
|
24
|
-
constructor();
|
|
19
|
+
readonly thyDescription: import("@angular/core").InputSignal<string>;
|
|
20
|
+
readonly avatarTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
21
|
+
readonly titleTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
22
|
+
readonly descriptionTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
25
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyListItemMeta, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyListItemMeta, "thy-list-item-meta,[thy-list-item-meta]", never, { "thyAvatar": { "alias": "thyAvatar"; "required": false; }; "thyTitle": { "alias": "thyTitle"; "required": false; }; "thyDescription": { "alias": "thyDescription"; "required": false; }; }, {}, ["avatarTemplateRef", "titleTemplateRef", "descriptionTemplateRef"], never, true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyListItemMeta, "thy-list-item-meta,[thy-list-item-meta]", never, { "thyAvatar": { "alias": "thyAvatar"; "required": false; "isSignal": true; }; "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "thyDescription": { "alias": "thyDescription"; "required": false; "isSignal": true; }; }, {}, ["avatarTemplateRef", "titleTemplateRef", "descriptionTemplateRef"], never, true, never>;
|
|
27
25
|
}
|
|
@@ -4,8 +4,6 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @order 15
|
|
5
5
|
*/
|
|
6
6
|
export declare class ThyListItem {
|
|
7
|
-
_isListItem: boolean;
|
|
8
|
-
constructor();
|
|
9
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyListItem, never>;
|
|
10
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<ThyListItem, "thy-list-item,[thy-list-item]", never, {}, {}, never, ["*"], true, never>;
|
|
11
9
|
}
|
package/list/list.component.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "ngx-tethys/util";
|
|
3
2
|
/**
|
|
4
3
|
* 列表组件
|
|
5
4
|
* @name thy-list
|
|
@@ -8,13 +7,8 @@ import * as i1 from "ngx-tethys/util";
|
|
|
8
7
|
export declare class ThyList {
|
|
9
8
|
/**
|
|
10
9
|
* 控制分割线的显示与隐藏
|
|
11
|
-
* @default false
|
|
12
10
|
*/
|
|
13
|
-
|
|
14
|
-
_isDivided: boolean;
|
|
15
|
-
_isList: boolean;
|
|
16
|
-
constructor();
|
|
11
|
+
readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
17
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyList, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyList, "thy-list", never, { "thyDivided": { "alias": "thyDivided"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
19
|
-
static ngAcceptInputType_thyDivided: i1.ThyBooleanInput;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyList, "thy-list", never, { "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
20
14
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { IThyListOptionParentComponent, ThyListOption } from 'ngx-tethys/shared';
|
|
2
2
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
3
|
-
import { AfterContentInit, ElementRef,
|
|
3
|
+
import { AfterContentInit, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
4
4
|
import { ControlValueAccessor } from '@angular/forms';
|
|
5
5
|
import { ThyListLayout } from 'ngx-tethys/shared';
|
|
6
6
|
import { ThySelectionListChange } from './selection.interface';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "ngx-tethys/util";
|
|
9
8
|
export type ThyListSize = 'sm' | 'md' | 'lg';
|
|
10
9
|
/**
|
|
11
10
|
* @name thy-selection-list,[thy-selection-list]
|
|
@@ -16,93 +15,84 @@ export declare class ThySelectionList implements OnInit, OnDestroy, AfterContent
|
|
|
16
15
|
private elementRef;
|
|
17
16
|
private ngZone;
|
|
18
17
|
private changeDetectorRef;
|
|
19
|
-
private
|
|
20
|
-
private
|
|
21
|
-
private
|
|
22
|
-
private _modelValues;
|
|
18
|
+
private keyManager;
|
|
19
|
+
private bindKeyEventUnsubscribe;
|
|
20
|
+
private modelValues;
|
|
23
21
|
private hostRenderer;
|
|
24
22
|
/** The currently selected options. */
|
|
25
23
|
selectionModel: SelectionModel<any>;
|
|
26
24
|
disabled: boolean;
|
|
27
|
-
layout: ThyListLayout;
|
|
28
|
-
_isList: boolean;
|
|
29
|
-
_isSelectionList: boolean;
|
|
30
|
-
multiple: boolean;
|
|
31
|
-
isLayoutGrid: boolean;
|
|
32
25
|
/**
|
|
33
26
|
* @internal
|
|
34
27
|
*/
|
|
35
28
|
options: QueryList<ThyListOption>;
|
|
36
29
|
/**
|
|
37
30
|
* 改变 grid item 的选择模式,使其支持多选
|
|
38
|
-
* @default true
|
|
39
31
|
*/
|
|
40
|
-
|
|
32
|
+
readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
41
33
|
/**
|
|
42
34
|
* 绑定键盘事件的容器
|
|
43
35
|
* @type HTMLElement | ElementRef | string
|
|
44
36
|
* @default thy-selection-list 组件绑定的元素
|
|
45
37
|
*/
|
|
46
|
-
thyBindKeyEventContainer:
|
|
38
|
+
readonly thyBindKeyEventContainer: import("@angular/core").InputSignal<string | HTMLElement | ElementRef<any>>;
|
|
47
39
|
/**
|
|
48
40
|
* 出现滚动条的容器
|
|
49
41
|
* @type HTMLElement | ElementRef | string
|
|
50
42
|
* @default thy-selection-list 组件绑定的元素
|
|
51
43
|
*/
|
|
52
|
-
thyScrollContainer:
|
|
44
|
+
readonly thyScrollContainer: import("@angular/core").InputSignal<string | HTMLElement | ElementRef<any>>;
|
|
53
45
|
/**
|
|
54
46
|
* 键盘事件触发 Before 调用,如果返回 false 则停止继续执行
|
|
55
47
|
*/
|
|
56
|
-
thyBeforeKeydown: (event?: KeyboardEvent) => boolean
|
|
48
|
+
readonly thyBeforeKeydown: import("@angular/core").InputSignal<(event?: KeyboardEvent) => boolean>;
|
|
57
49
|
/**
|
|
58
50
|
* Option Value 唯一的 Key,用于存储哪些选择被选中的唯一值,只有 Option 的 thyValue 是对象的时才可以传入该选项
|
|
59
51
|
*/
|
|
60
|
-
thyUniqueKey: string
|
|
52
|
+
readonly thyUniqueKey: import("@angular/core").InputSignal<string>;
|
|
61
53
|
/**
|
|
62
54
|
* 比较2个选项的 Value 是否相同
|
|
63
55
|
*/
|
|
64
|
-
thyCompareWith: (o1: any, o2: any) => boolean
|
|
56
|
+
readonly thyCompareWith: import("@angular/core").InputSignal<(o1: any, o2: any) => boolean>;
|
|
65
57
|
/**
|
|
66
58
|
* grid item 的展示样式
|
|
67
59
|
* @type list | grid
|
|
68
|
-
* @default list
|
|
69
60
|
*/
|
|
70
|
-
|
|
61
|
+
readonly layout: import("@angular/core").InputSignal<ThyListLayout>;
|
|
62
|
+
readonly isLayoutGrid: import("@angular/core").Signal<boolean>;
|
|
71
63
|
/**
|
|
72
64
|
* 是否自动激活第一项
|
|
73
65
|
*/
|
|
74
|
-
|
|
66
|
+
readonly thyAutoActiveFirstItem: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
75
67
|
/**
|
|
76
68
|
* 改变 grid item 的大小,支持默认以及 sm 两种大小
|
|
77
69
|
* @type sm | md | lg
|
|
78
70
|
*/
|
|
79
|
-
|
|
80
|
-
private spaceEnabled;
|
|
71
|
+
readonly thySize: import("@angular/core").InputSignal<ThyListSize>;
|
|
81
72
|
/**
|
|
82
73
|
* 是否按下空格切换聚焦选项
|
|
83
74
|
*/
|
|
84
|
-
|
|
75
|
+
readonly thySpaceKeyEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
85
76
|
/**
|
|
86
77
|
* 每当选项的选定状态发生更改时,都会触发更改事件
|
|
87
|
-
* @type EventEmitter<ThySelectionListChange>
|
|
88
78
|
*/
|
|
89
|
-
readonly thySelectionChange:
|
|
90
|
-
private
|
|
91
|
-
private
|
|
92
|
-
|
|
93
|
-
private
|
|
94
|
-
private
|
|
95
|
-
private
|
|
96
|
-
private
|
|
97
|
-
private
|
|
98
|
-
private
|
|
99
|
-
private
|
|
100
|
-
private
|
|
101
|
-
private
|
|
102
|
-
private
|
|
103
|
-
private
|
|
104
|
-
private
|
|
105
|
-
private
|
|
79
|
+
readonly thySelectionChange: import("@angular/core").OutputEmitterRef<ThySelectionListChange<any>>;
|
|
80
|
+
private onTouched;
|
|
81
|
+
private onChange;
|
|
82
|
+
constructor();
|
|
83
|
+
private emitChangeEvent;
|
|
84
|
+
private emitModelValueChange;
|
|
85
|
+
private toggleFocusedOption;
|
|
86
|
+
private initializeFocusKeyManager;
|
|
87
|
+
private instanceSelectionModel;
|
|
88
|
+
private getElementBySelector;
|
|
89
|
+
private compareValue;
|
|
90
|
+
private getOptionSelectionValue;
|
|
91
|
+
private setSelectionByValues;
|
|
92
|
+
private setAllOptionsSelected;
|
|
93
|
+
private getOptionByValue;
|
|
94
|
+
private getActiveOption;
|
|
95
|
+
private setListSize;
|
|
106
96
|
ngOnInit(): void;
|
|
107
97
|
writeValue(value: any[] | any): void;
|
|
108
98
|
registerOnChange(fn: any): void;
|
|
@@ -122,8 +112,5 @@ export declare class ThySelectionList implements OnInit, OnDestroy, AfterContent
|
|
|
122
112
|
ngAfterContentInit(): void;
|
|
123
113
|
ngOnDestroy(): void;
|
|
124
114
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectionList, never>;
|
|
125
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectionList, "thy-selection-list,[thy-selection-list]", never, { "
|
|
126
|
-
static ngAcceptInputType_thyMultiple: i1.ThyBooleanInput;
|
|
127
|
-
static ngAcceptInputType_thyAutoActiveFirstItem: i1.ThyBooleanInput;
|
|
128
|
-
static ngAcceptInputType_thySpaceKeyEnabled: i1.ThyBooleanInput;
|
|
115
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectionList, "thy-selection-list,[thy-selection-list]", never, { "multiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyBindKeyEventContainer": { "alias": "thyBindKeyEventContainer"; "required": false; "isSignal": true; }; "thyScrollContainer": { "alias": "thyScrollContainer"; "required": false; "isSignal": true; }; "thyBeforeKeydown": { "alias": "thyBeforeKeydown"; "required": false; "isSignal": true; }; "thyUniqueKey": { "alias": "thyUniqueKey"; "required": false; "isSignal": true; }; "thyCompareWith": { "alias": "thyCompareWith"; "required": false; "isSignal": true; }; "layout": { "alias": "thyLayout"; "required": false; "isSignal": true; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thySpaceKeyEnabled": { "alias": "thySpaceKeyEnabled"; "required": false; "isSignal": true; }; }, { "thySelectionChange": "thySelectionChange"; }, ["options"], ["*"], true, never>;
|
|
129
116
|
}
|