ll-plus 2.5.17 → 2.5.18

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 (24) hide show
  1. package/es/components/breadcrumb-card/index.d.ts +0 -13
  2. package/es/components/breadcrumb-card/src/breadcrumb-card.d.ts +0 -6
  3. package/es/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +0 -13
  4. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs +4 -4
  5. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs.map +1 -1
  6. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs +1 -16
  7. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs.map +1 -1
  8. package/index.full.js +3 -18
  9. package/index.full.min.js +9 -9
  10. package/index.full.min.js.map +1 -1
  11. package/index.full.min.mjs +13 -13
  12. package/index.full.min.mjs.map +1 -1
  13. package/index.full.mjs +3 -18
  14. package/lib/components/breadcrumb-card/index.d.ts +0 -13
  15. package/lib/components/breadcrumb-card/src/breadcrumb-card.d.ts +0 -6
  16. package/lib/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +0 -13
  17. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js +3 -3
  18. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js.map +1 -1
  19. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js +0 -15
  20. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js.map +1 -1
  21. package/package.json +1 -1
  22. package/types/packages/components/breadcrumb-card/index.d.ts +0 -13
  23. package/types/packages/components/breadcrumb-card/src/breadcrumb-card.d.ts +0 -6
  24. package/types/packages/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +0 -13
