@uzum-tech/ui 2.0.0-beta.8 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/dist/index.js +485 -373
  2. package/dist/index.mjs +485 -373
  3. package/dist/index.prod.js +2 -2
  4. package/dist/index.prod.mjs +2 -2
  5. package/es/_internal/icon/index.d.ts +2 -0
  6. package/es/_internal/icon/index.mjs +2 -1
  7. package/es/_internal/icon/src/UIcon.d.ts +126 -0
  8. package/es/_internal/icon/src/UIcon.mjs +131 -0
  9. package/es/_internal/select-menu/src/SelectOption.mjs +12 -4
  10. package/es/_mixins/use-config.d.ts +2 -1
  11. package/es/_mixins/use-config.mjs +1 -0
  12. package/es/_utils/wrap-component.mjs +3 -1
  13. package/es/auto-complete/src/AutoComplete.d.ts +70 -0
  14. package/es/auto-complete/styles/light.d.ts +7 -0
  15. package/es/carousel/src/Carousel.mjs +39 -13
  16. package/es/chat/src/Chat.d.ts +70 -0
  17. package/es/chat/src/ChatListItems.d.ts +84 -0
  18. package/es/chat/src/ChatMessages.d.ts +84 -0
  19. package/es/chat/src/ChatParts/MainArea.mjs +104 -112
  20. package/es/chat/src/ChatParts/Sidebar.d.ts +14 -0
  21. package/es/chat/src/styles/index.cssr.mjs +24 -10
  22. package/es/chat/styles/dark.d.ts +7 -0
  23. package/es/chat/styles/light.d.ts +7 -0
  24. package/es/chat/styles/light.mjs +1 -0
  25. package/es/color-picker/src/ColorInputUnit.d.ts +7 -0
  26. package/es/color-picker/src/ColorPicker.d.ts +63 -0
  27. package/es/color-picker/styles/light.d.ts +7 -0
  28. package/es/components.d.ts +1146 -39
  29. package/es/config-provider/src/ConfigProvider.d.ts +4 -1
  30. package/es/config-provider/src/ConfigProvider.mjs +8 -0
  31. package/es/config-provider/src/interface.d.ts +1 -1
  32. package/es/config-provider/src/internal-interface.d.ts +8 -0
  33. package/es/data-table/src/DataTable.d.ts +56 -0
  34. package/es/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
  35. package/es/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
  36. package/es/data-table/src/TableParts/Body.d.ts +28 -0
  37. package/es/data-table/src/TableParts/Header.d.ts +28 -0
  38. package/es/data-table/src/interface.d.ts +21 -0
  39. package/es/data-table/styles/light.d.ts +7 -0
  40. package/es/date-picker/src/DatePicker.d.ts +147 -0
  41. package/es/date-picker/src/panel/date.d.ts +42 -0
  42. package/es/date-picker/src/panel/daterange.d.ts +42 -0
  43. package/es/date-picker/src/panel/datetime.d.ts +42 -0
  44. package/es/date-picker/src/panel/datetimerange.d.ts +42 -0
  45. package/es/date-picker/src/panel/panelMonth.d.ts +168 -0
  46. package/es/date-picker/src/panel/panelMonthContent.d.ts +42 -0
  47. package/es/date-picker/src/panel/panelYear.d.ts +168 -0
  48. package/es/date-picker/src/panel/panelYearContent.d.ts +42 -0
  49. package/es/date-picker/src/panel/use-calendar.d.ts +42 -0
  50. package/es/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
  51. package/es/date-picker/src/panel/use-panel-common.d.ts +42 -0
  52. package/es/date-picker/styles/light.d.ts +14 -0
  53. package/es/date-picker-v2/src/DatePickerV2.d.ts +70 -0
  54. package/es/date-picker-v2/styles/dark.d.ts +7 -0
  55. package/es/date-picker-v2/styles/light.d.ts +7 -0
  56. package/es/dialog/src/DialogEnvironment.mjs +1 -2
  57. package/es/dynamic-input/src/DynamicInput.d.ts +70 -0
  58. package/es/dynamic-input/src/InputPreset.d.ts +14 -0
  59. package/es/dynamic-input/src/PairPreset.d.ts +14 -0
  60. package/es/dynamic-input/styles/light.d.ts +7 -0
  61. package/es/dynamic-tags/src/DynamicTags.d.ts +70 -0
  62. package/es/dynamic-tags/styles/light.d.ts +7 -0
  63. package/es/icon/src/Icon.d.ts +2 -109
  64. package/es/icon/src/Icon.mjs +1 -93
  65. package/es/input/src/Input.d.ts +77 -0
  66. package/es/input/src/Input.mjs +15 -0
  67. package/es/input/src/InputGroupLabel.d.ts +63 -0
  68. package/es/input/src/styles/input.cssr.mjs +1 -1
  69. package/es/input/styles/light.d.ts +7 -0
  70. package/es/input/styles/light.mjs +11 -0
  71. package/es/input-number/src/InputNumber.d.ts +70 -0
  72. package/es/input-number/styles/light.d.ts +7 -0
  73. package/es/input-otp/src/InputOtp.d.ts +70 -0
  74. package/es/input-otp/styles/light.d.ts +7 -0
  75. package/es/legacy-transfer/src/Transfer.d.ts +70 -0
  76. package/es/legacy-transfer/src/TransferFilter.d.ts +14 -0
  77. package/es/legacy-transfer/src/TransferList.d.ts +14 -0
  78. package/es/legacy-transfer/src/TransferListItem.d.ts +14 -0
  79. package/es/legacy-transfer/styles/light.d.ts +7 -0
  80. package/es/mapping-card/src/MappingCard.d.ts +9 -0
  81. package/es/mapping-card/src/MappingCardParts/Header.mjs +1 -1
  82. package/es/mapping-card/src/interface.d.ts +5 -0
  83. package/es/mapping-card/src/interface.mjs +4 -0
  84. package/es/mention/src/Mention.d.ts +70 -0
  85. package/es/mention/styles/light.d.ts +7 -0
  86. package/es/modal/src/BodyWrapper.d.ts +0 -3
  87. package/es/modal/src/Modal.d.ts +13 -7
  88. package/es/modal/src/Modal.mjs +5 -2
  89. package/es/modal/src/ModalEnvironment.d.ts +9 -5
  90. package/es/modal/src/presetProps.d.ts +1 -2
  91. package/es/modal/src/presetProps.mjs +0 -1
  92. package/es/pagination/src/Pagination.d.ts +70 -0
  93. package/es/pagination/styles/light.d.ts +7 -0
  94. package/es/time-picker/src/Panel.d.ts +14 -0
  95. package/es/time-picker/src/TimePicker.d.ts +70 -0
  96. package/es/time-picker/styles/light.d.ts +7 -0
  97. package/es/transfer/src/Transfer.d.ts +70 -0
  98. package/es/transfer/src/TransferFilter.d.ts +14 -0
  99. package/es/transfer/src/TransferList.d.ts +14 -0
  100. package/es/transfer/src/TransferListItem.d.ts +14 -0
  101. package/es/transfer/styles/light.d.ts +7 -0
  102. package/es/version.d.ts +1 -1
  103. package/es/version.mjs +1 -1
  104. package/lib/_internal/icon/index.d.ts +2 -0
  105. package/lib/_internal/icon/index.js +4 -1
  106. package/lib/_internal/icon/src/UIcon.d.ts +126 -0
  107. package/lib/_internal/icon/src/UIcon.js +108 -0
  108. package/lib/_internal/select-menu/src/SelectOption.js +8 -4
  109. package/lib/_mixins/use-config.d.ts +2 -1
  110. package/lib/_mixins/use-config.js +1 -0
  111. package/lib/_utils/wrap-component.js +3 -1
  112. package/lib/auto-complete/src/AutoComplete.d.ts +70 -0
  113. package/lib/auto-complete/styles/light.d.ts +7 -0
  114. package/lib/carousel/src/Carousel.js +26 -13
  115. package/lib/chat/src/Chat.d.ts +70 -0
  116. package/lib/chat/src/ChatListItems.d.ts +84 -0
  117. package/lib/chat/src/ChatMessages.d.ts +84 -0
  118. package/lib/chat/src/ChatParts/MainArea.js +53 -61
  119. package/lib/chat/src/ChatParts/Sidebar.d.ts +14 -0
  120. package/lib/chat/src/styles/index.cssr.js +24 -10
  121. package/lib/chat/styles/dark.d.ts +7 -0
  122. package/lib/chat/styles/light.d.ts +7 -0
  123. package/lib/chat/styles/light.js +1 -1
  124. package/lib/color-picker/src/ColorInputUnit.d.ts +7 -0
  125. package/lib/color-picker/src/ColorPicker.d.ts +63 -0
  126. package/lib/color-picker/styles/light.d.ts +7 -0
  127. package/lib/components.d.ts +1146 -39
  128. package/lib/config-provider/src/ConfigProvider.d.ts +4 -1
  129. package/lib/config-provider/src/ConfigProvider.js +8 -0
  130. package/lib/config-provider/src/interface.d.ts +1 -1
  131. package/lib/config-provider/src/internal-interface.d.ts +8 -0
  132. package/lib/data-table/src/DataTable.d.ts +56 -0
  133. package/lib/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
  134. package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
  135. package/lib/data-table/src/TableParts/Body.d.ts +28 -0
  136. package/lib/data-table/src/TableParts/Header.d.ts +28 -0
  137. package/lib/data-table/src/interface.d.ts +21 -0
  138. package/lib/data-table/styles/light.d.ts +7 -0
  139. package/lib/date-picker/src/DatePicker.d.ts +147 -0
  140. package/lib/date-picker/src/panel/date.d.ts +42 -0
  141. package/lib/date-picker/src/panel/daterange.d.ts +42 -0
  142. package/lib/date-picker/src/panel/datetime.d.ts +42 -0
  143. package/lib/date-picker/src/panel/datetimerange.d.ts +42 -0
  144. package/lib/date-picker/src/panel/panelMonth.d.ts +168 -0
  145. package/lib/date-picker/src/panel/panelMonthContent.d.ts +42 -0
  146. package/lib/date-picker/src/panel/panelYear.d.ts +168 -0
  147. package/lib/date-picker/src/panel/panelYearContent.d.ts +42 -0
  148. package/lib/date-picker/src/panel/use-calendar.d.ts +42 -0
  149. package/lib/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
  150. package/lib/date-picker/src/panel/use-panel-common.d.ts +42 -0
  151. package/lib/date-picker/styles/light.d.ts +14 -0
  152. package/lib/date-picker-v2/src/DatePickerV2.d.ts +70 -0
  153. package/lib/date-picker-v2/styles/dark.d.ts +7 -0
  154. package/lib/date-picker-v2/styles/light.d.ts +7 -0
  155. package/lib/dialog/src/DialogEnvironment.js +1 -1
  156. package/lib/dynamic-input/src/DynamicInput.d.ts +70 -0
  157. package/lib/dynamic-input/src/InputPreset.d.ts +14 -0
  158. package/lib/dynamic-input/src/PairPreset.d.ts +14 -0
  159. package/lib/dynamic-input/styles/light.d.ts +7 -0
  160. package/lib/dynamic-tags/src/DynamicTags.d.ts +70 -0
  161. package/lib/dynamic-tags/styles/light.d.ts +7 -0
  162. package/lib/icon/src/Icon.d.ts +2 -109
  163. package/lib/icon/src/Icon.js +3 -73
  164. package/lib/input/src/Input.d.ts +77 -0
  165. package/lib/input/src/Input.js +9 -1
  166. package/lib/input/src/InputGroupLabel.d.ts +63 -0
  167. package/lib/input/src/styles/input.cssr.js +1 -1
  168. package/lib/input/styles/light.d.ts +7 -0
  169. package/lib/input/styles/light.js +11 -1
  170. package/lib/input-number/src/InputNumber.d.ts +70 -0
  171. package/lib/input-number/styles/light.d.ts +7 -0
  172. package/lib/input-otp/src/InputOtp.d.ts +70 -0
  173. package/lib/input-otp/styles/light.d.ts +7 -0
  174. package/lib/legacy-transfer/src/Transfer.d.ts +70 -0
  175. package/lib/legacy-transfer/src/TransferFilter.d.ts +14 -0
  176. package/lib/legacy-transfer/src/TransferList.d.ts +14 -0
  177. package/lib/legacy-transfer/src/TransferListItem.d.ts +14 -0
  178. package/lib/legacy-transfer/styles/light.d.ts +7 -0
  179. package/lib/mapping-card/src/MappingCard.d.ts +9 -0
  180. package/lib/mapping-card/src/MappingCardParts/Header.js +2 -2
  181. package/lib/mapping-card/src/interface.d.ts +5 -0
  182. package/lib/mapping-card/src/interface.js +4 -0
  183. package/lib/mention/src/Mention.d.ts +70 -0
  184. package/lib/mention/styles/light.d.ts +7 -0
  185. package/lib/modal/src/BodyWrapper.d.ts +0 -3
  186. package/lib/modal/src/Modal.d.ts +13 -7
  187. package/lib/modal/src/Modal.js +5 -2
  188. package/lib/modal/src/ModalEnvironment.d.ts +9 -5
  189. package/lib/modal/src/presetProps.d.ts +1 -2
  190. package/lib/modal/src/presetProps.js +1 -1
  191. package/lib/pagination/src/Pagination.d.ts +70 -0
  192. package/lib/pagination/styles/light.d.ts +7 -0
  193. package/lib/time-picker/src/Panel.d.ts +14 -0
  194. package/lib/time-picker/src/TimePicker.d.ts +70 -0
  195. package/lib/time-picker/styles/light.d.ts +7 -0
  196. package/lib/transfer/src/Transfer.d.ts +70 -0
  197. package/lib/transfer/src/TransferFilter.d.ts +14 -0
  198. package/lib/transfer/src/TransferList.d.ts +14 -0
  199. package/lib/transfer/src/TransferListItem.d.ts +14 -0
  200. package/lib/transfer/styles/light.d.ts +7 -0
  201. package/lib/version.d.ts +1 -1
  202. package/lib/version.js +1 -1
  203. package/package.json +8 -1
  204. package/web-types.json +18 -1
