ngx-tethys 22.0.2 → 22.0.3

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.
Files changed (181) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/button/styles/button-group.scss +25 -18
  3. package/button/styles/button.scss +3 -1
  4. package/button/styles/mixin.scss +7 -2
  5. package/button/styles/theme.scss +3 -1
  6. package/cascader/styles/cascader.scss +5 -0
  7. package/date-picker/styles/index.scss +5 -0
  8. package/date-picker/styles/picker.scss +5 -0
  9. package/fesm2022/ngx-tethys-action.mjs +13 -4
  10. package/fesm2022/ngx-tethys-action.mjs.map +1 -1
  11. package/fesm2022/ngx-tethys-alert.mjs +2 -2
  12. package/fesm2022/ngx-tethys-alert.mjs.map +1 -1
  13. package/fesm2022/ngx-tethys-arrow-switcher.mjs +17 -6
  14. package/fesm2022/ngx-tethys-arrow-switcher.mjs.map +1 -1
  15. package/fesm2022/ngx-tethys-autocomplete.mjs +11 -3
  16. package/fesm2022/ngx-tethys-autocomplete.mjs.map +1 -1
  17. package/fesm2022/ngx-tethys-badge.mjs +17 -5
  18. package/fesm2022/ngx-tethys-badge.mjs.map +1 -1
  19. package/fesm2022/ngx-tethys-breadcrumb.mjs +1 -1
  20. package/fesm2022/ngx-tethys-breadcrumb.mjs.map +1 -1
  21. package/fesm2022/ngx-tethys-button.mjs +39 -21
  22. package/fesm2022/ngx-tethys-button.mjs.map +1 -1
  23. package/fesm2022/ngx-tethys-card.mjs +1 -3
  24. package/fesm2022/ngx-tethys-card.mjs.map +1 -1
  25. package/fesm2022/ngx-tethys-cascader.mjs +36 -28
  26. package/fesm2022/ngx-tethys-cascader.mjs.map +1 -1
  27. package/fesm2022/ngx-tethys-collapse.mjs +2 -2
  28. package/fesm2022/ngx-tethys-collapse.mjs.map +1 -1
  29. package/fesm2022/ngx-tethys-color-picker.mjs +1 -1
  30. package/fesm2022/ngx-tethys-color-picker.mjs.map +1 -1
  31. package/fesm2022/ngx-tethys-core.mjs.map +1 -1
  32. package/fesm2022/ngx-tethys-date-picker.mjs +30 -18
  33. package/fesm2022/ngx-tethys-date-picker.mjs.map +1 -1
  34. package/fesm2022/ngx-tethys-date-range.mjs +2 -2
  35. package/fesm2022/ngx-tethys-date-range.mjs.map +1 -1
  36. package/fesm2022/ngx-tethys-dialog.mjs +193 -195
  37. package/fesm2022/ngx-tethys-dialog.mjs.map +1 -1
  38. package/fesm2022/ngx-tethys-divider.mjs +18 -7
  39. package/fesm2022/ngx-tethys-divider.mjs.map +1 -1
  40. package/fesm2022/ngx-tethys-dropdown.mjs +16 -5
  41. package/fesm2022/ngx-tethys-dropdown.mjs.map +1 -1
  42. package/fesm2022/ngx-tethys-form.mjs +447 -101
  43. package/fesm2022/ngx-tethys-form.mjs.map +1 -1
  44. package/fesm2022/ngx-tethys-image.mjs +1 -1
  45. package/fesm2022/ngx-tethys-image.mjs.map +1 -1
  46. package/fesm2022/ngx-tethys-input-number.mjs +10 -4
  47. package/fesm2022/ngx-tethys-input-number.mjs.map +1 -1
  48. package/fesm2022/ngx-tethys-input.mjs +54 -13
  49. package/fesm2022/ngx-tethys-input.mjs.map +1 -1
  50. package/fesm2022/ngx-tethys-layout.mjs.map +1 -1
  51. package/fesm2022/ngx-tethys-mention.mjs.map +1 -1
  52. package/fesm2022/ngx-tethys-menu.mjs +36 -6
  53. package/fesm2022/ngx-tethys-menu.mjs.map +1 -1
  54. package/fesm2022/ngx-tethys-message.mjs.map +1 -1
  55. package/fesm2022/ngx-tethys-native-table.mjs +26 -11
  56. package/fesm2022/ngx-tethys-native-table.mjs.map +1 -1
  57. package/fesm2022/ngx-tethys-nav.mjs +4 -2
  58. package/fesm2022/ngx-tethys-nav.mjs.map +1 -1
  59. package/fesm2022/ngx-tethys-notify.mjs +1 -1
  60. package/fesm2022/ngx-tethys-notify.mjs.map +1 -1
  61. package/fesm2022/ngx-tethys-pagination.mjs +1 -1
  62. package/fesm2022/ngx-tethys-pagination.mjs.map +1 -1
  63. package/fesm2022/ngx-tethys-popover.mjs.map +1 -1
  64. package/fesm2022/ngx-tethys-progress.mjs +81 -55
  65. package/fesm2022/ngx-tethys-progress.mjs.map +1 -1
  66. package/fesm2022/ngx-tethys-property-operation.mjs +32 -24
  67. package/fesm2022/ngx-tethys-property-operation.mjs.map +1 -1
  68. package/fesm2022/ngx-tethys-property.mjs.map +1 -1
  69. package/fesm2022/ngx-tethys-radio.mjs +1 -0
  70. package/fesm2022/ngx-tethys-radio.mjs.map +1 -1
  71. package/fesm2022/ngx-tethys-segment.mjs +0 -1
  72. package/fesm2022/ngx-tethys-segment.mjs.map +1 -1
  73. package/fesm2022/ngx-tethys-select.mjs +27 -9
  74. package/fesm2022/ngx-tethys-select.mjs.map +1 -1
  75. package/fesm2022/ngx-tethys-shared.mjs +16 -7
  76. package/fesm2022/ngx-tethys-shared.mjs.map +1 -1
  77. package/fesm2022/ngx-tethys-slide.mjs +1 -1
  78. package/fesm2022/ngx-tethys-slide.mjs.map +1 -1
  79. package/fesm2022/ngx-tethys-slider.mjs +38 -13
  80. package/fesm2022/ngx-tethys-slider.mjs.map +1 -1
  81. package/fesm2022/ngx-tethys-space.mjs.map +1 -1
  82. package/fesm2022/ngx-tethys-statistic.mjs +20 -10
  83. package/fesm2022/ngx-tethys-statistic.mjs.map +1 -1
  84. package/fesm2022/ngx-tethys-stepper.mjs +1 -1
  85. package/fesm2022/ngx-tethys-stepper.mjs.map +1 -1
  86. package/fesm2022/ngx-tethys-strength.mjs +9 -1
  87. package/fesm2022/ngx-tethys-strength.mjs.map +1 -1
  88. package/fesm2022/ngx-tethys-switch.mjs +20 -11
  89. package/fesm2022/ngx-tethys-switch.mjs.map +1 -1
  90. package/fesm2022/ngx-tethys-table.mjs +28 -17
  91. package/fesm2022/ngx-tethys-table.mjs.map +1 -1
  92. package/fesm2022/ngx-tethys-tabs.mjs +2 -2
  93. package/fesm2022/ngx-tethys-tabs.mjs.map +1 -1
  94. package/fesm2022/ngx-tethys-time-picker.mjs +10 -4
  95. package/fesm2022/ngx-tethys-time-picker.mjs.map +1 -1
  96. package/fesm2022/ngx-tethys-timeline.mjs +2 -8
  97. package/fesm2022/ngx-tethys-timeline.mjs.map +1 -1
  98. package/fesm2022/ngx-tethys-tree-select.mjs +11 -6
  99. package/fesm2022/ngx-tethys-tree-select.mjs.map +1 -1
  100. package/fesm2022/ngx-tethys-tree.mjs.map +1 -1
  101. package/fesm2022/ngx-tethys-typography.mjs +0 -1
  102. package/fesm2022/ngx-tethys-typography.mjs.map +1 -1
  103. package/fesm2022/ngx-tethys.mjs +1 -1
  104. package/fesm2022/ngx-tethys.mjs.map +1 -1
  105. package/form/styles/forms.scss +1 -0
  106. package/form/styles/mixin.scss +37 -0
  107. package/form/styles/theme.scss +1 -0
  108. package/input/styles/input.scss +28 -19
  109. package/input-number/styles/input-number.scss +22 -3
  110. package/menu/examples/variant/variant.component.scss +21 -0
  111. package/package.json +1 -1
  112. package/schematics/ng-update/update-22/badge-dot-hollow-migration.spec.js +4 -4
  113. package/schematics/ng-update/update-22/button-appearance-migration.js +2 -0
  114. package/schematics/ng-update/update-22/button-appearance-migration.spec.js +0 -4
  115. package/schematics/ng-update/update-22/button-group-appearance-migration.d.ts +6 -0
  116. package/schematics/ng-update/update-22/button-group-appearance-migration.js +157 -0
  117. package/schematics/ng-update/update-22/button-group-appearance-migration.spec.d.ts +1 -0
  118. package/schematics/ng-update/update-22/button-group-appearance-migration.spec.js +56 -0
  119. package/schematics/ng-update/update-22/class-name-migration.spec.js +135 -0
  120. package/schematics/ng-update/update-22/divider-deeper-migration.js +12 -5
  121. package/schematics/ng-update/update-22/divider-deeper-migration.spec.js +9 -1
  122. package/schematics/ng-update/update-22/index.js +9 -1
  123. package/schematics/ng-update/update-22/index.spec.js +581 -3
  124. package/schematics/ng-update/update-22/input-search-appearance-migration.d.ts +6 -0
  125. package/schematics/ng-update/update-22/input-search-appearance-migration.js +94 -0
  126. package/schematics/ng-update/update-22/input-search-appearance-migration.spec.d.ts +1 -0
  127. package/schematics/ng-update/update-22/input-search-appearance-migration.spec.js +41 -0
  128. package/schematics/ng-update/update-22/menu-theme-migration.d.ts +14 -0
  129. package/schematics/ng-update/update-22/menu-theme-migration.js +108 -0
  130. package/schematics/ng-update/update-22/menu-theme-migration.spec.d.ts +1 -0
  131. package/schematics/ng-update/update-22/menu-theme-migration.spec.js +42 -0
  132. package/schematics/ng-update/update-22/select-borderless-migration.d.ts +6 -0
  133. package/schematics/ng-update/update-22/select-borderless-migration.js +111 -0
  134. package/schematics/ng-update/update-22/select-borderless-migration.spec.d.ts +1 -0
  135. package/schematics/ng-update/update-22/select-borderless-migration.spec.js +49 -0
  136. package/schematics/ng-update/update-22/update-data.js +102 -1
  137. package/schematics/version.d.ts +1 -1
  138. package/schematics/version.js +1 -1
  139. package/select/styles/custom-select.scss +5 -0
  140. package/select/styles/theme.scss +10 -0
  141. package/shared/select/select-control/select-control.scss +4 -3
  142. package/time-picker/styles/time-picker.scss +11 -2
  143. package/types/ngx-tethys-action.d.ts +14 -5
  144. package/types/ngx-tethys-alert.d.ts +2 -2
  145. package/types/ngx-tethys-arrow-switcher.d.ts +16 -5
  146. package/types/ngx-tethys-autocomplete.d.ts +8 -2
  147. package/types/ngx-tethys-badge.d.ts +14 -4
  148. package/types/ngx-tethys-button.d.ts +28 -9
  149. package/types/ngx-tethys-card.d.ts +3 -6
  150. package/types/ngx-tethys-cascader.d.ts +9 -3
  151. package/types/ngx-tethys-collapse.d.ts +3 -3
  152. package/types/ngx-tethys-core.d.ts +2 -1
  153. package/types/ngx-tethys-date-picker.d.ts +15 -3
  154. package/types/ngx-tethys-dialog.d.ts +1 -3
  155. package/types/ngx-tethys-divider.d.ts +20 -9
  156. package/types/ngx-tethys-dropdown.d.ts +16 -5
  157. package/types/ngx-tethys-form.d.ts +198 -55
  158. package/types/ngx-tethys-input-number.d.ts +8 -2
  159. package/types/ngx-tethys-input.d.ts +39 -8
  160. package/types/ngx-tethys-menu.d.ts +16 -4
  161. package/types/ngx-tethys-native-table.d.ts +21 -6
  162. package/types/ngx-tethys-nav.d.ts +2 -0
  163. package/types/ngx-tethys-progress.d.ts +42 -18
  164. package/types/ngx-tethys-property-operation.d.ts +6 -0
  165. package/types/ngx-tethys-segment.d.ts +0 -1
  166. package/types/ngx-tethys-select.d.ts +23 -5
  167. package/types/ngx-tethys-shared.d.ts +12 -3
  168. package/types/ngx-tethys-slider.d.ts +22 -8
  169. package/types/ngx-tethys-space.d.ts +3 -1
  170. package/types/ngx-tethys-statistic.d.ts +23 -9
  171. package/types/ngx-tethys-stepper.d.ts +1 -1
  172. package/types/ngx-tethys-strength.d.ts +5 -0
  173. package/types/ngx-tethys-switch.d.ts +15 -4
  174. package/types/ngx-tethys-table.d.ts +24 -8
  175. package/types/ngx-tethys-tabs.d.ts +3 -3
  176. package/types/ngx-tethys-time-picker.d.ts +8 -2
  177. package/types/ngx-tethys-timeline.d.ts +13 -14
  178. package/types/ngx-tethys-tree-select.d.ts +8 -3
  179. package/types/ngx-tethys-typography.d.ts +0 -1
  180. /package/action/examples/{type/type.component.scss → color/color.component.scss} +0 -0
  181. /package/badge/examples/{type/type.component.scss → color/color.component.scss} +0 -0
