@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.
- package/dist/index.js +485 -373
- package/dist/index.mjs +485 -373
- package/dist/index.prod.js +2 -2
- package/dist/index.prod.mjs +2 -2
- package/es/_internal/icon/index.d.ts +2 -0
- package/es/_internal/icon/index.mjs +2 -1
- package/es/_internal/icon/src/UIcon.d.ts +126 -0
- package/es/_internal/icon/src/UIcon.mjs +131 -0
- package/es/_internal/select-menu/src/SelectOption.mjs +12 -4
- package/es/_mixins/use-config.d.ts +2 -1
- package/es/_mixins/use-config.mjs +1 -0
- package/es/_utils/wrap-component.mjs +3 -1
- package/es/auto-complete/src/AutoComplete.d.ts +70 -0
- package/es/auto-complete/styles/light.d.ts +7 -0
- package/es/carousel/src/Carousel.mjs +39 -13
- package/es/chat/src/Chat.d.ts +70 -0
- package/es/chat/src/ChatListItems.d.ts +84 -0
- package/es/chat/src/ChatMessages.d.ts +84 -0
- package/es/chat/src/ChatParts/MainArea.mjs +104 -112
- package/es/chat/src/ChatParts/Sidebar.d.ts +14 -0
- package/es/chat/src/styles/index.cssr.mjs +24 -10
- package/es/chat/styles/dark.d.ts +7 -0
- package/es/chat/styles/light.d.ts +7 -0
- package/es/chat/styles/light.mjs +1 -0
- package/es/color-picker/src/ColorInputUnit.d.ts +7 -0
- package/es/color-picker/src/ColorPicker.d.ts +63 -0
- package/es/color-picker/styles/light.d.ts +7 -0
- package/es/components.d.ts +1146 -39
- package/es/config-provider/src/ConfigProvider.d.ts +4 -1
- package/es/config-provider/src/ConfigProvider.mjs +8 -0
- package/es/config-provider/src/interface.d.ts +1 -1
- package/es/config-provider/src/internal-interface.d.ts +8 -0
- package/es/data-table/src/DataTable.d.ts +56 -0
- package/es/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
- package/es/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
- package/es/data-table/src/TableParts/Body.d.ts +28 -0
- package/es/data-table/src/TableParts/Header.d.ts +28 -0
- package/es/data-table/src/interface.d.ts +21 -0
- package/es/data-table/styles/light.d.ts +7 -0
- package/es/date-picker/src/DatePicker.d.ts +147 -0
- package/es/date-picker/src/panel/date.d.ts +42 -0
- package/es/date-picker/src/panel/daterange.d.ts +42 -0
- package/es/date-picker/src/panel/datetime.d.ts +42 -0
- package/es/date-picker/src/panel/datetimerange.d.ts +42 -0
- package/es/date-picker/src/panel/panelMonth.d.ts +168 -0
- package/es/date-picker/src/panel/panelMonthContent.d.ts +42 -0
- package/es/date-picker/src/panel/panelYear.d.ts +168 -0
- package/es/date-picker/src/panel/panelYearContent.d.ts +42 -0
- package/es/date-picker/src/panel/use-calendar.d.ts +42 -0
- package/es/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
- package/es/date-picker/src/panel/use-panel-common.d.ts +42 -0
- package/es/date-picker/styles/light.d.ts +14 -0
- package/es/date-picker-v2/src/DatePickerV2.d.ts +70 -0
- package/es/date-picker-v2/styles/dark.d.ts +7 -0
- package/es/date-picker-v2/styles/light.d.ts +7 -0
- package/es/dialog/src/DialogEnvironment.mjs +1 -2
- package/es/dynamic-input/src/DynamicInput.d.ts +70 -0
- package/es/dynamic-input/src/InputPreset.d.ts +14 -0
- package/es/dynamic-input/src/PairPreset.d.ts +14 -0
- package/es/dynamic-input/styles/light.d.ts +7 -0
- package/es/dynamic-tags/src/DynamicTags.d.ts +70 -0
- package/es/dynamic-tags/styles/light.d.ts +7 -0
- package/es/icon/src/Icon.d.ts +2 -109
- package/es/icon/src/Icon.mjs +1 -93
- package/es/input/src/Input.d.ts +77 -0
- package/es/input/src/Input.mjs +15 -0
- package/es/input/src/InputGroupLabel.d.ts +63 -0
- package/es/input/src/styles/input.cssr.mjs +1 -1
- package/es/input/styles/light.d.ts +7 -0
- package/es/input/styles/light.mjs +11 -0
- package/es/input-number/src/InputNumber.d.ts +70 -0
- package/es/input-number/styles/light.d.ts +7 -0
- package/es/input-otp/src/InputOtp.d.ts +70 -0
- package/es/input-otp/styles/light.d.ts +7 -0
- package/es/legacy-transfer/src/Transfer.d.ts +70 -0
- package/es/legacy-transfer/src/TransferFilter.d.ts +14 -0
- package/es/legacy-transfer/src/TransferList.d.ts +14 -0
- package/es/legacy-transfer/src/TransferListItem.d.ts +14 -0
- package/es/legacy-transfer/styles/light.d.ts +7 -0
- package/es/mapping-card/src/MappingCard.d.ts +9 -0
- package/es/mapping-card/src/MappingCardParts/Header.mjs +1 -1
- package/es/mapping-card/src/interface.d.ts +5 -0
- package/es/mapping-card/src/interface.mjs +4 -0
- package/es/mention/src/Mention.d.ts +70 -0
- package/es/mention/styles/light.d.ts +7 -0
- package/es/modal/src/BodyWrapper.d.ts +0 -3
- package/es/modal/src/Modal.d.ts +13 -7
- package/es/modal/src/Modal.mjs +5 -2
- package/es/modal/src/ModalEnvironment.d.ts +9 -5
- package/es/modal/src/presetProps.d.ts +1 -2
- package/es/modal/src/presetProps.mjs +0 -1
- package/es/pagination/src/Pagination.d.ts +70 -0
- package/es/pagination/styles/light.d.ts +7 -0
- package/es/time-picker/src/Panel.d.ts +14 -0
- package/es/time-picker/src/TimePicker.d.ts +70 -0
- package/es/time-picker/styles/light.d.ts +7 -0
- package/es/transfer/src/Transfer.d.ts +70 -0
- package/es/transfer/src/TransferFilter.d.ts +14 -0
- package/es/transfer/src/TransferList.d.ts +14 -0
- package/es/transfer/src/TransferListItem.d.ts +14 -0
- package/es/transfer/styles/light.d.ts +7 -0
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/_internal/icon/index.d.ts +2 -0
- package/lib/_internal/icon/index.js +4 -1
- package/lib/_internal/icon/src/UIcon.d.ts +126 -0
- package/lib/_internal/icon/src/UIcon.js +108 -0
- package/lib/_internal/select-menu/src/SelectOption.js +8 -4
- package/lib/_mixins/use-config.d.ts +2 -1
- package/lib/_mixins/use-config.js +1 -0
- package/lib/_utils/wrap-component.js +3 -1
- package/lib/auto-complete/src/AutoComplete.d.ts +70 -0
- package/lib/auto-complete/styles/light.d.ts +7 -0
- package/lib/carousel/src/Carousel.js +26 -13
- package/lib/chat/src/Chat.d.ts +70 -0
- package/lib/chat/src/ChatListItems.d.ts +84 -0
- package/lib/chat/src/ChatMessages.d.ts +84 -0
- package/lib/chat/src/ChatParts/MainArea.js +53 -61
- package/lib/chat/src/ChatParts/Sidebar.d.ts +14 -0
- package/lib/chat/src/styles/index.cssr.js +24 -10
- package/lib/chat/styles/dark.d.ts +7 -0
- package/lib/chat/styles/light.d.ts +7 -0
- package/lib/chat/styles/light.js +1 -1
- package/lib/color-picker/src/ColorInputUnit.d.ts +7 -0
- package/lib/color-picker/src/ColorPicker.d.ts +63 -0
- package/lib/color-picker/styles/light.d.ts +7 -0
- package/lib/components.d.ts +1146 -39
- package/lib/config-provider/src/ConfigProvider.d.ts +4 -1
- package/lib/config-provider/src/ConfigProvider.js +8 -0
- package/lib/config-provider/src/interface.d.ts +1 -1
- package/lib/config-provider/src/internal-interface.d.ts +8 -0
- package/lib/data-table/src/DataTable.d.ts +56 -0
- package/lib/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
- package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
- package/lib/data-table/src/TableParts/Body.d.ts +28 -0
- package/lib/data-table/src/TableParts/Header.d.ts +28 -0
- package/lib/data-table/src/interface.d.ts +21 -0
- package/lib/data-table/styles/light.d.ts +7 -0
- package/lib/date-picker/src/DatePicker.d.ts +147 -0
- package/lib/date-picker/src/panel/date.d.ts +42 -0
- package/lib/date-picker/src/panel/daterange.d.ts +42 -0
- package/lib/date-picker/src/panel/datetime.d.ts +42 -0
- package/lib/date-picker/src/panel/datetimerange.d.ts +42 -0
- package/lib/date-picker/src/panel/panelMonth.d.ts +168 -0
- package/lib/date-picker/src/panel/panelMonthContent.d.ts +42 -0
- package/lib/date-picker/src/panel/panelYear.d.ts +168 -0
- package/lib/date-picker/src/panel/panelYearContent.d.ts +42 -0
- package/lib/date-picker/src/panel/use-calendar.d.ts +42 -0
- package/lib/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
- package/lib/date-picker/src/panel/use-panel-common.d.ts +42 -0
- package/lib/date-picker/styles/light.d.ts +14 -0
- package/lib/date-picker-v2/src/DatePickerV2.d.ts +70 -0
- package/lib/date-picker-v2/styles/dark.d.ts +7 -0
- package/lib/date-picker-v2/styles/light.d.ts +7 -0
- package/lib/dialog/src/DialogEnvironment.js +1 -1
- package/lib/dynamic-input/src/DynamicInput.d.ts +70 -0
- package/lib/dynamic-input/src/InputPreset.d.ts +14 -0
- package/lib/dynamic-input/src/PairPreset.d.ts +14 -0
- package/lib/dynamic-input/styles/light.d.ts +7 -0
- package/lib/dynamic-tags/src/DynamicTags.d.ts +70 -0
- package/lib/dynamic-tags/styles/light.d.ts +7 -0
- package/lib/icon/src/Icon.d.ts +2 -109
- package/lib/icon/src/Icon.js +3 -73
- package/lib/input/src/Input.d.ts +77 -0
- package/lib/input/src/Input.js +9 -1
- package/lib/input/src/InputGroupLabel.d.ts +63 -0
- package/lib/input/src/styles/input.cssr.js +1 -1
- package/lib/input/styles/light.d.ts +7 -0
- package/lib/input/styles/light.js +11 -1
- package/lib/input-number/src/InputNumber.d.ts +70 -0
- package/lib/input-number/styles/light.d.ts +7 -0
- package/lib/input-otp/src/InputOtp.d.ts +70 -0
- package/lib/input-otp/styles/light.d.ts +7 -0
- package/lib/legacy-transfer/src/Transfer.d.ts +70 -0
- package/lib/legacy-transfer/src/TransferFilter.d.ts +14 -0
- package/lib/legacy-transfer/src/TransferList.d.ts +14 -0
- package/lib/legacy-transfer/src/TransferListItem.d.ts +14 -0
- package/lib/legacy-transfer/styles/light.d.ts +7 -0
- package/lib/mapping-card/src/MappingCard.d.ts +9 -0
- package/lib/mapping-card/src/MappingCardParts/Header.js +2 -2
- package/lib/mapping-card/src/interface.d.ts +5 -0
- package/lib/mapping-card/src/interface.js +4 -0
- package/lib/mention/src/Mention.d.ts +70 -0
- package/lib/mention/styles/light.d.ts +7 -0
- package/lib/modal/src/BodyWrapper.d.ts +0 -3
- package/lib/modal/src/Modal.d.ts +13 -7
- package/lib/modal/src/Modal.js +5 -2
- package/lib/modal/src/ModalEnvironment.d.ts +9 -5
- package/lib/modal/src/presetProps.d.ts +1 -2
- package/lib/modal/src/presetProps.js +1 -1
- package/lib/pagination/src/Pagination.d.ts +70 -0
- package/lib/pagination/styles/light.d.ts +7 -0
- package/lib/time-picker/src/Panel.d.ts +14 -0
- package/lib/time-picker/src/TimePicker.d.ts +70 -0
- package/lib/time-picker/styles/light.d.ts +7 -0
- package/lib/transfer/src/Transfer.d.ts +70 -0
- package/lib/transfer/src/TransferFilter.d.ts +14 -0
- package/lib/transfer/src/TransferList.d.ts +14 -0
- package/lib/transfer/src/TransferListItem.d.ts +14 -0
- package/lib/transfer/styles/light.d.ts +7 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +8 -1
- 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
|
|
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
|
|
1
|
+
export default '2.0.0';
|
|
@@ -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;
|