@uzum-tech/ui 1.13.1 → 1.13.2
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 +31 -17
- package/dist/index.prod.js +1 -1
- package/es/icon-bar/index.d.ts +4 -4
- package/es/icon-bar/index.js +3 -2
- package/es/icon-bar/src/IconBar.d.ts +19 -69
- package/es/icon-bar/src/IconBar.js +6 -11
- package/es/icon-bar/src/IconBarItem.d.ts +81 -65
- package/es/icon-bar/src/IconBarItem.js +6 -5
- package/es/icon-bar/src/interface.d.ts +112 -0
- package/es/icon-bar/src/interface.js +17 -0
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/icon-bar/index.d.ts +4 -4
- package/lib/icon-bar/index.js +4 -3
- package/lib/icon-bar/src/IconBar.d.ts +19 -69
- package/lib/icon-bar/src/IconBar.js +6 -12
- package/lib/icon-bar/src/IconBarItem.d.ts +81 -65
- package/lib/icon-bar/src/IconBarItem.js +6 -6
- package/lib/icon-bar/src/interface.d.ts +112 -0
- package/lib/icon-bar/src/interface.js +20 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/web-types.json +6 -1
|
@@ -1,63 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IconBarItemProps } from './IconBarItem';
|
|
3
|
-
import { GridProps } from '../../grid';
|
|
4
|
-
export declare const iconBarProps: {
|
|
5
|
-
readonly items: {
|
|
6
|
-
readonly type: PropType<IconBarItemProps[]>;
|
|
7
|
-
readonly default: () => never[];
|
|
8
|
-
};
|
|
9
|
-
readonly cols: {
|
|
10
|
-
readonly type: NumberConstructor;
|
|
11
|
-
readonly default: 6;
|
|
12
|
-
};
|
|
13
|
-
readonly gridProps: {
|
|
14
|
-
readonly type: PropType<Partial<GridProps>>;
|
|
15
|
-
};
|
|
16
|
-
readonly itemSize: PropType<number | string>;
|
|
17
|
-
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
18
|
-
itemSize: string;
|
|
19
|
-
color: string;
|
|
20
|
-
colorHover: string;
|
|
21
|
-
itemGap: string;
|
|
22
|
-
iconSize: string;
|
|
23
|
-
labelColor: string;
|
|
24
|
-
labelSizeHover: string;
|
|
25
|
-
labelColorHover: string;
|
|
26
|
-
boxShadow: string;
|
|
27
|
-
span: number;
|
|
28
|
-
cols: number;
|
|
29
|
-
}, any>>;
|
|
30
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
31
|
-
itemSize: string;
|
|
32
|
-
color: string;
|
|
33
|
-
colorHover: string;
|
|
34
|
-
itemGap: string;
|
|
35
|
-
iconSize: string;
|
|
36
|
-
labelColor: string;
|
|
37
|
-
labelSizeHover: string;
|
|
38
|
-
labelColorHover: string;
|
|
39
|
-
boxShadow: string;
|
|
40
|
-
span: number;
|
|
41
|
-
cols: number;
|
|
42
|
-
}, any>>>;
|
|
43
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
44
|
-
itemSize: string;
|
|
45
|
-
color: string;
|
|
46
|
-
colorHover: string;
|
|
47
|
-
itemGap: string;
|
|
48
|
-
iconSize: string;
|
|
49
|
-
labelColor: string;
|
|
50
|
-
labelSizeHover: string;
|
|
51
|
-
labelColorHover: string;
|
|
52
|
-
boxShadow: string;
|
|
53
|
-
span: number;
|
|
54
|
-
cols: number;
|
|
55
|
-
}, any>>>;
|
|
56
|
-
};
|
|
57
|
-
export type IconBarProps = ExtractPublicPropTypes<typeof iconBarProps>;
|
|
1
|
+
import { IconBarItemProps } from './interface';
|
|
58
2
|
declare const _default: import("vue").DefineComponent<{
|
|
59
3
|
readonly items: {
|
|
60
|
-
readonly type: PropType<IconBarItemProps[]>;
|
|
4
|
+
readonly type: import("vue").PropType<IconBarItemProps[]>;
|
|
61
5
|
readonly default: () => never[];
|
|
62
6
|
};
|
|
63
7
|
readonly cols: {
|
|
@@ -65,10 +9,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
9
|
readonly default: 6;
|
|
66
10
|
};
|
|
67
11
|
readonly gridProps: {
|
|
68
|
-
readonly type: PropType<Partial<GridProps>>;
|
|
12
|
+
readonly type: import("vue").PropType<Partial<import("../../grid").GridProps>>;
|
|
69
13
|
};
|
|
70
|
-
readonly
|
|
71
|
-
|
|
14
|
+
readonly typographyProps: {
|
|
15
|
+
readonly type: import("vue").PropType<Partial<import("../..").TextProps>>;
|
|
16
|
+
};
|
|
17
|
+
readonly itemSize: import("vue").PropType<number | string>;
|
|
18
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
|
|
72
19
|
itemSize: string;
|
|
73
20
|
color: string;
|
|
74
21
|
colorHover: string;
|
|
@@ -81,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
28
|
span: number;
|
|
82
29
|
cols: number;
|
|
83
30
|
}, any>>;
|
|
84
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
31
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
85
32
|
itemSize: string;
|
|
86
33
|
color: string;
|
|
87
34
|
colorHover: string;
|
|
@@ -94,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
94
41
|
span: number;
|
|
95
42
|
cols: number;
|
|
96
43
|
}, any>>>;
|
|
97
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
44
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
98
45
|
itemSize: string;
|
|
99
46
|
color: string;
|
|
100
47
|
colorHover: string;
|
|
@@ -118,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
118
65
|
onRender: (() => void) | undefined;
|
|
119
66
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
120
67
|
readonly items: {
|
|
121
|
-
readonly type: PropType<IconBarItemProps[]>;
|
|
68
|
+
readonly type: import("vue").PropType<IconBarItemProps[]>;
|
|
122
69
|
readonly default: () => never[];
|
|
123
70
|
};
|
|
124
71
|
readonly cols: {
|
|
@@ -126,10 +73,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
73
|
readonly default: 6;
|
|
127
74
|
};
|
|
128
75
|
readonly gridProps: {
|
|
129
|
-
readonly type: PropType<Partial<GridProps>>;
|
|
76
|
+
readonly type: import("vue").PropType<Partial<import("../../grid").GridProps>>;
|
|
77
|
+
};
|
|
78
|
+
readonly typographyProps: {
|
|
79
|
+
readonly type: import("vue").PropType<Partial<import("../..").TextProps>>;
|
|
130
80
|
};
|
|
131
|
-
readonly itemSize: PropType<number | string>;
|
|
132
|
-
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
81
|
+
readonly itemSize: import("vue").PropType<number | string>;
|
|
82
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
|
|
133
83
|
itemSize: string;
|
|
134
84
|
color: string;
|
|
135
85
|
colorHover: string;
|
|
@@ -142,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
142
92
|
span: number;
|
|
143
93
|
cols: number;
|
|
144
94
|
}, any>>;
|
|
145
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
95
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
146
96
|
itemSize: string;
|
|
147
97
|
color: string;
|
|
148
98
|
colorHover: string;
|
|
@@ -155,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
155
105
|
span: number;
|
|
156
106
|
cols: number;
|
|
157
107
|
}, any>>>;
|
|
158
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
108
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
159
109
|
itemSize: string;
|
|
160
110
|
color: string;
|
|
161
111
|
colorHover: string;
|
|
@@ -3,28 +3,22 @@ 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.iconBarProps = void 0;
|
|
7
6
|
const vue_1 = require("vue");
|
|
8
7
|
const _mixins_1 = require("../../_mixins");
|
|
9
8
|
const styles_1 = require("../styles");
|
|
10
9
|
const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
|
|
11
|
-
const IconBarItem_1 = __importDefault(require("./IconBarItem"));
|
|
12
10
|
const grid_1 = require("../../grid");
|
|
13
11
|
const _utils_1 = require("../../_utils");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
default: () => []
|
|
17
|
-
}, cols: {
|
|
18
|
-
type: Number,
|
|
19
|
-
default: 6
|
|
20
|
-
}, gridProps: {
|
|
21
|
-
type: Object
|
|
22
|
-
}, itemSize: [Number, String] });
|
|
12
|
+
const interface_1 = require("./interface");
|
|
13
|
+
const IconBarItem_1 = __importDefault(require("./IconBarItem"));
|
|
23
14
|
exports.default = (0, vue_1.defineComponent)({
|
|
24
15
|
name: 'IconBar',
|
|
25
|
-
props:
|
|
16
|
+
props: interface_1.iconBarProps,
|
|
26
17
|
setup(props, { slots }) {
|
|
27
18
|
const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
19
|
+
(0, vue_1.provide)(interface_1.iconBarInjectionKey, {
|
|
20
|
+
typographyPropsRef: (0, vue_1.toRef)(props, 'typographyProps')
|
|
21
|
+
});
|
|
28
22
|
const themeRef = (0, _mixins_1.useTheme)('IconBar', '-icon-bar', index_cssr_1.default, styles_1.iconBarLight, props, mergedClsPrefixRef);
|
|
29
23
|
const cssVarsRef = (0, vue_1.computed)(() => {
|
|
30
24
|
const { self: { itemSize } } = themeRef.value;
|
|
@@ -1,63 +1,12 @@
|
|
|
1
|
-
import { ExtractPublicPropTypes, PropType, VNodeChild } from 'vue';
|
|
2
|
-
import { TextProps } from '../../typography';
|
|
3
|
-
export declare const iconBarItemProps: {
|
|
4
|
-
readonly label: StringConstructor;
|
|
5
|
-
readonly icon: PropType<() => VNodeChild>;
|
|
6
|
-
readonly iconSize: PropType<number | string>;
|
|
7
|
-
readonly span: PropType<number | string>;
|
|
8
|
-
readonly typographyProps: {
|
|
9
|
-
readonly type: PropType<Partial<TextProps>>;
|
|
10
|
-
};
|
|
11
|
-
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
12
|
-
itemSize: string;
|
|
13
|
-
color: string;
|
|
14
|
-
colorHover: string;
|
|
15
|
-
itemGap: string;
|
|
16
|
-
iconSize: string;
|
|
17
|
-
labelColor: string;
|
|
18
|
-
labelSizeHover: string;
|
|
19
|
-
labelColorHover: string;
|
|
20
|
-
boxShadow: string;
|
|
21
|
-
span: number;
|
|
22
|
-
cols: number;
|
|
23
|
-
}, any>>;
|
|
24
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
25
|
-
itemSize: string;
|
|
26
|
-
color: string;
|
|
27
|
-
colorHover: string;
|
|
28
|
-
itemGap: string;
|
|
29
|
-
iconSize: string;
|
|
30
|
-
labelColor: string;
|
|
31
|
-
labelSizeHover: string;
|
|
32
|
-
labelColorHover: string;
|
|
33
|
-
boxShadow: string;
|
|
34
|
-
span: number;
|
|
35
|
-
cols: number;
|
|
36
|
-
}, any>>>;
|
|
37
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
38
|
-
itemSize: string;
|
|
39
|
-
color: string;
|
|
40
|
-
colorHover: string;
|
|
41
|
-
itemGap: string;
|
|
42
|
-
iconSize: string;
|
|
43
|
-
labelColor: string;
|
|
44
|
-
labelSizeHover: string;
|
|
45
|
-
labelColorHover: string;
|
|
46
|
-
boxShadow: string;
|
|
47
|
-
span: number;
|
|
48
|
-
cols: number;
|
|
49
|
-
}, any>>>;
|
|
50
|
-
};
|
|
51
|
-
export type IconBarItemProps = ExtractPublicPropTypes<typeof iconBarItemProps>;
|
|
52
1
|
declare const _default: import("vue").DefineComponent<{
|
|
53
2
|
readonly label: StringConstructor;
|
|
54
|
-
readonly icon: PropType<() => VNodeChild>;
|
|
55
|
-
readonly iconSize: PropType<number | string>;
|
|
56
|
-
readonly span: PropType<number | string>;
|
|
3
|
+
readonly icon: import("vue").PropType<() => import("vue").VNodeChild>;
|
|
4
|
+
readonly iconSize: import("vue").PropType<number | string>;
|
|
5
|
+
readonly span: import("vue").PropType<number | string>;
|
|
57
6
|
readonly typographyProps: {
|
|
58
|
-
readonly type: PropType<Partial<TextProps>>;
|
|
7
|
+
readonly type: import("vue").PropType<Partial<import("../../typography").TextProps>>;
|
|
59
8
|
};
|
|
60
|
-
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
9
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
|
|
61
10
|
itemSize: string;
|
|
62
11
|
color: string;
|
|
63
12
|
colorHover: string;
|
|
@@ -70,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
70
19
|
span: number;
|
|
71
20
|
cols: number;
|
|
72
21
|
}, any>>;
|
|
73
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
22
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
74
23
|
itemSize: string;
|
|
75
24
|
color: string;
|
|
76
25
|
colorHover: string;
|
|
@@ -83,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
32
|
span: number;
|
|
84
33
|
cols: number;
|
|
85
34
|
}, any>>>;
|
|
86
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
35
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
87
36
|
itemSize: string;
|
|
88
37
|
color: string;
|
|
89
38
|
colorHover: string;
|
|
@@ -111,16 +60,83 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
111
60
|
'--u-icon-bar-item-span': string;
|
|
112
61
|
}> | undefined;
|
|
113
62
|
themeClass: import("vue").Ref<string> | undefined;
|
|
63
|
+
mergedTypographyProps: import("vue").ComputedRef<{
|
|
64
|
+
type?: "default" | "info" | "warning" | "error" | "success" | undefined;
|
|
65
|
+
theme?: import("../../_mixins").Theme<"Typography", {
|
|
66
|
+
margin: string;
|
|
67
|
+
aTextColor: string;
|
|
68
|
+
blockquoteTextColor: string;
|
|
69
|
+
blockquotePrefixColor: string;
|
|
70
|
+
codeBorderRadius: string;
|
|
71
|
+
fontSize: string;
|
|
72
|
+
lineHeight: string;
|
|
73
|
+
textColor: string;
|
|
74
|
+
textColorPrimary: string;
|
|
75
|
+
textColorInfo: string;
|
|
76
|
+
textColorSuccess: string;
|
|
77
|
+
textColorWarning: string;
|
|
78
|
+
textColorError: string;
|
|
79
|
+
codeTextColor: string;
|
|
80
|
+
codeColor: string;
|
|
81
|
+
codeBorder: string;
|
|
82
|
+
}, any> | undefined;
|
|
83
|
+
themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
|
|
84
|
+
margin: string;
|
|
85
|
+
aTextColor: string;
|
|
86
|
+
blockquoteTextColor: string;
|
|
87
|
+
blockquotePrefixColor: string;
|
|
88
|
+
codeBorderRadius: string;
|
|
89
|
+
fontSize: string;
|
|
90
|
+
lineHeight: string;
|
|
91
|
+
textColor: string;
|
|
92
|
+
textColorPrimary: string;
|
|
93
|
+
textColorInfo: string;
|
|
94
|
+
textColorSuccess: string;
|
|
95
|
+
textColorWarning: string;
|
|
96
|
+
textColorError: string;
|
|
97
|
+
codeTextColor: string;
|
|
98
|
+
codeColor: string;
|
|
99
|
+
codeBorder: string;
|
|
100
|
+
}, any>> | undefined;
|
|
101
|
+
builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
|
|
102
|
+
margin: string;
|
|
103
|
+
aTextColor: string;
|
|
104
|
+
blockquoteTextColor: string;
|
|
105
|
+
blockquotePrefixColor: string;
|
|
106
|
+
codeBorderRadius: string;
|
|
107
|
+
fontSize: string;
|
|
108
|
+
lineHeight: string;
|
|
109
|
+
textColor: string;
|
|
110
|
+
textColorPrimary: string;
|
|
111
|
+
textColorInfo: string;
|
|
112
|
+
textColorSuccess: string;
|
|
113
|
+
textColorWarning: string;
|
|
114
|
+
textColorError: string;
|
|
115
|
+
codeTextColor: string;
|
|
116
|
+
codeColor: string;
|
|
117
|
+
codeBorder: string;
|
|
118
|
+
}, any>> | undefined;
|
|
119
|
+
tag?: keyof HTMLElementTagNameMap | undefined;
|
|
120
|
+
color?: string | undefined;
|
|
121
|
+
strong?: boolean | undefined;
|
|
122
|
+
text?: string | undefined;
|
|
123
|
+
variant?: import("../../typography").TypographyVariant | undefined;
|
|
124
|
+
italic?: boolean | undefined;
|
|
125
|
+
variantOptions?: import("../../typography").TypographyVariantOptions | undefined;
|
|
126
|
+
variantWeightsOptions?: import("../../typography").TypographyVariantWeightsOptions | undefined;
|
|
127
|
+
underline?: boolean | undefined;
|
|
128
|
+
strikethrough?: boolean | undefined;
|
|
129
|
+
}>;
|
|
114
130
|
onRender: (() => void) | undefined;
|
|
115
131
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
116
132
|
readonly label: StringConstructor;
|
|
117
|
-
readonly icon: PropType<() => VNodeChild>;
|
|
118
|
-
readonly iconSize: PropType<number | string>;
|
|
119
|
-
readonly span: PropType<number | string>;
|
|
133
|
+
readonly icon: import("vue").PropType<() => import("vue").VNodeChild>;
|
|
134
|
+
readonly iconSize: import("vue").PropType<number | string>;
|
|
135
|
+
readonly span: import("vue").PropType<number | string>;
|
|
120
136
|
readonly typographyProps: {
|
|
121
|
-
readonly type: PropType<Partial<TextProps>>;
|
|
137
|
+
readonly type: import("vue").PropType<Partial<import("../../typography").TextProps>>;
|
|
122
138
|
};
|
|
123
|
-
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
139
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"IconBar", {
|
|
124
140
|
itemSize: string;
|
|
125
141
|
color: string;
|
|
126
142
|
colorHover: string;
|
|
@@ -133,7 +149,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
133
149
|
span: number;
|
|
134
150
|
cols: number;
|
|
135
151
|
}, any>>;
|
|
136
|
-
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
152
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
137
153
|
itemSize: string;
|
|
138
154
|
color: string;
|
|
139
155
|
colorHover: string;
|
|
@@ -146,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
146
162
|
span: number;
|
|
147
163
|
cols: number;
|
|
148
164
|
}, any>>>;
|
|
149
|
-
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
165
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
150
166
|
itemSize: string;
|
|
151
167
|
color: string;
|
|
152
168
|
colorHover: string;
|
|
@@ -3,21 +3,20 @@ 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.iconBarItemProps = void 0;
|
|
7
6
|
const vue_1 = require("vue");
|
|
8
7
|
const _mixins_1 = require("../../_mixins");
|
|
9
8
|
const styles_1 = require("../styles");
|
|
10
9
|
const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
|
|
11
10
|
const typography_1 = require("../../typography");
|
|
12
11
|
const _utils_1 = require("../../_utils");
|
|
13
|
-
|
|
14
|
-
type: Object
|
|
15
|
-
} });
|
|
12
|
+
const interface_1 = require("./interface");
|
|
16
13
|
exports.default = (0, vue_1.defineComponent)({
|
|
17
14
|
name: 'IconBarItem',
|
|
18
|
-
props:
|
|
15
|
+
props: interface_1.iconBarItemProps,
|
|
19
16
|
setup(props) {
|
|
20
17
|
const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
18
|
+
const iconBarInjection = (0, vue_1.inject)(interface_1.iconBarInjectionKey, null);
|
|
19
|
+
const mergedTypographyPropsRef = (0, vue_1.computed)(() => (Object.assign(Object.assign({}, iconBarInjection === null || iconBarInjection === void 0 ? void 0 : iconBarInjection.typographyPropsRef.value), props.typographyProps)));
|
|
21
20
|
const themeRef = (0, _mixins_1.useTheme)('IconBar', '-icon-bar-item', index_cssr_1.default, styles_1.iconBarLight, props, mergedClsPrefixRef);
|
|
22
21
|
const cssVarsRef = (0, vue_1.computed)(() => {
|
|
23
22
|
const { self: { iconSize, labelColor, labelSizeHover, labelColorHover, color, colorHover, boxShadow, itemGap, span }, common: { cubicBezierEaseInOut } } = themeRef.value;
|
|
@@ -41,6 +40,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
41
40
|
mergedClsPrefix: mergedClsPrefixRef,
|
|
42
41
|
cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
|
|
43
42
|
themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
|
|
43
|
+
mergedTypographyProps: mergedTypographyPropsRef,
|
|
44
44
|
onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
|
|
45
45
|
};
|
|
46
46
|
},
|
|
@@ -51,6 +51,6 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
51
51
|
return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-icon-bar-item-wrapper`, this.themeClass], style: this.cssVars },
|
|
52
52
|
(0, vue_1.h)("div", { class: `${mergedClsPrefix}-icon-bar-item`, style: this.cssVars },
|
|
53
53
|
(0, vue_1.h)("div", { class: `${mergedClsPrefix}-icon-bar-item__icon` }, ((_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) || ((_c = this.icon) === null || _c === void 0 ? void 0 : _c.call(this)))),
|
|
54
|
-
(this.$slots.label || this.label) && ((0, vue_1.h)(typography_1.UText, Object.assign({ class: `${mergedClsPrefix}-icon-bar-item-wrapper__label`, variant: "heading-s-bold" }, this.
|
|
54
|
+
(this.$slots.label || this.label) && ((0, vue_1.h)(typography_1.UText, Object.assign({ class: `${mergedClsPrefix}-icon-bar-item-wrapper__label`, variant: "heading-s-bold" }, this.mergedTypographyProps), ((_e = (_d = this.$slots).label) === null || _e === void 0 ? void 0 : _e.call(_d)) || this.label))));
|
|
55
55
|
}
|
|
56
56
|
});
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
|
|
2
|
+
import { GridProps } from '../../grid';
|
|
3
|
+
import { TextProps } from '../../typography';
|
|
4
|
+
export declare const iconBarInjectionKey: InjectionKey<{
|
|
5
|
+
typographyPropsRef: Ref<Partial<TextProps> | undefined>;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const iconBarItemProps: {
|
|
8
|
+
readonly label: StringConstructor;
|
|
9
|
+
readonly icon: PropType<() => VNodeChild>;
|
|
10
|
+
readonly iconSize: PropType<number | string>;
|
|
11
|
+
readonly span: PropType<number | string>;
|
|
12
|
+
readonly typographyProps: {
|
|
13
|
+
readonly type: PropType<Partial<TextProps>>;
|
|
14
|
+
};
|
|
15
|
+
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
16
|
+
itemSize: string;
|
|
17
|
+
color: string;
|
|
18
|
+
colorHover: string;
|
|
19
|
+
itemGap: string;
|
|
20
|
+
iconSize: string;
|
|
21
|
+
labelColor: string;
|
|
22
|
+
labelSizeHover: string;
|
|
23
|
+
labelColorHover: string;
|
|
24
|
+
boxShadow: string;
|
|
25
|
+
span: number;
|
|
26
|
+
cols: number;
|
|
27
|
+
}, any>>;
|
|
28
|
+
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
29
|
+
itemSize: string;
|
|
30
|
+
color: string;
|
|
31
|
+
colorHover: string;
|
|
32
|
+
itemGap: string;
|
|
33
|
+
iconSize: string;
|
|
34
|
+
labelColor: string;
|
|
35
|
+
labelSizeHover: string;
|
|
36
|
+
labelColorHover: string;
|
|
37
|
+
boxShadow: string;
|
|
38
|
+
span: number;
|
|
39
|
+
cols: number;
|
|
40
|
+
}, any>>>;
|
|
41
|
+
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
42
|
+
itemSize: string;
|
|
43
|
+
color: string;
|
|
44
|
+
colorHover: string;
|
|
45
|
+
itemGap: string;
|
|
46
|
+
iconSize: string;
|
|
47
|
+
labelColor: string;
|
|
48
|
+
labelSizeHover: string;
|
|
49
|
+
labelColorHover: string;
|
|
50
|
+
boxShadow: string;
|
|
51
|
+
span: number;
|
|
52
|
+
cols: number;
|
|
53
|
+
}, any>>>;
|
|
54
|
+
};
|
|
55
|
+
export declare const iconBarProps: {
|
|
56
|
+
readonly items: {
|
|
57
|
+
readonly type: PropType<IconBarItemProps[]>;
|
|
58
|
+
readonly default: () => never[];
|
|
59
|
+
};
|
|
60
|
+
readonly cols: {
|
|
61
|
+
readonly type: NumberConstructor;
|
|
62
|
+
readonly default: 6;
|
|
63
|
+
};
|
|
64
|
+
readonly gridProps: {
|
|
65
|
+
readonly type: PropType<Partial<GridProps>>;
|
|
66
|
+
};
|
|
67
|
+
readonly typographyProps: {
|
|
68
|
+
readonly type: PropType<Partial<TextProps>>;
|
|
69
|
+
};
|
|
70
|
+
readonly itemSize: PropType<number | string>;
|
|
71
|
+
readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
|
|
72
|
+
itemSize: string;
|
|
73
|
+
color: string;
|
|
74
|
+
colorHover: string;
|
|
75
|
+
itemGap: string;
|
|
76
|
+
iconSize: string;
|
|
77
|
+
labelColor: string;
|
|
78
|
+
labelSizeHover: string;
|
|
79
|
+
labelColorHover: string;
|
|
80
|
+
boxShadow: string;
|
|
81
|
+
span: number;
|
|
82
|
+
cols: number;
|
|
83
|
+
}, any>>;
|
|
84
|
+
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
85
|
+
itemSize: string;
|
|
86
|
+
color: string;
|
|
87
|
+
colorHover: string;
|
|
88
|
+
itemGap: string;
|
|
89
|
+
iconSize: string;
|
|
90
|
+
labelColor: string;
|
|
91
|
+
labelSizeHover: string;
|
|
92
|
+
labelColorHover: string;
|
|
93
|
+
boxShadow: string;
|
|
94
|
+
span: number;
|
|
95
|
+
cols: number;
|
|
96
|
+
}, any>>>;
|
|
97
|
+
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
|
|
98
|
+
itemSize: string;
|
|
99
|
+
color: string;
|
|
100
|
+
colorHover: string;
|
|
101
|
+
itemGap: string;
|
|
102
|
+
iconSize: string;
|
|
103
|
+
labelColor: string;
|
|
104
|
+
labelSizeHover: string;
|
|
105
|
+
labelColorHover: string;
|
|
106
|
+
boxShadow: string;
|
|
107
|
+
span: number;
|
|
108
|
+
cols: number;
|
|
109
|
+
}, any>>>;
|
|
110
|
+
};
|
|
111
|
+
export type IconBarItemProps = ExtractPublicPropTypes<typeof iconBarItemProps>;
|
|
112
|
+
export type IconBarProps = ExtractPublicPropTypes<typeof iconBarProps>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.iconBarProps = exports.iconBarItemProps = exports.iconBarInjectionKey = void 0;
|
|
4
|
+
const _utils_1 = require("../../_utils");
|
|
5
|
+
const _mixins_1 = require("../../_mixins");
|
|
6
|
+
exports.iconBarInjectionKey = (0, _utils_1.createInjectionKey)('icon-bar');
|
|
7
|
+
exports.iconBarItemProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
|
|
8
|
+
type: Object
|
|
9
|
+
} });
|
|
10
|
+
exports.iconBarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { items: {
|
|
11
|
+
type: Array,
|
|
12
|
+
default: () => []
|
|
13
|
+
}, cols: {
|
|
14
|
+
type: Number,
|
|
15
|
+
default: 6
|
|
16
|
+
}, gridProps: {
|
|
17
|
+
type: Object
|
|
18
|
+
}, typographyProps: {
|
|
19
|
+
type: Object
|
|
20
|
+
}, itemSize: [Number, String] });
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.13.
|
|
1
|
+
declare const _default: "1.13.2";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@uzum-tech/ui",
|
|
5
|
-
"version": "1.13.
|
|
5
|
+
"version": "1.13.2",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"contributions": {
|
|
8
8
|
"html": {
|
|
@@ -19205,6 +19205,11 @@
|
|
|
19205
19205
|
"doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",
|
|
19206
19206
|
"type": "object"
|
|
19207
19207
|
},
|
|
19208
|
+
{
|
|
19209
|
+
"name": "typography-props",
|
|
19210
|
+
"doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",
|
|
19211
|
+
"type": "object"
|
|
19212
|
+
},
|
|
19208
19213
|
{
|
|
19209
19214
|
"name": "item-size",
|
|
19210
19215
|
"doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/icon-bar",
|