@@ -165,6 +165,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
165
165
  borderFocus: string;
166
166
  boxShadowFocus: string;
167
167
  loadingColor: string;
168
+ loadingColorSuccess: string;
169
+ borderSuccess: string;
170
+ borderHoverSuccess: string;
171
+ colorFocusSuccess: string;
172
+ borderFocusSuccess: string;
173
+ boxShadowFocusSuccess: string;
174
+ caretColorSuccess: string;
168
175
  loadingColorWarning: string;
169
176
  borderWarning: string;
170
177
  borderHoverWarning: string;
@@ -599,6 +606,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
599
606
  borderFocus: string;
600
607
  boxShadowFocus: string;
601
608
  loadingColor: string;
609
+ loadingColorSuccess: string;
610
+ borderSuccess: string;
611
+ borderHoverSuccess: string;
612
+ colorFocusSuccess: string;
613
+ borderFocusSuccess: string;
614
+ boxShadowFocusSuccess: string;
615
+ caretColorSuccess: string;
602
616
  loadingColorWarning: string;
603
617
  borderWarning: string;
604
618
  borderHoverWarning: string;
@@ -161,6 +161,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
161
161
  borderFocus: string;
162
162
  boxShadowFocus: string;
163
163
  loadingColor: string;
164
+ loadingColorSuccess: string;
165
+ borderSuccess: string;
166
+ borderHoverSuccess: string;
167
+ colorFocusSuccess: string;
168
+ borderFocusSuccess: string;
169
+ boxShadowFocusSuccess: string;
170
+ caretColorSuccess: string;
164
171
  loadingColorWarning: string;