@@ -2,11 +2,21 @@
2
2
  &.menu-is-opened {
3
3
  .form-control-custom {
4
4
  border-color: $input-hover-border-color;
5
+
6
+ &.form-control-ghost {
7
+ border-color: transparent;
8
+ background-color: transparent;
9
+ }
5
10
  }
6
11
  }
7
12
  &:focus {
8
13
  .form-control {
9
14
  border-color: $input-focus-border-color;
15
+
16
+ &.form-control-ghost {
17
+ border-color: transparent;
18
+ background-color: transparent;
19
+ }
10
20
  }
11
21
  }
12
22
  }
@@ -61,6 +61,10 @@
61
61
  }
62
62
  &.panel-is-opened {
63
63
  border-color: variables.$primary;
64
+ &.form-control-ghost:not(.is-invalid) {
65
+ border-color: transparent;
66
+ background-color: transparent;
67
+ }
64
68
  .select-control-arrow {
65
69
  svg {
66
70
  transform: rotate(180deg);
@@ -156,6 +160,3 @@
156
160
  }
157
161
  }
158
162
  }
159
- .select-control-borderless {
160
- border-color: transparent !important;
161
- }
@@ -1,4 +1,4 @@
1
- @use "../../styles/variables";
1
+ @use '../../styles/variables';
2
2
  @use './variables.scss' as vars;
