@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
package/es/icon-bar/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as UIconBar
|
|
2
|
-
export
|
|
3
|
-
export {
|
|
4
|
-
export type { IconBarItemProps } from './src/
|
|
1
|
+
export { default as UIconBar } from './src/IconBar';
|
|
2
|
+
export { default as UIconBarItem } from './src/IconBarItem';
|
|
3
|
+
export { iconBarProps, iconBarItemProps } from './src/interface';
|
|
4
|
+
export type { IconBarProps, IconBarItemProps } from './src/interface';
|
package/es/icon-bar/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { default as UIconBar
|
|
2
|
-
export { default as UIconBarItem
|
|
1
|
+
export { default as UIconBar } from './src/IconBar';
|
|
2
|
+
export { default as UIconBarItem } from './src/IconBarItem';
|
|
3
|
+
export { iconBarProps, iconBarItemProps } from './src/interface';
|
|
@@ -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;
|
|
@@ -1,24 +1,19 @@
|
|
|
1
|
-
import { computed, defineComponent, h } from 'vue';
|
|
1
|
+
import { computed, defineComponent, h, provide, toRef } from 'vue';
|
|
2
2
|
import { useConfig, useTheme, useThemeClass } from '../../_mixins';
|
|
3
3
|
import { iconBarLight } from '../styles';
|
|
4
4
|
import style from './styles/index.cssr';
|
|
5
|
-
import IconBarItem from './IconBarItem';
|
|
6
5
|
import { UGrid, UGridItem } from '../../grid';
|
|
7
6
|
import { resolveSize } from '../../_utils';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: () => []
|
|
11
|
-
}, cols: {
|
|
12
|
-
type: Number,
|
|
13
|
-
default: 6
|
|
14
|
-
}, gridProps: {
|
|
15
|
-
type: Object
|
|
16
|
-
}, itemSize: [Number, String] });
|
|
7
|
+
import { iconBarInjectionKey, iconBarProps } from './interface';
|
|
8
|
+
import IconBarItem from './IconBarItem';
|
|
17
9
|
export default defineComponent({
|
|
18
10
|
name: 'IconBar',
|
|
19
11
|
props: iconBarProps,
|
|
20
12
|
setup(props, { slots }) {
|
|
21
13
|
const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
|
|
14
|
+
provide(iconBarInjectionKey, {
|
|
15
|
+
typographyPropsRef: toRef(props, 'typographyProps')
|
|
16
|
+
});
|
|
22
17
|
const themeRef = useTheme('IconBar', '-icon-bar', style, iconBarLight, props, mergedClsPrefixRef);
|
|
23
18
|
const cssVarsRef = computed(() => {
|
|
24
19
|
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;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { computed, defineComponent, h } from 'vue';
|
|
1
|
+
import { computed, defineComponent, h, inject } from 'vue';
|
|
2
2
|
import { useConfig, useTheme, useThemeClass } from '../../_mixins';
|
|
3
3
|
import { iconBarLight } from '../styles';
|
|
4
4
|
import style from './styles/index.cssr';
|
|
5
5
|
import { UText } from '../../typography';
|
|
6
6
|
import { resolveSize } from '../../_utils';
|
|
7
|
-
|
|
8
|
-
type: Object
|
|
9
|
-
} });
|
|
7
|
+
import { iconBarInjectionKey, iconBarItemProps } from './interface';
|
|
10
8
|
export default defineComponent({
|
|
11
9
|
name: 'IconBarItem',
|
|
12
10
|
props: iconBarItemProps,
|
|
13
11
|
setup(props) {
|
|
14
12
|
const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
|
|
13
|
+
const iconBarInjection = inject(iconBarInjectionKey, null);
|
|
14
|
+
const mergedTypographyPropsRef = computed(() => (Object.assign(Object.assign({}, iconBarInjection === null || iconBarInjection === void 0 ? void 0 : iconBarInjection.typographyPropsRef.value), props.typographyProps)));
|
|
15
15
|
const themeRef = useTheme('IconBar', '-icon-bar-item', style, iconBarLight, props, mergedClsPrefixRef);
|
|
16
16
|
const cssVarsRef = computed(() => {
|
|
17
17
|
const { self: { iconSize, labelColor, labelSizeHover, labelColorHover, color, colorHover, boxShadow, itemGap, span }, common: { cubicBezierEaseInOut } } = themeRef.value;
|
|
@@ -35,6 +35,7 @@ export default defineComponent({
|
|
|
35
35
|
mergedClsPrefix: mergedClsPrefixRef,
|
|
36
36
|
cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
|
|
37
37
|
themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
|
|
38
|
+
mergedTypographyProps: mergedTypographyPropsRef,
|
|
38
39
|
onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
|
|
39
40
|
};
|
|
40
41
|
},
|
|
@@ -45,6 +46,6 @@ export default defineComponent({
|
|
|
45
46
|
return (h("div", { class: [`${mergedClsPrefix}-icon-bar-item-wrapper`, this.themeClass], style: this.cssVars },
|
|
46
47
|
h("div", { class: `${mergedClsPrefix}-icon-bar-item`, style: this.cssVars },
|
|
47
48
|
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)))),
|
|
48
|
-
(this.$slots.label || this.label) && (h(UText, Object.assign({ class: `${mergedClsPrefix}-icon-bar-item-wrapper__label`, variant: "heading-s-bold" }, this.
|
|
49
|
+
(this.$slots.label || this.label) && (h(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))));
|
|
49
50
|
}
|
|
50
51
|
});
|
|
@@ -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,17 @@
|
|
|
1
|
+
import { createInjectionKey } from '../../_utils';
|
|
2
|
+
import { useTheme } from '../../_mixins';
|
|
3
|
+
export const iconBarInjectionKey = createInjectionKey('icon-bar');
|
|
4
|
+
export const iconBarItemProps = Object.assign(Object.assign({}, useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
|
|
5
|
+
type: Object
|
|
6
|
+
} });
|
|
7
|
+
export const iconBarProps = Object.assign(Object.assign({}, useTheme.props), { items: {
|
|
8
|
+
type: Array,
|
|
9
|
+
default: () => []
|
|
10
|
+
}, cols: {
|
|
11
|
+
type: Number,
|
|
12
|
+
default: 6
|
|
13
|
+
}, gridProps: {
|
|
14
|
+
type: Object
|
|
15
|
+
}, typographyProps: {
|
|
16
|
+
type: Object
|
|
17
|
+
}, itemSize: [Number, String] });
|
package/es/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/es/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '1.13.
|
|
1
|
+
export default '1.13.2';
|
package/lib/icon-bar/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as UIconBar
|
|
2
|
-
export
|
|
3
|
-
export {
|
|
4
|
-
export type { IconBarItemProps } from './src/
|
|
1
|
+
export { default as UIconBar } from './src/IconBar';
|
|
2
|
+
export { default as UIconBarItem } from './src/IconBarItem';
|
|
3
|
+
export { iconBarProps, iconBarItemProps } from './src/interface';
|
|
4
|
+
export type { IconBarProps, IconBarItemProps } from './src/interface';
|
package/lib/icon-bar/index.js
CHANGED
|
@@ -3,10 +3,11 @@ 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 = exports.
|
|
6
|
+
exports.iconBarItemProps = exports.iconBarProps = exports.UIconBarItem = exports.UIconBar = void 0;
|
|
7
7
|
var IconBar_1 = require("./src/IconBar");
|
|
8
8
|
Object.defineProperty(exports, "UIconBar", { enumerable: true, get: function () { return __importDefault(IconBar_1).default; } });
|
|
9
|
-
Object.defineProperty(exports, "iconBarProps", { enumerable: true, get: function () { return IconBar_1.iconBarProps; } });
|
|
10
9
|
var IconBarItem_1 = require("./src/IconBarItem");
|
|
11
10
|
Object.defineProperty(exports, "UIconBarItem", { enumerable: true, get: function () { return __importDefault(IconBarItem_1).default; } });
|
|
12
|
-
|
|
11
|
+
var interface_1 = require("./src/interface");
|
|
12
|
+
Object.defineProperty(exports, "iconBarProps", { enumerable: true, get: function () { return interface_1.iconBarProps; } });
|
|
13
|
+
Object.defineProperty(exports, "iconBarItemProps", { enumerable: true, get: function () { return interface_1.iconBarItemProps; } });
|