ngx-tethys 19.0.12 → 19.1.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/action/action.component.d.ts +2 -2
- package/alert/alert.component.d.ts +1 -1
- package/anchor/anchor-link.component.d.ts +8 -8
- package/anchor/anchor.component.d.ts +15 -21
- package/arrow-switcher/arrow-switcher.component.d.ts +15 -22
- package/autocomplete/autocomplete.component.d.ts +10 -17
- package/autocomplete/autocomplete.trigger.directive.d.ts +10 -18
- package/avatar/avatar-list/avatar-list.component.d.ts +1 -1
- package/avatar/avatar.component.d.ts +5 -5
- package/back-top/back-top.component.d.ts +9 -12
- package/badge/badge.component.d.ts +19 -59
- package/breadcrumb/breadcrumb.component.d.ts +15 -20
- package/button/button-icon.component.d.ts +3 -2
- package/button/button.component.d.ts +3 -2
- package/calendar/calendar-header.component.d.ts +9 -8
- package/calendar/calendar.component.d.ts +16 -16
- package/card/card.component.d.ts +5 -11
- package/card/content.component.d.ts +3 -8
- package/card/header.component.d.ts +7 -8
- package/carousel/carousel.component.d.ts +22 -27
- package/cascader/cascader-li.component.d.ts +13 -21
- package/cascader/cascader-search-option.component.d.ts +8 -16
- package/cascader/cascader.component.d.ts +58 -80
- package/checkbox/checkbox.component.d.ts +2 -5
- package/collapse/collapse-item.component.d.ts +12 -19
- package/collapse/collapse.component.d.ts +6 -12
- package/collapse/collapse.token.d.ts +3 -3
- package/color-picker/color-picker-custom-panel.component.d.ts +5 -5
- package/color-picker/color-picker-panel.component.d.ts +7 -11
- package/color-picker/color-picker.component.d.ts +19 -35
- package/color-picker/parts/alpha/alpha.component.d.ts +8 -8
- package/color-picker/parts/hue/hue.component.d.ts +6 -6
- package/color-picker/parts/indicator/indicator.component.d.ts +4 -3
- package/color-picker/parts/inputs/inputs.component.d.ts +9 -9
- package/color-picker/parts/saturation/saturation.component.d.ts +9 -9
- package/comment/comment.component.d.ts +4 -5
- package/copy/copy.directive.d.ts +8 -9
- package/date-picker/abstract-picker.component.d.ts +8 -7
- package/date-picker/lib/calendar/calendar-footer.component.d.ts +2 -1
- package/date-picker/lib/popups/inner-popup.component.d.ts +2 -1
- package/date-picker/picker.component.d.ts +2 -1
- package/date-range/date-range.component.d.ts +2 -2
- package/dialog/body/dialog-body.component.d.ts +2 -6
- package/dialog/confirm/confirm.component.d.ts +2 -2
- package/dialog/footer/dialog-footer.component.d.ts +6 -9
- package/dialog/header/dialog-header.component.d.ts +9 -11
- package/divider/divider.component.d.ts +12 -16
- package/dot/dot.component.d.ts +5 -13
- package/drag-drop/drag-handle.directive.d.ts +2 -1
- package/drag-drop/drag.directive.d.ts +2 -1
- package/drag-drop/drop-container.directive.d.ts +2 -1
- package/dropdown/dropdown-menu-item.directive.d.ts +3 -2
- package/dropdown/dropdown-menu.component.d.ts +2 -1
- package/dropdown/dropdown.directive.d.ts +2 -1
- package/empty/empty.component.d.ts +21 -27
- package/fesm2022/ngx-tethys-anchor.mjs +91 -118
- package/fesm2022/ngx-tethys-anchor.mjs.map +1 -1
- package/fesm2022/ngx-tethys-arrow-switcher.mjs +51 -77
- package/fesm2022/ngx-tethys-arrow-switcher.mjs.map +1 -1
- package/fesm2022/ngx-tethys-autocomplete.mjs +69 -103
- package/fesm2022/ngx-tethys-autocomplete.mjs.map +1 -1
- package/fesm2022/ngx-tethys-avatar.mjs.map +1 -1
- package/fesm2022/ngx-tethys-back-top.mjs +33 -46
- package/fesm2022/ngx-tethys-back-top.mjs.map +1 -1
- package/fesm2022/ngx-tethys-badge.mjs +104 -208
- package/fesm2022/ngx-tethys-badge.mjs.map +1 -1
- package/fesm2022/ngx-tethys-breadcrumb.mjs +66 -70
- package/fesm2022/ngx-tethys-breadcrumb.mjs.map +1 -1
- package/fesm2022/ngx-tethys-calendar.mjs +85 -87
- package/fesm2022/ngx-tethys-calendar.mjs.map +1 -1
- package/fesm2022/ngx-tethys-card.mjs +72 -77
- package/fesm2022/ngx-tethys-card.mjs.map +1 -1
- package/fesm2022/ngx-tethys-carousel.mjs +82 -99
- package/fesm2022/ngx-tethys-carousel.mjs.map +1 -1
- package/fesm2022/ngx-tethys-cascader.mjs +313 -468
- package/fesm2022/ngx-tethys-cascader.mjs.map +1 -1
- package/fesm2022/ngx-tethys-checkbox.mjs +10 -17
- package/fesm2022/ngx-tethys-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-tethys-collapse.mjs +66 -71
- package/fesm2022/ngx-tethys-collapse.mjs.map +1 -1
- package/fesm2022/ngx-tethys-color-picker.mjs +187 -246
- package/fesm2022/ngx-tethys-color-picker.mjs.map +1 -1
- package/fesm2022/ngx-tethys-comment.mjs +16 -10
- package/fesm2022/ngx-tethys-comment.mjs.map +1 -1
- package/fesm2022/ngx-tethys-copy.mjs +25 -28
- package/fesm2022/ngx-tethys-copy.mjs.map +1 -1
- package/fesm2022/ngx-tethys-dialog.mjs +81 -82
- package/fesm2022/ngx-tethys-dialog.mjs.map +1 -1
- package/fesm2022/ngx-tethys-divider.mjs +49 -58
- package/fesm2022/ngx-tethys-divider.mjs.map +1 -1
- package/fesm2022/ngx-tethys-dot.mjs +45 -68
- package/fesm2022/ngx-tethys-dot.mjs.map +1 -1
- package/fesm2022/ngx-tethys-empty.mjs +107 -95
- package/fesm2022/ngx-tethys-empty.mjs.map +1 -1
- package/fesm2022/ngx-tethys-form.mjs +161 -200
- package/fesm2022/ngx-tethys-form.mjs.map +1 -1
- package/fesm2022/ngx-tethys-fullscreen.mjs +21 -23
- package/fesm2022/ngx-tethys-fullscreen.mjs.map +1 -1
- package/fesm2022/ngx-tethys-grid.mjs +160 -152
- package/fesm2022/ngx-tethys-grid.mjs.map +1 -1
- package/fesm2022/ngx-tethys-i18n.mjs +25 -25
- package/fesm2022/ngx-tethys-i18n.mjs.map +1 -1
- package/fesm2022/ngx-tethys-input-number.mjs +101 -114
- package/fesm2022/ngx-tethys-input-number.mjs.map +1 -1
- package/fesm2022/ngx-tethys-input.mjs +268 -271
- package/fesm2022/ngx-tethys-input.mjs.map +1 -1
- package/fesm2022/ngx-tethys-loading.mjs +17 -35
- package/fesm2022/ngx-tethys-loading.mjs.map +1 -1
- package/fesm2022/ngx-tethys-mention.mjs +3 -3
- package/fesm2022/ngx-tethys-mention.mjs.map +1 -1
- package/fesm2022/ngx-tethys-menu.mjs +106 -179
- package/fesm2022/ngx-tethys-menu.mjs.map +1 -1
- package/fesm2022/ngx-tethys-nav.mjs +169 -201
- package/fesm2022/ngx-tethys-nav.mjs.map +1 -1
- package/fesm2022/ngx-tethys-pagination.mjs +230 -294
- package/fesm2022/ngx-tethys-pagination.mjs.map +1 -1
- package/fesm2022/ngx-tethys-popover.mjs +67 -70
- package/fesm2022/ngx-tethys-popover.mjs.map +1 -1
- package/fesm2022/ngx-tethys-progress.mjs +196 -244
- package/fesm2022/ngx-tethys-progress.mjs.map +1 -1
- package/fesm2022/ngx-tethys-property.mjs +102 -105
- package/fesm2022/ngx-tethys-property.mjs.map +1 -1
- package/fesm2022/ngx-tethys-radio.mjs +34 -38
- package/fesm2022/ngx-tethys-radio.mjs.map +1 -1
- package/fesm2022/ngx-tethys-result.mjs +46 -28
- package/fesm2022/ngx-tethys-result.mjs.map +1 -1
- package/fesm2022/ngx-tethys-skeleton.mjs +339 -342
- package/fesm2022/ngx-tethys-skeleton.mjs.map +1 -1
- package/fesm2022/ngx-tethys-slider.mjs +75 -108
- package/fesm2022/ngx-tethys-slider.mjs.map +1 -1
- package/fesm2022/ngx-tethys-space.mjs +26 -46
- package/fesm2022/ngx-tethys-space.mjs.map +1 -1
- package/fesm2022/ngx-tethys-statistic.mjs +114 -151
- package/fesm2022/ngx-tethys-statistic.mjs.map +1 -1
- package/fesm2022/ngx-tethys-stepper.mjs +74 -107
- package/fesm2022/ngx-tethys-stepper.mjs.map +1 -1
- package/fesm2022/ngx-tethys-switch.mjs +80 -140
- package/fesm2022/ngx-tethys-switch.mjs.map +1 -1
- package/fesm2022/ngx-tethys-table.mjs +1 -1
- package/fesm2022/ngx-tethys-table.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tabs.mjs +69 -87
- package/fesm2022/ngx-tethys-tabs.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tag.mjs +42 -64
- package/fesm2022/ngx-tethys-tag.mjs.map +1 -1
- package/fesm2022/ngx-tethys-timeline.mjs +104 -129
- package/fesm2022/ngx-tethys-timeline.mjs.map +1 -1
- package/fesm2022/ngx-tethys-typography.mjs +36 -33
- package/fesm2022/ngx-tethys-typography.mjs.map +1 -1
- package/fesm2022/ngx-tethys-upload.mjs +91 -130
- package/fesm2022/ngx-tethys-upload.mjs.map +1 -1
- package/fesm2022/ngx-tethys-util.mjs.map +1 -1
- package/fesm2022/ngx-tethys-watermark.mjs +36 -40
- package/fesm2022/ngx-tethys-watermark.mjs.map +1 -1
- package/fesm2022/ngx-tethys.mjs +1 -1
- package/fesm2022/ngx-tethys.mjs.map +1 -1
- package/form/form-group-error/form-group-error.component.d.ts +2 -3
- package/form/form-group-label.directive.d.ts +2 -1
- package/form/form-group.component.d.ts +17 -24
- package/form/form-submit.directive.d.ts +2 -2
- package/form/form.directive.d.ts +6 -8
- package/form/from-group-footer/form-group-footer.component.d.ts +2 -2
- package/form/validator/confirm-validator.directive.d.ts +2 -2
- package/form/validator/unique-validator.directive.d.ts +2 -2
- package/fullscreen/fullscreen.component.d.ts +7 -7
- package/grid/flex.d.ts +14 -19
- package/grid/thy-col.directive.d.ts +6 -9
- package/grid/thy-grid-item.component.d.ts +3 -4
- package/grid/thy-grid.component.d.ts +11 -12
- package/grid/thy-row.directive.d.ts +12 -12
- package/icon/icon.component.d.ts +3 -2
- package/image/image.directive.d.ts +3 -2
- package/input/input-count.component.d.ts +4 -5
- package/input/input-group.component.d.ts +20 -20
- package/input/input-search.component.d.ts +15 -20
- package/input/input.component.d.ts +20 -21
- package/input/input.directive.d.ts +4 -6
- package/input-number/input-number.component.d.ts +21 -29
- package/layout/header.component.d.ts +4 -9
- package/layout/sidebar-header.component.d.ts +2 -1
- package/layout/sidebar.component.d.ts +8 -7
- package/list/list.component.d.ts +2 -1
- package/list/selection/selection-list.d.ts +4 -3
- package/loading/loading.component.d.ts +4 -10
- package/mention/mention.directive.d.ts +2 -2
- package/menu/group/menu-group.component.d.ts +16 -33
- package/menu/item/action/menu-item-action.component.d.ts +7 -8
- package/menu/item/icon/menu-item-icon.component.d.ts +2 -2
- package/menu/item/menu-item.component.d.ts +4 -4
- package/menu/item/name/menu-item-name.component.d.ts +2 -3
- package/menu/menu.component.d.ts +3 -7
- package/nav/icon-nav/icon-nav-link.directive.d.ts +3 -7
- package/nav/icon-nav/icon-nav.component.d.ts +3 -8
- package/nav/nav-ink-bar.directive.d.ts +4 -6
- package/nav/nav-item.directive.d.ts +7 -10
- package/nav/nav.component.d.ts +20 -48
- package/package.json +1 -1
- package/pagination/pagination.component.d.ts +48 -109
- package/popover/header/popover-header.component.d.ts +7 -6
- package/popover/popover.directive.d.ts +11 -18
- package/progress/progress-circle.component.d.ts +32 -21
- package/progress/progress-strip.component.d.ts +10 -14
- package/progress/progress.component.d.ts +15 -23
- package/property/examples/single/single.component.scss +6 -0
- package/property/properties.component.d.ts +6 -13
- package/property/property-item.component.d.ts +21 -26
- package/property/styles/properties.scss +124 -52
- package/property-operation/property-operation.component.d.ts +6 -5
- package/radio/button/radio-button.component.d.ts +2 -2
- package/radio/group/radio-group.component.d.ts +8 -7
- package/radio/radio.component.d.ts +2 -2
- package/radio/radio.token.d.ts +2 -2
- package/rate/rate-item.component.d.ts +2 -1
- package/rate/rate.component.d.ts +4 -3
- package/resizable/resizable.directive.d.ts +4 -9
- package/resizable/resize-handle.component.d.ts +2 -1
- package/resizable/resize-handles.component.d.ts +2 -1
- package/result/result.component.d.ts +9 -10
- package/schematics/version.d.ts +1 -1
- package/schematics/version.js +1 -1
- package/segment/segment-item.component.d.ts +2 -1
- package/segment/segment.component.d.ts +2 -1
- package/select/custom-select/custom-select.component.d.ts +11 -10
- package/select/native-select/native-select.component.d.ts +2 -1
- package/shared/base-form-check.component.d.ts +3 -2
- package/shared/directives/thy-autofocus.directive.d.ts +3 -2
- package/shared/directives/thy-scroll.directive.d.ts +2 -1
- package/shared/directives/thy-show.d.ts +2 -1
- package/shared/option/group/option-group.component.d.ts +2 -1
- package/shared/option/list-option/list-option.component.d.ts +2 -7
- package/shared/option/option.component.d.ts +2 -1
- package/shared/select/select-control/select-control.component.d.ts +7 -6
- package/skeleton/skeleton-circle.component.d.ts +16 -19
- package/skeleton/skeleton-rectangle.component.d.ts +20 -23
- package/skeleton/skeleton.component.d.ts +5 -6
- package/skeleton/stylized/bullet-list.component.d.ts +11 -13
- package/skeleton/stylized/list.component.d.ts +10 -12
- package/skeleton/stylized/paragraph.component.d.ts +12 -14
- package/slide/slide-body/slide-body-section.component.d.ts +2 -1
- package/slider/slider.component.d.ts +17 -24
- package/space/space.component.d.ts +8 -8
- package/statistic/statistic.component.d.ts +35 -40
- package/stepper/step-header.component.d.ts +6 -10
- package/stepper/step.component.d.ts +6 -6
- package/stepper/stepper.component.d.ts +15 -20
- package/switch/switch.component.d.ts +24 -35
- package/table/table-column.component.d.ts +6 -5
- package/table/table-skeleton.component.d.ts +3 -10
- package/table/table.component.d.ts +11 -10
- package/tabs/tab-content.component.d.ts +4 -4
- package/tabs/tab.component.d.ts +4 -5
- package/tabs/tabs.component.d.ts +13 -15
- package/tag/tag.component.d.ts +10 -16
- package/time-picker/time-picker-panel.component.d.ts +3 -2
- package/time-picker/time-picker.component.d.ts +6 -5
- package/timeline/timeline-item.component.d.ts +9 -13
- package/timeline/timeline.component.d.ts +13 -17
- package/tooltip/tooltip.directive.d.ts +3 -2
- package/tree/tree-node.component.d.ts +6 -15
- package/tree/tree.component.d.ts +8 -7
- package/tree-select/tree-select.component.d.ts +8 -7
- package/typography/bg-color.directive.d.ts +3 -3
- package/typography/text/text.component.d.ts +2 -2
- package/typography/text-color.directive.d.ts +3 -3
- package/upload/file-drop.directive.d.ts +9 -11
- package/upload/file-select-base.d.ts +6 -10
- package/upload/file-select.component.d.ts +10 -20
- package/util/helpers/helpers.d.ts +2 -1
- package/vote/vote.component.d.ts +4 -3
- package/watermark/watermark.directive.d.ts +7 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { OnInit, Signal } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export type ThyBadgeSize = 'md' | 'sm' | 'lg';
|
|
4
4
|
/**
|
|
@@ -7,109 +7,69 @@ export type ThyBadgeSize = 'md' | 'sm' | 'lg';
|
|
|
7
7
|
*/
|
|
8
8
|
export declare class ThyBadge implements OnInit {
|
|
9
9
|
private elementRef;
|
|
10
|
-
displayContent: string;
|
|
11
|
-
badgeClassName: string;
|
|
12
10
|
private nativeElement;
|
|
13
|
-
|
|
11
|
+
readonly displayContent: Signal<string>;
|
|
12
|
+
readonly badgeClassName: Signal<string>;
|
|
14
13
|
protected isWrapper: boolean;
|
|
15
|
-
isShowBadge: boolean
|
|
16
|
-
private
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
private maxCount;
|
|
20
|
-
private type;
|
|
21
|
-
private size;
|
|
22
|
-
private isDot;
|
|
23
|
-
private isHollow;
|
|
24
|
-
protected textColor: string;
|
|
25
|
-
protected builtInTextColorClass: string;
|
|
26
|
-
protected backgroundColor: string;
|
|
27
|
-
protected builtInBackgroundColorClass: string;
|
|
28
|
-
protected supClasses: string[];
|
|
14
|
+
readonly isShowBadge: Signal<boolean>;
|
|
15
|
+
private readonly value;
|
|
16
|
+
protected readonly textColor: Signal<string>;
|
|
17
|
+
protected readonly backgroundColor: Signal<string>;
|
|
29
18
|
constructor();
|
|
30
19
|
/**
|
|
31
20
|
* 徽标类型
|
|
32
21
|
* @type default | primary | danger | warning | success
|
|
33
|
-
* @default danger
|
|
34
22
|
*/
|
|
35
|
-
|
|
23
|
+
readonly thyType: import("@angular/core").InputSignalWithTransform<string, string>;
|
|
36
24
|
/**
|
|
37
25
|
* 徽标内容数字
|
|
38
26
|
* @type number
|
|
39
27
|
*/
|
|
40
|
-
|
|
28
|
+
readonly thyCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
41
29
|
/**
|
|
42
30
|
* 徽标内容文本
|
|
43
31
|
* @type string
|
|
44
32
|
*/
|
|
45
|
-
|
|
33
|
+
readonly thyContent: import("@angular/core").InputSignal<string>;
|
|
46
34
|
/**
|
|
47
35
|
* 已废弃,徽标内容文本,命名错误,请使用 thyContent
|
|
48
|
-
* @deprecated
|
|
49
36
|
*/
|
|
50
|
-
|
|
37
|
+
readonly thyContext: import("@angular/core").InputSignal<string>;
|
|
51
38
|
/**
|
|
52
39
|
* 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时,徽标内容为 thyMaxCount+
|
|
53
40
|
* @type number
|
|
54
41
|
*/
|
|
55
|
-
|
|
42
|
+
readonly thyMaxCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
56
43
|
/**
|
|
57
44
|
* 徽标显示的大小
|
|
58
45
|
* @type md | sm | lg
|
|
59
|
-
* @default md
|
|
60
46
|
*/
|
|
61
|
-
|
|
47
|
+
readonly thySize: import("@angular/core").InputSignalWithTransform<ThyBadgeSize, ThyBadgeSize>;
|
|
62
48
|
/**
|
|
63
49
|
* 已废弃,徽标是一个实心点,已经被废弃
|
|
64
50
|
* @deprecated
|
|
65
51
|
*/
|
|
66
|
-
|
|
52
|
+
readonly thyIsDot: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
67
53
|
/**
|
|
68
54
|
* 已废弃,徽标是一个空心点
|
|
69
55
|
* @deprecated
|
|
70
56
|
*/
|
|
71
|
-
|
|
57
|
+
readonly thyIsHollow: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
72
58
|
/**
|
|
73
59
|
* thyCount 为 0 时,强制显示数字 0,默认不显示
|
|
74
|
-
* @default false
|
|
75
60
|
*/
|
|
76
|
-
|
|
61
|
+
readonly thyKeepShow: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
77
62
|
/**
|
|
78
63
|
* 设置徽标字体的颜色,支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
|
|
79
64
|
* @type string
|
|
80
65
|
*/
|
|
81
|
-
|
|
66
|
+
readonly thyTextColor: import("@angular/core").InputSignal<string>;
|
|
82
67
|
/**
|
|
83
68
|
* 设置徽标的背景颜色,支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
|
|
84
69
|
* @type string
|
|
85
70
|
*/
|
|
86
|
-
|
|
71
|
+
readonly thyBackgroundColor: import("@angular/core").InputSignal<string>;
|
|
87
72
|
ngOnInit(): void;
|
|
88
|
-
private combineBadgeClasses;
|
|
89
|
-
private combineBadgeDisplayContent;
|
|
90
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyBadge, never>;
|
|
91
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyBadge, "thy-badge,[thyBadge]", never, { "thyType": { "alias": "thyType"; "required": false; }; "thyCount": { "alias": "thyCount"; "required": false; }; "thyContent": { "alias": "thyContent"; "required": false; }; "thyContext": { "alias": "thyContext"; "required": false; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyIsDot": { "alias": "thyIsDot"; "required": false; }; "thyIsHollow": { "alias": "thyIsHollow"; "required": false; }; "thyKeepShow": { "alias": "thyKeepShow"; "required": false; }; "thyTextColor": { "alias": "thyTextColor"; "required": false; }; "thyBackgroundColor": { "alias": "thyBackgroundColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
92
|
-
static ngAcceptInputType_thyCount: unknown;
|
|
93
|
-
static ngAcceptInputType_thyMaxCount: unknown;
|
|
94
|
-
static ngAcceptInputType_thyIsDot: boolean | string /**
|
|
95
|
-
* 徽标内容文本
|
|
96
|
-
* @type string
|
|
97
|
-
*/ | /**
|
|
98
|
-
* 徽标内容文本
|
|
99
|
-
* @type string
|
|
100
|
-
*/ number;
|
|
101
|
-
static ngAcceptInputType_thyIsHollow: boolean | string /**
|
|
102
|
-
* 徽标内容文本
|
|
103
|
-
* @type string
|
|
104
|
-
*/ | /**
|
|
105
|
-
* 徽标内容文本
|
|
106
|
-
* @type string
|
|
107
|
-
*/ number;
|
|
108
|
-
static ngAcceptInputType_thyKeepShow: boolean | string /**
|
|
109
|
-
* 徽标内容文本
|
|
110
|
-
* @type string
|
|
111
|
-
*/ | /**
|
|
112
|
-
* 徽标内容文本
|
|
113
|
-
* @type string
|
|
114
|
-
*/ number;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyBadge, "thy-badge,[thyBadge]", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyCount": { "alias": "thyCount"; "required": false; "isSignal": true; }; "thyContent": { "alias": "thyContent"; "required": false; "isSignal": true; }; "thyContext": { "alias": "thyContext"; "required": false; "isSignal": true; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyIsDot": { "alias": "thyIsDot"; "required": false; "isSignal": true; }; "thyIsHollow": { "alias": "thyIsHollow"; "required": false; "isSignal": true; }; "thyKeepShow": { "alias": "thyKeepShow"; "required": false; "isSignal": true; }; "thyTextColor": { "alias": "thyTextColor"; "required": false; "isSignal": true; }; "thyBackgroundColor": { "alias": "thyBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
115
75
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TemplateRef,
|
|
1
|
+
import { TemplateRef, Signal } from '@angular/core';
|
|
2
2
|
import { SafeAny } from 'ngx-tethys/types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
@@ -6,44 +6,39 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* @name thy-breadcrumb
|
|
7
7
|
* @order 10
|
|
8
8
|
*/
|
|
9
|
-
export declare class ThyBreadcrumb
|
|
10
|
-
private cdr;
|
|
11
|
-
iconClasses: string[];
|
|
12
|
-
svgIconName: string;
|
|
9
|
+
export declare class ThyBreadcrumb {
|
|
13
10
|
/**
|
|
14
11
|
* 面包屑的前缀 展示图标,如 folder-fill
|
|
15
12
|
*/
|
|
16
|
-
|
|
13
|
+
readonly thyIcon: import("@angular/core").InputSignal<string>;
|
|
14
|
+
iconClasses: Signal<string[]>;
|
|
15
|
+
svgIconName: Signal<string>;
|
|
17
16
|
/**
|
|
18
17
|
* 面包屑的分隔符,不传值默认为 ">"
|
|
19
18
|
* @type slash | backslash | vertical-line
|
|
20
19
|
*/
|
|
21
|
-
thySeparator:
|
|
20
|
+
readonly thySeparator: import("@angular/core").InputSignal<"slash" | "backslash" | "vertical-line">;
|
|
22
21
|
/**
|
|
23
22
|
* 面包屑的每一项数据
|
|
24
23
|
*/
|
|
25
|
-
items:
|
|
24
|
+
readonly items: import("@angular/core").InputSignal<any[]>;
|
|
26
25
|
/**
|
|
27
26
|
* 最大显示数量,超出此数量后,面包屑会被省略, 0 表示不省略(仅当传入 thyItems 时有效)
|
|
28
27
|
*/
|
|
29
|
-
thyMaxCount: number
|
|
28
|
+
readonly thyMaxCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
30
29
|
/**
|
|
31
30
|
* 是否可点击弹出已被省略的面包屑项(仅当传入 thyItems 时有效)
|
|
32
31
|
*/
|
|
33
|
-
thyExpandable: boolean
|
|
32
|
+
readonly thyExpandable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
34
33
|
/**
|
|
35
34
|
* 面包屑的每一项模板(仅当传入 thyItems 时有效)
|
|
36
35
|
*/
|
|
37
|
-
itemTemplate: TemplateRef<
|
|
36
|
+
readonly itemTemplate: Signal<TemplateRef<any>>;
|
|
38
37
|
ellipsisItemId: string;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
private setIcon;
|
|
44
|
-
private resetItems;
|
|
38
|
+
readonly processedItems: Signal<{
|
|
39
|
+
ellipsisItems: SafeAny[];
|
|
40
|
+
showItems: SafeAny[];
|
|
41
|
+
}>;
|
|
45
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyBreadcrumb, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyBreadcrumb, "thy-breadcrumb", ["ThyBreadcrumb"], { "thyIcon": { "alias": "thyIcon"; "required": false; }; "thySeparator": { "alias": "thySeparator"; "required": false; }; "items": { "alias": "thyItems"; "required": false; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; }; "thyExpandable": { "alias": "thyExpandable"; "required": false; }; }, {}, ["itemTemplate"], ["*"], true, never>;
|
|
47
|
-
static ngAcceptInputType_thyMaxCount: unknown;
|
|
48
|
-
static ngAcceptInputType_thyExpandable: boolean | string | number;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyBreadcrumb, "thy-breadcrumb", ["ThyBreadcrumb"], { "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thySeparator": { "alias": "thySeparator"; "required": false; "isSignal": true; }; "items": { "alias": "thyItems"; "required": false; "isSignal": true; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; "isSignal": true; }; "thyExpandable": { "alias": "thyExpandable"; "required": false; "isSignal": true; }; }, {}, ["itemTemplate"], ["*"], true, never>;
|
|
49
44
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ngx-tethys/util";
|
|
3
4
|
export type ThyButtonIconShape = '' | 'circle-dashed' | 'circle-solid' | 'circle-thick-dashed' | 'circle-thick-solid' | 'self-icon';
|
|
4
5
|
/**
|
|
5
6
|
* 操作按钮图标,支持`thy-button-icon`组件和`thyButtonIcon`指令两种形式
|
|
@@ -59,6 +60,6 @@ export declare class ThyButtonIcon implements OnInit {
|
|
|
59
60
|
ngOnInit(): void;
|
|
60
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyButtonIcon, never>;
|
|
61
62
|
static ɵcmp: i0.ɵɵComponentDeclaration<ThyButtonIcon, "thy-button-icon,[thy-button-icon],[thyButtonIcon]", never, { "thySize": { "alias": "thySize"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyButtonIcon": { "alias": "thyButtonIcon"; "required": false; }; "thyShape": { "alias": "thyShape"; "required": false; }; "thyLight": { "alias": "thyLight"; "required": false; }; "thyActive": { "alias": "thyActive"; "required": false; }; "thyTheme": { "alias": "thyTheme"; "required": false; }; "thyColor": { "alias": "thyColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
62
|
-
static ngAcceptInputType_thyLight:
|
|
63
|
-
static ngAcceptInputType_thyActive:
|
|
63
|
+
static ngAcceptInputType_thyLight: i1.ThyBooleanInput;
|
|
64
|
+
static ngAcceptInputType_thyActive: i1.ThyBooleanInput;
|
|
64
65
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { OnInit, AfterViewInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ngx-tethys/util";
|
|
3
4
|
export type ThyButtonType = 'primary' | 'secondary' | 'info' | 'outline-primary' | 'outline-default' | 'danger' | 'link' | 'link-secondary' | 'warning' | 'outline-warning' | 'success' | 'outline-success' | 'outline-info' | 'outline-danger' | 'link-danger-weak' | 'link-danger' | 'link-success';
|
|
4
5
|
/**
|
|
5
6
|
* 操作按钮,支持组件`thy-button`和`thyButton`指令两种形式
|
|
@@ -65,6 +66,6 @@ export declare class ThyButton implements OnInit, AfterViewInit {
|
|
|
65
66
|
private wrapSpanForText;
|
|
66
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyButton, never>;
|
|
67
68
|
static ɵcmp: i0.ɵɵComponentDeclaration<ThyButton, "thy-button,[thy-button],[thyButton]", never, { "thyButton": { "alias": "thyButton"; "required": false; }; "thyType": { "alias": "thyType"; "required": false; }; "thyLoading": { "alias": "thyLoading"; "required": false; }; "thyLoadingText": { "alias": "thyLoadingText"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyBlock": { "alias": "thyBlock"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
68
|
-
static ngAcceptInputType_thyLoading:
|
|
69
|
-
static ngAcceptInputType_thyBlock:
|
|
69
|
+
static ngAcceptInputType_thyLoading: i1.ThyBooleanInput;
|
|
70
|
+
static ngAcceptInputType_thyBlock: i1.ThyBooleanInput;
|
|
70
71
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateRangeItemInfo } from 'ngx-tethys/date-range';
|
|
2
2
|
import { FunctionProp, TinyDate } from 'ngx-tethys/util';
|
|
3
|
-
import {
|
|
3
|
+
import { OnInit, Signal, TemplateRef } from '@angular/core';
|
|
4
4
|
import { ThyCalendarLocale } from 'ngx-tethys/i18n';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
/**
|
|
@@ -16,35 +16,36 @@ export declare class ThyCalendarHeader implements OnInit {
|
|
|
16
16
|
/**
|
|
17
17
|
* 当前选中日期
|
|
18
18
|
*/
|
|
19
|
-
|
|
19
|
+
readonly currentDate: import("@angular/core").InputSignal<TinyDate>;
|
|
20
20
|
/**
|
|
21
21
|
* 自定义渲染右侧操作项
|
|
22
22
|
*/
|
|
23
|
-
operationRender: FunctionProp<TemplateRef<any
|
|
23
|
+
readonly operationRender: import("@angular/core").InputSignal<FunctionProp<TemplateRef<any>>>;
|
|
24
24
|
/**
|
|
25
25
|
* 日期选择范围(年)发生变化的回调
|
|
26
26
|
*/
|
|
27
|
-
readonly yearChange:
|
|
27
|
+
readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
|
|
28
28
|
/**
|
|
29
29
|
* 日期选择范围(月)发生变化的回调
|
|
30
30
|
*/
|
|
31
|
-
readonly monthChange:
|
|
31
|
+
readonly monthChange: import("@angular/core").OutputEmitterRef<number>;
|
|
32
32
|
/**
|
|
33
33
|
* 日期选择范围(日期)发生变化的回调
|
|
34
34
|
*/
|
|
35
|
-
readonly dateRangeChange:
|
|
35
|
+
readonly dateRangeChange: import("@angular/core").OutputEmitterRef<DateRangeItemInfo>;
|
|
36
36
|
pickerFormat: string;
|
|
37
37
|
dateRanges: DateRangeItemInfo[];
|
|
38
38
|
date: DateRangeItemInfo;
|
|
39
39
|
private _currentDate;
|
|
40
40
|
isCurrent: boolean;
|
|
41
|
+
constructor();
|
|
41
42
|
ngOnInit(): void;
|
|
42
43
|
onChangeMonth(month: DateRangeItemInfo): void;
|
|
43
44
|
onChangeYear(year: DateRangeItemInfo): void;
|
|
44
45
|
onChangeRange(dateRange: DateRangeItemInfo): void;
|
|
45
46
|
backToday(): void;
|
|
46
|
-
setDate(
|
|
47
|
+
setDate(): void;
|
|
47
48
|
isCurrentDate(currentDate: TinyDate): void;
|
|
48
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCalendarHeader, never>;
|
|
49
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCalendarHeader, "thy-calendar-header", never, { "currentDate": { "alias": "currentDate"; "required": false; }; "operationRender": { "alias": "operationRender"; "required": false; }; }, { "yearChange": "yearChange"; "monthChange": "monthChange"; "dateRangeChange": "dateRangeChange"; }, never, never, true, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCalendarHeader, "thy-calendar-header", never, { "currentDate": { "alias": "currentDate"; "required": false; "isSignal": true; }; "operationRender": { "alias": "operationRender"; "required": false; "isSignal": true; }; }, { "yearChange": "yearChange"; "monthChange": "monthChange"; "dateRangeChange": "dateRangeChange"; }, never, never, true, never>;
|
|
50
51
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateRangeItemInfo } from 'ngx-tethys/date-range';
|
|
2
2
|
import { TinyDate } from 'ngx-tethys/util';
|
|
3
|
-
import {
|
|
3
|
+
import { OnInit, Signal, TemplateRef } from '@angular/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export type CalendarMode = 'month' | 'year';
|
|
6
6
|
type CalendarDateTemplate = TemplateRef<{
|
|
@@ -11,7 +11,7 @@ type CalendarDateTemplate = TemplateRef<{
|
|
|
11
11
|
* @name thy-calendar
|
|
12
12
|
* @order 10
|
|
13
13
|
*/
|
|
14
|
-
export declare class ThyCalendar implements OnInit
|
|
14
|
+
export declare class ThyCalendar implements OnInit {
|
|
15
15
|
private cdr;
|
|
16
16
|
className: boolean;
|
|
17
17
|
className1: boolean;
|
|
@@ -19,45 +19,45 @@ export declare class ThyCalendar implements OnInit, OnChanges {
|
|
|
19
19
|
* 展示模式
|
|
20
20
|
* @type month | year
|
|
21
21
|
*/
|
|
22
|
-
thyMode: CalendarMode
|
|
22
|
+
readonly thyMode: import("@angular/core").InputSignal<CalendarMode>;
|
|
23
23
|
/**
|
|
24
24
|
* (可双向绑定)展示日期,默认为当前日期
|
|
25
25
|
*/
|
|
26
|
-
thyValue
|
|
26
|
+
readonly thyValue: import("@angular/core").InputSignal<Date>;
|
|
27
27
|
/**
|
|
28
28
|
* 不可选择的日期
|
|
29
29
|
*/
|
|
30
|
-
thyDisabledDate
|
|
30
|
+
readonly thyDisabledDate: import("@angular/core").InputSignal<(date: Date) => boolean>;
|
|
31
31
|
/**
|
|
32
32
|
* 日期选择变化的回调
|
|
33
33
|
*/
|
|
34
|
-
thySelectChange:
|
|
34
|
+
readonly thySelectChange: import("@angular/core").OutputEmitterRef<Date>;
|
|
35
35
|
/**
|
|
36
36
|
* 日期选择变化的回调
|
|
37
37
|
*/
|
|
38
|
-
thyValueChange:
|
|
38
|
+
readonly thyValueChange: import("@angular/core").OutputEmitterRef<Date>;
|
|
39
39
|
/**
|
|
40
40
|
* 日期选择范围变化的回调
|
|
41
41
|
*/
|
|
42
|
-
thyDateRangeChange:
|
|
42
|
+
readonly thyDateRangeChange: import("@angular/core").OutputEmitterRef<DateRangeItemInfo>;
|
|
43
43
|
/**
|
|
44
44
|
* (可作为内容)自定义渲染日期单元格,模板内容会被追加到单元格
|
|
45
45
|
*/
|
|
46
|
-
thyDateCell
|
|
46
|
+
readonly thyDateCell: import("@angular/core").InputSignal<CalendarDateTemplate>;
|
|
47
47
|
/**
|
|
48
48
|
* 追加到单元格的自定义模板
|
|
49
49
|
*/
|
|
50
|
-
thyDateCellChild
|
|
51
|
-
|
|
50
|
+
readonly thyDateCellChild: Signal<TemplateRef<any>>;
|
|
51
|
+
readonly dateCell: Signal<CalendarDateTemplate>;
|
|
52
52
|
/**
|
|
53
53
|
* (可作为内容)自定义渲染右上角操作项
|
|
54
54
|
*/
|
|
55
|
-
thyCalendarHeaderOperation
|
|
55
|
+
readonly thyCalendarHeaderOperation: import("@angular/core").InputSignal<CalendarDateTemplate>;
|
|
56
56
|
/**
|
|
57
57
|
* 右上角操作项的自定义模板
|
|
58
58
|
*/
|
|
59
|
-
thyCalendarHeaderOperationChild
|
|
60
|
-
|
|
59
|
+
readonly thyCalendarHeaderOperationChild: Signal<TemplateRef<any>>;
|
|
60
|
+
readonly headerOperation: Signal<CalendarDateTemplate>;
|
|
61
61
|
currentDate: TinyDate;
|
|
62
62
|
prefixCls: string;
|
|
63
63
|
private onChangeFn;
|
|
@@ -71,8 +71,8 @@ export declare class ThyCalendar implements OnInit, OnChanges {
|
|
|
71
71
|
registerOnChange(fn: (date: Date) => void): void;
|
|
72
72
|
registerOnTouched(fn: () => void): void;
|
|
73
73
|
private updateDate;
|
|
74
|
-
|
|
74
|
+
constructor();
|
|
75
75
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCalendar, never>;
|
|
76
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCalendar, "thy-calendar", never, { "thyMode": { "alias": "thyMode"; "required": false; }; "thyValue": { "alias": "thyValue"; "required": false; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; }; "thyDateCell": { "alias": "thyDateCell"; "required": false; }; "thyCalendarHeaderOperation": { "alias": "thyCalendarHeaderOperation"; "required": false; }; }, { "thySelectChange": "thySelectChange"; "thyValueChange": "thyValueChange"; "thyDateRangeChange": "thyDateRangeChange"; }, ["thyDateCellChild", "thyCalendarHeaderOperationChild"], never, true, never>;
|
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCalendar, "thy-calendar", never, { "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; "isSignal": true; }; "thyDateCell": { "alias": "thyDateCell"; "required": false; "isSignal": true; }; "thyCalendarHeaderOperation": { "alias": "thyCalendarHeaderOperation"; "required": false; "isSignal": true; }; }, { "thySelectChange": "thySelectChange"; "thyValueChange": "thyValueChange"; "thyDateRangeChange": "thyDateRangeChange"; }, ["thyDateCellChild", "thyCalendarHeaderOperationChild"], never, true, never>;
|
|
77
77
|
}
|
|
78
78
|
export {};
|
package/card/card.component.d.ts
CHANGED
|
@@ -9,26 +9,20 @@ export declare class ThyCard {
|
|
|
9
9
|
* 左右是否有内边距,已废弃,如需配置间距使用 spacing 工具样式覆盖默认间距
|
|
10
10
|
* @deprecated
|
|
11
11
|
*/
|
|
12
|
-
thyHasLeftRightPadding: boolean
|
|
12
|
+
readonly thyHasLeftRightPadding: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
13
13
|
/**
|
|
14
14
|
* 是否是分割模式,分割模式头部和内容区之间有一条分割线
|
|
15
|
-
* @default false
|
|
16
15
|
*/
|
|
17
|
-
thyDivided: boolean
|
|
16
|
+
readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
18
17
|
/**
|
|
19
18
|
* 是否有边框,边框颜色为#eee
|
|
20
|
-
* @default false
|
|
21
19
|
*/
|
|
22
|
-
thyBordered: boolean
|
|
20
|
+
readonly thyBordered: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
23
21
|
/**
|
|
24
22
|
* 大小
|
|
25
23
|
* @type sm | md | lg
|
|
26
|
-
* @default md
|
|
27
24
|
*/
|
|
28
|
-
thySize:
|
|
25
|
+
readonly thySize: import("@angular/core").InputSignal<"sm" | "lg" | "md">;
|
|
29
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCard, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCard, "thy-card", never, { "thyHasLeftRightPadding": { "alias": "thyHasLeftRightPadding"; "required": false; }; "thyDivided": { "alias": "thyDivided"; "required": false; }; "thyBordered": { "alias": "thyBordered"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
31
|
-
static ngAcceptInputType_thyHasLeftRightPadding: boolean | string | number;
|
|
32
|
-
static ngAcceptInputType_thyDivided: boolean | string | number;
|
|
33
|
-
static ngAcceptInputType_thyBordered: boolean | string | number;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCard, "thy-card", never, { "thyHasLeftRightPadding": { "alias": "thyHasLeftRightPadding"; "required": false; "isSignal": true; }; "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; "thyBordered": { "alias": "thyBordered"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
34
28
|
}
|
|
@@ -6,21 +6,16 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* @order 30
|
|
7
7
|
*/
|
|
8
8
|
export declare class ThyCardContent implements OnInit {
|
|
9
|
-
scrollClassName: boolean;
|
|
10
9
|
/**
|
|
11
10
|
* 内容区,滚动
|
|
12
|
-
* @default false
|
|
13
11
|
*/
|
|
14
|
-
|
|
15
|
-
_thySizeSm: boolean;
|
|
12
|
+
readonly thyScroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
16
13
|
/**
|
|
17
14
|
* 已废弃,Content 大小,sm 时 padding-top 间距变小
|
|
18
15
|
* @deprecated
|
|
19
|
-
* @default md
|
|
20
16
|
*/
|
|
21
|
-
|
|
17
|
+
readonly thySize: import("@angular/core").InputSignal<string>;
|
|
22
18
|
ngOnInit(): void;
|
|
23
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCardContent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCardContent, "thy-card-content", never, { "thyScroll": { "alias": "thyScroll"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
25
|
-
static ngAcceptInputType_thyScroll: boolean | string | number;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCardContent, "thy-card-content", never, { "thyScroll": { "alias": "thyScroll"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
26
21
|
}
|
|
@@ -10,34 +10,33 @@ export declare class ThyCardHeader implements OnInit {
|
|
|
10
10
|
/**
|
|
11
11
|
* 头部,标题
|
|
12
12
|
*/
|
|
13
|
-
thyTitle: string
|
|
13
|
+
readonly thyTitle: import("@angular/core").InputSignal<string>;
|
|
14
14
|
/**
|
|
15
15
|
* 头部,附加信息
|
|
16
16
|
*/
|
|
17
|
-
thyDescription: string
|
|
17
|
+
readonly thyDescription: import("@angular/core").InputSignal<string>;
|
|
18
18
|
/**
|
|
19
19
|
* 已废弃,头部大小
|
|
20
20
|
* @deprecated
|
|
21
|
-
* @default md
|
|
22
21
|
*/
|
|
23
|
-
thySize:
|
|
22
|
+
readonly thySize: import("@angular/core").InputSignal<"" | "sm" | "lg" | "md">;
|
|
24
23
|
/**
|
|
25
24
|
* 自定义头部标题
|
|
26
25
|
* @type TemplateRef
|
|
27
26
|
*/
|
|
28
|
-
titleTemplateRef: TemplateRef<any
|
|
27
|
+
readonly titleTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
29
28
|
/**
|
|
30
29
|
* 自定义头部描述
|
|
31
30
|
* @type TemplateRef
|
|
32
31
|
*/
|
|
33
|
-
descriptionTemplateRef: TemplateRef<any
|
|
32
|
+
readonly descriptionTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
34
33
|
/**
|
|
35
34
|
* 自定义头部操作区域
|
|
36
35
|
* @type TemplateRef
|
|
37
36
|
*/
|
|
38
|
-
operationTemplateRef: TemplateRef<any
|
|
37
|
+
readonly operationTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
39
38
|
constructor();
|
|
40
39
|
ngOnInit(): void;
|
|
41
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCardHeader, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCardHeader, "thy-card-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; }; "thyDescription": { "alias": "thyDescription"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; }, {}, ["titleTemplateRef", "descriptionTemplateRef", "operationTemplateRef"], never, true, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCardHeader, "thy-card-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "thyDescription": { "alias": "thyDescription"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, ["titleTemplateRef", "descriptionTemplateRef", "operationTemplateRef"], never, true, never>;
|
|
43
42
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { AfterContentInit, AfterViewInit, ElementRef,
|
|
1
|
+
import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef, QueryList } from '@angular/core';
|
|
2
2
|
import { ThyCarouselItemDirective } from './carousel-item.directive';
|
|
3
|
+
import { ThyCarouselFadeEngine, ThyCarouselNoopEngine, ThyCarouselSlideEngine } from './engine';
|
|
3
4
|
import { ThyCarouselEffect, ThyCarouselPause, ThyCarouselSwitchData, ThyCarouselTrigger } from './typings';
|
|
4
5
|
import { IThyCarouselComponent } from './carousel.token';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
@@ -7,7 +8,7 @@ import * as i0 from "@angular/core";
|
|
|
7
8
|
* 走马灯组件
|
|
8
9
|
* @name thy-carousel
|
|
9
10
|
*/
|
|
10
|
-
export declare class ThyCarousel implements IThyCarouselComponent, OnInit, AfterViewInit, AfterContentInit,
|
|
11
|
+
export declare class ThyCarousel implements IThyCarouselComponent, OnInit, AfterViewInit, AfterContentInit, OnDestroy {
|
|
11
12
|
protected renderer: Renderer2;
|
|
12
13
|
private cdr;
|
|
13
14
|
private ngZone;
|
|
@@ -20,68 +21,68 @@ export declare class ThyCarousel implements IThyCarouselComponent, OnInit, After
|
|
|
20
21
|
/**
|
|
21
22
|
* @private
|
|
22
23
|
*/
|
|
23
|
-
carouselWrapper: ElementRef<HTMLElement
|
|
24
|
+
readonly carouselWrapper: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
24
25
|
/**
|
|
25
|
-
*
|
|
26
|
+
* 是否自动切换
|
|
26
27
|
*/
|
|
27
|
-
thyAutoPlay: boolean
|
|
28
|
+
readonly thyAutoPlay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
28
29
|
/**
|
|
29
30
|
* 自动切换时间间隔(毫秒)
|
|
30
31
|
*/
|
|
31
|
-
thyAutoPlayInterval: number
|
|
32
|
+
readonly thyAutoPlayInterval: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
32
33
|
/**
|
|
33
34
|
* 切换动画样式
|
|
34
35
|
* @type slide | fade | noop
|
|
35
36
|
*/
|
|
36
|
-
thyEffect: ThyCarouselEffect
|
|
37
|
+
readonly thyEffect: import("@angular/core").InputSignal<ThyCarouselEffect>;
|
|
37
38
|
/**
|
|
38
39
|
* 是否显示切换指示器
|
|
39
40
|
*/
|
|
40
|
-
thyIndicators: boolean
|
|
41
|
+
readonly thyIndicators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
41
42
|
/**
|
|
42
43
|
* 指示器 Item 的渲染模板
|
|
43
44
|
*/
|
|
44
|
-
thyIndicatorRender
|
|
45
|
+
readonly thyIndicatorRender: import("@angular/core").InputSignal<TemplateRef<{
|
|
45
46
|
$implicit: boolean;
|
|
46
|
-
}
|
|
47
|
+
}>>;
|
|
47
48
|
/**
|
|
48
49
|
* 是否显示左右切换
|
|
49
50
|
*/
|
|
50
|
-
thyControls: boolean
|
|
51
|
+
readonly thyControls: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
51
52
|
/**
|
|
52
53
|
* 上一个控制器渲染模板
|
|
53
54
|
*/
|
|
54
|
-
thyControlPrev
|
|
55
|
+
readonly thyControlPrev: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
55
56
|
/**
|
|
56
57
|
* 下一个控制器渲染模板
|
|
57
58
|
*/
|
|
58
|
-
thyControlNext
|
|
59
|
+
readonly thyControlNext: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
59
60
|
/**
|
|
60
61
|
* 是否支持手势滑动
|
|
61
62
|
*/
|
|
62
|
-
thyTouchable: boolean
|
|
63
|
+
readonly thyTouchable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
63
64
|
/**
|
|
64
65
|
* 指示点切换的触发条件
|
|
65
66
|
* @type click | hover
|
|
66
67
|
*/
|
|
67
|
-
thyTrigger: ThyCarouselTrigger
|
|
68
|
+
readonly thyTrigger: import("@angular/core").InputSignal<ThyCarouselTrigger>;
|
|
68
69
|
/**
|
|
69
70
|
* 鼠标移动到指示器时是否暂停播放
|
|
70
71
|
* @type false | hover
|
|
71
72
|
*/
|
|
72
|
-
thyPause: ThyCarouselPause
|
|
73
|
+
readonly thyPause: import("@angular/core").InputSignal<ThyCarouselPause>;
|
|
73
74
|
/**
|
|
74
75
|
* 触发切换帧之前,返回 `{from: number, to: number}`
|
|
75
76
|
*/
|
|
76
|
-
readonly thyBeforeChange:
|
|
77
|
+
readonly thyBeforeChange: import("@angular/core").OutputEmitterRef<ThyCarouselSwitchData>;
|
|
77
78
|
/**
|
|
78
79
|
* 切换帧之后的回调,返回当前帧索引
|
|
79
80
|
*/
|
|
80
|
-
readonly thyAfterChange:
|
|
81
|
+
readonly thyAfterChange: import("@angular/core").OutputEmitterRef<number>;
|
|
81
82
|
private isDragging;
|
|
82
83
|
private isTransitioning;
|
|
83
84
|
private pointerVector;
|
|
84
|
-
|
|
85
|
+
readonly engine: import("@angular/core").Signal<ThyCarouselNoopEngine | ThyCarouselSlideEngine | ThyCarouselFadeEngine>;
|
|
85
86
|
private _trigger$;
|
|
86
87
|
private _destroy$;
|
|
87
88
|
wrapperDomRect: DOMRect;
|
|
@@ -90,8 +91,8 @@ export declare class ThyCarousel implements IThyCarouselComponent, OnInit, After
|
|
|
90
91
|
transitionTimer: any;
|
|
91
92
|
playTime: number;
|
|
92
93
|
isPause: boolean;
|
|
94
|
+
constructor();
|
|
93
95
|
private moveTo;
|
|
94
|
-
private switchEngine;
|
|
95
96
|
private markContentActive;
|
|
96
97
|
private setInitialValue;
|
|
97
98
|
private scheduleNextTransition;
|
|
@@ -103,15 +104,9 @@ export declare class ThyCarousel implements IThyCarouselComponent, OnInit, After
|
|
|
103
104
|
next(): void;
|
|
104
105
|
pre(): void;
|
|
105
106
|
ngOnInit(): void;
|
|
106
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
107
107
|
ngAfterViewInit(): void;
|
|
108
108
|
ngAfterContentInit(): void;
|
|
109
109
|
ngOnDestroy(): void;
|
|
110
110
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyCarousel, never>;
|
|
111
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCarousel, "thy-carousel", never, { "thyAutoPlay": { "alias": "thyAutoPlay"; "required": false; }; "thyAutoPlayInterval": { "alias": "thyAutoPlayInterval"; "required": false; }; "thyEffect": { "alias": "thyEffect"; "required": false; }; "thyIndicators": { "alias": "thyIndicators"; "required": false; }; "thyIndicatorRender": { "alias": "thyIndicatorRender"; "required": false; }; "thyControls": { "alias": "thyControls"; "required": false; }; "thyControlPrev": { "alias": "thyControlPrev"; "required": false; }; "thyControlNext": { "alias": "thyControlNext"; "required": false; }; "thyTouchable": { "alias": "thyTouchable"; "required": false; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; }; "thyPause": { "alias": "thyPause"; "required": false; }; }, { "thyBeforeChange": "thyBeforeChange"; "thyAfterChange": "thyAfterChange"; }, ["carouselItems"], ["*"], true, never>;
|
|
112
|
-
static ngAcceptInputType_thyAutoPlay: boolean | string | number;
|
|
113
|
-
static ngAcceptInputType_thyAutoPlayInterval: unknown;
|
|
114
|
-
static ngAcceptInputType_thyIndicators: boolean | string | number;
|
|
115
|
-
static ngAcceptInputType_thyControls: boolean | string | number;
|
|
116
|
-
static ngAcceptInputType_thyTouchable: boolean | string | number;
|
|
111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyCarousel, "thy-carousel", never, { "thyAutoPlay": { "alias": "thyAutoPlay"; "required": false; "isSignal": true; }; "thyAutoPlayInterval": { "alias": "thyAutoPlayInterval"; "required": false; "isSignal": true; }; "thyEffect": { "alias": "thyEffect"; "required": false; "isSignal": true; }; "thyIndicators": { "alias": "thyIndicators"; "required": false; "isSignal": true; }; "thyIndicatorRender": { "alias": "thyIndicatorRender"; "required": false; "isSignal": true; }; "thyControls": { "alias": "thyControls"; "required": false; "isSignal": true; }; "thyControlPrev": { "alias": "thyControlPrev"; "required": false; "isSignal": true; }; "thyControlNext": { "alias": "thyControlNext"; "required": false; "isSignal": true; }; "thyTouchable": { "alias": "thyTouchable"; "required": false; "isSignal": true; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; "isSignal": true; }; "thyPause": { "alias": "thyPause"; "required": false; "isSignal": true; }; }, { "thyBeforeChange": "thyBeforeChange"; "thyAfterChange": "thyAfterChange"; }, ["carouselItems"], ["*"], true, never>;
|
|
117
112
|
}
|