3
3
 
4
4
  .#{vars.$time-picker-prefix-cls} {
@@ -11,6 +11,15 @@
11
11
  &-input {
12
12
  outline: none;
13
13
  padding-right: 38px;
14
+
15
+ &.thy-time-picker-panel-opened {
16
+ border-color: variables.$primary;
17
+
18
+ &.form-control-ghost {
19
+ border-color: transparent;
20
+ background-color: transparent;
21
+ }
22
+ }
14
23
  }
15
24
  &-icon,
16
25
  &-clear {
@@ -36,7 +45,7 @@
36
45
  }
37
46
  &-disabled:hover,
38
47
  &-readonly:hover {
39
- .form-control {
48
+ .form-control:not(.form-control-ghost):not(.form-control-subtle) {
40
49
  border-color: variables.$input-border-color;
41
50
  }
42
51
  .#{vars.$time-picker-prefix-cls}-icon {
@@ -4,7 +4,9 @@ import { ThySpacingSize } from 'ngx-tethys/core';
4
4
  import * as i1 from '@angular/common';
5
5
  import * as i2 from 'ngx-tethys/icon';
6
6
 
7
- type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';
7
+ type ThyActionColor = 'primary' | 'success' | 'danger' | 'warning';
8
+ /** @deprecated use ThyActionColor, will be removed in v23 */
9
+ type ThyActionType = ThyActionColor;
8
10
  type ThyActionAppearance = 'fill' | 'lite';
9
11
  type ThyActionFeedback = 'success' | 'error';
10
12
  interface ThyActionFeedbackOptions {
@@ -27,10 +29,17 @@ declare class ThyAction implements OnInit, AfterViewInit, OnDestroy {
27
29
  private hostRenderer;
28
30
  private feedbackTimer;
29
31
  /**
30
- * 操作图标的类型
32
+ * 操作图标的颜色
31
33
  * @type primary | success | danger | warning
32
34
  */
33
- readonly thyType: _angular_core.InputSignalWithTransform<ThyActionType, ThyActionType>;
35
+ readonly thyColor: _angular_core.InputSignal<ThyActionColor | undefined>;
36
+ /**
37
+ * 操作图标的类型(已废弃,将在 v23 彻底删除),请使用 thyColor
38
+ * @deprecated please use thyColor, will be removed in v23
39
+ * @type primary | success | danger | warning
40
+ */
41
+ readonly thyType: _angular_core.InputSignalWithTransform<ThyActionColor, ThyActionColor>;
42
+ readonly color: Signal<ThyActionColor>;
34
43
  /**
35
44
  * 操作图标,支持传参同时也支持在投影中写 thy-icon 组件
36
45
  */
@@ -78,7 +87,7 @@ declare class ThyAction implements OnInit, AfterViewInit, OnDestroy {
78
87
  private updateClasses;
79
88
  ngOnDestroy(): void;
80
89
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyAction, never>;
81
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyAction, "thy-action, [thyAction]", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyActionIcon": { "alias": "thyActionIcon"; "required": false; "isSignal": true; }; "thyActive": { "alias": "thyActive"; "required": false; "isSignal": true; }; "thyActionActive": { "alias": "thyActionActive"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; "thyHoverIcon": { "alias": "thyHoverIcon"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
90
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyAction, "thy-action, [thyAction]", never, { "thyColor": { "alias": "thyColor"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyActionIcon": { "alias": "thyActionIcon"; "required": false; "isSignal": true; }; "thyActive": { "alias": "thyActive"; "required": false; "isSignal": true; }; "thyActionActive": { "alias": "thyActionActive"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; "thyHoverIcon": { "alias": "thyHoverIcon"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
82
91
  }
83
92
 
84
93
  /**
@@ -106,4 +115,4 @@ declare class ThyActionModule {
106
115
  }
107
116
 
108
117
  export { ThyAction, ThyActionModule, ThyActions };
109
- export type { ThyActionAppearance, ThyActionFeedback, ThyActionFeedbackOptions, ThyActionType };
118
+ export type { ThyActionAppearance, ThyActionColor, ThyActionFeedback, ThyActionFeedbackOptions, ThyActionType };
@@ -38,8 +38,8 @@ declare class ThyAlert {
38
38
  */
39
39
  readonly thyType: _angular_core.InputSignal<ThyAlertColor>;
40
40
  /**
41
- * 指定警告提示的主题(已废弃),请使用 thyAppearance
42
- * @deprecated please use thyAppearance
41
+ * 指定警告提示的主题(已废弃,将在 v23 彻底移除),请使用 thyAppearance
42
+ * @deprecated please use thyAppearance, will be removed in v23
43
43
  * @type fill | bordered | naked
44
44
  * @default fill
45
45
  */
@@ -7,7 +7,9 @@ import * as i4 from 'ngx-tethys/action';
7
7
  import * as i5 from 'ngx-tethys/tooltip';
8
8
  import { ControlValueAccessor } from '@angular/forms';
9
9
 
10
- type ThyArrowSwitcherTheme = 'default' | 'lite';
10
+ type ThyArrowSwitcherVariant = 'default' | 'lite';
11
+ /** @deprecated use ThyArrowSwitcherVariant, will be removed in v23 */
12
+ type ThyArrowSwitcherTheme = ThyArrowSwitcherVariant;
11
13
  interface ThyArrowSwitcherEvent {
12
14
  index: number;
13
15
  event: Event;
@@ -37,10 +39,19 @@ declare class ThyArrowSwitcher implements ControlValueAccessor {
37
39
  */
38
40
  readonly thyNextTooltip: _angular_core.InputSignal<string | undefined>;
39
41
  /**
40
- * 展示主题
42
+ * 展示形态
41
43
  * @type default | lite
44
+ * @default default
42
45
  */
43
- readonly thyTheme: _angular_core.InputSignal<ThyArrowSwitcherTheme>;
46
+ readonly thyVariant: _angular_core.InputSignal<ThyArrowSwitcherVariant | undefined>;
47
+ /**
48
+ * 展示主题(已废弃,将在 v23 彻底删除),请使用 thyVariant
49
+ * @deprecated please use thyVariant, will be removed in v23
50
+ * @type default | lite
51
+ * @default default
52
+ */
53
+ readonly thyTheme: _angular_core.InputSignal<ThyArrowSwitcherVariant>;
54
+ readonly variant: Signal<ThyArrowSwitcherVariant>;
44
55
  /**
45
56
  * 总条数
46
57
  */
@@ -66,7 +77,7 @@ declare class ThyArrowSwitcher implements ControlValueAccessor {
66
77
  onPreviousClick(event: Event): void;
67
78
  onNextClick(event: Event): void;
68
79
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyArrowSwitcher, never>;
69
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyArrowSwitcher, "thy-arrow-switcher", never, { "thyPreviousTooltip": { "alias": "thyPreviousTooltip"; "required": false; "isSignal": true; }; "thyNextTooltip": { "alias": "thyNextTooltip"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyTotal": { "alias": "thyTotal"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, { "thyPrevious": "thyPrevious"; "thyNext": "thyNext"; }, never, never, true, never>;
80
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyArrowSwitcher, "thy-arrow-switcher", never, { "thyPreviousTooltip": { "alias": "thyPreviousTooltip"; "required": false; "isSignal": true; }; "thyNextTooltip": { "alias": "thyNextTooltip"; "required": false; "isSignal": true; }; "thyVariant": { "alias": "thyVariant"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyTotal": { "alias": "thyTotal"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, { "thyPrevious": "thyPrevious"; "thyNext": "thyNext"; }, never, never, true, never>;
70
81
  }
71
82
 
72
83
  declare class ThyArrowSwitcherModule {
@@ -76,4 +87,4 @@ declare class ThyArrowSwitcherModule {
76
87
  }
77
88
 
78
89
  export { ThyArrowSwitcher, ThyArrowSwitcherModule };
79
- export type { ThyArrowSwitcherEvent, ThyArrowSwitcherTheme };
90
+ export type { ThyArrowSwitcherEvent, ThyArrowSwitcherTheme, ThyArrowSwitcherVariant };
@@ -11,7 +11,7 @@ import * as i7 from 'ngx-tethys/shared';
11
11
  import { ThyOptionRender, ThyOption, ThyOptionSelectionChangeEvent } from 'ngx-tethys/shared';
12
12
  import * as i8 from 'ngx-tethys/icon';
13
13
  import * as i9 from 'ngx-tethys/empty';
14
- import { ThyPlacement, ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyPortalOutlet, ThyAbstractInternalOverlayRef, ThyAbstractOverlayRef, ThyAbstractOverlayOptions, ThyAbstractOverlayService } from 'ngx-tethys/core';
14
+ import { ThyPlacement, ThyFormControlAppearance, ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyPortalOutlet, ThyAbstractInternalOverlayRef, ThyAbstractOverlayRef, ThyAbstractOverlayOptions, ThyAbstractOverlayService } from 'ngx-tethys/core';
15
15
  import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
16
16
  import { SafeAny } from 'ngx-tethys/types';
17
17
  import { Observable } from 'rxjs';
@@ -125,6 +125,12 @@ declare class ThyAutocompleteTriggerDirective implements OnInit, OnDestroy {
125
125
  * 是否允许聚焦时打开下拉菜单
126
126
  */
127
127
  readonly thyIsFocusOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
128
+ /**
129
+ * 输入框外观。`outline`: 灰色边框、白色底,hover/focus 时蓝色边框;`subtle`: 无边框,hover/focus 时蓝色边框;`ghost`: 无边框,hover/focus 时也无边框
130
+ * @type outline | subtle | ghost
131
+ * @default outline
132
+ */
133
+ readonly thyAppearance: _angular_core.InputSignalWithTransform<ThyFormControlAppearance, ThyFormControlAppearance | null | undefined>;
128
134
  readonly activeOption: Signal<ThyOptionRender | null>;
129
135
  get panelClosingActions(): Observable<ThyOptionSelectionChangeEvent | null>;
130
136
  ngOnInit(): void;
@@ -148,7 +154,7 @@ declare class ThyAutocompleteTriggerDirective implements OnInit, OnDestroy {
148
154
  private destroyPanel;
149
155
  ngOnDestroy(): void;
150
156
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyAutocompleteTriggerDirective, never>;
151
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyAutocompleteTriggerDirective, "input[thyAutocompleteTrigger], textarea[thyAutocompleteTrigger], thy-input[thyAutocompleteTrigger], thy-input-search[thyAutocompleteTrigger], input[thyAutocomplete], textarea[thyAutocomplete], thy-input[thyAutocomplete], thy-input-search[thyAutocomplete]", ["thyAutocompleteTrigger", "thyAutocomplete"], { "thyAutocomplete": { "alias": "thyAutocomplete"; "required": false; "isSignal": true; }; "thyOffset": { "alias": "thyOffset"; "required": false; "isSignal": true; }; "thyAutocompleteWidth": { "alias": "thyAutocompleteWidth"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyIsFocusOpen": { "alias": "thyIsFocusOpen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
157
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyAutocompleteTriggerDirective, "input[thyAutocompleteTrigger], textarea[thyAutocompleteTrigger], thy-input[thyAutocompleteTrigger], thy-input-search[thyAutocompleteTrigger], input[thyAutocomplete], textarea[thyAutocomplete], thy-input[thyAutocomplete], thy-input-search[thyAutocomplete]", ["thyAutocompleteTrigger", "thyAutocomplete"], { "thyAutocomplete": { "alias": "thyAutocomplete"; "required": false; "isSignal": true; }; "thyOffset": { "alias": "thyOffset"; "required": false; "isSignal": true; }; "thyAutocompleteWidth": { "alias": "thyAutocompleteWidth"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyIsFocusOpen": { "alias": "thyIsFocusOpen"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
152
158
  }
153
159
 
154
160
  declare class ThyAutocompleteConfig<TData = any> extends ThyAbstractOverlayConfig<TData> {
@@ -3,6 +3,7 @@ import { OnInit, Signal } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
 
5
5
  type ThyBadgeSize = 'md' | 'sm' | 'lg';
6
+ type ThyBadgeColor = 'default' | 'primary' | 'danger' | 'warning' | 'success';
6
7
  /**
7
8
  * 徽标组件,支持组件`thy-badge`和`thyBadge`指令两种使用方式
8
9
  * @name thy-badge,[thyBadge]
@@ -19,10 +20,19 @@ declare class ThyBadge implements OnInit {
19
20
  protected readonly backgroundColor: Signal<string | null>;
20
21
  constructor();
21
22
  /**
22
- * 徽标类型
23
+ * 徽标颜色
23
24
  * @type default | primary | danger | warning | success
25
+ * @default danger
24
26
  */
25
- readonly thyType: _angular_core.InputSignalWithTransform<string, string>;
27
+ readonly thyColor: _angular_core.InputSignal<ThyBadgeColor | undefined>;
28
+ /**
29
+ * 徽标类型(已废弃,将在 v23 彻底删除),请使用 thyColor
30
+ * @deprecated please use thyColor, will be removed in v23
31
+ * @type default | primary | danger | warning | success
32
+ * @default danger
33
+ */
34
+ readonly thyType: _angular_core.InputSignal<ThyBadgeColor>;
35
+ readonly color: Signal<ThyBadgeColor>;
26
36
  /**
27
37
  * 徽标内容数字
28
38
  * @type number
@@ -59,7 +69,7 @@ declare class ThyBadge implements OnInit {
59
69
  readonly thyBackgroundColor: _angular_core.InputSignal<string>;
60
70
  ngOnInit(): void;
61
71
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyBadge, never>;
62
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyBadge, "thy-badge,[thyBadge]", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyCount": { "alias": "thyCount"; "required": false; "isSignal": true; }; "thyContent": { "alias": "thyContent"; "required": false; "isSignal": true; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyKeepShow": { "alias": "thyKeepShow"; "required": false; "isSignal": true; }; "thyTextColor": { "alias": "thyTextColor"; "required": false; "isSignal": true; }; "thyBackgroundColor": { "alias": "thyBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
72
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyBadge, "thy-badge,[thyBadge]", never, { "thyColor": { "alias": "thyColor"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyCount": { "alias": "thyCount"; "required": false; "isSignal": true; }; "thyContent": { "alias": "thyContent"; "required": false; "isSignal": true; }; "thyMaxCount": { "alias": "thyMaxCount"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyKeepShow": { "alias": "thyKeepShow"; "required": false; "isSignal": true; }; "thyTextColor": { "alias": "thyTextColor"; "required": false; "isSignal": true; }; "thyBackgroundColor": { "alias": "thyBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
63
73
  }
64
74
 
65
75
  declare class ThyBadgeModule {
@@ -70,4 +80,4 @@ declare class ThyBadgeModule {
70
80
  }
71
81
 
72
82
  export { ThyBadge, ThyBadgeModule };
73
- export type { ThyBadgeSize };
83
+ export type { ThyBadgeColor, ThyBadgeSize };
@@ -1,11 +1,12 @@
1
1
  import * as _angular_core from '@angular/core';
2
+ import { InputSignalWithTransform, InputSignal, InjectionToken } from '@angular/core';
2
3
  import * as i1 from '@angular/common';
3
4
  import * as i2 from 'ngx-tethys/icon';
4
5
 
5
6
  type ThyButtonSize = 'xs' | 'sm' | 'md' | 'lg';
6
7
  type ThyButtonAppearance = 'fill' | 'outline' | 'link';
7
8
  type ThyButtonColor = 'default' | 'primary' | 'info' | 'warning' | 'danger' | 'success';
8
- /** @deprecated use ThyButtonColor */
9
+ /** @deprecated use ThyButtonColor, will be removed in v23 */
9
10
  type ThyButtonType = ThyButtonColor;
10
11
  /**
11
12
  * 操作按钮,支持组件`thy-button`和`thyButton`指令两种形式
@@ -38,8 +39,8 @@ declare class ThyButton {
38
39
  */
39
40
  readonly thyColor: _angular_core.InputSignal<ThyButtonColor | undefined>;
40
41
  /**
41
- * 按钮颜色(已废弃),请使用 thyColor
42
- * @deprecated please use thyColor
42
+ * 按钮颜色(已废弃,将在 v23 彻底移除),请使用 thyColor
43
+ * @deprecated please use thyColor, will be removed in v23
43
44
  * @type default | primary | info | warning | danger | success
44
45
  * @default default
45
46
  */
@@ -77,6 +78,9 @@ declare class ThyButton {
77
78
  protected svgIconName: _angular_core.Signal<string | null | undefined>;
78
79
  protected iconClass: _angular_core.Signal<string[] | null>;
79
80
  private readonly type;
81
+ private parent;
82
+ private readonly appearance;
83
+ private readonly size;
80
84
  private setButtonText;
81
85
  private buildAppearanceClasses;
82
86
  private updateClasses;
@@ -138,13 +142,21 @@ declare class ThyButtonIcon {
138
142
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyButtonIcon, "thy-button-icon,[thy-button-icon],[thyButtonIcon]", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyButtonIcon": { "alias": "thyButtonIcon"; "required": false; "isSignal": true; }; "thyShape": { "alias": "thyShape"; "required": false; "isSignal": true; }; "thyLight": { "alias": "thyLight"; "required": false; "isSignal": true; }; "thyActive": { "alias": "thyActive"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyColor": { "alias": "thyColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
139
143
  }
140
144
 
145
+ interface IThyButtonGroup {
146
+ thySize: InputSignalWithTransform<ThyButtonSize, ThyButtonSize | null | undefined>;
147
+ thyAppearance: InputSignal<'outline' | 'fill'>;
148
+ }
149
+ declare const THY_BUTTON_GROUP: InjectionToken<IThyButtonGroup>;
150
+
151
+ /** @deprecated use ThyButtonGroupAppearance, will be removed in v23 */
141
152
  type ButtonGroupType = 'outline-primary' | 'outline-default';
153
+ type ThyButtonGroupAppearance = 'outline' | 'fill';
142
154
  /**
143
155
  * 按钮分组组件
144
156
  * @name thy-button-group
145
157
  * @order 30
146
158
  */
147
- declare class ThyButtonGroup {
159
+ declare class ThyButtonGroup implements IThyButtonGroup {
148
160
  private hostRenderer;
149
161
  /**
150
162
  * 大小
@@ -153,20 +165,27 @@ declare class ThyButtonGroup {
153
165
  */
154
166
  readonly thySize: _angular_core.InputSignalWithTransform<ThyButtonSize, ThyButtonSize | null | undefined>;
155
167
  /**
156
- * 类型
168
+ * 类型(已废弃,将在 v23 彻底删除),请使用 thyAppearance
169
+ * @deprecated use thyAppearance, will be removed in v23
157
170
  * @type outline-default | outline-primary
158
171
  * @default outline-default
159
172
  */
160
173
  readonly thyType: _angular_core.InputSignal<ButtonGroupType | undefined>;
161
174
  /**
162
- * 是否需要最小宽度,默认按钮最小宽度为80px
175
+ * 按钮组外观
176
+ * @type outline | fill
177
+ * @default outline
178
+ */
179
+ readonly thyAppearance: _angular_core.InputSignal<ThyButtonGroupAppearance>;
180
+ /**
181
+ * 是否需要最小宽度,默认按钮最小宽度
163
182
  * @default false
164
183
  */
165
184
  readonly thyClearMinWidth: _angular_core.InputSignalWithTransform<boolean, any>;
166
185
  constructor();
167
186
  private setClasses;
168
187
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyButtonGroup, never>;
169
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyButtonGroup, "thy-button-group", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyClearMinWidth": { "alias": "thyClearMinWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
188
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyButtonGroup, "thy-button-group", never, { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; "thyClearMinWidth": { "alias": "thyClearMinWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
170
189
  }
171
190
 
172
191
  declare class ThyButtonModule {
@@ -175,5 +194,5 @@ declare class ThyButtonModule {
175
194
  static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyButtonModule>;
176
195
  }
177
196
 
178
- export { ThyButton, ThyButtonGroup, ThyButtonIcon, ThyButtonModule };
179
- export type { ButtonGroupType, ThyButtonAppearance, ThyButtonColor, ThyButtonIconShape, ThyButtonSize, ThyButtonType };
197
+ export { THY_BUTTON_GROUP, ThyButton, ThyButtonGroup, ThyButtonIcon, ThyButtonModule };
198
+ export type { ButtonGroupType, IThyButtonGroup, ThyButtonAppearance, ThyButtonColor, ThyButtonGroupAppearance, ThyButtonIconShape, ThyButtonSize, ThyButtonType };
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { OnInit, TemplateRef } from '@angular/core';
2
+ import { TemplateRef } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
 
5
5
  /**
@@ -7,7 +7,7 @@ import * as i1 from '@angular/common';
7
7
  * @name thy-card-header
8
8
  * @order 20
9
9
  */
10
- declare class ThyCardHeader implements OnInit {
10
+ declare class ThyCardHeader {
11
11
  iconClass?: string;
12
12
  /**
13
13
  * 头部,标题
@@ -32,8 +32,6 @@ declare class ThyCardHeader implements OnInit {
32
32
  * @type TemplateRef
33
33
  */
34
34
  readonly operationTemplateRef: _angular_core.Signal<TemplateRef<any> | undefined>;
35
- constructor();
36
- ngOnInit(): void;
37
35
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCardHeader, never>;
38
36
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyCardHeader, "thy-card-header", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "thyDescription": { "alias": "thyDescription"; "required": false; "isSignal": true; }; }, {}, ["titleTemplateRef", "descriptionTemplateRef", "operationTemplateRef"], never, true, never>;
39
37
  }
@@ -66,12 +64,11 @@ declare class ThyCard {
66
64
  * @name thy-card-content
67
65
  * @order 30
68
66
  */
69
- declare class ThyCardContent implements OnInit {
67
+ declare class ThyCardContent {
70
68
  /**
71
69
  * 内容区,滚动
72
70
  */
73
71
  readonly thyScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
74
- ngOnInit(): void;
75
72
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCardContent, never>;
76
73
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyCardContent, "thy-card-content", never, { "thyScroll": { "alias": "thyScroll"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
77
74
  }
@@ -12,11 +12,11 @@ import * as i7 from 'ngx-tethys/shared';
12
12
  import { SelectOptionBase } from 'ngx-tethys/shared';
13
13
  import * as i8 from 'ngx-tethys/checkbox';
14
14
  import * as i9 from 'ngx-tethys/flexible-text';
15
- import { TabIndexDisabledControlValueAccessorMixin, ThyFormControlSize } from 'ngx-tethys/core';
15
+ import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
16
+ import { TabIndexDisabledControlValueAccessorMixin, ThyFormControlSize, ThyFormControlAppearance } from 'ngx-tethys/core';
16
17
  import { Observable, Subject } from 'rxjs';
17
18
  import { Id } from 'ngx-tethys/types';
18
19
  import { SelectionModel } from '@angular/cdk/collections';
19
- import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
20
20
  import * as i1 from 'ngx-tethys/util';
21
21
 
22
22
  interface ThyCascaderOption {
@@ -191,6 +191,12 @@ declare class ThyCascader extends TabIndexDisabledControlValueAccessorMixin impl
191
191
  * @default md
192
192
  */
193
193
  readonly thySize: _angular_core.InputSignalWithTransform<ThyFormControlSize, ThyFormControlSize | null | undefined>;
194
+ /**
195
+ * 选择框外观。`outline`: 灰色边框、白色底,hover/focus 时蓝色边框;`subtle`: 无边框,hover/focus 时蓝色边框;`ghost`: 无边框,hover/focus 时也无边框
196
+ * @type outline | subtle | ghost
197
+ * @default outline
198
+ */
199
+ readonly thyAppearance: _angular_core.InputSignalWithTransform<ThyFormControlAppearance, ThyFormControlAppearance | null | undefined>;
194
200
  /**
195
201
  * 数据项
196
202
  * @type ThyCascaderOption[]
@@ -437,7 +443,7 @@ declare class ThyCascader extends TabIndexDisabledControlValueAccessorMixin impl
437
443
  private unsubscribeTriggerResize;
438
444
  ngOnDestroy(): void;
439
445
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCascader, never>;
440
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyCascader, "thy-cascader,[thy-cascader]", never, { "thyValueProperty": { "alias": "thyValueProperty"; "required": false; "isSignal": true; }; "thyLabelProperty": { "alias": "thyLabelProperty"; "required": false; "isSignal": true; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyOptions": { "alias": "thyOptions"; "required": false; "isSignal": true; }; "thyCustomOptions": { "alias": "thyCustomOptions"; "required": false; "isSignal": true; }; "thyChangeOn": { "alias": "thyChangeOn"; "required": false; "isSignal": true; }; "thyChangeOnSelect": { "alias": "thyChangeOnSelect"; "required": false; "isSignal": true; }; "thyShowInput": { "alias": "thyShowInput"; "required": false; "isSignal": true; }; "thyOptionRender": { "alias": "thyOptionRender"; "required": false; "isSignal": true; }; "thyLabelRender": { "alias": "thyLabelRender"; "required": false; "isSignal": true; }; "thyLoadData": { "alias": "thyLoadData"; "required": false; "isSignal": true; }; "thyTriggerAction": { "alias": "thyTriggerAction"; "required": false; "isSignal": true; }; "thyExpandTriggerAction": { "alias": "thyExpandTriggerAction"; "required": false; "isSignal": true; }; "thyMenuStyle": { "alias": "thyMenuStyle"; "required": false; "isSignal": true; }; "thySearchListStyle": { "alias": "thySearchListStyle"; "required": false; "isSignal": true; }; "thyMenuClassName": { "alias": "thyMenuClassName"; "required": false; "isSignal": true; }; "thyColumnClassName": { "alias": "thyColumnClassName"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; "isSignal": true; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; "isSignal": true; }; "thyIsOnlySelectLeaf": { "alias": "thyIsOnlySelectLeaf"; "required": false; "isSignal": true; }; "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyLoadingDone": { "alias": "thyLoadingDone"; "required": false; "isSignal": true; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; "isSignal": true; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; "isSignal": true; }; "thyPreset": { "alias": "thyPreset"; "required": false; "isSignal": true; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; "isSignal": true; }; }, { "thyChange": "thyChange"; "thySelectionChange": "thySelectionChange"; "thySelect": "thySelect"; "thyDeselect": "thyDeselect"; "thyClear": "thyClear"; "thyExpandStatusChange": "thyExpandStatusChange"; "thyOnSearch": "thyOnSearch"; }, never, never, true, never>;
446
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyCascader, "thy-cascader,[thy-cascader]", never, { "thyValueProperty": { "alias": "thyValueProperty"; "required": false; "isSignal": true; }; "thyLabelProperty": { "alias": "thyLabelProperty"; "required": false; "isSignal": true; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; "thyOptions": { "alias": "thyOptions"; "required": false; "isSignal": true; }; "thyCustomOptions": { "alias": "thyCustomOptions"; "required": false; "isSignal": true; }; "thyChangeOn": { "alias": "thyChangeOn"; "required": false; "isSignal": true; }; "thyChangeOnSelect": { "alias": "thyChangeOnSelect"; "required": false; "isSignal": true; }; "thyShowInput": { "alias": "thyShowInput"; "required": false; "isSignal": true; }; "thyOptionRender": { "alias": "thyOptionRender"; "required": false; "isSignal": true; }; "thyLabelRender": { "alias": "thyLabelRender"; "required": false; "isSignal": true; }; "thyLoadData": { "alias": "thyLoadData"; "required": false; "isSignal": true; }; "thyTriggerAction": { "alias": "thyTriggerAction"; "required": false; "isSignal": true; }; "thyExpandTriggerAction": { "alias": "thyExpandTriggerAction"; "required": false; "isSignal": true; }; "thyMenuStyle": { "alias": "thyMenuStyle"; "required": false; "isSignal": true; }; "thySearchListStyle": { "alias": "thySearchListStyle"; "required": false; "isSignal": true; }; "thyMenuClassName": { "alias": "thyMenuClassName"; "required": false; "isSignal": true; }; "thyColumnClassName": { "alias": "thyColumnClassName"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; "isSignal": true; }; "thyMultiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; "isSignal": true; }; "thyIsOnlySelectLeaf": { "alias": "thyIsOnlySelectLeaf"; "required": false; "isSignal": true; }; "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyLoadingDone": { "alias": "thyLoadingDone"; "required": false; "isSignal": true; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; "isSignal": true; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; "isSignal": true; }; "thyPreset": { "alias": "thyPreset"; "required": false; "isSignal": true; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; "isSignal": true; }; }, { "thyChange": "thyChange"; "thySelectionChange": "thySelectionChange"; "thySelect": "thySelect"; "thyDeselect": "thyDeselect"; "thyClear": "thyClear"; "thyExpandStatusChange": "thyExpandStatusChange"; "thyOnSearch": "thyOnSearch"; }, never, never, true, never>;
441
447
  static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
442
448
  }
443
449
 
@@ -22,7 +22,7 @@ interface IThyCollapseComponent {
22
22
 
23
23
  type ThyCollapseAppearance = 'divided' | 'bordered' | 'ghost';
24
24
  /**
25
- * @deprecated please use ThyCollapseAppearance
25
+ * @deprecated please use ThyCollapseAppearance,will be removed in v23
26
26
  */
27
27
  type ThyCollapseTheme = ThyCollapseAppearance;
28
28
  type ThyCollapsedIconPosition = 'left' | 'right';
@@ -39,8 +39,8 @@ declare class ThyCollapse implements IThyCollapseComponent {
39
39
  */
40
40
  readonly thyAppearance: _angular_core.InputSignal<ThyCollapseAppearance | undefined>;
41
41
  /**
42
- * 折叠面板主题(已废弃),请使用 thyAppearance
43
- * @deprecated please use thyAppearance
42
+ * 折叠面板主题(已废弃,将在 v23 彻底移除),请使用 thyAppearance
43
+ * @deprecated please use thyAppearance, will be removed in v23
44
44
  * @type divided | bordered | ghost
45
45
  */
46
46
  readonly thyTheme: _angular_core.InputSignal<ThyCollapseAppearance | undefined>;
@@ -757,6 +757,7 @@ declare function provideTethys(...features: ThyTethysFeature[]): EnvironmentProv
757
757
  declare function withGlobalConfig(config: ThyGlobalConfig): EnvironmentProviders;
758
758
 
759
759
  type ThyFormControlSize = 'xs' | 'sm' | 'md' | 'lg';
760
+ type ThyFormControlAppearance = 'outline' | 'subtle' | 'ghost';
760
761
 
761
762
  export { AbstractControlValueAccessor, AnimationCurves, AnimationDuration, AnonymousClass, DebounceTimeWrapper, EXPANDED_DROPDOWN_POSITIONS, InputBoolean, InputCssPixel, InputNumber, MiniAction, MiniActionState, MiniStore, MixinBase, POSITION_MAP, ScrollToService, THY_GLOBAL_CONFIG, TabIndexDisabledControlValueAccessorMixin, TabIndexMixinBase, ThyAbstractInternalOverlayRef, ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, ThyAbstractOverlayRef, ThyAbstractOverlayService, ThyAnimationCollapseDirective, ThyClickPositioner, ThyOverlayDirectiveBase, ThyPortalOutlet, ThyScrollService, ThyTheme, ThyThemeStore, ThyTranslate, UpdateHostClassService, buildConnectedPositionOffset, buildConnectedPositionPair, cancelAnimationFrame, cancelRequestAnimationFrame, collapseMotion, fadeMotion, getFallbackPlacements, getFlexiblePositions, getNumericSize, getOverlayGlobalConfig, getPlacementByPosition, injectPanelEmptyIcon, isBgColor, isTextColor, isThemeColor, mixinDisabled, mixinInitialized, mixinLoadingDone, mixinTabIndex, mixinUnsubscribe, presetBgColors, presetTextColors, presetThemeColors, provideTethys, reqAnimFrame, requestAnimationFrame$1 as requestAnimationFrame, scaleMotion, scaleXMotion, scaleYMotion, throwPopoverContentAlreadyAttachedError, thumbMotion, thyAnimationFade, thyAnimationZoom, useHostFocusControl, withGlobalConfig };
762
- export type { ComponentTypeOrTemplateRef, ConnectedPositionOffset, Constructor, EasyingFn, ThumbAnimationProps, ThyAbstractOverlayOptions, ThyAbstractOverlayPosition, ThyBgColor, ThyCanDisable, ThyCanDisableCtor, ThyClickPosition, ThyFormControlSize, ThyGlobalConfig, ThyHasTabIndex, ThyInitialized, ThyLoadingDone, ThyOverlayGlobalConfig, ThyOverlayTrigger, ThyPlacement, ThySpacingSize, ThyTethysFeature, ThyTextColor, ThyThemeColor, ThyUnsubscribe };
763
+ export type { ComponentTypeOrTemplateRef, ConnectedPositionOffset, Constructor, EasyingFn, ThumbAnimationProps, ThyAbstractOverlayOptions, ThyAbstractOverlayPosition, ThyBgColor, ThyCanDisable, ThyCanDisableCtor, ThyClickPosition, ThyFormControlAppearance, ThyFormControlSize, ThyGlobalConfig, ThyHasTabIndex, ThyInitialized, ThyLoadingDone, ThyOverlayGlobalConfig, ThyOverlayTrigger, ThyPlacement, ThySpacingSize, ThyTethysFeature, ThyTextColor, ThyThemeColor, ThyUnsubscribe };
@@ -18,7 +18,7 @@ import * as _angular_platform_browser from '@angular/platform-browser';
18
18
  import { SafeHtml } from '@angular/platform-browser';
19
19
  import * as i6$1 from 'ngx-tethys/popover';
20
20
  import { ThyPopoverConfig } from 'ngx-tethys/popover';
21
- import { ThyFormControlSize, ThyPlacement, TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
21
+ import { ThyFormControlSize, ThyFormControlAppearance, ThyPlacement, TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
22
22
  import { Observable } from 'rxjs';
23
23
  import * as ngx_tethys_date_picker from 'ngx-tethys/date-picker';
24
24
 
@@ -647,6 +647,12 @@ declare class ThyPicker implements AfterViewInit {
647
647
  readonly autoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
648
648
  readonly className: _angular_core.InputSignal<string | undefined>;
649
649
  readonly size: _angular_core.InputSignalWithTransform<ThyFormControlSize, ThyFormControlSize | null | undefined>;
650
+ /**
651
+ * 选择框外观。`outline`: 灰色边框、白色底,hover/focus 时蓝色边框;`subtle`: 无边框,hover/focus 时蓝色边框;`ghost`: 无边框,hover/focus 时也无边框
652
+ * @type outline | subtle | ghost
653
+ * @default outline
654
+ */
655
+ readonly appearance: _angular_core.InputSignalWithTransform<ThyFormControlAppearance, ThyFormControlAppearance | null | undefined>;
650
656
  readonly suffixIcon: _angular_core.InputSignal<string | undefined>;
651
657
  readonly placement: _angular_core.InputSignal<ThyPlacement>;
652
658
  readonly flexible: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -701,7 +707,7 @@ declare class ThyPicker implements AfterViewInit {
701
707
  getPlaceholder(): string;
702
708
  private updateReadableDate;
703
709
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyPicker, never>;
704
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "flexible": { "alias": "flexible"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
710
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "flexible": { "alias": "flexible"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
705
711
  }
706
712
 
707
713
  /**
@@ -762,6 +768,12 @@ declare abstract class AbstractPickerComponent extends TabIndexDisabledControlVa
762
768
  * 输入框的大小
763
769
  */
764
770
  readonly thySize: _angular_core.InputSignalWithTransform<ThyFormControlSize, ThyFormControlSize | null | undefined>;
771
+ /**
772
+ * 选择框外观。`outline`: 灰色边框、白色底,hover/focus 时蓝色边框;`subtle`: 无边框,hover/focus 时蓝色边框;`ghost`: 无边框,hover/focus 时也无边框
773
+ * @type outline | subtle | ghost
774
+ * @default outline
775
+ */
776
+ readonly thyAppearance: _angular_core.InputSignalWithTransform<ThyFormControlAppearance, ThyFormControlAppearance | null | undefined>;
765
777
  /**
766
778
  * 设置时间戳精度
767
779
  * @default seconds 10位
@@ -865,7 +877,7 @@ declare abstract class AbstractPickerComponent extends TabIndexDisabledControlVa
865
877
  setValue(value: ThyCompatibleDate | null): void;
866
878
  private setValueByPrecision;
867
879
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractPickerComponent, never>;
868
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AbstractPickerComponent, never, never, { "thyMode": { "alias": "thyMode"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyAutoFocus": { "alias": "thyAutoFocus"; "required": false; "isSignal": true; }; "thyOpen": { "alias": "thyOpen"; "required": false; "isSignal": true; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; "isSignal": true; }; "thyMinDate": { "alias": "thyMinDate"; "required": false; "isSignal": true; }; "thyMaxDate": { "alias": "thyMaxDate"; "required": false; "isSignal": true; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; "isSignal": true; }; "thyReadonly": { "alias": "thyReadonly"; "required": false; "isSignal": true; }; "thyOriginClassName": { "alias": "thyOriginClassName"; "required": false; "isSignal": true; }; "thyPanelClassName": { "alias": "thyPanelClassName"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyTimestampPrecision": { "alias": "thyTimestampPrecision"; "required": false; "isSignal": true; }; "thyFormat": { "alias": "thyFormat"; "required": false; "isSignal": true; }; "thySeparator": { "alias": "thySeparator"; "required": false; "isSignal": true; }; "thyAutoStartAndEnd": { "alias": "thyAutoStartAndEnd"; "required": false; "isSignal": true; }; "thyDefaultPickerValue": { "alias": "thyDefaultPickerValue"; "required": false; "isSignal": true; }; "thySuffixIcon": { "alias": "thySuffixIcon"; "required": false; "isSignal": true; }; "thyShowShortcut": { "alias": "thyShowShortcut"; "required": false; "isSignal": true; }; "thyShortcutPosition": { "alias": "thyShortcutPosition"; "required": false; "isSignal": true; }; "thyShortcutPresets": { "alias": "thyShortcutPresets"; "required": false; "isSignal": true; }; "thyShowTime": { "alias": "thyShowTime"; "required": false; "isSignal": true; }; "thyMustShowTime": { "alias": "thyMustShowTime"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyTimeZone": { "alias": "thyTimeZone"; "required": false; "isSignal": true; }; }, { "thyFormat": "thyFormatChange"; "thyDateChange": "thyDateChange"; "thyOpenChange": "thyOpenChange"; }, never, never, true, never>;
880
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AbstractPickerComponent, never, never, { "thyMode": { "alias": "thyMode"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyAutoFocus": { "alias": "thyAutoFocus"; "required": false; "isSignal": true; }; "thyOpen": { "alias": "thyOpen"; "required": false; "isSignal": true; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; "isSignal": true; }; "thyMinDate": { "alias": "thyMinDate"; "required": false; "isSignal": true; }; "thyMaxDate": { "alias": "thyMaxDate"; "required": false; "isSignal": true; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; "isSignal": true; }; "thyReadonly": { "alias": "thyReadonly"; "required": false; "isSignal": true; }; "thyOriginClassName": { "alias": "thyOriginClassName"; "required": false; "isSignal": true; }; "thyPanelClassName": { "alias": "thyPanelClassName"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyAppearance": { "alias": "thyAppearance"; "required": false; "isSignal": true; }; "thyTimestampPrecision": { "alias": "thyTimestampPrecision"; "required": false; "isSignal": true; }; "thyFormat": { "alias": "thyFormat"; "required": false; "isSignal": true; }; "thySeparator": { "alias": "thySeparator"; "required": false; "isSignal": true; }; "thyAutoStartAndEnd": { "alias": "thyAutoStartAndEnd"; "required": false; "isSignal": true; }; "thyDefaultPickerValue": { "alias": "thyDefaultPickerValue"; "required": false; "isSignal": true; }; "thySuffixIcon": { "alias": "thySuffixIcon"; "required": false; "isSignal": true; }; "thyShowShortcut": { "alias": "thyShowShortcut"; "required": false; "isSignal": true; }; "thyShortcutPosition": { "alias": "thyShortcutPosition"; "required": false; "isSignal": true; }; "thyShortcutPresets": { "alias": "thyShortcutPresets"; "required": false; "isSignal": true; }; "thyShowTime": { "alias": "thyShowTime"; "required": false; "isSignal": true; }; "thyMustShowTime": { "alias": "thyMustShowTime"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyTimeZone": { "alias": "thyTimeZone"; "required": false; "isSignal": true; }; }, { "thyFormat": "thyFormatChange"; "thyDateChange": "thyDateChange"; "thyOpenChange": "thyOpenChange"; }, never, never, true, never>;
869
881
  static ngAcceptInputType_thyDisabled: i1$1.ThyBooleanInput;
870
882
  }
871
883
 
@@ -197,13 +197,11 @@ declare class ThyDialogHeader implements OnInit {
197
197
  * @name thy-dialog-body
198
198
  * @order 50
199
199
  */
200
- declare class ThyDialogBody implements OnInit {
201
- private dialog;
200
+ declare class ThyDialogBody {
202
201
  /**
203
202
  * 清除间距
204
203
  */
205
204
  readonly thyClearPadding: i0.InputSignalWithTransform<boolean, unknown>;
206
- ngOnInit(): void;
207
205
  static ɵfac: i0.ɵɵFactoryDeclaration<ThyDialogBody, never>;
208
206
  static ɵcmp: i0.ɵɵComponentDeclaration<ThyDialogBody, "thy-dialog-body", ["thyDialogBody"], { "thyClearPadding": { "alias": "thyClearPadding"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
209
207
  }