package/index.full.mjs CHANGED
@@ -5714,9 +5714,9 @@ const breadcrumbCardProps = buildProps({
5714
5714
  /**
5715
5715
  * @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置
5716
5716
  */
5717
- getContainer: {
5718
- type: definePropType(Object)
5719
- },
5717
+ // getContainer: {
5718
+ // type: definePropType<() => HTMLElement | HTMLElement | false>(Object)
5719
+ // },
5720
5720
  /**
5721
5721
  * @description 是否支持键盘esc关闭
5722
5722
  */
@@ -5773,21 +5773,6 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
5773
5773
  emits("update:visible", false);
5774
5774
  emits("close", props.visible);
5775
5775
  };
5776
- watch(
5777
- () => [props.visible, props.getContainer, breadcrumbCardRef.value],
5778
- () => {
5779
- if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {
5780
- console.log(props, 123);
5781
- if (props.getContainer) {
5782
- const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
5783
- parentNode.appendChild(breadcrumbCardRef.value);
5784
- } else {
5785
- document.body.appendChild(breadcrumbCardRef.value);
5786
- }
5787
- }
5788
- },
5789
- { immediate: true, deep: true }
5790
- );
5791
5776
  const scrollTop = () => {
5792
5777
  if (scrollRef && scrollRef.value) {
5793
5778
  scrollRef.value.scrollTop = 0;
package/lib/components/breadcrumb-card/index.d.ts CHANGED
@@ -9,12 +9,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
9
9
  __epPropKey: true;
10
10
  };
11
11
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
12
- readonly getContainer: {
13
- readonly type: import("vue").PropType<() => false | HTMLElement>;
14
- readonly required: false;
15
- readonly validator: ((val: unknown) => boolean) | undefined;
16
- __epPropKey: true;
17
- };
18
12
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
19
13
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
20
14
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
@@ -26,7 +20,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
26
20
  readonly keyboard: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
27
21
  readonly isShowFooterShadow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
28
22
  readonly footerShadowPlacement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "inner" | "outer", unknown>;
29
- readonly getContainer?: (() => false | HTMLElement) | undefined;
30
23
  readonly rootClass?: string | undefined;
31
24
  readonly "onUpdate:visible"?: ((bool: boolean) => any) | undefined;
32
25
  readonly onClose?: ((bool: boolean) => any) | undefined;
@@ -65,12 +58,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
65
58
  __epPropKey: true;
66
59
  };
67
60
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
68
- readonly getContainer: {
69
- readonly type: import("vue").PropType<() => false | HTMLElement>;
70
- readonly required: false;
71
- readonly validator: ((val: unknown) => boolean) | undefined;
72
- __epPropKey: true;
73
- };
74
61
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
75
62
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
76
63
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
package/lib/components/breadcrumb-card/src/breadcrumb-card.d.ts CHANGED
@@ -10,12 +10,6 @@ export declare const breadcrumbCardProps: {
10
10
  __epPropKey: true;
11
11
  };
12
12
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
13
- readonly getContainer: {
14
- readonly type: import("vue").PropType<() => HTMLElement | HTMLElement | false>;
15
- readonly required: false;
16
- readonly validator: ((val: unknown) => boolean) | undefined;
17
- __epPropKey: true;
18
- };
19
13
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
20
14
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
21
15
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
package/lib/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts CHANGED
@@ -8,12 +8,6 @@ declare const _default: import("vue").DefineComponent<{
8
8
  __epPropKey: true;
9
9
  };
10
10
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
11
- readonly getContainer: {
12
- readonly type: import("vue").PropType<() => false | HTMLElement>;
13
- readonly required: false;
14
- readonly validator: ((val: unknown) => boolean) | undefined;
15
- __epPropKey: true;
16
- };
17
11
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
18
12
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
19
13
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
@@ -25,7 +19,6 @@ declare const _default: import("vue").DefineComponent<{
25
19
  readonly keyboard: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
26
20
  readonly isShowFooterShadow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
27
21
  readonly footerShadowPlacement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "inner" | "outer", unknown>;
28
- readonly getContainer?: (() => false | HTMLElement) | undefined;
29
22
  readonly rootClass?: string | undefined;
30
23
  readonly "onUpdate:visible"?: ((bool: boolean) => any) | undefined;
31
24
  readonly onClose?: ((bool: boolean) => any) | undefined;
@@ -64,12 +57,6 @@ declare const _default: import("vue").DefineComponent<{
64
57
  __epPropKey: true;
65
58
  };
66
59
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
67
- readonly getContainer: {
68
- readonly type: import("vue").PropType<() => false | HTMLElement>;
69
- readonly required: false;
70
- readonly validator: ((val: unknown) => boolean) | undefined;
71
- __epPropKey: true;
72
- };
73
60
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
74
61
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
75
62
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js CHANGED
@@ -39,9 +39,9 @@ const breadcrumbCardProps = runtime.buildProps({
39
39
  /**
40
40
  * @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置
41
41
  */
42
- getContainer: {
43
- type: runtime.definePropType(Object)
44
- },
42
+ // getContainer: {
43
+ // type: definePropType<() => HTMLElement | HTMLElement | false>(Object)
44
+ // },
45
45
  /**
46
46
  * @description 是否支持键盘esc关闭
47
47
  */
package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb-card.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { footerShadowPlacement } from '../../new-drawer'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type BreadcrumbCard from './breadcrumb-card.vue'\n\nexport const breadcrumbCardProps = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 滚动是否显示底部阴影\n */\n isShowFooterShadow: {\n type: Boolean,\n default: true\n },\n /**\n * @description 决定底部阴影的方向(外部和内部）,默认由内容区域来决定\n */\n footerShadowPlacement: {\n type: String,\n values: footerShadowPlacement,\n default: 'inner'\n },\n /**\n * @description 最外层的class\n */\n rootClass: {\n type: String\n },\n /**\n * @description 设置BreadcrumbCard的z-index\n */\n zIndex: {\n type: Number,\n default: 1000\n },\n /**\n * @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置\n */\n getContainer: {\n type: definePropType<() => HTMLElement | HTMLElement | false>(Object)\n },\n /**\n * @description 是否支持键盘esc关闭\n */\n keyboard: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否可见\n */\n visible: {\n type: Boolean,\n default: false\n },\n /**\n * @description 标题\n */\n title: {\n type: String,\n default: '标题'\n }\n} as const)\n\nexport const breadcrumbCardEmits = {\n close: (bool: boolean) => bool, // 点击左侧返回关闭事件\n 'update:visible': (bool: boolean) => bool // 关闭打开弹窗\n}\n\n// props\nexport type BreadcrumbCardProps = ExtractPropTypes<typeof breadcrumbCardProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type BreadcrumbCardInstance = InstanceType<typeof BreadcrumbCard>\n"],"names":["buildProps","footerShadowPlacement","definePropType"],"mappings":";;;;;;;;AAMO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAuB,EAAA;AAAA,IACrB,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAAC,4BAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMC,uBAAwD,MAAM,CAAA;AAAA,GACtE;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,mBAAsB,GAAA;AAAA,EACjC,KAAA,EAAO,CAAC,IAAkB,KAAA,IAAA;AAAA;AAAA,EAC1B,gBAAA,EAAkB,CAAC,IAAkB,KAAA,IAAA;AAAA;AACvC;;;;;"}
1
+ {"version":3,"file":"breadcrumb-card.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\nimport { footerShadowPlacement } from '../../new-drawer'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type BreadcrumbCard from './breadcrumb-card.vue'\n\nexport const breadcrumbCardProps = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 滚动是否显示底部阴影\n */\n isShowFooterShadow: {\n type: Boolean,\n default: true\n },\n /**\n * @description 决定底部阴影的方向(外部和内部）,默认由内容区域来决定\n */\n footerShadowPlacement: {\n type: String,\n values: footerShadowPlacement,\n default: 'inner'\n },\n /**\n * @description 最外层的class\n */\n rootClass: {\n type: String\n },\n /**\n * @description 设置BreadcrumbCard的z-index\n */\n zIndex: {\n type: Number,\n default: 1000\n },\n /**\n * @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置\n */\n // getContainer: {\n // type: definePropType<() => HTMLElement | HTMLElement | false>(Object)\n // },\n /**\n * @description 是否支持键盘esc关闭\n */\n keyboard: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否可见\n */\n visible: {\n type: Boolean,\n default: false\n },\n /**\n * @description 标题\n */\n title: {\n type: String,\n default: '标题'\n }\n} as const)\n\nexport const breadcrumbCardEmits = {\n close: (bool: boolean) => bool, // 点击左侧返回关闭事件\n 'update:visible': (bool: boolean) => bool // 关闭打开弹窗\n}\n\n// props\nexport type BreadcrumbCardProps = ExtractPropTypes<typeof breadcrumbCardProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type BreadcrumbCardInstance = InstanceType<typeof BreadcrumbCard>\n"],"names":["buildProps","footerShadowPlacement"],"mappings":";;;;;;;;AAMO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAuB,EAAA;AAAA,IACrB,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAAC,4BAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,mBAAsB,GAAA;AAAA,EACjC,KAAA,EAAO,CAAC,IAAkB,KAAA,IAAA;AAAA;AAAA,EAC1B,gBAAA,EAAkB,CAAC,IAAkB,KAAA,IAAA;AAAA;AACvC;;;;;"}
package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js CHANGED
@@ -37,21 +37,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
37
37
  emits("update:visible", false);
38
38
  emits("close", props.visible);
39
39
  };
40
- vue.watch(
41
- () => [props.visible, props.getContainer, breadcrumbCardRef.value],
42
- () => {
43
- if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {
44
- console.log(props, 123);
45
- if (props.getContainer) {
46
- const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
47
- parentNode.appendChild(breadcrumbCardRef.value);
48
- } else {
49
- document.body.appendChild(breadcrumbCardRef.value);
50
- }
51
- }
52
- },
53
- { immediate: true, deep: true }
54
- );
55
40
  const scrollTop = () => {
56
41
  if (scrollRef && scrollRef.value) {
57
42
  scrollRef.value.scrollTop = 0;
package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"extra\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n </div>\n <!-- 底部footer -->\n <div\n v-if=\"$slots.footer\"\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatch(\n () => [props.visible, props.getContainer, breadcrumbCardRef.value],\n () => {\n if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {\n console.log(props, 123)\n // 添加到指定的位置下\n if (props.getContainer) {\n const parentNode: any =\n typeof props.getContainer === 'function'\n ? props.getContainer()\n : props.getContainer\n parentNode.appendChild(breadcrumbCardRef.value!)\n } else {\n // 添加到body下\n document.body.appendChild(breadcrumbCardRef.value!)\n }\n }\n },\n { immediate: true, deep: true }\n)\n// watchEffect(() => {\n// if (props.visible && breadcrumbCardRef.value) {\n// console.log(props, 123)\n// // 添加到指定的位置下\n// if (props.getContainer) {\n// const parentNode: any =\n// typeof props.getContainer === 'function'\n// ? props.getContainer()\n// : props.getContainer\n// parentNode.appendChild(breadcrumbCardRef.value!)\n// } else {\n// // 添加到body下\n// document.body.appendChild(breadcrumbCardRef.value!)\n// }\n// }\n// })\n\n// 滚动条返回顶部\nconst scrollTop = () => {\n if (scrollRef && scrollRef.value) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n}\n\n// 7.defineExpose\ndefineExpose({\n scrollTop\n})\n</script>\n"],"names":["useScroll","ref","computed","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,oBAAoBC,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,iBAAiB,CAAA,CAAA;AAI7C,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAA,CAAM,SAAS,KAAM,CAAA,YAAA,EAAc,kBAAkB,KAAK,CAAA;AAAA,MACjE,MAAM;AACJ,QAAA,IAAI,KAAM,CAAA,OAAA,IAAW,iBAAqB,IAAA,iBAAA,CAAkB,KAAO,EAAA;AACjE,UAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,GAAG,CAAA,CAAA;AAEtB,UAAA,IAAI,MAAM,YAAc,EAAA;AACtB,YAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,YAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,WAC1C,MAAA;AAEL,YAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,WACpD;AAAA,SACF;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA;AAmBA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"extra\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n </div>\n <!-- 底部footer -->\n <div\n v-if=\"$slots.footer\"\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\n// watchEffect(() => {\n// if (props.visible && breadcrumbCardRef.value) {\n// // 添加到指定的位置下\n// if (isAdd.value) return\n// if (props.getContainer) {\n// const parentNode: any =\n// typeof props.getContainer === 'function'\n// ? props.getContainer()\n// : props.getContainer\n// parentNode.appendChild(breadcrumbCardRef.value!)\n// } else {\n// // 添加到body下\n// document.body.appendChild(breadcrumbCardRef.value!)\n// }\n// isAdd.value = true\n// }\n// })\n\n// 滚动条返回顶部\nconst scrollTop = () => {\n if (scrollRef && scrollRef.value) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n}\n\n// 7.defineExpose\ndefineExpose({\n scrollTop\n})\n</script>\n"],"names":["useScroll","ref","computed","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,oBAAoBC,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,iBAAiB,CAAA,CAAA;AAI7C,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAsBA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ll-plus",
3
- "version": "2.5.17",
3
+ "version": "2.5.18",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.mjs",
package/types/packages/components/breadcrumb-card/index.d.ts CHANGED
@@ -9,12 +9,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
9
9
  __epPropKey: true;
10
10
  };
11
11
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
12
- readonly getContainer: {
13
- readonly type: import("vue").PropType<() => false | HTMLElement>;
14
- readonly required: false;
15
- readonly validator: ((val: unknown) => boolean) | undefined;
16
- __epPropKey: true;
17
- };
18
12
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
19
13
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
20
14
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
@@ -26,7 +20,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
26
20
  readonly keyboard: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
27
21
  readonly isShowFooterShadow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
28
22
  readonly footerShadowPlacement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "inner" | "outer", unknown>;
29
- readonly getContainer?: (() => false | HTMLElement) | undefined;
30
23
  readonly rootClass?: string | undefined;
31
24
  readonly "onUpdate:visible"?: ((bool: boolean) => any) | undefined;
32
25
  readonly onClose?: ((bool: boolean) => any) | undefined;
@@ -65,12 +58,6 @@ export declare const LlBreadcrumbCard: import("ll-plus/es/utils").SFCWithInstall
65
58
  __epPropKey: true;
66
59
  };
67
60
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
68
- readonly getContainer: {
69
- readonly type: import("vue").PropType<() => false | HTMLElement>;
70
- readonly required: false;
71
- readonly validator: ((val: unknown) => boolean) | undefined;
72
- __epPropKey: true;
73
- };
74
61
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
75
62
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
76
63
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
package/types/packages/components/breadcrumb-card/src/breadcrumb-card.d.ts CHANGED
@@ -10,12 +10,6 @@ export declare const breadcrumbCardProps: {
10
10
  __epPropKey: true;
11
11
  };
12
12
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
13
- readonly getContainer: {
14
- readonly type: import("vue").PropType<() => HTMLElement | HTMLElement | false>;
15
- readonly required: false;
16
- readonly validator: ((val: unknown) => boolean) | undefined;
17
- __epPropKey: true;
18
- };
19
13
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
20
14
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
21
15
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
package/types/packages/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts CHANGED
@@ -8,12 +8,6 @@ declare const _default: import("vue").DefineComponent<{
8
8
  __epPropKey: true;
9
9
  };
10
10
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
11
- readonly getContainer: {
12
- readonly type: import("vue").PropType<() => false | HTMLElement>;
13
- readonly required: false;
14
- readonly validator: ((val: unknown) => boolean) | undefined;
15
- __epPropKey: true;
16
- };
17
11
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
18
12
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
19
13
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;
@@ -25,7 +19,6 @@ declare const _default: import("vue").DefineComponent<{
25
19
  readonly keyboard: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
26
20
  readonly isShowFooterShadow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
27
21
  readonly footerShadowPlacement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "inner" | "outer", unknown>;
28
- readonly getContainer?: (() => false | HTMLElement) | undefined;
29
22
  readonly rootClass?: string | undefined;
30
23
  readonly "onUpdate:visible"?: ((bool: boolean) => any) | undefined;
31
24
  readonly onClose?: ((bool: boolean) => any) | undefined;
@@ -64,12 +57,6 @@ declare const _default: import("vue").DefineComponent<{
64
57
  __epPropKey: true;
65
58
  };
66
59
  readonly zIndex: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1000, boolean>;
67
- readonly getContainer: {
68
- readonly type: import("vue").PropType<() => false | HTMLElement>;
69
- readonly required: false;
70
- readonly validator: ((val: unknown) => boolean) | undefined;
71
- __epPropKey: true;
72
- };
73
60
  readonly keyboard: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
74
61
  readonly visible: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
75
62
  readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "标题", boolean>;