ll-plus 2.4.17 → 2.4.18

package/es/index.d.ts

@@ -1,4 +1,6 @@
 import installer from './defaults';
-export * from 'll-plus/es/components/index';
+export * from 'll-plus/es/components';
+export * from 'll-plus/es/constant';
+export * from 'll-plus/es/hooks';
 export declare const install: (app: import("vue").App<any>) => void;
 export default installer;

package/es/index.mjs

@@ -1,5 +1,7 @@
 import installer from './defaults.mjs';
 import './packages/components/index.mjs';
+export { THROTTLE_TIME } from './packages/constant/index.mjs';
+import './packages/hooks/index.mjs';
 export { ALL_VALUE, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, filterAllValue, findLabelByValue, hasValue, initValue, treeDataFormat } from './packages/components/advanced-filtering/src/advanced-filtering.mjs';
 export { LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags } from './packages/components/advanced-filtering/index.mjs';
 export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList } from './packages/components/api-component/src/config/api-component.mjs';
@@ -14,6 +16,8 @@ export { bodyEmits, bodyProps } from './packages/components/api-component/src/co
 export { LlApiComponent } from './packages/components/api-component/index.mjs';
 export { AVATAR_IMG, avatarEmits, avatarProps, avatarType } from './packages/components/avatar/src/avatar.mjs';
 export { LlAvatar } from './packages/components/avatar/index.mjs';
+export { breadcrumbCardEmits, breadcrumbCardProps } from './packages/components/breadcrumb-card/src/breadcrumb-card.mjs';
+export { LlBreadcrumbCard } from './packages/components/breadcrumb-card/index.mjs';
 export { buttonProps } from './packages/components/button/src/button.mjs';
 export { LlButton } from './packages/components/button/index.mjs';
 export { LlCascader } from './packages/components/cascader/index.mjs';
@@ -114,6 +118,7 @@ export { uploadImageEmits, uploadImageProps } from './packages/components/upload
 export { LlUploadImage } from './packages/components/upload-image/index.mjs';
 export { getHttpMethodUri, httpUriOptions, uriInputEmits, uriInputProps } from './packages/components/uri-input/src/uri-input.mjs';
 export { LlUriInput } from './packages/components/uri-input/index.mjs';
+export { useScroll } from './packages/hooks/use-scroll/index.mjs';
 
 "use strict";
 const install = installer.install;

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAU,SAAU,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,UAAU,SAAU,CAAA;;;;"}

