ngx-tethys 19.0.16 → 19.1.0-next.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/CHANGELOG.md +31 -11
- package/README.md +0 -1
- package/action/action.component.d.ts +14 -23
- package/action/actions.component.d.ts +5 -7
- package/affix/affix.component.d.ts +9 -13
- 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 +8 -14
- package/avatar/avatar.component.d.ts +25 -39
- 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-group.component.d.ts +5 -12
- package/button/button-icon.component.d.ts +14 -27
- package/button/button.component.d.ts +17 -26
- 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-active.directive.d.ts +4 -5
- package/dropdown/dropdown-menu-item.directive.d.ts +7 -14
- package/dropdown/dropdown-menu.component.d.ts +6 -12
- package/dropdown/dropdown-submenu.component.d.ts +2 -4
- package/dropdown/dropdown.directive.d.ts +14 -24
- package/empty/empty.component.d.ts +21 -27
- package/fesm2022/ngx-tethys-action.mjs +63 -101
- package/fesm2022/ngx-tethys-action.mjs.map +1 -1
- package/fesm2022/ngx-tethys-affix.mjs +40 -41
- package/fesm2022/ngx-tethys-affix.mjs.map +1 -1
- 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 +117 -162
- 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-button.mjs +225 -322
- package/fesm2022/ngx-tethys-button.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 +83 -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-dropdown.mjs +155 -203
- package/fesm2022/ngx-tethys-dropdown.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-flexible-text.mjs +67 -86
- package/fesm2022/ngx-tethys-flexible-text.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 +161 -158
- 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-icon.mjs +44 -59
- package/fesm2022/ngx-tethys-icon.mjs.map +1 -1
- package/fesm2022/ngx-tethys-image.mjs +40 -36
- package/fesm2022/ngx-tethys-image.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-list.mjs +1 -1
- package/fesm2022/ngx-tethys-list.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 +52 -74
- 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 +194 -246
- package/fesm2022/ngx-tethys-progress.mjs.map +1 -1
- package/fesm2022/ngx-tethys-property.mjs +99 -113
- package/fesm2022/ngx-tethys-property.mjs.map +1 -1
- package/fesm2022/ngx-tethys-radio.mjs +60 -76
- package/fesm2022/ngx-tethys-radio.mjs.map +1 -1
- package/fesm2022/ngx-tethys-rate.mjs +115 -157
- package/fesm2022/ngx-tethys-rate.mjs.map +1 -1
- package/fesm2022/ngx-tethys-resizable.mjs +111 -157
- package/fesm2022/ngx-tethys-resizable.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-segment.mjs +84 -103
- package/fesm2022/ngx-tethys-segment.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-slide.mjs +37 -56
- package/fesm2022/ngx-tethys-slide.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 +25 -51
- 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-strength.mjs +52 -66
- package/fesm2022/ngx-tethys-strength.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-transfer.mjs +98 -119
- package/fesm2022/ngx-tethys-transfer.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tree-select.mjs +2 -4
- package/fesm2022/ngx-tethys-tree-select.mjs.map +1 -1
- package/fesm2022/ngx-tethys-tree.mjs +281 -401
- package/fesm2022/ngx-tethys-tree.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 +93 -132
- package/fesm2022/ngx-tethys-upload.mjs.map +1 -1
- package/fesm2022/ngx-tethys-util.mjs.map +1 -1
- package/fesm2022/ngx-tethys-vote.mjs +53 -99
- package/fesm2022/ngx-tethys-vote.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/flexible-text/flexible-text.component.d.ts +9 -15
- 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 +13 -20
- 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 +11 -14
- package/icon/icon.component.d.ts +10 -17
- package/image/image.directive.d.ts +10 -12
- package/image/image.token.d.ts +5 -5
- 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 +6 -7
- package/mention/suggestions/suggestions.component.d.ts +8 -9
- 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 +35 -26
- package/progress/progress-strip.component.d.ts +10 -14
- package/progress/progress.component.d.ts +16 -26
- package/property/examples/single/single.component.scss +6 -0
- package/property/properties.component.d.ts +6 -15
- package/property/property-item.component.d.ts +22 -34
- 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 +13 -16
- package/radio/radio.component.d.ts +2 -2
- package/radio/radio.token.d.ts +2 -2
- package/rate/rate-item.component.d.ts +8 -10
- package/rate/rate.component.d.ts +20 -30
- package/resizable/resizable.directive.d.ts +18 -36
- package/resizable/resize-handle.component.d.ts +6 -6
- package/resizable/resize-handles.component.d.ts +5 -8
- 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 +9 -14
- package/segment/segment.component.d.ts +11 -14
- package/segment/segment.token.d.ts +4 -3
- 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 -5
- package/slide/slide-header/slide-header.component.d.ts +6 -9
- package/slider/slider.component.d.ts +17 -24
- package/space/space.component.d.ts +10 -16
- 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/strength/strength.component.d.ts +8 -13
- 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/transfer/transfer-list.component.d.ts +15 -15
- package/transfer/transfer.component.d.ts +20 -23
- package/tree/tree-abstract.d.ts +5 -5
- package/tree/tree-node.component.d.ts +24 -46
- package/tree/tree.class.d.ts +4 -4
- package/tree/tree.component.d.ts +47 -74
- package/tree/tree.service.d.ts +3 -4
- package/tree-select/tree-select.component.d.ts +10 -9
- 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 +13 -32
- package/watermark/watermark.directive.d.ts +7 -9
|
@@ -1,74 +1,69 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
export type ThyPropertyItemOperationTrigger = 'hover' | 'always';
|
|
5
4
|
/**
|
|
6
5
|
* 属性组件
|
|
7
6
|
* @name thy-property-item
|
|
8
7
|
*/
|
|
9
|
-
export declare class ThyPropertyItem implements
|
|
10
|
-
private cdr;
|
|
8
|
+
export declare class ThyPropertyItem implements OnDestroy {
|
|
11
9
|
private clickDispatcher;
|
|
12
10
|
private ngZone;
|
|
13
11
|
private overlayOutsideClickDispatcher;
|
|
14
12
|
private parent;
|
|
13
|
+
private destroyRef;
|
|
15
14
|
/**
|
|
16
15
|
* 属性名称
|
|
17
|
-
* @type sting
|
|
18
|
-
* @default thyLabelText
|
|
19
16
|
*/
|
|
20
|
-
thyLabelText: string
|
|
17
|
+
readonly thyLabelText: import("@angular/core").InputSignal<string>;
|
|
21
18
|
/**
|
|
22
19
|
* 设置属性是否是可编辑的
|
|
23
|
-
* @type sting
|
|
24
|
-
* @default false
|
|
25
20
|
*/
|
|
26
|
-
thyEditable: boolean
|
|
21
|
+
readonly thyEditable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
27
22
|
/**
|
|
28
23
|
* 设置跨列的数量
|
|
29
|
-
* @type number
|
|
30
24
|
*/
|
|
31
|
-
thySpan: number
|
|
25
|
+
readonly thySpan: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
26
|
+
/**
|
|
27
|
+
* 设置编辑状态触发方法
|
|
28
|
+
* @type 'hover' | 'click'
|
|
29
|
+
*/
|
|
30
|
+
readonly thyEditTrigger: import("@angular/core").InputSignal<"hover" | "click">;
|
|
32
31
|
/**
|
|
33
32
|
* 设置属性操作现实触发方式,默认 always 一直显示
|
|
34
33
|
* @type 'hover' | 'always'
|
|
35
34
|
*/
|
|
36
|
-
thyOperationTrigger: ThyPropertyItemOperationTrigger
|
|
37
|
-
thyEditingChange:
|
|
35
|
+
readonly thyOperationTrigger: import("@angular/core").InputSignal<ThyPropertyItemOperationTrigger>;
|
|
36
|
+
readonly thyEditingChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
38
37
|
/**
|
|
39
38
|
* 属性名称自定义模板
|
|
40
39
|
* @type TemplateRef
|
|
41
40
|
*/
|
|
42
|
-
label: TemplateRef<void
|
|
41
|
+
readonly label: import("@angular/core").Signal<TemplateRef<void>>;
|
|
43
42
|
/**
|
|
44
43
|
* 属性内容编辑模板,只有在 thyEditable 为 true 时生效
|
|
45
44
|
* @type TemplateRef
|
|
46
45
|
*/
|
|
47
|
-
editor: TemplateRef<void
|
|
46
|
+
readonly editor: import("@angular/core").Signal<TemplateRef<void>>;
|
|
48
47
|
/**
|
|
49
48
|
* 操作区模板
|
|
50
49
|
* @type TemplateRef
|
|
51
50
|
*/
|
|
52
|
-
operation: TemplateRef<void
|
|
51
|
+
readonly operation: import("@angular/core").Signal<TemplateRef<void>>;
|
|
53
52
|
/**
|
|
54
53
|
* @private
|
|
55
54
|
*/
|
|
56
|
-
content: TemplateRef<void
|
|
55
|
+
readonly content: import("@angular/core").Signal<TemplateRef<void>>;
|
|
57
56
|
/**
|
|
58
57
|
* @private
|
|
59
58
|
*/
|
|
60
|
-
itemContent: ElementRef<HTMLElement
|
|
61
|
-
editing: boolean
|
|
62
|
-
changes$: Subject<SimpleChanges>;
|
|
63
|
-
private destroy$;
|
|
59
|
+
readonly itemContent: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
60
|
+
editing: import("@angular/core").WritableSignal<boolean>;
|
|
64
61
|
private eventDestroy$;
|
|
65
62
|
private originOverlays;
|
|
66
63
|
private clickEventSubscription;
|
|
67
|
-
|
|
68
|
-
isVertical: boolean
|
|
64
|
+
protected readonly gridColumn: import("@angular/core").Signal<string>;
|
|
65
|
+
readonly isVertical: import("@angular/core").Signal<boolean>;
|
|
69
66
|
constructor();
|
|
70
|
-
ngOnInit(): void;
|
|
71
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
72
67
|
setEditing(editing: boolean): void;
|
|
73
68
|
/**
|
|
74
69
|
* @deprecated please use setEditing(editing: boolean)
|
|
@@ -81,12 +76,5 @@ export declare class ThyPropertyItem implements OnInit, OnChanges, OnDestroy {
|
|
|
81
76
|
private bindEditorBlurEvent;
|
|
82
77
|
ngOnDestroy(): void;
|
|
83
78
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyPropertyItem, never>;
|
|
84
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyPropertyItem, "thy-property-item", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyEditable": { "alias": "thyEditable"; "required": false; }; "thySpan": { "alias": "thySpan"; "required": false; }; "thyOperationTrigger": { "alias": "thyOperationTrigger"; "required": false; }; }, { "thyEditingChange": "thyEditingChange"; }, ["label", "editor", "operation"], ["*"], true, never>;
|
|
85
|
-
static ngAcceptInputType_thyEditable:
|
|
86
|
-
/**
|
|
87
|
-
* 设置属性操作现实触发方式,默认 always 一直显示
|
|
88
|
-
* @type 'hover' | 'always'
|
|
89
|
-
*/
|
|
90
|
-
boolean | string | number;
|
|
91
|
-
static ngAcceptInputType_thySpan: unknown;
|
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyPropertyItem, "thy-property-item", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; "isSignal": true; }; "thyEditable": { "alias": "thyEditable"; "required": false; "isSignal": true; }; "thySpan": { "alias": "thySpan"; "required": false; "isSignal": true; }; "thyEditTrigger": { "alias": "thyEditTrigger"; "required": false; "isSignal": true; }; "thyOperationTrigger": { "alias": "thyOperationTrigger"; "required": false; "isSignal": true; }; }, { "thyEditingChange": "thyEditingChange"; }, ["label", "editor", "operation"], ["*"], true, never>;
|
|
92
80
|
}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
&.thy-
|
|
46
|
+
&.thy-property-edit-trigger-hover {
|
|
47
47
|
.thy-property-item-wrapper {
|
|
48
48
|
&:hover {
|
|
49
49
|
.thy-property-item-content-editable {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
&.thy-
|
|
56
|
+
&.thy-property-edit-trigger-click {
|
|
57
57
|
.thy-property-item-wrapper {
|
|
58
58
|
&:hover {
|
|
59
59
|
.thy-property-item-content {
|
|
@@ -100,76 +100,148 @@
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
+
}
|
|
103
104
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
display: inline-grid;
|
|
110
|
-
align-items: center;
|
|
111
|
-
height: variables.$property-item-min-height;
|
|
112
|
-
color: variables.$property-item-label-color;
|
|
113
|
-
grid-template-columns: auto auto;
|
|
114
|
-
flex-shrink: 0;
|
|
115
|
-
|
|
116
|
-
.thy-property-item-operation {
|
|
117
|
-
text-align: end;
|
|
105
|
+
.thy-property-edit-trigger-hover {
|
|
106
|
+
.thy-property-item-wrapper {
|
|
107
|
+
&:hover {
|
|
108
|
+
.thy-property-item-content-editable {
|
|
109
|
+
@include display-item-editor();
|
|
118
110
|
}
|
|
119
|
-
|
|
120
|
-
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.thy-property-edit-trigger-click {
|
|
116
|
+
.thy-property-item-wrapper {
|
|
117
|
+
&:hover {
|
|
118
|
+
.thy-property-item-content {
|
|
119
|
+
&.thy-property-item-content-editable {
|
|
120
|
+
cursor: pointer;
|
|
121
|
+
position: relative;
|
|
122
|
+
|
|
123
|
+
&:after,
|
|
124
|
+
&:before {
|
|
125
|
+
content: '';
|
|
126
|
+
display: block;
|
|
127
|
+
position: absolute;
|
|
128
|
+
right: 0;
|
|
129
|
+
bottom: 0;
|
|
130
|
+
left: 0;
|
|
131
|
+
top: 0;
|
|
132
|
+
margin-left: variables.$property-item-editor-offset;
|
|
133
|
+
border-radius: variables.$border-radius;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&:after {
|
|
137
|
+
border: solid 1px variables.$primary;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
&:before {
|
|
141
|
+
background: variables.$bg-default;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
&:not(.thy-property-item-content-editing):after {
|
|
145
|
+
z-index: 999;
|
|
146
|
+
}
|
|
147
|
+
.thy-property-item-content-text {
|
|
148
|
+
z-index: 1;
|
|
149
|
+
}
|
|
150
|
+
&.thy-property-item-content-editing:after {
|
|
151
|
+
z-index: -1;
|
|
152
|
+
transition: 100ms;
|
|
153
|
+
}
|
|
154
|
+
&.thy-property-item-content-editing:before {
|
|
155
|
+
z-index: -1;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
121
158
|
}
|
|
122
159
|
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.thy-property-item {
|
|
164
|
+
display: flex;
|
|
165
|
+
// 添加最小宽度是因为内容区域过多时会超出对应宽度区域
|
|
166
|
+
min-width: 0px;
|
|
167
|
+
|
|
168
|
+
&.thy-property-item-single {
|
|
169
|
+
flex-direction: row;
|
|
170
|
+
.thy-property-item-label {
|
|
171
|
+
padding-right: variables.$property-item-padding-x;
|
|
172
|
+
}
|
|
123
173
|
|
|
124
|
-
.thy-property-item-
|
|
174
|
+
.thy-property-item-operation {
|
|
125
175
|
display: flex;
|
|
176
|
+
justify-content: flex-end;
|
|
126
177
|
align-items: center;
|
|
127
|
-
flex: 1;
|
|
128
|
-
min-width: 0;
|
|
129
178
|
}
|
|
179
|
+
}
|
|
130
180
|
|
|
131
|
-
|
|
132
|
-
|
|
181
|
+
.thy-property-item-label {
|
|
182
|
+
display: inline-grid;
|
|
183
|
+
align-items: center;
|
|
184
|
+
height: variables.$property-item-min-height;
|
|
185
|
+
color: variables.$property-item-label-color;
|
|
186
|
+
grid-template-columns: auto auto;
|
|
187
|
+
flex-shrink: 0;
|
|
188
|
+
|
|
189
|
+
.thy-property-item-operation {
|
|
190
|
+
text-align: end;
|
|
191
|
+
}
|
|
192
|
+
span {
|
|
193
|
+
display: inline-block;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.thy-property-item-wrapper {
|
|
198
|
+
display: flex;
|
|
199
|
+
align-items: center;
|
|
200
|
+
flex: 1;
|
|
201
|
+
min-width: 0;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.thy-property-item-content {
|
|
205
|
+
flex: 1;
|
|
206
|
+
display: flex;
|
|
207
|
+
align-items: center;
|
|
208
|
+
color: variables.$property-item-content-color;
|
|
209
|
+
min-height: variables.$property-item-min-height;
|
|
210
|
+
min-width: 0px;
|
|
211
|
+
|
|
212
|
+
.thy-property-item-content-text {
|
|
133
213
|
display: flex;
|
|
134
214
|
align-items: center;
|
|
135
|
-
color: variables.$property-item-content-color;
|
|
136
|
-
min-height: variables.$property-item-min-height;
|
|
137
215
|
min-width: 0px;
|
|
216
|
+
flex: auto;
|
|
217
|
+
}
|
|
138
218
|
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.thy-property-item-content-editor {
|
|
147
|
-
display: none;
|
|
148
|
-
margin-left: variables.$property-item-editor-offset;
|
|
149
|
-
width: calc(100% - variables.$property-item-editor-offset);
|
|
150
|
-
}
|
|
219
|
+
.thy-property-item-content-editor {
|
|
220
|
+
display: none;
|
|
221
|
+
margin-left: variables.$property-item-editor-offset;
|
|
222
|
+
width: calc(100% - variables.$property-item-editor-offset);
|
|
223
|
+
}
|
|
151
224
|
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
}
|
|
225
|
+
&-editing {
|
|
226
|
+
@include display-item-editor();
|
|
155
227
|
}
|
|
228
|
+
}
|
|
156
229
|
|
|
157
|
-
|
|
230
|
+
.thy-property-item-operation {
|
|
231
|
+
margin-left: 4px;
|
|
232
|
+
.thy-action + .thy-action {
|
|
158
233
|
margin-left: 4px;
|
|
159
|
-
.thy-action + .thy-action {
|
|
160
|
-
margin-left: 4px;
|
|
161
|
-
}
|
|
162
234
|
}
|
|
235
|
+
}
|
|
163
236
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
237
|
+
&.thy-property-item-operational-hover {
|
|
238
|
+
.thy-property-item-operation {
|
|
239
|
+
visibility: hidden;
|
|
240
|
+
}
|
|
168
241
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
}
|
|
242
|
+
.thy-property-item-label,
|
|
243
|
+
.thy-property-item-wrapper {
|
|
244
|
+
@include property-item-operation-hover-visible();
|
|
173
245
|
}
|
|
174
246
|
}
|
|
175
247
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterContentInit, ElementRef, EventEmitter, OnInit, TemplateRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ngx-tethys/util";
|
|
3
4
|
type ThyPropertyOperationTypes = 'primary' | 'success' | 'warning' | 'danger';
|
|
4
5
|
/**
|
|
5
6
|
* 属性操作组件
|
|
@@ -82,10 +83,10 @@ export declare class ThyPropertyOperation implements OnInit, AfterContentInit, O
|
|
|
82
83
|
remove($event: Event): void;
|
|
83
84
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyPropertyOperation, never>;
|
|
84
85
|
static ɵcmp: i0.ɵɵComponentDeclaration<ThyPropertyOperation, "thy-property-operation", never, { "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyValue": { "alias": "thyValue"; "required": false; }; "thyLabelTextTranslateKey": { "alias": "thyLabelTextTranslateKey"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyShowClose": { "alias": "thyShowClose"; "required": false; }; "thyLabelHasValue": { "alias": "thyLabelHasValue"; "required": false; }; "thyLabelHideWhenHasValue": { "alias": "thyLabelHideWhenHasValue"; "required": false; }; "thyType": { "alias": "thyType"; "required": false; }; "active": { "alias": "thyActive"; "required": false; }; "disabled": { "alias": "thyDisabled"; "required": false; }; }, { "thyOnRemove": "thyOnRemove"; "thyClick": "thyClick"; }, ["operationIcon"], ["*"], true, never>;
|
|
85
|
-
static ngAcceptInputType_thyShowClose:
|
|
86
|
-
static ngAcceptInputType_thyLabelHasValue:
|
|
87
|
-
static ngAcceptInputType_thyLabelHideWhenHasValue:
|
|
88
|
-
static ngAcceptInputType_active:
|
|
89
|
-
static ngAcceptInputType_disabled:
|
|
86
|
+
static ngAcceptInputType_thyShowClose: i1.ThyBooleanInput;
|
|
87
|
+
static ngAcceptInputType_thyLabelHasValue: i1.ThyBooleanInput;
|
|
88
|
+
static ngAcceptInputType_thyLabelHideWhenHasValue: i1.ThyBooleanInput;
|
|
89
|
+
static ngAcceptInputType_active: i1.ThyBooleanInput;
|
|
90
|
+
static ngAcceptInputType_disabled: i1.ThyBooleanInput;
|
|
90
91
|
}
|
|
91
92
|
export {};
|
|
@@ -9,10 +9,10 @@ export declare class ThyRadioButton extends ThyRadio implements OnInit {
|
|
|
9
9
|
isActive: boolean;
|
|
10
10
|
get isDisabled(): boolean;
|
|
11
11
|
name: string;
|
|
12
|
-
thyValue: string
|
|
12
|
+
readonly thyValue: import("@angular/core").InputSignal<string>;
|
|
13
13
|
set thyChecked(value: boolean);
|
|
14
14
|
ngOnInit(): void;
|
|
15
15
|
click($event: MouseEvent): void;
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyRadioButton, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadioButton, "[thy-radio-button],[thyRadioButton]", never, { "thyValue": { "alias": "thyValue"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadioButton, "[thy-radio-button],[thyRadioButton]", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
18
18
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { AfterContentInit, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
1
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
2
|
import { ThyRadioButton } from '../button/radio-button.component';
|
|
4
3
|
import { ThyRadio } from '../radio.component';
|
|
@@ -8,20 +7,21 @@ import * as i0 from "@angular/core";
|
|
|
8
7
|
* @name thy-radio-group
|
|
9
8
|
* @order 20
|
|
10
9
|
*/
|
|
11
|
-
export declare class ThyRadioGroup implements IThyRadioGroupComponent, ControlValueAccessor
|
|
10
|
+
export declare class ThyRadioGroup implements IThyRadioGroupComponent, ControlValueAccessor {
|
|
12
11
|
private changeDetectorRef;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
isButtonGroupOutline: boolean;
|
|
16
|
-
private _size;
|
|
17
|
-
private _layout;
|
|
12
|
+
isButtonGroup: import("@angular/core").WritableSignal<boolean>;
|
|
13
|
+
isButtonGroupOutline: import("@angular/core").WritableSignal<boolean>;
|
|
18
14
|
/**
|
|
19
15
|
* 大小
|
|
20
16
|
* @type sm | md | lg
|
|
21
17
|
* @default md
|
|
22
18
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
readonly thySize: import("@angular/core").InputSignal<string>;
|
|
20
|
+
/**
|
|
21
|
+
* 布局
|
|
22
|
+
* @type flex
|
|
23
|
+
*/
|
|
24
|
+
readonly thyLayout: import("@angular/core").InputSignal<string>;
|
|
25
25
|
_innerValue: string | number;
|
|
26
26
|
radios: Array<ThyRadio | ThyRadioButton>;
|
|
27
27
|
private hostRenderer;
|
|
@@ -29,7 +29,7 @@ export declare class ThyRadioGroup implements IThyRadioGroupComponent, ControlVa
|
|
|
29
29
|
* 是否禁用单选组合框
|
|
30
30
|
* @default false
|
|
31
31
|
*/
|
|
32
|
-
thyDisabled: boolean
|
|
32
|
+
readonly thyDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
33
33
|
onChange: (_: string) => void;
|
|
34
34
|
onTouched: () => void;
|
|
35
35
|
addRadio(radio: ThyRadio | ThyRadioButton): void;
|
|
@@ -39,11 +39,8 @@ export declare class ThyRadioGroup implements IThyRadioGroupComponent, ControlVa
|
|
|
39
39
|
registerOnTouched(fn: any): void;
|
|
40
40
|
setDisabledState?(isDisabled: boolean): void;
|
|
41
41
|
setGroup(): void;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
ngAfterContentInit(): void;
|
|
45
|
-
private _setClasses;
|
|
42
|
+
constructor();
|
|
43
|
+
private setClasses;
|
|
46
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyRadioGroup, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadioGroup, "thy-radio-group", never, { "thySize": { "alias": "thySize"; "required": false; }; "thyLayout": { "alias": "thyLayout"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
48
|
-
static ngAcceptInputType_thyDisabled: boolean | string | number;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadioGroup, "thy-radio-group", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyLayout": { "alias": "thyLayout"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
49
46
|
}
|
|
@@ -13,10 +13,10 @@ export declare class ThyRadio extends ThyFormCheckBaseComponent implements IThyR
|
|
|
13
13
|
/**
|
|
14
14
|
* 当和 thy-radio-group 配合使用时的值,选中后的 NgModel 值
|
|
15
15
|
*/
|
|
16
|
-
thyValue: string
|
|
16
|
+
readonly thyValue: import("@angular/core").InputSignal<string>;
|
|
17
17
|
set thyChecked(value: boolean);
|
|
18
18
|
ngOnInit(): void;
|
|
19
19
|
change(): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyRadio, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadio, "[thy-radio],[thyRadio]", never, { "thyValue": { "alias": "thyValue"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRadio, "[thy-radio],[thyRadio]", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
22
22
|
}
|
package/radio/radio.token.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
1
|
+
import { InjectionToken, InputSignal } from '@angular/core';
|
|
2
2
|
export interface IThyRadioComponent {
|
|
3
|
-
thyValue: string
|
|
3
|
+
thyValue: InputSignal<string>;
|
|
4
4
|
thyChecked: boolean;
|
|
5
5
|
setDisabledState?(isDisabled: boolean): void;
|
|
6
6
|
}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
4
|
* @private
|
|
5
5
|
*/
|
|
6
|
-
export declare class ThyRateItem
|
|
7
|
-
allowHalf: boolean
|
|
8
|
-
iconValue: string
|
|
9
|
-
iconTemplate: TemplateRef<any
|
|
10
|
-
readonly itemHover:
|
|
11
|
-
readonly itemClick:
|
|
6
|
+
export declare class ThyRateItem {
|
|
7
|
+
readonly allowHalf: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
8
|
+
readonly iconValue: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly iconTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
10
|
+
readonly itemHover: import("@angular/core").OutputEmitterRef<boolean>;
|
|
11
|
+
readonly itemClick: import("@angular/core").OutputEmitterRef<boolean>;
|
|
12
12
|
constructor();
|
|
13
|
-
ngOnInit(): void;
|
|
14
13
|
hoverRateItem(isHalf: boolean): void;
|
|
15
14
|
clickRateItem(isHalf: boolean): void;
|
|
16
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyRateItem, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRateItem, "thy-rate-item, [thy-rate-item]", never, { "allowHalf": { "alias": "allowHalf"; "required": false; }; "iconValue": { "alias": "iconValue"; "required": false; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; }; }, { "itemHover": "itemHover"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
18
|
-
static ngAcceptInputType_allowHalf: boolean | string | number;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRateItem, "thy-rate-item, [thy-rate-item]", never, { "allowHalf": { "alias": "allowHalf"; "required": false; "isSignal": true; }; "iconValue": { "alias": "iconValue"; "required": false; "isSignal": true; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; "isSignal": true; }; }, { "itemHover": "itemHover"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
19
17
|
}
|
package/rate/rate.component.d.ts
CHANGED
|
@@ -1,28 +1,24 @@
|
|
|
1
1
|
import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
|
|
2
|
-
import {
|
|
2
|
+
import { TemplateRef, ModelSignal } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "ngx-tethys/util";
|
|
5
6
|
/**
|
|
6
7
|
* 评分组件
|
|
7
8
|
* @name thy-rate
|
|
8
9
|
* @order 10
|
|
9
10
|
*/
|
|
10
|
-
export declare class ThyRate extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor
|
|
11
|
+
export declare class ThyRate extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor {
|
|
11
12
|
private cdr;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
rateArray: number[];
|
|
16
|
-
rateStyleArray: Record<string, boolean>[];
|
|
17
|
-
private icons;
|
|
18
|
-
iconValue: string;
|
|
19
|
-
iconTemplate: TemplateRef<any>;
|
|
13
|
+
readonly thyValue: ModelSignal<number>;
|
|
14
|
+
readonly currentValue: ModelSignal<number>;
|
|
15
|
+
readonly hasHalf: ModelSignal<boolean>;
|
|
20
16
|
private onTouchedCallback;
|
|
21
17
|
private onChangeCallback;
|
|
22
18
|
/**
|
|
23
19
|
* 自定义评分的总数
|
|
24
20
|
*/
|
|
25
|
-
thyCount: number
|
|
21
|
+
readonly thyCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
26
22
|
/**
|
|
27
23
|
* 是否只读
|
|
28
24
|
* @default false
|
|
@@ -34,46 +30,40 @@ export declare class ThyRate extends TabIndexDisabledControlValueAccessorMixin i
|
|
|
34
30
|
* 是否允许半选
|
|
35
31
|
* @default false
|
|
36
32
|
*/
|
|
37
|
-
thyAllowHalf: boolean
|
|
33
|
+
readonly thyAllowHalf: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
38
34
|
/**
|
|
39
35
|
* 是否允许再次点击后清除
|
|
40
36
|
*/
|
|
41
|
-
thyAllowClear: boolean
|
|
37
|
+
readonly thyAllowClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
42
38
|
/**
|
|
43
39
|
* 自定义每项的提示信息
|
|
44
40
|
* @type string[]
|
|
45
41
|
*/
|
|
46
|
-
thyTooltips: string[]
|
|
42
|
+
readonly thyTooltips: import("@angular/core").InputSignal<string[]>;
|
|
47
43
|
/**
|
|
48
44
|
* 自定义模板,目前支持传单个模板或图标名称、数组(模板 | 图标名称)
|
|
49
45
|
* @type string | TemplateRef<any> | string[] | TemplateRef<any>[]
|
|
50
46
|
*/
|
|
51
|
-
|
|
47
|
+
readonly thyIconTemplate: import("@angular/core").InputSignal<string | string[] | TemplateRef<any> | TemplateRef<any>[]>;
|
|
52
48
|
/**
|
|
53
49
|
* 当前值hover时的回调
|
|
54
50
|
*/
|
|
55
|
-
readonly thyItemHoverChange:
|
|
56
|
-
|
|
51
|
+
readonly thyItemHoverChange: import("@angular/core").OutputEmitterRef<number>;
|
|
52
|
+
readonly iconValue: import("@angular/core").Signal<any>;
|
|
53
|
+
readonly iconTemplate: import("@angular/core").Signal<TemplateRef<any>>;
|
|
54
|
+
readonly rateArray: import("@angular/core").Signal<number[]>;
|
|
55
|
+
readonly rateStyleArray: import("@angular/core").Signal<Record<string, boolean>[]>;
|
|
57
56
|
constructor();
|
|
58
|
-
get thyValue(): number;
|
|
59
|
-
set thyValue(value: number);
|
|
60
57
|
writeValue(value: number): void;
|
|
61
|
-
ngOnInit(): void;
|
|
62
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
63
58
|
itemHover(isHalf: boolean, index: number): void;
|
|
64
59
|
itemClick(isHalf: boolean, index: number): void;
|
|
65
60
|
onRateLeave(event: Event): void;
|
|
66
|
-
updateRateArray():
|
|
67
|
-
updateItemStyle():
|
|
68
|
-
updateIcon(): void;
|
|
69
|
-
setIconTemplate(): void;
|
|
61
|
+
updateRateArray(): number[];
|
|
62
|
+
updateItemStyle(): Record<string, boolean>[];
|
|
70
63
|
registerOnChange(fn: any): void;
|
|
71
64
|
registerOnTouched(fn: any): void;
|
|
72
65
|
trackByFn(index: number, item: any): any;
|
|
73
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyRate, never>;
|
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRate, "thy-rate", never, { "thyCount": { "alias": "thyCount"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyAllowHalf": { "alias": "thyAllowHalf"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyTooltips": { "alias": "thyTooltips"; "required": false; }; "thyIconTemplate": { "alias": "thyIconTemplate"; "required": false; }; }, { "thyItemHoverChange": "thyItemHoverChange"; }, never, never, true, never>;
|
|
75
|
-
static
|
|
76
|
-
static ngAcceptInputType_thyDisabled: boolean | string | number;
|
|
77
|
-
static ngAcceptInputType_thyAllowHalf: boolean | string | number;
|
|
78
|
-
static ngAcceptInputType_thyAllowClear: boolean | string | number;
|
|
67
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyRate, "thy-rate", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; "currentValue": { "alias": "currentValue"; "required": false; "isSignal": true; }; "hasHalf": { "alias": "hasHalf"; "required": false; "isSignal": true; }; "thyCount": { "alias": "thyCount"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyAllowHalf": { "alias": "thyAllowHalf"; "required": false; "isSignal": true; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyTooltips": { "alias": "thyTooltips"; "required": false; "isSignal": true; }; "thyIconTemplate": { "alias": "thyIconTemplate"; "required": false; "isSignal": true; }; }, { "thyValue": "thyValueChange"; "currentValue": "currentValueChange"; "hasHalf": "hasHalfChange"; "thyItemHoverChange": "thyItemHoverChange"; }, never, never, true, never>;
|
|
68
|
+
static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
|
|
79
69
|
}
|