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,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ThyTreeNode } from './tree.class';
|
|
3
3
|
import { ThyTreeEmitEvent, ThyTreeNodeCheckState, ThyClickBehavior } from './tree.class';
|
|
4
4
|
import { ThyTreeService } from './tree.service';
|
|
@@ -8,110 +8,88 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @private
|
|
9
9
|
* @name thy-tree-node
|
|
10
10
|
*/
|
|
11
|
-
export declare class ThyTreeNodeComponent
|
|
11
|
+
export declare class ThyTreeNodeComponent {
|
|
12
12
|
root: import("./tree-abstract").ThyTreeAbstractComponent;
|
|
13
13
|
thyTreeService: ThyTreeService;
|
|
14
14
|
/**
|
|
15
15
|
* node 节点展现所需的数据
|
|
16
16
|
*/
|
|
17
|
-
node: ThyTreeNode
|
|
17
|
+
readonly node: import("@angular/core").InputSignal<ThyTreeNode<any>>;
|
|
18
18
|
/**
|
|
19
19
|
* 设置 TreeNode 是否支持异步加载
|
|
20
20
|
*/
|
|
21
|
-
thyAsync: boolean
|
|
21
|
+
readonly thyAsync: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
22
22
|
/**
|
|
23
23
|
* 设置 TreeNode 是否支持多选节点
|
|
24
24
|
*/
|
|
25
|
-
thyMultiple: boolean
|
|
25
|
+
readonly thyMultiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
26
26
|
/**
|
|
27
27
|
* 设置 TreeNode 是否支持拖拽排序
|
|
28
28
|
*/
|
|
29
|
-
thyDraggable: boolean
|
|
29
|
+
readonly thyDraggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
30
30
|
/**
|
|
31
31
|
* 设置 TreeNode 是否支持 Checkbox 选择
|
|
32
32
|
*/
|
|
33
|
-
thyCheckable: boolean
|
|
33
|
+
readonly thyCheckable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
34
34
|
/**
|
|
35
35
|
* 点击节点的行为,`default` 为选中当前节点,`selectCheckbox` 为选中节点的 Checkbox, `thyCheckable` 为 true 时生效。
|
|
36
36
|
* @default default
|
|
37
37
|
*/
|
|
38
|
-
thyClickBehavior: ThyClickBehavior
|
|
38
|
+
readonly thyClickBehavior: import("@angular/core").InputSignal<ThyClickBehavior>;
|
|
39
39
|
/**
|
|
40
40
|
* 设置节点名称是否支持超出截取
|
|
41
41
|
* @default false
|
|
42
42
|
*/
|
|
43
|
-
thyTitleTruncate: boolean
|
|
43
|
+
readonly thyTitleTruncate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
44
44
|
/**
|
|
45
45
|
* 设置 TreeNode 的渲染模板
|
|
46
46
|
*/
|
|
47
|
-
templateRef: TemplateRef<any
|
|
47
|
+
readonly templateRef: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
48
48
|
/**
|
|
49
49
|
* 设置子的空数据渲染模板
|
|
50
50
|
*/
|
|
51
|
-
emptyChildrenTemplateRef: TemplateRef<any
|
|
51
|
+
readonly emptyChildrenTemplateRef: import("@angular/core").InputSignal<TemplateRef<any>>;
|
|
52
52
|
/**
|
|
53
53
|
* 设置 node 点击事件
|
|
54
54
|
*/
|
|
55
|
-
thyOnClick:
|
|
55
|
+
readonly thyOnClick: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
56
56
|
/**
|
|
57
57
|
* 双击 node 事件
|
|
58
58
|
*/
|
|
59
|
-
thyDblClick:
|
|
59
|
+
readonly thyDblClick: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
60
60
|
/**
|
|
61
61
|
* 点击展开触发事件
|
|
62
62
|
*/
|
|
63
|
-
thyOnExpandChange:
|
|
63
|
+
readonly thyOnExpandChange: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
64
64
|
/**
|
|
65
65
|
* 设置 check 选择事件
|
|
66
66
|
*/
|
|
67
|
-
thyOnCheckboxChange:
|
|
67
|
+
readonly thyOnCheckboxChange: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
68
68
|
/**
|
|
69
69
|
* 设置 childrenTree 的渲染模板
|
|
70
70
|
*/
|
|
71
|
-
childrenTreeTemplateRef: TemplateRef<any
|
|
71
|
+
readonly childrenTreeTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
72
72
|
/** The native `<div class="thy-tree-node-wrapper thy-sortable-item"></div>` element. */
|
|
73
|
-
treeNodeWrapper: ElementRef<HTMLElement
|
|
74
|
-
thyTreeNodeClass: boolean;
|
|
75
|
-
itemClass: string;
|
|
73
|
+
readonly treeNodeWrapper: import("@angular/core").Signal<ElementRef<HTMLElement>>;
|
|
76
74
|
/**
|
|
77
75
|
* 开启虚拟滚动时,单行节点的高度,当`thySize`为`default`时,该参数才生效
|
|
78
76
|
*/
|
|
79
|
-
thyItemSize: number
|
|
77
|
+
readonly thyItemSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
80
78
|
/**
|
|
81
79
|
* 设置节点缩进距离,缩进距离 = thyIndent * node.level
|
|
82
80
|
*/
|
|
83
|
-
thyIndent: number
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
readonly thyIndent: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
82
|
+
readonly nodeIcon: import("@angular/core").Signal<string>;
|
|
83
|
+
readonly nodeIconStyle: import("@angular/core").Signal<{
|
|
86
84
|
[key: string]: any;
|
|
87
|
-
}
|
|
88
|
-
|
|
85
|
+
}>;
|
|
86
|
+
protected readonly itemClass: import("@angular/core").Signal<string>;
|
|
89
87
|
checkState: typeof ThyTreeNodeCheckState;
|
|
90
88
|
clickNode(event: Event): void;
|
|
91
89
|
dbClickNode(event: Event): void;
|
|
92
90
|
clickNodeCheck(event: Event): void;
|
|
93
91
|
expandNode(event: Event): void;
|
|
94
92
|
isShowExpand(node: ThyTreeNode): boolean;
|
|
95
|
-
ngOnInit(): void;
|
|
96
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
97
|
-
ngOnDestroy(): void;
|
|
98
93
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyTreeNodeComponent, never>;
|
|
99
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyTreeNodeComponent, "thy-tree-node", never, { "node": { "alias": "node"; "required": false; }; "thyAsync": { "alias": "thyAsync"; "required": false; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; }; "thyDraggable": { "alias": "thyDraggable"; "required": false; }; "thyCheckable": { "alias": "thyCheckable"; "required": false; }; "thyClickBehavior": { "alias": "thyClickBehavior"; "required": false; }; "thyTitleTruncate": { "alias": "thyTitleTruncate"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "emptyChildrenTemplateRef": { "alias": "emptyChildrenTemplateRef"; "required": false; }; "thyItemSize": { "alias": "thyItemSize"; "required": false; }; "thyIndent": { "alias": "thyIndent"; "required": false; }; }, { "thyOnClick": "thyOnClick"; "thyDblClick": "thyDblClick"; "thyOnExpandChange": "thyOnExpandChange"; "thyOnCheckboxChange": "thyOnCheckboxChange"; }, ["childrenTreeTemplateRef"], never, true, never>;
|
|
100
|
-
static ngAcceptInputType_thyAsync: /**
|
|
101
|
-
* 设置 TreeNode 的渲染模板
|
|
102
|
-
*/ boolean | string | number;
|
|
103
|
-
static ngAcceptInputType_thyMultiple: /**
|
|
104
|
-
* 设置 TreeNode 的渲染模板
|
|
105
|
-
*/ boolean | string | number;
|
|
106
|
-
static ngAcceptInputType_thyDraggable: /**
|
|
107
|
-
* 设置 TreeNode 的渲染模板
|
|
108
|
-
*/ boolean | string | number;
|
|
109
|
-
static ngAcceptInputType_thyCheckable: /**
|
|
110
|
-
* 设置 TreeNode 的渲染模板
|
|
111
|
-
*/ boolean | string | number;
|
|
112
|
-
static ngAcceptInputType_thyTitleTruncate: /**
|
|
113
|
-
* 设置 TreeNode 的渲染模板
|
|
114
|
-
*/ boolean | string | number;
|
|
115
|
-
static ngAcceptInputType_thyItemSize: unknown;
|
|
116
|
-
static ngAcceptInputType_thyIndent: unknown;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyTreeNodeComponent, "thy-tree-node", never, { "node": { "alias": "node"; "required": false; "isSignal": true; }; "thyAsync": { "alias": "thyAsync"; "required": false; "isSignal": true; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyDraggable": { "alias": "thyDraggable"; "required": false; "isSignal": true; }; "thyCheckable": { "alias": "thyCheckable"; "required": false; "isSignal": true; }; "thyClickBehavior": { "alias": "thyClickBehavior"; "required": false; "isSignal": true; }; "thyTitleTruncate": { "alias": "thyTitleTruncate"; "required": false; "isSignal": true; }; "templateRef": { "alias": "templateRef"; "required": false; "isSignal": true; }; "emptyChildrenTemplateRef": { "alias": "emptyChildrenTemplateRef"; "required": false; "isSignal": true; }; "thyItemSize": { "alias": "thyItemSize"; "required": false; "isSignal": true; }; "thyIndent": { "alias": "thyIndent"; "required": false; "isSignal": true; }; }, { "thyOnClick": "thyOnClick"; "thyDblClick": "thyDblClick"; "thyOnExpandChange": "thyOnExpandChange"; "thyOnCheckboxChange": "thyOnCheckboxChange"; }, ["childrenTreeTemplateRef"], never, true, never>;
|
|
117
95
|
}
|
package/tree/tree.class.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Signal } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
2
3
|
export declare enum ThyTreeNodeCheckState {
|
|
3
4
|
unchecked = 0,
|
|
4
5
|
checked = 1,
|
|
@@ -59,12 +60,11 @@ export interface ThyTreeFormatEmitEvent {
|
|
|
59
60
|
}
|
|
60
61
|
export interface IThyTreeService {
|
|
61
62
|
selectedNode: ThyTreeNode;
|
|
62
|
-
|
|
63
|
-
flattenTreeNodes: ThyTreeNode[];
|
|
63
|
+
flattenTreeNodes: Signal<ThyTreeNode[]>;
|
|
64
64
|
treeNodes: ThyTreeNode[];
|
|
65
65
|
statusChange$: Subject<ThyTreeFormatEmitEvent>;
|
|
66
66
|
initializeTreeNodes: (rootNodes: ThyTreeNodeData[]) => void;
|
|
67
|
-
syncFlattenTreeNodes: () =>
|
|
67
|
+
syncFlattenTreeNodes: () => void;
|
|
68
68
|
setCheckStateResolve: (resolve: (node: ThyTreeNode) => ThyTreeNodeCheckState) => void;
|
|
69
69
|
resetSortedTreeNodes: (treeNodes: ThyTreeNode[], parent?: ThyTreeNode) => void;
|
|
70
70
|
getTreeNode: (key: string | number) => ThyTreeNode;
|
package/tree/tree.component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
2
2
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
3
|
-
import {
|
|
3
|
+
import { TemplateRef } from '@angular/core';
|
|
4
4
|
import { ControlValueAccessor } from '@angular/forms';
|
|
5
5
|
import { ThyTreeNode } from './tree.class';
|
|
6
6
|
import { ThyTreeBeforeDragDropContext, ThyTreeBeforeDragStartContext, ThyClickBehavior, ThyTreeDragDropEvent, ThyTreeEmitEvent, ThyTreeIcons, ThyTreeNodeCheckState, ThyTreeNodeData } from './tree.class';
|
|
@@ -13,176 +13,160 @@ type ThyTreeType = 'default' | 'especial';
|
|
|
13
13
|
* 树形控件组件
|
|
14
14
|
* @name thy-tree
|
|
15
15
|
*/
|
|
16
|
-
export declare class ThyTree implements ControlValueAccessor
|
|
16
|
+
export declare class ThyTree implements ControlValueAccessor {
|
|
17
17
|
thyTreeService: ThyTreeService;
|
|
18
|
-
private cdr;
|
|
19
18
|
private document;
|
|
20
|
-
private
|
|
21
|
-
private
|
|
22
|
-
private
|
|
23
|
-
private _expandedKeys;
|
|
24
|
-
private _selectedKeys;
|
|
19
|
+
private destroyRef;
|
|
20
|
+
private expandedKeys;
|
|
21
|
+
private selectedKeys;
|
|
25
22
|
private hostRenderer;
|
|
26
23
|
private _onTouched;
|
|
27
24
|
private _onChange;
|
|
28
|
-
private destroy$;
|
|
29
25
|
private nodeDragsMap;
|
|
30
26
|
private nodeDragMoved;
|
|
31
27
|
private startDragNodeClone;
|
|
32
28
|
private nodeDropTarget;
|
|
33
29
|
private dropEnterPredicate?;
|
|
34
|
-
|
|
30
|
+
selectionModel: SelectionModel<ThyTreeNode>;
|
|
35
31
|
get treeNodes(): ThyTreeNode<any>[];
|
|
36
|
-
flattenTreeNodes: ThyTreeNode[]
|
|
32
|
+
readonly flattenTreeNodes: import("@angular/core").Signal<ThyTreeNode<any>[]>;
|
|
37
33
|
/**
|
|
38
34
|
* 虚拟化滚动的视口
|
|
39
35
|
*/
|
|
40
|
-
viewport: CdkVirtualScrollViewport
|
|
36
|
+
readonly viewport: import("@angular/core").Signal<CdkVirtualScrollViewport>;
|
|
41
37
|
/**
|
|
42
38
|
* TreeNode 展现所需的数据
|
|
43
39
|
* @type ThyTreeNodeData[]
|
|
44
40
|
*/
|
|
45
|
-
thyNodes: ThyTreeNodeData[]
|
|
41
|
+
readonly thyNodes: import("@angular/core").ModelSignal<ThyTreeNodeData<any>[]>;
|
|
46
42
|
/**
|
|
47
43
|
* 设置 TreeNode 是否支持展开
|
|
48
44
|
* @type boolean | Function
|
|
49
45
|
*/
|
|
50
|
-
thyShowExpand: boolean | ((_: ThyTreeNodeData) => boolean)
|
|
46
|
+
readonly thyShowExpand: import("@angular/core").InputSignal<boolean | ((_: ThyTreeNodeData) => boolean)>;
|
|
51
47
|
/**
|
|
52
48
|
* 设置是否支持多选节点
|
|
53
49
|
*/
|
|
54
|
-
thyMultiple: boolean
|
|
50
|
+
readonly thyMultiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
55
51
|
/**
|
|
56
52
|
* 设置 TreeNode 是否支持拖拽排序
|
|
57
53
|
* @default false
|
|
58
54
|
*/
|
|
59
|
-
|
|
60
|
-
get thyDraggable(): boolean;
|
|
55
|
+
readonly thyDraggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
61
56
|
/**
|
|
62
57
|
* 设置 TreeNode 是否支持 Checkbox 选择
|
|
63
58
|
* @default false
|
|
64
59
|
*/
|
|
65
|
-
thyCheckable: boolean
|
|
60
|
+
readonly thyCheckable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
66
61
|
/**
|
|
67
62
|
* 点击节点的行为,`default` 为选中当前节点,`selectCheckbox` 为选中节点的 Checkbox, `thyCheckable` 为 true 时生效。
|
|
68
63
|
*/
|
|
69
|
-
thyClickBehavior: ThyClickBehavior
|
|
64
|
+
readonly thyClickBehavior: import("@angular/core").InputSignal<ThyClickBehavior>;
|
|
70
65
|
/**
|
|
71
66
|
* 设置 check 状态的计算策略
|
|
72
67
|
*/
|
|
73
|
-
|
|
68
|
+
readonly thyCheckStateResolve: import("@angular/core").InputSignal<(node: ThyTreeNode) => ThyTreeNodeCheckState>;
|
|
74
69
|
/**
|
|
75
70
|
* 设置 TreeNode 是否支持异步加载
|
|
76
71
|
*/
|
|
77
|
-
thyAsync: boolean
|
|
78
|
-
private _thyType;
|
|
72
|
+
readonly thyAsync: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
79
73
|
/**
|
|
80
74
|
* 设置不同展示类型的 Tree,`default` 为小箭头展示, `especial` 为 加减号图标展示
|
|
81
75
|
* @type ThyTreeType
|
|
82
76
|
* @default default
|
|
83
77
|
*/
|
|
84
|
-
|
|
85
|
-
get thyType(): ThyTreeType;
|
|
78
|
+
readonly thyType: import("@angular/core").InputSignal<ThyTreeType>;
|
|
86
79
|
/**
|
|
87
80
|
* 设置不同 Tree 展开折叠的图标,`expand` 为展开状态的图标,`collapse` 为折叠状态的图标
|
|
88
81
|
* @type { expand: string, collapse: string }
|
|
89
82
|
*/
|
|
90
|
-
thyIcons: ThyTreeIcons
|
|
91
|
-
private _thySize;
|
|
83
|
+
readonly thyIcons: import("@angular/core").InputSignal<ThyTreeIcons>;
|
|
92
84
|
/**
|
|
93
85
|
* 支持 `sm` | `default` 两种大小,默认值为 `default`
|
|
94
86
|
* @type ThyTreeSize
|
|
95
87
|
* @default default
|
|
96
88
|
*/
|
|
97
|
-
|
|
98
|
-
get thySize(): ThyTreeSize;
|
|
89
|
+
readonly thySize: import("@angular/core").InputSignal<ThyTreeSize>;
|
|
99
90
|
/**
|
|
100
91
|
* 设置是否开启虚拟滚动
|
|
101
92
|
*/
|
|
102
|
-
thyVirtualScroll: boolean
|
|
103
|
-
private _thyItemSize;
|
|
93
|
+
readonly thyVirtualScroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
104
94
|
/**
|
|
105
95
|
* 开启虚拟滚动时,单行节点的高度,当`thySize`为`default`时,该参数才生效
|
|
106
96
|
* @default 44
|
|
107
97
|
*/
|
|
108
|
-
|
|
109
|
-
|
|
98
|
+
readonly thyItemSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
99
|
+
protected readonly icons: import("@angular/core").Signal<ThyTreeIcons>;
|
|
100
|
+
readonly itemSize: import("@angular/core").Signal<number>;
|
|
110
101
|
/**
|
|
111
102
|
* 设置节点名称是否支持超出截取
|
|
112
103
|
* @type boolean
|
|
113
104
|
*/
|
|
114
|
-
thyTitleTruncate: boolean
|
|
105
|
+
readonly thyTitleTruncate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
115
106
|
/**
|
|
116
107
|
* 已选中的 node 节点集合
|
|
117
108
|
* @default []
|
|
118
109
|
*/
|
|
119
|
-
thySelectedKeys: string[]
|
|
110
|
+
readonly thySelectedKeys: import("@angular/core").InputSignal<string[]>;
|
|
120
111
|
/**
|
|
121
112
|
* 展开指定的树节点
|
|
122
113
|
*/
|
|
123
|
-
thyExpandedKeys: (string | number)[]
|
|
114
|
+
readonly thyExpandedKeys: import("@angular/core").InputSignal<(string | number)[]>;
|
|
124
115
|
/**
|
|
125
116
|
* 是否展开所有树节点
|
|
126
117
|
*/
|
|
127
|
-
thyExpandAll: boolean
|
|
118
|
+
readonly thyExpandAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
128
119
|
/**
|
|
129
120
|
* 设置缩进距离,缩进距离 = thyIndent * node.level
|
|
130
121
|
* @type number
|
|
131
122
|
*/
|
|
132
|
-
thyIndent: number
|
|
123
|
+
readonly thyIndent: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
133
124
|
/**
|
|
134
125
|
* 拖拽之前的回调,函数返回 false 则阻止拖拽
|
|
135
126
|
*/
|
|
136
|
-
thyBeforeDragStart: (context: ThyTreeBeforeDragStartContext) => boolean
|
|
127
|
+
readonly thyBeforeDragStart: import("@angular/core").InputSignal<(context: ThyTreeBeforeDragStartContext) => boolean>;
|
|
137
128
|
/**
|
|
138
129
|
* 拖放到元素时回调,函数返回 false 则阻止拖放到当前元素
|
|
139
130
|
*/
|
|
140
|
-
thyBeforeDragDrop: (context: ThyTreeBeforeDragDropContext) => boolean
|
|
131
|
+
readonly thyBeforeDragDrop: import("@angular/core").InputSignal<(context: ThyTreeBeforeDragDropContext) => boolean>;
|
|
141
132
|
/**
|
|
142
133
|
* 设置子 TreeNode 点击事件
|
|
143
134
|
*/
|
|
144
|
-
thyOnClick:
|
|
135
|
+
readonly thyOnClick: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
145
136
|
/**
|
|
146
137
|
* 设置 check 选择事件
|
|
147
138
|
*/
|
|
148
|
-
thyOnCheckboxChange:
|
|
139
|
+
readonly thyOnCheckboxChange: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
149
140
|
/**
|
|
150
141
|
* 设置点击展开触发事件
|
|
151
142
|
*/
|
|
152
|
-
thyOnExpandChange:
|
|
143
|
+
readonly thyOnExpandChange: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
153
144
|
/**
|
|
154
145
|
* 设置 TreeNode 拖拽事件
|
|
155
146
|
*/
|
|
156
|
-
thyOnDragDrop:
|
|
147
|
+
readonly thyOnDragDrop: import("@angular/core").OutputEmitterRef<ThyTreeDragDropEvent<any>>;
|
|
157
148
|
/**
|
|
158
149
|
* 双击 TreeNode 事件
|
|
159
150
|
*/
|
|
160
|
-
thyDblClick:
|
|
151
|
+
readonly thyDblClick: import("@angular/core").OutputEmitterRef<ThyTreeEmitEvent<any>>;
|
|
161
152
|
/**
|
|
162
153
|
* 设置 TreeNode 的渲染模板
|
|
163
154
|
*/
|
|
164
|
-
|
|
165
|
-
get templateRef(): TemplateRef<any>;
|
|
155
|
+
readonly templateRef: import("@angular/core").Signal<TemplateRef<any>>;
|
|
166
156
|
/**
|
|
167
157
|
* 设置子的空数据渲染模板
|
|
168
158
|
*/
|
|
169
|
-
emptyChildrenTemplate: TemplateRef<any
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
dragging: boolean;
|
|
174
|
-
cdkDrags: QueryList<CdkDrag<ThyTreeNode>>;
|
|
175
|
-
ngOnInit(): void;
|
|
176
|
-
ngAfterViewInit(): void;
|
|
177
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
178
|
-
renderView: () => void;
|
|
159
|
+
readonly emptyChildrenTemplate: import("@angular/core").Signal<TemplateRef<any>>;
|
|
160
|
+
dragging: import("@angular/core").WritableSignal<boolean>;
|
|
161
|
+
readonly cdkDrags: import("@angular/core").Signal<readonly CdkDrag<any>[]>;
|
|
162
|
+
constructor();
|
|
179
163
|
eventTriggerChanged(event: ThyTreeEmitEvent): void;
|
|
180
|
-
private
|
|
181
|
-
private
|
|
182
|
-
private
|
|
183
|
-
private
|
|
184
|
-
private
|
|
185
|
-
private
|
|
164
|
+
private initThyNodes;
|
|
165
|
+
private handleExpandedKeys;
|
|
166
|
+
private setTreeType;
|
|
167
|
+
private setTreeSize;
|
|
168
|
+
private instanceSelectionModel;
|
|
169
|
+
private selectTreeNodes;
|
|
186
170
|
isSelected(node: ThyTreeNode): boolean;
|
|
187
171
|
toggleTreeNode(node: ThyTreeNode): void;
|
|
188
172
|
trackByFn(index: number, item: any): any;
|
|
@@ -200,7 +184,6 @@ export declare class ThyTree implements ControlValueAccessor, OnInit, OnChanges,
|
|
|
200
184
|
private cleanupDropPositionPlaceholder;
|
|
201
185
|
private cleanupDragArtifacts;
|
|
202
186
|
selectTreeNode(node: ThyTreeNode): void;
|
|
203
|
-
getRootNodes(): ThyTreeNode[];
|
|
204
187
|
getTreeNode(key: string): ThyTreeNode<any>;
|
|
205
188
|
getSelectedNode(): ThyTreeNode;
|
|
206
189
|
getSelectedNodes(): ThyTreeNode[];
|
|
@@ -210,17 +193,7 @@ export declare class ThyTree implements ControlValueAccessor, OnInit, OnChanges,
|
|
|
210
193
|
deleteTreeNode(node: ThyTreeNode): void;
|
|
211
194
|
expandAllNodes(): void;
|
|
212
195
|
collapsedAllNodes(): void;
|
|
213
|
-
ngOnDestroy(): void;
|
|
214
196
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyTree, never>;
|
|
215
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyTree, "thy-tree", never, { "thyNodes": { "alias": "thyNodes"; "required": false; }; "thyShowExpand": { "alias": "thyShowExpand"; "required": false; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; }; "thyDraggable": { "alias": "thyDraggable"; "required": false; }; "thyCheckable": { "alias": "thyCheckable"; "required": false; }; "thyClickBehavior": { "alias": "thyClickBehavior"; "required": false; }; "thyCheckStateResolve": { "alias": "thyCheckStateResolve"; "required": false; }; "thyAsync": { "alias": "thyAsync"; "required": false; }; "thyType": { "alias": "thyType"; "required": false; }; "thyIcons": { "alias": "thyIcons"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyVirtualScroll": { "alias": "thyVirtualScroll"; "required": false; }; "thyItemSize": { "alias": "thyItemSize"; "required": false; }; "thyTitleTruncate": { "alias": "thyTitleTruncate"; "required": false; }; "thySelectedKeys": { "alias": "thySelectedKeys"; "required": false; }; "thyExpandedKeys": { "alias": "thyExpandedKeys"; "required": false; }; "thyExpandAll": { "alias": "thyExpandAll"; "required": false; }; "thyIndent": { "alias": "thyIndent"; "required": false; }; "thyBeforeDragStart": { "alias": "thyBeforeDragStart"; "required": false; }; "thyBeforeDragDrop": { "alias": "thyBeforeDragDrop"; "required": false; }; }, { "
|
|
216
|
-
static ngAcceptInputType_thyMultiple: boolean | string | number;
|
|
217
|
-
static ngAcceptInputType_thyDraggable: boolean | string | number;
|
|
218
|
-
static ngAcceptInputType_thyCheckable: boolean | string | number;
|
|
219
|
-
static ngAcceptInputType_thyAsync: boolean | string | number;
|
|
220
|
-
static ngAcceptInputType_thyVirtualScroll: boolean | string | number;
|
|
221
|
-
static ngAcceptInputType_thyItemSize: unknown;
|
|
222
|
-
static ngAcceptInputType_thyTitleTruncate: boolean | string | number;
|
|
223
|
-
static ngAcceptInputType_thyExpandAll: boolean | string | number;
|
|
224
|
-
static ngAcceptInputType_thyIndent: unknown;
|
|
197
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyTree, "thy-tree", never, { "thyNodes": { "alias": "thyNodes"; "required": false; "isSignal": true; }; "thyShowExpand": { "alias": "thyShowExpand"; "required": false; "isSignal": true; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyDraggable": { "alias": "thyDraggable"; "required": false; "isSignal": true; }; "thyCheckable": { "alias": "thyCheckable"; "required": false; "isSignal": true; }; "thyClickBehavior": { "alias": "thyClickBehavior"; "required": false; "isSignal": true; }; "thyCheckStateResolve": { "alias": "thyCheckStateResolve"; "required": false; "isSignal": true; }; "thyAsync": { "alias": "thyAsync"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyIcons": { "alias": "thyIcons"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyVirtualScroll": { "alias": "thyVirtualScroll"; "required": false; "isSignal": true; }; "thyItemSize": { "alias": "thyItemSize"; "required": false; "isSignal": true; }; "thyTitleTruncate": { "alias": "thyTitleTruncate"; "required": false; "isSignal": true; }; "thySelectedKeys": { "alias": "thySelectedKeys"; "required": false; "isSignal": true; }; "thyExpandedKeys": { "alias": "thyExpandedKeys"; "required": false; "isSignal": true; }; "thyExpandAll": { "alias": "thyExpandAll"; "required": false; "isSignal": true; }; "thyIndent": { "alias": "thyIndent"; "required": false; "isSignal": true; }; "thyBeforeDragStart": { "alias": "thyBeforeDragStart"; "required": false; "isSignal": true; }; "thyBeforeDragDrop": { "alias": "thyBeforeDragDrop"; "required": false; "isSignal": true; }; }, { "thyNodes": "thyNodesChange"; "thyOnClick": "thyOnClick"; "thyOnCheckboxChange": "thyOnCheckboxChange"; "thyOnExpandChange": "thyOnExpandChange"; "thyOnDragDrop": "thyOnDragDrop"; "thyDblClick": "thyDblClick"; }, ["templateRef", "emptyChildrenTemplate"], never, true, never>;
|
|
225
198
|
}
|
|
226
199
|
export {};
|
package/tree/tree.service.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Subject } from 'rxjs';
|
|
2
2
|
import { OnDestroy } from '@angular/core';
|
|
3
3
|
import { ThyTreeNodeCheckState, ThyTreeNodeData, ThyTreeNode, IThyTreeService, ThyTreeFormatEmitEvent } from './tree.class';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,15 +7,14 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
*/
|
|
8
8
|
export declare class ThyTreeService implements IThyTreeService, OnDestroy {
|
|
9
9
|
selectedNode: ThyTreeNode;
|
|
10
|
-
|
|
11
|
-
flattenTreeNodes: ThyTreeNode[];
|
|
10
|
+
flattenTreeNodes: import("@angular/core").WritableSignal<ThyTreeNode<any>[]>;
|
|
12
11
|
private originTreeNodes;
|
|
13
12
|
treeNodes: ThyTreeNode[];
|
|
14
13
|
checkStateResolve: (node: ThyTreeNode) => ThyTreeNodeCheckState;
|
|
15
14
|
statusChange$: Subject<ThyTreeFormatEmitEvent>;
|
|
16
15
|
constructor();
|
|
17
16
|
initializeTreeNodes(rootNodes: ThyTreeNodeData[]): void;
|
|
18
|
-
syncFlattenTreeNodes():
|
|
17
|
+
syncFlattenTreeNodes(): void;
|
|
19
18
|
private getParallelTreeNodes;
|
|
20
19
|
setCheckStateResolve(resolve?: (node: ThyTreeNode) => ThyTreeNodeCheckState): void;
|
|
21
20
|
resetSortedTreeNodes(treeNodes: ThyTreeNode[], parent?: ThyTreeNode): void;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
3
|
import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
4
|
-
import { ElementRef,
|
|
4
|
+
import { ElementRef, OnDestroy, OnInit, TemplateRef, Signal } from '@angular/core';
|
|
5
5
|
import { ControlValueAccessor } from '@angular/forms';
|
|
6
6
|
import { ThyTreeSelectNode, ThyTreeSelectType } from './tree-select.class';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "ngx-tethys/util";
|
|
8
9
|
type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
|
|
9
10
|
export declare function filterTreeData(treeNodes: ThyTreeSelectNode[], searchText: string, searchKey?: string): ThyTreeSelectNode[];
|
|
10
11
|
/**
|
|
@@ -146,7 +147,7 @@ export declare class ThyTreeSelect extends TabIndexDisabledControlValueAccessorM
|
|
|
146
147
|
/**
|
|
147
148
|
* 树选择组件展开和折叠状态事件
|
|
148
149
|
*/
|
|
149
|
-
thyExpandStatusChange:
|
|
150
|
+
readonly thyExpandStatusChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
150
151
|
private _getNgModelType;
|
|
151
152
|
buildFlattenTreeNodes(): void;
|
|
152
153
|
private getFlattenTreeNodes;
|
|
@@ -176,13 +177,13 @@ export declare class ThyTreeSelect extends TabIndexDisabledControlValueAccessorM
|
|
|
176
177
|
getNodeChildren(node: ThyTreeSelectNode): Observable<ThyTreeSelectNode>;
|
|
177
178
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyTreeSelect, never>;
|
|
178
179
|
static ɵcmp: i0.ɵɵComponentDeclaration<ThyTreeSelect, "thy-tree-select", never, { "thyTreeNodes": { "alias": "thyTreeNodes"; "required": false; }; "thyVirtualScroll": { "alias": "thyVirtualScroll"; "required": false; }; "thyPrimaryKey": { "alias": "thyPrimaryKey"; "required": false; }; "thyShowKey": { "alias": "thyShowKey"; "required": false; }; "thyChildCountKey": { "alias": "thyChildCountKey"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; }; "thyDisable": { "alias": "thyDisable"; "required": false; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyEmptyOptionsText": { "alias": "thyEmptyOptionsText"; "required": false; }; "thyHiddenNodeKey": { "alias": "thyHiddenNodeKey"; "required": false; }; "thyDisableNodeKey": { "alias": "thyDisableNodeKey"; "required": false; }; "thyAsyncNode": { "alias": "thyAsyncNode"; "required": false; }; "thyShowWholeName": { "alias": "thyShowWholeName"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thyIconType": { "alias": "thyIconType"; "required": false; }; "thyHiddenNodeFn": { "alias": "thyHiddenNodeFn"; "required": false; }; "thyDisableNodeFn": { "alias": "thyDisableNodeFn"; "required": false; }; "thyGetNodeChildren": { "alias": "thyGetNodeChildren"; "required": false; }; }, { "thyExpandStatusChange": "thyExpandStatusChange"; }, ["thyTreeSelectTriggerDisplayRef", "treeNodeTemplateRef"], never, true, never>;
|
|
179
|
-
static ngAcceptInputType_thyVirtualScroll:
|
|
180
|
-
static ngAcceptInputType_thyAllowClear:
|
|
181
|
-
static ngAcceptInputType_thyMultiple:
|
|
182
|
-
static ngAcceptInputType_thyDisable:
|
|
183
|
-
static ngAcceptInputType_thyAsyncNode:
|
|
184
|
-
static ngAcceptInputType_thyShowWholeName:
|
|
185
|
-
static ngAcceptInputType_thyShowSearch:
|
|
180
|
+
static ngAcceptInputType_thyVirtualScroll: i1.ThyBooleanInput;
|
|
181
|
+
static ngAcceptInputType_thyAllowClear: i1.ThyBooleanInput;
|
|
182
|
+
static ngAcceptInputType_thyMultiple: i1.ThyBooleanInput;
|
|
183
|
+
static ngAcceptInputType_thyDisable: i1.ThyBooleanInput;
|
|
184
|
+
static ngAcceptInputType_thyAsyncNode: i1.ThyBooleanInput;
|
|
185
|
+
static ngAcceptInputType_thyShowWholeName: i1.ThyBooleanInput;
|
|
186
|
+
static ngAcceptInputType_thyShowSearch: i1.ThyBooleanInput;
|
|
186
187
|
}
|
|
187
188
|
/**
|
|
188
189
|
* @private
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ThyBgColor, ThyThemeColor } from 'ngx-tethys/core';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
3
2
|
/**
|
|
4
3
|
* @name thyBgColor
|
|
@@ -12,9 +11,10 @@ export declare class ThyBackgroundColorDirective {
|
|
|
12
11
|
* @type ThyThemeColor | ThyBgColor | string
|
|
13
12
|
* @description 背景颜色,支持设置主题色和自定义颜色值,主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`
|
|
14
13
|
*/
|
|
15
|
-
|
|
14
|
+
readonly thyBgColor: import("@angular/core").InputSignal<string>;
|
|
15
|
+
constructor();
|
|
16
16
|
private setBgColor;
|
|
17
17
|
private clearBgColor;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyBackgroundColorDirective, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyBackgroundColorDirective, "[thyBgColor]", ["thyBgColor"], { "thyBgColor": { "alias": "thyBgColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyBackgroundColorDirective, "[thyBgColor]", ["thyBgColor"], { "thyBgColor": { "alias": "thyBgColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
20
20
|
}
|
|
@@ -9,9 +9,9 @@ export declare class ThyText implements OnInit {
|
|
|
9
9
|
/**
|
|
10
10
|
* 前置图标
|
|
11
11
|
*/
|
|
12
|
-
thyIcon: string
|
|
12
|
+
readonly thyIcon: import("@angular/core").InputSignal<string>;
|
|
13
13
|
constructor();
|
|
14
14
|
ngOnInit(): void;
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyText, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThyText, "thy-text, [thyText]:not(thy-divider)", never, { "thyIcon": { "alias": "thyIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThyText, "thy-text, [thyText]:not(thy-divider)", never, { "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
17
17
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
-
import { ThyTextColor, ThyThemeColor } from 'ngx-tethys/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
/**
|
|
5
4
|
* @name thyTextColor
|
|
@@ -13,10 +12,11 @@ export declare class ThyTextColorDirective implements OnInit {
|
|
|
13
12
|
* @type ThyThemeColor | ThyTextColor | string
|
|
14
13
|
* @description 文本颜色,支持设置主题色和自定义颜色值,主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`
|
|
15
14
|
*/
|
|
16
|
-
|
|
15
|
+
readonly thyTextColor: import("@angular/core").InputSignal<string>;
|
|
16
|
+
constructor();
|
|
17
17
|
ngOnInit(): void;
|
|
18
18
|
private setColor;
|
|
19
19
|
private clearColor;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyTextColorDirective, never>;
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyTextColorDirective, "[thyTextColor]", ["thyTextColor"], { "thyTextColor": { "alias": "thyTextColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyTextColorDirective, "[thyTextColor]", ["thyTextColor"], { "thyTextColor": { "alias": "thyTextColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
22
|
}
|
|
@@ -1,34 +1,32 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, NgZone, OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { FileSelectBaseDirective } from './file-select-base';
|
|
3
3
|
import { ThyUploadConfig } from './upload.config';
|
|
4
|
+
import { ThyFileSelectEvent } from './types';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @name thyFileDrop
|
|
7
8
|
*/
|
|
8
|
-
export declare class ThyFileDropDirective extends FileSelectBaseDirective implements OnInit
|
|
9
|
+
export declare class ThyFileDropDirective extends FileSelectBaseDirective implements OnInit {
|
|
9
10
|
elementRef: ElementRef;
|
|
10
11
|
renderer: Renderer2;
|
|
11
12
|
ngZone: NgZone;
|
|
12
13
|
defaultConfig: ThyUploadConfig;
|
|
13
|
-
isDragOver: boolean
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
thyOnDrop: EventEmitter<any>;
|
|
14
|
+
protected isDragOver: import("@angular/core").WritableSignal<boolean>;
|
|
15
|
+
readonly thyFileDropClassName: import("@angular/core").InputSignal<string>;
|
|
16
|
+
readonly thyOnDrop: import("@angular/core").OutputEmitterRef<ThyFileSelectEvent>;
|
|
17
17
|
/**
|
|
18
18
|
* 当拖拽的文件中有不符合 thyAcceptType 中定义的类型时触发
|
|
19
19
|
* @description.en-us It is triggered when there are files in the dragged files that do not conform to the types defined in thyAcceptType.
|
|
20
20
|
*/
|
|
21
|
-
thyFilesReject:
|
|
22
|
-
private
|
|
21
|
+
thyFilesReject: import("@angular/core").OutputEmitterRef<File[]>;
|
|
22
|
+
private destroyRef;
|
|
23
23
|
constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, defaultConfig: ThyUploadConfig);
|
|
24
24
|
ngOnInit(): void;
|
|
25
25
|
private checkRejectFolderAndHtmlElement;
|
|
26
26
|
private getAsEntry;
|
|
27
27
|
private filterFilesOrItems;
|
|
28
28
|
private toggleDropOverClassName;
|
|
29
|
-
private setDragOverState;
|
|
30
29
|
private resetDragOver;
|
|
31
|
-
ngOnDestroy(): void;
|
|
32
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThyFileDropDirective, never>;
|
|
33
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFileDropDirective, "[thyFileDrop]", never, { "thyFileDropClassName": { "alias": "thyFileDropClassName"; "required": false; }; }, { "thyOnDrop": "thyOnDrop"; "thyFilesReject": "thyFilesReject"; }, never, never, true, never>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ThyFileDropDirective, "[thyFileDrop]", never, { "thyFileDropClassName": { "alias": "thyFileDropClassName"; "required": false; "isSignal": true; }; }, { "thyOnDrop": "thyOnDrop"; "thyFilesReject": "thyFilesReject"; }, never, never, true, never>;
|
|
34
32
|
}
|