package/es/packages/components/breadcrumb-card/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import BreadcrumbCard from './src/breadcrumb-card.vue.mjs';
+export { breadcrumbCardEmits, breadcrumbCardProps } from './src/breadcrumb-card.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlBreadcrumbCard = withInstall(BreadcrumbCard);
+
+export { LlBreadcrumbCard, LlBreadcrumbCard as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/breadcrumb-card/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/breadcrumb-card/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport BreadcrumbCard from './src/breadcrumb-card.vue'\n\nexport const LlBreadcrumbCard = withInstall(BreadcrumbCard)\nexport default LlBreadcrumbCard\nexport * from './src/breadcrumb-card'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlBreadcrumbCard: typeof BreadcrumbCard\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs

@@ -0,0 +1,69 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
+"use strict";
+const breadcrumbCardProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description 容器内容的class
+   */
+  isShowShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 容器内容的class
+   */
+  class: {
+    type: String
+  },
+  /**
+   * @description 最外层的class
+   */
+  rootClass: {
+    type: String
+  },
+  /**
+   * @description 设置BreadcrumbCard的z-index
+   */
+  zIndex: {
+    type: Number,
+    default: 1e3
+  },
+  /**
+   * @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置
+   */
+  getContainer: {
+    type: definePropType(Object)
+  },
+  /**
+   * @description  是否支持键盘esc关闭
+   */
+  keyboard: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否可见
+   */
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 标题
+   */
+  title: {
+    type: String,
+    default: "\u6807\u9898"
+  }
+});
+const breadcrumbCardEmits = {
+  close: (bool) => bool,
+  // 点击左侧返回关闭事件
+  "update:visible": (bool) => bool
+  // 关闭打开弹窗
+};
+
+export { breadcrumbCardEmits, breadcrumbCardProps };
+//# sourceMappingURL=breadcrumb-card.mjs.map

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-card.mjs","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type BreadcrumbCard from './breadcrumb-card.vue'\n\nexport const breadcrumbCardProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 容器内容的class\n   */\n  isShowShadow: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 容器内容的class\n   */\n  class: {\n    type: String\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":[],"mappings":";;;;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;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,EAAM,eAAwD,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;;;;"}

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './breadcrumb-card.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var BreadcrumbCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "breadcrumb-card.vue"]]);
+
+export { BreadcrumbCard as default };
+//# sourceMappingURL=breadcrumb-card.vue.mjs.map

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-card.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs

@@ -0,0 +1,188 @@
+import { defineComponent, ref, computed, watchEffect, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+import { useScroll } from '../../../hooks/use-scroll/index.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlBreadcrumbCard"
+  },
+  __name: "breadcrumb-card",
+  props: breadcrumbCardProps,
+  emits: breadcrumbCardEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const breadcrumbCardRef = ref();
+    const rootStyle = computed(() => {
+      return { zIndex: props.zIndex };
+    });
+    const isShowContentTopBox = computed(() => {
+      return scrollPosition.value && isHasScrollBar && scrollPosition.value !== "top";
+    });
+    const isShowContentBottomBox = computed(() => {
+      return isHasScrollBar && scrollPosition.value !== "bottom";
+    });
+    const bem = createNamespace("breadcrumb-card");
+    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
+    const handleClose = async () => {
+      emits("update:visible", false);
+      emits("close", props.visible);
+    };
+    watchEffect(() => {
+      if (props.visible && breadcrumbCardRef.value) {
+        if (props.getContainer) {
+          const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
+          parentNode.appendChild(breadcrumbCardRef.value);
+        } else {
+          document.body.appendChild(breadcrumbCardRef.value);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_a_breadcrumb_item = resolveComponent("a-breadcrumb-item");
+      const _component_a_breadcrumb = resolveComponent("a-breadcrumb");
+      return _ctx.visible ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          ref_key: "breadcrumbCardRef",
+          ref: breadcrumbCardRef,
+          class: normalizeClass(`${unref(bem).b()} ${_ctx.rootClass}`),
+          style: normalizeStyle(rootStyle.value)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).e("container"))
+            },
+            [
+              createCommentVNode(" \u5934\u90E8\u5BFC\u822A\u680F "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("header"))
+                },
+                [
+                  createCommentVNode(" \u5DE6\u8FB9\u8FD4\u56DE "),
+                  createVNode(_component_a_breadcrumb, {
+                    class: normalizeClass(unref(bem).e("back"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_breadcrumb_item, {
+                        class: "icon",
+                        onClick: handleClose
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_ll_icon, {
+                            "icon-name": "icon-return-arrow",
+                            class: normalizeClass(["back-icon", unref(bem).e("back-icon")])
+                          }, null, 8, ["class"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(_component_a_breadcrumb_item, {
+                        class: normalizeClass(unref(bem).e("title"))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(_ctx.title + unref(scrollPosition)),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"]),
+                  createCommentVNode(" \u5934\u90E8\u53F3\u8FB9\u63D2\u69FD "),
+                  renderSlot(_ctx.$slots, "headerRight")
+                ],
+                2
+                /* CLASS */
+              ),
+              createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(`${unref(bem).e("content")}  ${props.class}`)
+                },
+                [
+                  createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
+                  withDirectives(createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("content-top-shadow"))
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ), [
+                    [vShow, _ctx.isShowShadow && isShowContentTopBox.value]
+                  ]),
+                  createCommentVNode(" \u5185\u5BB9\u6EDA\u52A8\u533A\u57DF "),
+                  createElementVNode(
+                    "div",
+                    {
+                      ref_key: "scrollRef",
+                      ref: scrollRef,
+                      class: normalizeClass(`${unref(bem).e("content-container")}`)
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default")
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u5E95\u90E8\u76D2\u5B50 \u53EA\u6709\u5F53\u6709\u6EDA\u52A8\u6761\u5E76\u4E14\u6CA1\u6709\u6EDA\u52A8\u5230\u5E95\u90E8\u624D\u6709\u9634\u5F71 "),
+                  withDirectives(createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("content-bottom-shadow"))
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ), [
+                    [vShow, _ctx.isShowShadow && isShowContentBottomBox.value]
+                  ]),
+                  createCommentVNode(" \u5E95\u90E8footer "),
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass(`${unref(bem).e("footer")}`)
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "footer")
+                    ],
+                    2
+                    /* CLASS */
+                  )) : createCommentVNode("v-if", true)
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=breadcrumb-card.vue2.mjs.map

package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-card.vue2.mjs","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 + scrollPosition }}\n          </a-breadcrumb-item>\n        </a-breadcrumb>\n        <!-- 头部右边插槽 -->\n        <slot name=\"headerRight\" />\n      </div>\n      <!-- 内容区域 -->\n      <div :class=\"`${bem.e('content')}  ${props.class}`\">\n        <!-- 内容区域顶部的盒子用于滚动遮盖/阴影 只有滚动状态下才有，滚动到顶部需要 -->\n        <div\n          v-show=\"isShowShadow && isShowContentTopBox\"\n          :class=\"bem.e('content-top-shadow')\"\n        ></div>\n        <!-- 内容滚动区域 -->\n        <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n          <slot />\n        </div>\n        <!-- 内容区域底部盒子 只有当有滚动条并且没有滚动到底部才有阴影 -->\n        <div\n          v-show=\"isShowShadow && isShowContentBottomBox\"\n          :class=\"bem.e('content-bottom-shadow')\"\n        ></div>\n        <!-- 底部footer -->\n        <div v-if=\"$slots.footer\" :class=\"`${bem.e('footer')}`\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watchEffect } 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.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n  return { zIndex: props.zIndex }\n})\n// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n  return (\n    scrollPosition.value && isHasScrollBar && scrollPosition.value !== 'top'\n  )\n})\n// 底部是否有阴影\nconst isShowContentBottomBox = computed(() => {\n  return isHasScrollBar && scrollPosition.value !== 'bottom'\n})\nconst bem = createNamespace('breadcrumb-card')\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n  emits('update:visible', false)\n  emits('close', props.visible)\n}\n// 5.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n  if (props.visible && breadcrumbCardRef.value) {\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</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,oBAAoB,GAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAA,OACE,cAAe,CAAA,KAAA,IAAS,cAAkB,IAAA,cAAA,CAAe,KAAU,KAAA,KAAA,CAAA;AAAA,KAEtE,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAC5C,MAAO,OAAA,cAAA,IAAkB,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,KACnD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,iBAAiB,CAAA,CAAA;AAC7C,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAIhE,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,IAAA,WAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,OAAW,IAAA,iBAAA,CAAkB,KAAO,EAAA;AAE5C,QAAA,IAAI,MAAM,YAAc,EAAA;AACtB,UAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,UAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,SAC1C,MAAA;AAEL,UAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/index.mjs

@@ -1,6 +1,7 @@
 export { LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags } from './advanced-filtering/index.mjs';
 export { LlApiComponent } from './api-component/index.mjs';
 export { LlAvatar } from './avatar/index.mjs';
+export { LlBreadcrumbCard } from './breadcrumb-card/index.mjs';
 export { LlButton } from './button/index.mjs';
 export { LlCascader } from './cascader/index.mjs';
 export { LlCheckbox, LlCheckboxGroup } from './checkbox/index.mjs';
@@ -60,6 +61,7 @@ export { contentTypeOptions, paramsOptions, paramsTableEmits, paramsTableProps,
 export { formdataTableColumns, headersTableColumns, paramsTableColumns } from './api-component/src/config/table.mjs';
 export { bodyEmits, bodyProps } from './api-component/src/config/body.mjs';
 export { AVATAR_IMG, avatarEmits, avatarProps, avatarType } from './avatar/src/avatar.mjs';
+export { breadcrumbCardEmits, breadcrumbCardProps } from './breadcrumb-card/src/breadcrumb-card.mjs';
 export { buttonProps } from './button/src/button.mjs';
 export { checkboxGroupProps, checkboxProps } from './checkbox/src/checkbox.mjs';
 export { codeEditorEmits, codeEditorProps, defaultOptions } from './code-editor/src/config/code-editor.mjs';

package/es/packages/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/hooks/index.mjs

@@ -0,0 +1,4 @@
+export { useScroll } from './use-scroll/index.mjs';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/packages/hooks/use-scroll/index.mjs

@@ -0,0 +1,44 @@
+import { ref, watch, onUnmounted } from 'vue';
+
+"use strict";
+function useScroll() {
+  const scrollRef = ref();
+  const scrollPosition = ref();
+  const isHasScrollBar = ref(false);
+  const handleScroll = (event) => {
+    const target = event.target;
+    if (!!target.scrollTop) {
+      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {
+        scrollPosition.value = "bottom";
+      } else {
+        scrollPosition.value = "scrolling";
+      }
+    } else {
+      scrollPosition.value = "top";
+    }
+  };
+  watch(
+    scrollRef,
+    () => {
+      if (scrollRef.value) {
+        if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+          isHasScrollBar.value = true;
+        }
+        scrollRef.value.addEventListener("scroll", handleScroll);
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
+  onUnmounted(() => {
+    if (scrollRef.value) {
+      scrollRef.value?.removeEventListener("scroll", handleScroll);
+    }
+  });
+  return { scrollRef, isHasScrollBar, scrollPosition };
+}
+
+export { useScroll };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-scroll/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n\n  // 滚动\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听dom的滚动事件\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {\n          isHasScrollBar.value = true\n        }\n        scrollRef.value.addEventListener('scroll', handleScroll)\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 卸载滚动事件\n  onUnmounted(() => {\n    if (scrollRef.value) {\n      scrollRef.value?.removeEventListener('scroll', handleScroll)\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiB,GAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAGhC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAI,IAAA,CAAC,CAAC,MAAA,CAAO,SAAW,EAAA;AAEtB,MAAA,IAAI,OAAO,SAAY,GAAA,MAAA,CAAO,YAAgB,IAAA,MAAA,CAAO,eAAe,CAAG,EAAA;AAErE,QAAA,cAAA,CAAe,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB,MAAA;AAEL,QAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAA;AAAA,OACzB;AAAA,KACK,MAAA;AAEL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAGA,EAAA,KAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,SAAU,CAAA,KAAA,CAAM,YAAe,GAAA,SAAA,CAAU,MAAM,YAAc,EAAA;AAC/D,UAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,SACzB;AACA,QAAU,SAAA,CAAA,KAAA,CAAM,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,OACzD;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAA,WAAA,CAAY,MAAM;AAChB,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAU,SAAA,CAAA,KAAA,EAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,KAC7D;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}