165
172
  borderWarning: string;
166
173
  borderHoverWarning: string;
@@ -595,6 +602,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
595
602
  borderFocus: string;
596
603
  boxShadowFocus: string;
597
604
  loadingColor: string;
605
+ loadingColorSuccess: string;
606
+ borderSuccess: string;
607
+ borderHoverSuccess: string;
608
+ colorFocusSuccess: string;
609
+ borderFocusSuccess: string;
610
+ boxShadowFocusSuccess: string;
611
+ caretColorSuccess: string;
598
612
  loadingColorWarning: string;
599
613
  borderWarning: string;
600
614
  borderHoverWarning: string;
@@ -178,6 +178,13 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
178
178
  borderFocus: string;
179
179
  boxShadowFocus: string;
180
180
  loadingColor: string;
181
+ loadingColorSuccess: string;
182
+ borderSuccess: string;
183
+ borderHoverSuccess: string;
184
+ colorFocusSuccess: string;
185
+ borderFocusSuccess: string;
186
+ boxShadowFocusSuccess: string;
187
+ caretColorSuccess: string;
181
188
  loadingColorWarning: string;
182
189
  borderWarning: string;
183
190
  borderHoverWarning: string;
package/es/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "2.0.0-beta.8";
1
+ declare const _default: "2.0.0";
2
2
  export default _default;
