ll-plus 2.4.15 → 2.4.17
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/es/components/image/index.d.ts +1 -0
- package/es/components/image/src/image.vue.d.ts +1 -0
- package/es/components/tooltip/index.d.ts +61 -1
- package/es/components/tooltip/src/tooltip.d.ts +16 -0
- package/es/components/tooltip/src/tooltip.vue.d.ts +61 -1
- package/es/packages/components/image/src/image.vue2.mjs +8 -2
- package/es/packages/components/image/src/image.vue2.mjs.map +1 -1
- package/es/packages/components/tooltip/src/tooltip.mjs +40 -0
- package/es/packages/components/tooltip/src/tooltip.mjs.map +1 -1
- package/es/packages/components/tooltip/src/tooltip.vue2.mjs +43 -7
- package/es/packages/components/tooltip/src/tooltip.vue2.mjs.map +1 -1
- package/index.full.js +89 -7
- package/index.full.min.js +18 -18
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +19 -19
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +89 -7
- package/lib/components/image/index.d.ts +1 -0
- package/lib/components/image/src/image.vue.d.ts +1 -0
- package/lib/components/tooltip/index.d.ts +61 -1
- package/lib/components/tooltip/src/tooltip.d.ts +16 -0
- package/lib/components/tooltip/src/tooltip.vue.d.ts +61 -1
- package/lib/packages/components/image/src/image.vue2.js +8 -2
- package/lib/packages/components/image/src/image.vue2.js.map +1 -1
- package/lib/packages/components/tooltip/src/tooltip.js +40 -0
- package/lib/packages/components/tooltip/src/tooltip.js.map +1 -1
- package/lib/packages/components/tooltip/src/tooltip.vue2.js +42 -6
- package/lib/packages/components/tooltip/src/tooltip.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/tooltip.css +1 -1
- package/types/packages/components/image/index.d.ts +1 -0
- package/types/packages/components/image/src/image.vue.d.ts +1 -0
- package/types/packages/components/tooltip/index.d.ts +61 -1
- package/types/packages/components/tooltip/src/tooltip.d.ts +16 -0
- package/types/packages/components/tooltip/src/tooltip.vue.d.ts +61 -1
|
@@ -74,6 +74,7 @@ export declare const LlImage: import("ll-plus/es/utils").SFCWithInstall<import("
|
|
|
74
74
|
getImageStyle: import("vue").ComputedRef<{
|
|
75
75
|
borderRadius: string;
|
|
76
76
|
}>;
|
|
77
|
+
getSrc: import("vue").ComputedRef<string>;
|
|
77
78
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
78
79
|
readonly alt: {
|
|
79
80
|
readonly type: import("vue").PropType<string>;
|
|
@@ -72,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
72
|
getImageStyle: import("vue").ComputedRef<{
|
|
73
73
|
borderRadius: string;
|
|
74
74
|
}>;
|
|
75
|
+
getSrc: import("vue").ComputedRef<string>;
|
|
75
76
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
76
77
|
readonly alt: {
|
|
77
78
|
readonly type: import("vue").PropType<string>;
|
|
@@ -3,16 +3,37 @@ export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import
|
|
|
3
3
|
readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
|
|
4
4
|
readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
|
|
5
5
|
readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
6
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
7
|
+
readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
8
|
+
readonly overlayClassName: {
|
|
9
|
+
readonly type: import("vue").PropType<string>;
|
|
10
|
+
readonly required: false;
|
|
11
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
12
|
+
__epPropKey: true;
|
|
13
|
+
};
|
|
14
|
+
readonly overlayStyle: {
|
|
15
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
16
|
+
readonly required: false;
|
|
17
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
18
|
+
__epPropKey: true;
|
|
19
|
+
};
|
|
20
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
21
|
+
readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
6
22
|
}, {
|
|
7
23
|
props: import("@vue/shared").LooseRequired<{
|
|
8
24
|
readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
|
|
9
25
|
readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
26
|
+
readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
10
27
|
readonly tip: string;
|
|
28
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
29
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
30
|
+
readonly tipEllipsisLine: number;
|
|
31
|
+
readonly overlayStyle?: Record<string, any> | undefined;
|
|
32
|
+
readonly overlayClassName?: string | undefined;
|
|
11
33
|
} & {}>;
|
|
12
34
|
attrs: {
|
|
13
35
|
[x: string]: unknown;
|
|
14
36
|
};
|
|
15
|
-
maxWidth: import("vue").ComputedRef<string>;
|
|
16
37
|
bem: {
|
|
17
38
|
b: (blockSuffix?: string) => string;
|
|
18
39
|
e: (element?: string) => string;
|
|
@@ -23,14 +44,53 @@ export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import
|
|
|
23
44
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
24
45
|
is: (name?: string) => string;
|
|
25
46
|
};
|
|
47
|
+
bemContainer: {
|
|
48
|
+
b: (blockSuffix?: string) => string;
|
|
49
|
+
e: (element?: string) => string;
|
|
50
|
+
m: (modifier?: string) => string;
|
|
51
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
52
|
+
em: (element: string, modifier: string) => string;
|
|
53
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
54
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
55
|
+
is: (name?: string) => string;
|
|
56
|
+
};
|
|
57
|
+
getContainerClass: import("vue").ComputedRef<string>;
|
|
58
|
+
getContainerStyle: import("vue").ComputedRef<{
|
|
59
|
+
width: string;
|
|
60
|
+
}>;
|
|
61
|
+
getOverlayClass: import("vue").ComputedRef<string>;
|
|
62
|
+
getOverlayStyle: import("vue").ComputedRef<{
|
|
63
|
+
WebkitLineClamp: string | number;
|
|
64
|
+
'max-width': string;
|
|
65
|
+
}>;
|
|
26
66
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
67
|
readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
|
|
28
68
|
readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
|
|
29
69
|
readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
70
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
71
|
+
readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
72
|
+
readonly overlayClassName: {
|
|
73
|
+
readonly type: import("vue").PropType<string>;
|
|
74
|
+
readonly required: false;
|
|
75
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
76
|
+
__epPropKey: true;
|
|
77
|
+
};
|
|
78
|
+
readonly overlayStyle: {
|
|
79
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
80
|
+
readonly required: false;
|
|
81
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
82
|
+
__epPropKey: true;
|
|
83
|
+
};
|
|
84
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
85
|
+
readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
30
86
|
}>>, {
|
|
31
87
|
readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
|
|
32
88
|
readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
89
|
+
readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
33
90
|
readonly tip: string;
|
|
91
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
92
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
93
|
+
readonly tipEllipsisLine: number;
|
|
34
94
|
}, {}>>;
|
|
35
95
|
export default LlTooltip;
|
|
36
96
|
export * from './src/tooltip';
|
|
@@ -5,6 +5,22 @@ export declare const tooltipProps: {
|
|
|
5
5
|
readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
|
|
6
6
|
readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
|
|
7
7
|
readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
8
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
9
|
+
readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
10
|
+
readonly overlayClassName: {
|
|
11
|
+
readonly type: import("vue").PropType<string>;
|
|
12
|
+
readonly required: false;
|
|
13
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
14
|
+
__epPropKey: true;
|
|
15
|
+
};
|
|
16
|
+
readonly overlayStyle: {
|
|
17
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
18
|
+
readonly required: false;
|
|
19
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
20
|
+
__epPropKey: true;
|
|
21
|
+
};
|
|
22
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
23
|
+
readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
8
24
|
};
|
|
9
25
|
export type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
|
|
10
26
|
export type PlacementType = TooltipProps['placement'];
|
|
@@ -2,16 +2,37 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2
2
|
readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
|
|
3
3
|
readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
|
|
4
4
|
readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
5
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
6
|
+
readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
7
|
+
readonly overlayClassName: {
|
|
8
|
+
readonly type: import("vue").PropType<string>;
|
|
9
|
+
readonly required: false;
|
|
10
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
11
|
+
__epPropKey: true;
|
|
12
|
+
};
|
|
13
|
+
readonly overlayStyle: {
|
|
14
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
15
|
+
readonly required: false;
|
|
16
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
17
|
+
__epPropKey: true;
|
|
18
|
+
};
|
|
19
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
20
|
+
readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
5
21
|
}, {
|
|
6
22
|
props: import("@vue/shared").LooseRequired<{
|
|
7
23
|
readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
|
|
8
24
|
readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
25
|
+
readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
9
26
|
readonly tip: string;
|
|
27
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
28
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
29
|
+
readonly tipEllipsisLine: number;
|
|
30
|
+
readonly overlayStyle?: Record<string, any> | undefined;
|
|
31
|
+
readonly overlayClassName?: string | undefined;
|
|
10
32
|
} & {}>;
|
|
11
33
|
attrs: {
|
|
12
34
|
[x: string]: unknown;
|
|
13
35
|
};
|
|
14
|
-
maxWidth: import("vue").ComputedRef<string>;
|
|
15
36
|
bem: {
|
|
16
37
|
b: (blockSuffix?: string) => string;
|
|
17
38
|
e: (element?: string) => string;
|
|
@@ -22,13 +43,52 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
43
|
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
23
44
|
is: (name?: string) => string;
|
|
24
45
|
};
|
|
46
|
+
bemContainer: {
|
|
47
|
+
b: (blockSuffix?: string) => string;
|
|
48
|
+
e: (element?: string) => string;
|
|
49
|
+
m: (modifier?: string) => string;
|
|
50
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
51
|
+
em: (element: string, modifier: string) => string;
|
|
52
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
53
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
54
|
+
is: (name?: string) => string;
|
|
55
|
+
};
|
|
56
|
+
getContainerClass: import("vue").ComputedRef<string>;
|
|
57
|
+
getContainerStyle: import("vue").ComputedRef<{
|
|
58
|
+
width: string;
|
|
59
|
+
}>;
|
|
60
|
+
getOverlayClass: import("vue").ComputedRef<string>;
|
|
61
|
+
getOverlayStyle: import("vue").ComputedRef<{
|
|
62
|
+
WebkitLineClamp: string | number;
|
|
63
|
+
'max-width': string;
|
|
64
|
+
}>;
|
|
25
65
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
66
|
readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
|
|
27
67
|
readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
|
|
28
68
|
readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
69
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
70
|
+
readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
71
|
+
readonly overlayClassName: {
|
|
72
|
+
readonly type: import("vue").PropType<string>;
|
|
73
|
+
readonly required: false;
|
|
74
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
75
|
+
__epPropKey: true;
|
|
76
|
+
};
|
|
77
|
+
readonly overlayStyle: {
|
|
78
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
79
|
+
readonly required: false;
|
|
80
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
81
|
+
__epPropKey: true;
|
|
82
|
+
};
|
|
83
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
84
|
+
readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
|
|
29
85
|
}>>, {
|
|
30
86
|
readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
|
|
31
87
|
readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
88
|
+
readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
|
|
32
89
|
readonly tip: string;
|
|
90
|
+
readonly ellipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
91
|
+
readonly tipEllipsis: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
92
|
+
readonly tipEllipsisLine: number;
|
|
33
93
|
}, {}>;
|
|
34
94
|
export default _default;
|
|
@@ -23,12 +23,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
23
|
const getImageStyle = computed(() => {
|
|
24
24
|
return { borderRadius: props.borderRadius };
|
|
25
25
|
});
|
|
26
|
+
const getSrc = computed(() => {
|
|
27
|
+
return props.src ? props.src : FALL_BACK_IMG;
|
|
28
|
+
});
|
|
26
29
|
return (_ctx, _cache) => {
|
|
27
30
|
const _component_a_image = resolveComponent("a-image");
|
|
28
31
|
return openBlock(), createBlock(_component_a_image, mergeProps({
|
|
29
32
|
class: `${unref(bem).b()} ${getImageClass.value}`,
|
|
30
33
|
style: getImageStyle.value
|
|
31
|
-
}, props, {
|
|
34
|
+
}, props, {
|
|
35
|
+
src: getSrc.value,
|
|
36
|
+
fallback: computedFallback.value
|
|
37
|
+
}), {
|
|
32
38
|
placeholder: withCtx(() => [
|
|
33
39
|
renderSlot(_ctx.$slots, "placeholder")
|
|
34
40
|
]),
|
|
@@ -37,7 +43,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
37
43
|
]),
|
|
38
44
|
_: 3
|
|
39
45
|
/* FORWARDED */
|
|
40
|
-
}, 16, ["class", "style", "fallback"]);
|
|
46
|
+
}, 16, ["class", "style", "src", "fallback"]);
|
|
41
47
|
};
|
|
42
48
|
}
|
|
43
49
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <a-image\n :class=\"`${bem.b()} ${getImageClass}`\"\n :style=\"getImageStyle\"\n v-bind=\"props\"\n :fallback=\"computedFallback\"\n >\n <!-- 占位插槽 -->\n <template #placeholder>\n <slot name=\"placeholder\" />\n </template>\n <!-- 自定义mask插槽 -->\n <template #previewMask>\n <slot name=\"previewMask\" />\n </template>\n </a-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps } from './image'\n\nimport { FALL_BACK_IMG } from './image'\n\ndefineOptions({\n name: 'LlImage'\n})\n\nconst props = defineProps(imageProps)\n\nconst bem = createNamespace('image')\n\n// 加载失败容错地址\nconst computedFallback = computed(() =>\n props.fallback ? props.fallback : FALL_BACK_IMG\n)\n// 根据isShowBorder/borderRadius设置类名\nconst getImageClass = computed(() => {\n const borderClass = props.isShowBorder ? bem.m('border') : ''\n return `${borderClass}`\n})\nconst getImageStyle = computed(() => {\n return { borderRadius: props.borderRadius }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <a-image\n :class=\"`${bem.b()} ${getImageClass}`\"\n :style=\"getImageStyle\"\n v-bind=\"props\"\n :src=\"getSrc\"\n :fallback=\"computedFallback\"\n >\n <!-- 占位插槽 -->\n <template #placeholder>\n <slot name=\"placeholder\" />\n </template>\n <!-- 自定义mask插槽 -->\n <template #previewMask>\n <slot name=\"previewMask\" />\n </template>\n </a-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps } from './image'\n\nimport { FALL_BACK_IMG } from './image'\n\ndefineOptions({\n name: 'LlImage'\n})\n\nconst props = defineProps(imageProps)\n\nconst bem = createNamespace('image')\n\n// 加载失败容错地址\nconst computedFallback = computed(() =>\n props.fallback ? props.fallback : FALL_BACK_IMG\n)\n// 根据isShowBorder/borderRadius设置类名\nconst getImageClass = computed(() => {\n const borderClass = props.isShowBorder ? bem.m('border') : ''\n return `${borderClass}`\n})\nconst getImageStyle = computed(() => {\n return { borderRadius: props.borderRadius }\n})\nconst getSrc = computed(() => {\n return props.src ? props.src : FALL_BACK_IMG\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAGnC,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MAAS,MAChC,KAAA,CAAM,QAAW,GAAA,KAAA,CAAM,QAAW,GAAA,aAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,MAAM,cAAc,KAAM,CAAA,YAAA,GAAe,GAAI,CAAA,CAAA,CAAE,QAAQ,CAAI,GAAA,EAAA,CAAA;AAC3D,MAAA,OAAO,GAAG,WAAW,CAAA,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AACD,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAO,OAAA,EAAE,YAAc,EAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AACD,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAO,OAAA,KAAA,CAAM,GAAM,GAAA,KAAA,CAAM,GAAM,GAAA,aAAA,CAAA;AAAA,KAChC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -38,6 +38,46 @@ const tooltipProps = buildProps({
|
|
|
38
38
|
maxWidth: {
|
|
39
39
|
type: definePropType([Number, String]),
|
|
40
40
|
default: ""
|
|
41
|
+
},
|
|
42
|
+
/**
|
|
43
|
+
* @description 提示框里的文字是否超出显示...
|
|
44
|
+
*/
|
|
45
|
+
tipEllipsis: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: false
|
|
48
|
+
},
|
|
49
|
+
/**
|
|
50
|
+
* @description 提示框里的文字是否超出几行显示...
|
|
51
|
+
*/
|
|
52
|
+
tipEllipsisLine: {
|
|
53
|
+
type: Number,
|
|
54
|
+
default: 1
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* @description 卡片类名
|
|
58
|
+
*/
|
|
59
|
+
overlayClassName: {
|
|
60
|
+
type: String
|
|
61
|
+
},
|
|
62
|
+
/**
|
|
63
|
+
* @description 卡片样式
|
|
64
|
+
*/
|
|
65
|
+
overlayStyle: {
|
|
66
|
+
type: Object
|
|
67
|
+
},
|
|
68
|
+
/**
|
|
69
|
+
* @description 文字是否超出显示...
|
|
70
|
+
*/
|
|
71
|
+
ellipsis: {
|
|
72
|
+
type: Boolean,
|
|
73
|
+
default: false
|
|
74
|
+
},
|
|
75
|
+
/**
|
|
76
|
+
* @description 文字的宽度,超出这个文字显示...
|
|
77
|
+
*/
|
|
78
|
+
width: {
|
|
79
|
+
type: definePropType([Number, String]),
|
|
80
|
+
default: ""
|
|
41
81
|
}
|
|
42
82
|
});
|
|
43
83
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Tooltip from './tooltip.vue'\n\n// 弹窗定位的位置\nexport const placement = [\n 'top',\n 'left',\n 'right',\n 'bottom',\n 'topLeft',\n 'topRight',\n 'bottomLeft',\n 'bottomRight',\n 'leftTop',\n 'leftBottom',\n 'rightTop',\n 'rightBottom'\n] as const\nexport const tooltipProps = buildProps({\n /**\n * @description 提示语\n */\n tip: {\n type: String,\n default: '提示'\n },\n /**\n * @description 气泡框位置\n */\n placement: {\n type: String,\n values: placement,\n default: 'top'\n },\n /**\n * @description 容器的宽度\n */\n maxWidth: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n }\n} as const)\n\n// props\nexport type TooltipProps = ExtractPropTypes<typeof tooltipProps> // ExtractPropTypes和defineCpmponent类似\nexport type PlacementType = TooltipProps['placement']\n\n// instance\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;AAMO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AACF,EAAA;AACO,MAAM,eAAe,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIrC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
|
|
1
|
+
{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Tooltip from './tooltip.vue'\n\n// 弹窗定位的位置\nexport const placement = [\n 'top',\n 'left',\n 'right',\n 'bottom',\n 'topLeft',\n 'topRight',\n 'bottomLeft',\n 'bottomRight',\n 'leftTop',\n 'leftBottom',\n 'rightTop',\n 'rightBottom'\n] as const\nexport const tooltipProps = buildProps({\n /**\n * @description 提示语\n */\n tip: {\n type: String,\n default: '提示'\n },\n /**\n * @description 气泡框位置\n */\n placement: {\n type: String,\n values: placement,\n default: 'top'\n },\n /**\n * @description 容器的宽度\n */\n maxWidth: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n },\n /**\n * @description 提示框里的文字是否超出显示...\n */\n tipEllipsis: {\n type: Boolean,\n default: false\n },\n /**\n * @description 提示框里的文字是否超出几行显示...\n */\n tipEllipsisLine: {\n type: Number,\n default: 1\n },\n /**\n * @description 卡片类名\n */\n overlayClassName: {\n type: String\n },\n /**\n * @description 卡片样式\n */\n overlayStyle: {\n type: Object\n },\n /**\n * @description 文字是否超出显示...\n */\n ellipsis: {\n type: Boolean,\n default: false\n },\n /**\n * @description 文字的宽度,超出这个文字显示...\n */\n width: {\n type: definePropType<number | string>([Number, String]),\n default: ''\n }\n} as const)\n\n// props\nexport type TooltipProps = ExtractPropTypes<typeof tooltipProps> // ExtractPropTypes和defineCpmponent类似\nexport type PlacementType = TooltipProps['placement']\n\n// instance\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;AAMO,MAAM,SAAY,GAAA;AAAA,EACvB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AACF,EAAA;AACO,MAAM,eAAe,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIrC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACtD,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent, useAttrs, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, toDisplayString, renderSlot, createVNode } from 'vue';
|
|
1
|
+
import { defineComponent, useAttrs, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createVNode } from 'vue';
|
|
2
2
|
import '../../../utils/index.mjs';
|
|
3
3
|
import { tooltipProps } from './tooltip.mjs';
|
|
4
|
-
import { addUnit } from '../../../utils/add-unit.mjs';
|
|
5
4
|
import { createNamespace } from '../../../utils/create-namespace.mjs';
|
|
5
|
+
import { addUnit } from '../../../utils/add-unit.mjs';
|
|
6
6
|
|
|
7
7
|
"use strict";
|
|
8
8
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -12,15 +12,37 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
12
12
|
setup(__props) {
|
|
13
13
|
const props = __props;
|
|
14
14
|
const attrs = useAttrs();
|
|
15
|
-
const maxWidth = computed(() => addUnit(props.maxWidth));
|
|
16
15
|
const bem = createNamespace("tooltip");
|
|
16
|
+
const bemContainer = createNamespace("container-tooltip");
|
|
17
|
+
const getContainerClass = computed(() => {
|
|
18
|
+
const ellipsisClass = props.ellipsis ? bemContainer.m("ellipsis") : "";
|
|
19
|
+
return `${bemContainer.b()} ${ellipsisClass}`;
|
|
20
|
+
});
|
|
21
|
+
const getContainerStyle = computed(() => {
|
|
22
|
+
const width = addUnit(props.width);
|
|
23
|
+
return {
|
|
24
|
+
width: width ? width : ""
|
|
25
|
+
};
|
|
26
|
+
});
|
|
27
|
+
const getOverlayClass = computed(() => {
|
|
28
|
+
const ellipsisClass = props.tipEllipsis ? bem.m("ellipsis") : "";
|
|
29
|
+
return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`;
|
|
30
|
+
});
|
|
31
|
+
const getOverlayStyle = computed(() => {
|
|
32
|
+
const maxWidth = addUnit(props.maxWidth);
|
|
33
|
+
return {
|
|
34
|
+
WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : "none",
|
|
35
|
+
"max-width": maxWidth,
|
|
36
|
+
...props.overlayStyle
|
|
37
|
+
};
|
|
38
|
+
});
|
|
17
39
|
return (_ctx, _cache) => {
|
|
18
40
|
const _component_ll_icon = resolveComponent("ll-icon");
|
|
19
41
|
const _component_a_tooltip = resolveComponent("a-tooltip");
|
|
20
42
|
return openBlock(), createBlock(_component_a_tooltip, mergeProps(unref(attrs), {
|
|
21
43
|
placement: _ctx.placement,
|
|
22
|
-
"overlay-style":
|
|
23
|
-
class:
|
|
44
|
+
"overlay-style": getOverlayStyle.value,
|
|
45
|
+
"overlay-class-name": getOverlayClass.value
|
|
24
46
|
}), {
|
|
25
47
|
title: withCtx(() => [
|
|
26
48
|
createElementVNode(
|
|
@@ -32,13 +54,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
54
|
)
|
|
33
55
|
]),
|
|
34
56
|
default: withCtx(() => [
|
|
35
|
-
|
|
57
|
+
_ctx.$slots.default ? (openBlock(), createElementBlock(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
key: 0,
|
|
61
|
+
class: normalizeClass(getContainerClass.value),
|
|
62
|
+
style: normalizeStyle(getContainerStyle.value)
|
|
63
|
+
},
|
|
64
|
+
[
|
|
65
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
66
|
+
createVNode(_component_ll_icon, { "icon-name": "icon-question" })
|
|
67
|
+
])
|
|
68
|
+
],
|
|
69
|
+
6
|
|
70
|
+
/* CLASS, STYLE */
|
|
71
|
+
)) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
|
|
36
72
|
createVNode(_component_ll_icon, { "icon-name": "icon-question" })
|
|
37
73
|
])
|
|
38
74
|
]),
|
|
39
75
|
_: 3
|
|
40
76
|
/* FORWARDED */
|
|
41
|
-
}, 16, ["placement", "overlay-style", "class"]);
|
|
77
|
+
}, 16, ["placement", "overlay-style", "overlay-class-name"]);
|
|
42
78
|
};
|
|
43
79
|
}
|
|
44
80
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.vue2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <a-tooltip\n v-bind=\"attrs\"\n :placement=\"placement\"\n :overlay-style=\"
|
|
1
|
+
{"version":3,"file":"tooltip.vue2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <a-tooltip\n v-bind=\"attrs\"\n :placement=\"placement\"\n :overlay-style=\"getOverlayStyle\"\n :overlay-class-name=\"getOverlayClass\"\n >\n <!-- title插槽 -->\n <template #title>\n <span>{{ tip }}</span>\n </template>\n <!-- 默认插槽 -->\n <div\n v-if=\"$slots.default\"\n :class=\"getContainerClass\"\n :style=\"getContainerStyle\"\n >\n <slot>\n <ll-icon icon-name=\"icon-question\" />\n </slot>\n </div>\n <slot v-else>\n <ll-icon icon-name=\"icon-question\" />\n </slot>\n </a-tooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { addUnit, createNamespace } from '@ll-plus/utils'\n\nimport { tooltipProps } from './tooltip'\nimport { computed } from 'vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTooltip' })\n\n// 2.props\nconst props = defineProps(tooltipProps)\nconst attrs = useAttrs()\n\n// 3.computes/const\nconst bem = createNamespace('tooltip')\nconst bemContainer = createNamespace('container-tooltip')\n// 根据ellipsis设置设置插槽容器的文字超出样式\nconst getContainerClass = computed(() => {\n const ellipsisClass = props.ellipsis ? bemContainer.m('ellipsis') : ''\n return `${bemContainer.b()} ${ellipsisClass}`\n})\n// 设置插槽容器的宽度\nconst getContainerStyle = computed(() => {\n const width = addUnit(props.width)\n return {\n width: width ? width : ''\n }\n})\n// 根据ellipsis/width设置设置tip弹窗的类名\nconst getOverlayClass = computed(() => {\n const ellipsisClass = props.tipEllipsis ? bem.m('ellipsis') : ''\n return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`\n})\n// 根据ellipsis/width设置设置tip弹窗的样式\nconst getOverlayStyle = computed(() => {\n const maxWidth = addUnit(props.maxWidth)\n return {\n WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : 'none',\n 'max-width': maxWidth,\n ...props.overlayStyle\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,YAAA,GAAe,gBAAgB,mBAAmB,CAAA,CAAA;AAExD,IAAM,MAAA,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAA,MAAM,gBAAgB,KAAM,CAAA,QAAA,GAAW,YAAa,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AACpE,MAAA,OAAO,CAAG,EAAA,YAAA,CAAa,CAAE,EAAC,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACjC,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,QAAQ,KAAQ,GAAA,EAAA;AAAA,OACzB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAA,MAAM,gBAAgB,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAC9D,MAAO,OAAA,CAAA,EAAG,IAAI,CAAE,EAAC,IAAI,aAAa,CAAA,CAAA,EAAI,MAAM,gBAAgB,CAAA,CAAA,CAAA;AAAA,KAC7D,CAAA,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACvC,MAAO,OAAA;AAAA,QACL,eAAiB,EAAA,KAAA,CAAM,WAAc,GAAA,KAAA,CAAM,eAAkB,GAAA,MAAA;AAAA,QAC7D,WAAa,EAAA,QAAA;AAAA,QACb,GAAG,KAAM,CAAA,YAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.full.js
CHANGED
|
@@ -61803,12 +61803,18 @@
|
|
|
61803
61803
|
const getImageStyle = require$$0.computed(() => {
|
|
61804
61804
|
return { borderRadius: props.borderRadius };
|
|
61805
61805
|
});
|
|
61806
|
+
const getSrc = require$$0.computed(() => {
|
|
61807
|
+
return props.src ? props.src : FALL_BACK_IMG;
|
|
61808
|
+
});
|
|
61806
61809
|
return (_ctx, _cache) => {
|
|
61807
61810
|
const _component_a_image = require$$0.resolveComponent("a-image");
|
|
61808
61811
|
return require$$0.openBlock(), require$$0.createBlock(_component_a_image, require$$0.mergeProps({
|
|
61809
61812
|
class: `${require$$0.unref(bem).b()} ${getImageClass.value}`,
|
|
61810
61813
|
style: getImageStyle.value
|
|
61811
|
-
}, props, {
|
|
61814
|
+
}, props, {
|
|
61815
|
+
src: getSrc.value,
|
|
61816
|
+
fallback: computedFallback.value
|
|
61817
|
+
}), {
|
|
61812
61818
|
placeholder: require$$0.withCtx(() => [
|
|
61813
61819
|
require$$0.renderSlot(_ctx.$slots, "placeholder")
|
|
61814
61820
|
]),
|
|
@@ -61817,7 +61823,7 @@
|
|
|
61817
61823
|
]),
|
|
61818
61824
|
_: 3
|
|
61819
61825
|
/* FORWARDED */
|
|
61820
|
-
}, 16, ["class", "style", "fallback"]);
|
|
61826
|
+
}, 16, ["class", "style", "src", "fallback"]);
|
|
61821
61827
|
};
|
|
61822
61828
|
}
|
|
61823
61829
|
});
|
|
@@ -75765,6 +75771,46 @@
|
|
|
75765
75771
|
maxWidth: {
|
|
75766
75772
|
type: definePropType([Number, String]),
|
|
75767
75773
|
default: ""
|
|
75774
|
+
},
|
|
75775
|
+
/**
|
|
75776
|
+
* @description 提示框里的文字是否超出显示...
|
|
75777
|
+
*/
|
|
75778
|
+
tipEllipsis: {
|
|
75779
|
+
type: Boolean,
|
|
75780
|
+
default: false
|
|
75781
|
+
},
|
|
75782
|
+
/**
|
|
75783
|
+
* @description 提示框里的文字是否超出几行显示...
|
|
75784
|
+
*/
|
|
75785
|
+
tipEllipsisLine: {
|
|
75786
|
+
type: Number,
|
|
75787
|
+
default: 1
|
|
75788
|
+
},
|
|
75789
|
+
/**
|
|
75790
|
+
* @description 卡片类名
|
|
75791
|
+
*/
|
|
75792
|
+
overlayClassName: {
|
|
75793
|
+
type: String
|
|
75794
|
+
},
|
|
75795
|
+
/**
|
|
75796
|
+
* @description 卡片样式
|
|
75797
|
+
*/
|
|
75798
|
+
overlayStyle: {
|
|
75799
|
+
type: Object
|
|
75800
|
+
},
|
|
75801
|
+
/**
|
|
75802
|
+
* @description 文字是否超出显示...
|
|
75803
|
+
*/
|
|
75804
|
+
ellipsis: {
|
|
75805
|
+
type: Boolean,
|
|
75806
|
+
default: false
|
|
75807
|
+
},
|
|
75808
|
+
/**
|
|
75809
|
+
* @description 文字的宽度,超出这个文字显示...
|
|
75810
|
+
*/
|
|
75811
|
+
width: {
|
|
75812
|
+
type: definePropType([Number, String]),
|
|
75813
|
+
default: ""
|
|
75768
75814
|
}
|
|
75769
75815
|
});
|
|
75770
75816
|
|
|
@@ -75775,15 +75821,37 @@
|
|
|
75775
75821
|
setup(__props) {
|
|
75776
75822
|
const props = __props;
|
|
75777
75823
|
const attrs = require$$0.useAttrs();
|
|
75778
|
-
const maxWidth = require$$0.computed(() => addUnit(props.maxWidth));
|
|
75779
75824
|
const bem = createNamespace("tooltip");
|
|
75825
|
+
const bemContainer = createNamespace("container-tooltip");
|
|
75826
|
+
const getContainerClass = require$$0.computed(() => {
|
|
75827
|
+
const ellipsisClass = props.ellipsis ? bemContainer.m("ellipsis") : "";
|
|
75828
|
+
return `${bemContainer.b()} ${ellipsisClass}`;
|
|
75829
|
+
});
|
|
75830
|
+
const getContainerStyle = require$$0.computed(() => {
|
|
75831
|
+
const width = addUnit(props.width);
|
|
75832
|
+
return {
|
|
75833
|
+
width: width ? width : ""
|
|
75834
|
+
};
|
|
75835
|
+
});
|
|
75836
|
+
const getOverlayClass = require$$0.computed(() => {
|
|
75837
|
+
const ellipsisClass = props.tipEllipsis ? bem.m("ellipsis") : "";
|
|
75838
|
+
return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`;
|
|
75839
|
+
});
|
|
75840
|
+
const getOverlayStyle = require$$0.computed(() => {
|
|
75841
|
+
const maxWidth = addUnit(props.maxWidth);
|
|
75842
|
+
return {
|
|
75843
|
+
WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : "none",
|
|
75844
|
+
"max-width": maxWidth,
|
|
75845
|
+
...props.overlayStyle
|
|
75846
|
+
};
|
|
75847
|
+
});
|
|
75780
75848
|
return (_ctx, _cache) => {
|
|
75781
75849
|
const _component_ll_icon = require$$0.resolveComponent("ll-icon");
|
|
75782
75850
|
const _component_a_tooltip = require$$0.resolveComponent("a-tooltip");
|
|
75783
75851
|
return require$$0.openBlock(), require$$0.createBlock(_component_a_tooltip, require$$0.mergeProps(require$$0.unref(attrs), {
|
|
75784
75852
|
placement: _ctx.placement,
|
|
75785
|
-
"overlay-style":
|
|
75786
|
-
class:
|
|
75853
|
+
"overlay-style": getOverlayStyle.value,
|
|
75854
|
+
"overlay-class-name": getOverlayClass.value
|
|
75787
75855
|
}), {
|
|
75788
75856
|
title: require$$0.withCtx(() => [
|
|
75789
75857
|
require$$0.createElementVNode(
|
|
@@ -75795,13 +75863,27 @@
|
|
|
75795
75863
|
)
|
|
75796
75864
|
]),
|
|
75797
75865
|
default: require$$0.withCtx(() => [
|
|
75798
|
-
|
|
75866
|
+
_ctx.$slots.default ? (require$$0.openBlock(), require$$0.createElementBlock(
|
|
75867
|
+
"div",
|
|
75868
|
+
{
|
|
75869
|
+
key: 0,
|
|
75870
|
+
class: require$$0.normalizeClass(getContainerClass.value),
|
|
75871
|
+
style: require$$0.normalizeStyle(getContainerStyle.value)
|
|
75872
|
+
},
|
|
75873
|
+
[
|
|
75874
|
+
require$$0.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
75875
|
+
require$$0.createVNode(_component_ll_icon, { "icon-name": "icon-question" })
|
|
75876
|
+
])
|
|
75877
|
+
],
|
|
75878
|
+
6
|
|
75879
|
+
/* CLASS, STYLE */
|
|
75880
|
+
)) : require$$0.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
|
|
75799
75881
|
require$$0.createVNode(_component_ll_icon, { "icon-name": "icon-question" })
|
|
75800
75882
|
])
|
|
75801
75883
|
]),
|
|
75802
75884
|
_: 3
|
|
75803
75885
|
/* FORWARDED */
|
|
75804
|
-
}, 16, ["placement", "overlay-style", "class"]);
|
|
75886
|
+
}, 16, ["placement", "overlay-style", "overlay-class-name"]);
|
|
75805
75887
|
};
|
|
75806
75888
|
}
|
|
75807
75889
|
});
|