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.
Files changed (36) hide show
  1. package/es/components/image/index.d.ts +1 -0
  2. package/es/components/image/src/image.vue.d.ts +1 -0
  3. package/es/components/tooltip/index.d.ts +61 -1
  4. package/es/components/tooltip/src/tooltip.d.ts +16 -0
  5. package/es/components/tooltip/src/tooltip.vue.d.ts +61 -1
  6. package/es/packages/components/image/src/image.vue2.mjs +8 -2
  7. package/es/packages/components/image/src/image.vue2.mjs.map +1 -1
  8. package/es/packages/components/tooltip/src/tooltip.mjs +40 -0
  9. package/es/packages/components/tooltip/src/tooltip.mjs.map +1 -1
  10. package/es/packages/components/tooltip/src/tooltip.vue2.mjs +43 -7
  11. package/es/packages/components/tooltip/src/tooltip.vue2.mjs.map +1 -1
  12. package/index.full.js +89 -7
  13. package/index.full.min.js +18 -18
  14. package/index.full.min.js.map +1 -1
  15. package/index.full.min.mjs +19 -19
  16. package/index.full.min.mjs.map +1 -1
  17. package/index.full.mjs +89 -7
  18. package/lib/components/image/index.d.ts +1 -0
  19. package/lib/components/image/src/image.vue.d.ts +1 -0
  20. package/lib/components/tooltip/index.d.ts +61 -1
  21. package/lib/components/tooltip/src/tooltip.d.ts +16 -0
  22. package/lib/components/tooltip/src/tooltip.vue.d.ts +61 -1
  23. package/lib/packages/components/image/src/image.vue2.js +8 -2
  24. package/lib/packages/components/image/src/image.vue2.js.map +1 -1
  25. package/lib/packages/components/tooltip/src/tooltip.js +40 -0
  26. package/lib/packages/components/tooltip/src/tooltip.js.map +1 -1
  27. package/lib/packages/components/tooltip/src/tooltip.vue2.js +42 -6
  28. package/lib/packages/components/tooltip/src/tooltip.vue2.js.map +1 -1
  29. package/package.json +1 -1
  30. package/theme-chalk/css/index.css +1 -1
  31. package/theme-chalk/css/tooltip.css +1 -1
  32. package/types/packages/components/image/index.d.ts +1 -0
  33. package/types/packages/components/image/src/image.vue.d.ts +1 -0
  34. package/types/packages/components/tooltip/index.d.ts +61 -1
  35. package/types/packages/components/tooltip/src/tooltip.d.ts +16 -0
  36. 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, { fallback: computedFallback.value }), {
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":";;;;;;;;;;;;;AA6BA,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;;;;;;;;;;;;;;;;;;;;;;"}
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": { "max-width": maxWidth.value },
23
- class: unref(bem).b()
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
- renderSlot(_ctx.$slots, "default", {}, () => [
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=\"{ 'max-width': maxWidth }\"\n :class=\"bem.b()\"\n >\n <template #title>\n <span>{{ tip }}</span>\n </template>\n <slot>\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 maxWidth = computed(() => addUnit(props.maxWidth))\nconst bem = createNamespace('tooltip')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAA;AACvD,IAAM,MAAA,GAAA,GAAM,gBAAgB,SAAS,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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, { fallback: computedFallback.value }), {
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": { "max-width": maxWidth.value },
75786
- class: require$$0.unref(bem).b()
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
- require$$0.renderSlot(_ctx.$slots, "default", {}, () => [
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
  });