package/es/version.mjs CHANGED
@@ -1 +1 @@
1
- export default '2.0.0-beta.8';
1
+ export default '2.0.0';
@@ -1 +1,3 @@
1
1
  export { default as UBaseIcon } from './src/Icon';
2
+ export { iconProps, UIcon } from './src/UIcon';
3
+ export type { Depth, GenericUIcon, IconNameOf, IconProps } from './src/UIcon';
@@ -3,6 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.UBaseIcon = void 0;
6
+ exports.UIcon = exports.iconProps = exports.UBaseIcon = void 0;
7
7
  var Icon_1 = require("./src/Icon");
8
8
  Object.defineProperty(exports, "UBaseIcon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
9
+ var UIcon_1 = require("./src/UIcon");
10
+ Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return UIcon_1.iconProps; } });
11
+ Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return UIcon_1.UIcon; } });
@@ -0,0 +1,126 @@
1
+ import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
2
+ import type { Component, PropType, VNodeChild } from 'vue';
3
+ import type { ExtractPublicPropTypes } from '../../../_utils';
4
+ import type { IconPackName } from '../../../config-provider/src/internal-interface';
5
+ export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
6
+ export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
7
+ export declare const iconProps: {
8
+ readonly depth: PropType<Depth>;
9
+ readonly size: PropType<number | string>;
10
+ readonly color: StringConstructor;
11
+ readonly component: PropType<Component>;
12
+ readonly name: PropType<string>;
13
+ readonly pack: PropType<IconPackName>;
14
+ readonly onClick: PropType<(e: MouseEvent) => void>;
15
+ readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
16
+ color: string;
17
+ opacity1Depth: string;
18
+ opacity2Depth: string;
19
+ opacity3Depth: string;
20
+ opacity4Depth: string;
21
+ opacity5Depth: string;
22
+ }, any>>;
23
+ readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
24
+ color: string;
25
+ opacity1Depth: string;
26
+ opacity2Depth: string;
27
+ opacity3Depth: string;
28
+ opacity4Depth: string;
29
+ opacity5Depth: string;
30
+ }, any>>>;
31
+ readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
32
+ color: string;
33
+ opacity1Depth: string;
34
+ opacity2Depth: string;
35
+ opacity3Depth: string;
36
+ opacity4Depth: string;
37
+ opacity5Depth: string;
38
+ }, any>>>;
39
+ };
40
+ export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
41
+ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
42
+ readonly depth: PropType<Depth>;
43
+ readonly size: PropType<number | string>;
44
+ readonly color: StringConstructor;
45
+ readonly component: PropType<Component>;
46
+ readonly name: PropType<string>;
47
+ readonly pack: PropType<IconPackName>;
48
+ readonly onClick: PropType<(e: MouseEvent) => void>;
49
+ readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
50
+ color: string;
51
+ opacity1Depth: string;
52
+ opacity2Depth: string;
53
+ opacity3Depth: string;
54
+ opacity4Depth: string;
55
+ opacity5Depth: string;
56
+ }, any>>;
57
+ readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
58
+ color: string;
59
+ opacity1Depth: string;
60
+ opacity2Depth: string;
61
+ opacity3Depth: string;
62
+ opacity4Depth: string;
63
+ opacity5Depth: string;
64
+ }, any>>>;
65
+ readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
66
+ color: string;
67
+ opacity1Depth: string;
68
+ opacity2Depth: string;
69
+ opacity3Depth: string;
70
+ opacity4Depth: string;
71
+ opacity5Depth: string;
72
+ }, any>>>;
73
+ }>, {
74
+ mergedClsPrefix: import("vue").Ref<string, string>;
75
+ resolvedPackedIcon: import("vue").ComputedRef<VNodeChild>;
76
+ mergedStyle: import("vue").ComputedRef<{
77
+ fontSize: string | undefined;
78
+ color: string | undefined;
79
+ }>;
80
+ cssVars: import("vue").ComputedRef<{
81
+ '--u-bezier': string;
82
+ '--u-color': string;
83
+ '--u-opacity': string;
84
+ }> | undefined;
85
+ themeClass: import("vue").Ref<string, string> | undefined;
86
+ onRender: (() => void) | undefined;
87
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
88
+ readonly depth: PropType<Depth>;
89
+ readonly size: PropType<number | string>;
90
+ readonly color: StringConstructor;
91
+ readonly component: PropType<Component>;
92
+ readonly name: PropType<string>;
93
+ readonly pack: PropType<IconPackName>;
94
+ readonly onClick: PropType<(e: MouseEvent) => void>;
95
+ readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
96
+ color: string;
97
+ opacity1Depth: string;
98
+ opacity2Depth: string;
99
+ opacity3Depth: string;
100
+ opacity4Depth: string;
101
+ opacity5Depth: string;
102
+ }, any>>;
103
+ readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
104
+ color: string;
105
+ opacity1Depth: string;
106
+ opacity2Depth: string;
107
+ opacity3Depth: string;
108
+ opacity4Depth: string;
109
+ opacity5Depth: string;
110
+ }, any>>>;
111
+ readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Icon", {
112
+ color: string;
113
+ opacity1Depth: string;
114
+ opacity2Depth: string;
115
+ opacity3Depth: string;
116
+ opacity4Depth: string;
117
+ opacity5Depth: string;
118
+ }, any>>>;
119
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
120
+ type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
121
+ export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
122
+ pack?: P;
123
+ name?: IconNameOf<P>;
124
+ }) => any;
125
+ export declare const UIcon: typeof UIconImpl & GenericUIcon;
126
+ export {};
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.UIcon = exports.iconProps = void 0;
7
+ const vue_1 = require("vue");
8
+ const _mixins_1 = require("../../../_mixins");
9
+ const _utils_1 = require("../../../_utils");
10
+ const index_cssr_1 = __importDefault(require("../../../icon/src/styles/index.cssr"));
11
+ const styles_1 = require("../../../icon/styles");
12
+ const Icon_1 = __importDefault(require("./Icon"));
13
+ exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });
14
+ const UIconImpl = (0, vue_1.defineComponent)({
15
+ _n_icon__: true,
16
+ name: 'Icon',
17
+ props: exports.iconProps,
18
+ setup(props) {
19
+ const { mergedClsPrefixRef, mergedIconPacksRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
20
+ const themeRef = (0, _mixins_1.useTheme)('Icon', '-icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);
21
+ const cssVarsRef = (0, vue_1.computed)(() => {
22
+ const { depth } = props;
23
+ const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
24
+ if (depth !== undefined) {
25
+ const { color, [`opacity${depth}Depth`]: opacity } = self;
26
+ return {
27
+ '--u-bezier': cubicBezierEaseInOut,
28
+ '--u-color': color,
29
+ '--u-opacity': opacity
30
+ };
31
+ }
32
+ return {
33
+ '--u-bezier': cubicBezierEaseInOut,
34
+ '--u-color': '',
35
+ '--u-opacity': ''
36
+ };
37
+ });
38
+ const themeClassHandle = inlineThemeDisabled
39
+ ? (0, _mixins_1.useThemeClass)('icon', (0, vue_1.computed)(() => `${props.depth || 'd'}`), cssVarsRef, props)
40
+ : undefined;
41
+ const resolvedPackedIconRef = (0, vue_1.computed)(() => {
42
+ const { name, pack } = props;
43
+ if (!name)
44
+ return null;
45
+ const config = mergedIconPacksRef === null || mergedIconPacksRef === void 0 ? void 0 : mergedIconPacksRef.value;
46
+ if (!config) {
47
+ (0, _utils_1.warn)('icon', 'no icon packs configured on `u-config-provider`');
48
+ return null;
49
+ }
50
+ const targetName = pack !== null && pack !== void 0 ? pack : config.defaultPackName;
51
+ const target = config.packs.find(p => p.name === targetName);
52
+ if (!target) {
53
+ (0, _utils_1.warn)('icon', `icon pack "${targetName}" not found`);
54
+ return null;
55
+ }
56
+ if (config.async) {
57
+ return target.renderAsyncIcon(name);
58
+ }
59
+ if (!('renderIcon' in target)) {
60
+ (0, _utils_1.warn)('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
61
+ return null;
62
+ }
63
+ return target.renderIcon(name);
64
+ });
65
+ return {
66
+ mergedClsPrefix: mergedClsPrefixRef,
67
+ resolvedPackedIcon: resolvedPackedIconRef,
68
+ mergedStyle: (0, vue_1.computed)(() => {
69
+ const { size, color } = props;
70
+ return {
71
+ fontSize: (0, _utils_1.formatLength)(size),
72
+ color
73
+ };
74
+ }),
75
+ cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
76
+ themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
77
+ onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
78
+ };
79
+ },
80
+ render() {
81
+ var _a;
82
+ const { $parent, depth, mergedClsPrefix, component, onRender, themeClass, resolvedPackedIcon } = this;
83
+ if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
84
+ (0, _utils_1.warn)('icon', 'don\'t wrap `u-icon` inside `u-icon`');
85
+ }
86
+ onRender === null || onRender === void 0 ? void 0 : onRender();
87
+ return (0, vue_1.h)(Icon_1.default, {
88
+ clsPrefix: mergedClsPrefix,
89
+ role: 'img',
90
+ class: [
91
+ `${mergedClsPrefix}-icon`,
92
+ themeClass,
93
+ {
94
+ [`${mergedClsPrefix}-icon--depth`]: depth,
95
+ [`${mergedClsPrefix}-icon--color-transition`]: depth !== undefined
96
+ }
97
+ ],
98
+ style: [this.cssVars, this.mergedStyle],
99
+ onClick: this.onClick
100
+ }, {
101
+ default: () => {
102
+ var _a, _b;
103
+ return resolvedPackedIcon !== null && resolvedPackedIcon !== void 0 ? resolvedPackedIcon : (component ? (0, vue_1.h)(component) : (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
104
+ }
105
+ });
106
+ }
107
+ });
108
+ exports.UIcon = UIconImpl;
@@ -34,27 +34,31 @@ exports.default = (0, vue_1.defineComponent)({
34
34
  const { valueRef, pendingTmNodeRef, multipleRef, accountRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, showCheckmarkRef, nodePropsRef, handleOptionClick, handleOptionMouseEnter } = (0, vue_1.inject)(interface_1.internalSelectionMenuInjectionKey);
35
35
  const isPendingRef = (0, vooks_1.useMemo)(() => {
36
36
  const { value: pendingTmNode } = pendingTmNodeRef;
37
- if (!pendingTmNode)
37
+ if (!pendingTmNode) {
38
38
  return false;
39
+ }
39
40
  return props.tmNode.key === pendingTmNode.key;
40
41
  });
41
42
  function handleClick(e) {
42
43
  const { tmNode } = props;
43
- if (tmNode.disabled)
44
+ if (tmNode.disabled) {
44
45
  return;
46
+ }
45
47
  handleOptionClick(e, tmNode);
46
48
  }
47
49
  function handleMouseEnter(e) {
48
50
  const { tmNode } = props;
49
- if (tmNode.disabled)
51
+ if (tmNode.disabled) {
50
52
  return;
53
+ }
51
54
  handleOptionMouseEnter(e, tmNode);
52
55
  }
53
56
  function handleMouseMove(e) {
54
57
  const { tmNode } = props;
55
58
  const { value: isPending } = isPendingRef;
56
- if (tmNode.disabled || isPending)
59
+ if (tmNode.disabled || isPending) {
57
60
  return;
61
+ }
58
62
  handleOptionMouseEnter(e, tmNode);
59
63
  }
60
64
  return {
@@ -1,5 +1,5 @@
1
1
  import type { ComputedRef, Ref } from 'vue';
2
- import type { Breakpoints, GlobalComponentConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
2
+ import type { Breakpoints, GlobalComponentConfig, IconPacksConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
3
3
  type UseConfigProps = Readonly<{
4
4
  bordered?: boolean;
5
5
  [key: string]: unknown;
@@ -14,6 +14,7 @@ export default function useConfig(props?: UseConfigProps, options?: {
14
14
  mergedClsPrefixRef: Ref<string>;
15
15
  mergedBreakpointsRef: Ref<Breakpoints> | undefined;
16
16
  mergedComponentPropsRef: Ref<GlobalComponentConfig | undefined> | undefined;
17
+ mergedIconPacksRef: Ref<IconPacksConfig | undefined> | undefined;
17
18
  namespaceRef: ComputedRef<string | undefined>;
18
19
  };
19
20
  export declare function useMergedClsPrefix(): Ref<string>;
@@ -15,6 +15,7 @@ function useConfig(props = {}, options = {
15
15
  inlineThemeDisabled: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.inlineThemeDisabled,
16
16
  mergedRtlRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedRtlRef,
17
17
  mergedComponentPropsRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef,
18
+ mergedIconPacksRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconPacksRef,
18
19
  mergedBreakpointsRef: UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointsRef,
19
20
  mergedBorderedRef: (0, vue_1.computed)(() => {
20
21
  var _a, _b;
@@ -46,8 +46,10 @@ function wrap(component) {
46
46
  wrapped.__wrapped__ = true;
47
47
  // Preserve internal markers used by parent components' runtime logic,
48
48
  // e.g. Grid -> GridItem (`__GRID_ITEM__`) and DescriptionsItem flags.
49
+ // Also preserve `alias` so component aliases (e.g. UEl → UElement) are
50
+ // registered correctly by the global install function in create.ts.
49
51
  for (const key of Object.keys(component)) {
50
- if (/^__.*__$/.test(key) || key.endsWith('_FLAG')) {
52
+ if (/^__.*__$/.test(key) || key.endsWith('_FLAG') || key === 'alias') {
51
53
  ;
52
54
  wrapped[key] = component[key];
53
55
  }
@@ -175,6 +175,13 @@ export declare const autoCompleteProps: {
175
175
  borderFocus: string;
176
176
  boxShadowFocus: string;
177
177
  loadingColor: string;
178
+ loadingColorSuccess: string;
179
+ borderSuccess: string;
180
+ borderHoverSuccess: string;
181
+ colorFocusSuccess: string;
182
+ borderFocusSuccess: string;
183
+ boxShadowFocusSuccess: string;
184
+ caretColorSuccess: string;
178
185
  loadingColorWarning: string;
179
186
  borderWarning: string;
180
187
  borderHoverWarning: string;
@@ -308,6 +315,13 @@ export declare const autoCompleteProps: {
308
315
  borderFocus: string;
309
316
  boxShadowFocus: string;
310
317
  loadingColor: string;
318
+ loadingColorSuccess: string;
319
+ borderSuccess: string;
320
+ borderHoverSuccess: string;
321
+ colorFocusSuccess: string;
322
+ borderFocusSuccess: string;
323
+ boxShadowFocusSuccess: string;
324
+ caretColorSuccess: string;
311
325
  loadingColorWarning: string;
312
326
  borderWarning: string;
313
327
  borderHoverWarning: string;
@@ -441,6 +455,13 @@ export declare const autoCompleteProps: {
441
455
  borderFocus: string;
442
456
  boxShadowFocus: string;
443
457
  loadingColor: string;
458
+ loadingColorSuccess: string;
459
+ borderSuccess: string;
460
+ borderHoverSuccess: string;
461
+ colorFocusSuccess: string;
462
+ borderFocusSuccess: string;
463
+ boxShadowFocusSuccess: string;
464
+ caretColorSuccess: string;
444
465
  loadingColorWarning: string;
445
466
  borderWarning: string;
446
467
  borderHoverWarning: string;
@@ -641,6 +662,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
641
662
  borderFocus: string;
642
663
  boxShadowFocus: string;
643
664
  loadingColor: string;
665
+ loadingColorSuccess: string;
666
+ borderSuccess: string;
667
+ borderHoverSuccess: string;
668
+ colorFocusSuccess: string;
669
+ borderFocusSuccess: string;
670
+ boxShadowFocusSuccess: string;
671
+ caretColorSuccess: string;
644
672
  loadingColorWarning: string;
645
673
  borderWarning: string;
646
674
  borderHoverWarning: string;
@@ -774,6 +802,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
774
802
  borderFocus: string;
775
803
  boxShadowFocus: string;
776
804
  loadingColor: string;
805
+ loadingColorSuccess: string;
806
+ borderSuccess: string;
807
+ borderHoverSuccess: string;
808
+ colorFocusSuccess: string;
809
+ borderFocusSuccess: string;
810
+ boxShadowFocusSuccess: string;
811
+ caretColorSuccess: string;
777
812
  loadingColorWarning: string;
778
813
  borderWarning: string;
779
814
  borderHoverWarning: string;
@@ -907,6 +942,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
907
942
  borderFocus: string;
908
943
  boxShadowFocus: string;
909
944
  loadingColor: string;
945
+ loadingColorSuccess: string;
946
+ borderSuccess: string;
947
+ borderHoverSuccess: string;
948
+ colorFocusSuccess: string;
949
+ borderFocusSuccess: string;
950
+ boxShadowFocusSuccess: string;
951
+ caretColorSuccess: string;
910
952
  loadingColorWarning: string;
911
953
  borderWarning: string;
912
954
  borderHoverWarning: string;
@@ -1119,6 +1161,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1119
1161
  borderFocus: string;
1120
1162
  boxShadowFocus: string;
1121
1163
  loadingColor: string;
1164
+ loadingColorSuccess: string;
1165
+ borderSuccess: string;
1166
+ borderHoverSuccess: string;
1167
+ colorFocusSuccess: string;
1168
+ borderFocusSuccess: string;
1169
+ boxShadowFocusSuccess: string;
1170
+ caretColorSuccess: string;
1122
1171
  loadingColorWarning: string;
1123
1172
  borderWarning: string;
1124
1173
  borderHoverWarning: string;
@@ -1363,6 +1412,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1363
1412
  borderFocus: string;
1364
1413
  boxShadowFocus: string;
1365
1414
  loadingColor: string;
1415
+ loadingColorSuccess: string;
1416
+ borderSuccess: string;
1417
+ borderHoverSuccess: string;
1418
+ colorFocusSuccess: string;
1419
+ borderFocusSuccess: string;
1420
+ boxShadowFocusSuccess: string;
1421
+ caretColorSuccess: string;
1366
1422
  loadingColorWarning: string;
1367
1423
  borderWarning: string;
1368
1424
  borderHoverWarning: string;
@@ -1496,6 +1552,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1496
1552
  borderFocus: string;
1497
1553
  boxShadowFocus: string;
1498
1554
  loadingColor: string;
1555
+ loadingColorSuccess: string;
1556
+ borderSuccess: string;
1557
+ borderHoverSuccess: string;
1558
+ colorFocusSuccess: string;
1559
+ borderFocusSuccess: string;
1560
+ boxShadowFocusSuccess: string;
1561
+ caretColorSuccess: string;
1499
1562
  loadingColorWarning: string;
1500
1563
  borderWarning: string;
1501
1564
  borderHoverWarning: string;
@@ -1629,6 +1692,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1629
1692
  borderFocus: string;
1630
1693
  boxShadowFocus: string;
1631
1694
  loadingColor: string;
1695
+ loadingColorSuccess: string;
1696
+ borderSuccess: string;
1697
+ borderHoverSuccess: string;
1698
+ colorFocusSuccess: string;
1699
+ borderFocusSuccess: string;
1700
+ boxShadowFocusSuccess: string;
1701
+ caretColorSuccess: string;
1632
1702
  loadingColorWarning: string;
1633
1703
  borderWarning: string;
1634
1704
  borderHoverWarning: string;
@@ -110,6 +110,13 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
110
110
  borderFocus: string;
111
111
  boxShadowFocus: string;
112
112
  loadingColor: string;
113
+ loadingColorSuccess: string;
114
+ borderSuccess: string;
115
+ borderHoverSuccess: string;
116
+ colorFocusSuccess: string;
117
+ borderFocusSuccess: string;
118
+ boxShadowFocusSuccess: string;
119
+ caretColorSuccess: string;
113
120
  loadingColorWarning: string;
114
121
  borderWarning: string;
115
122
  borderHoverWarning: string;