ll-plus 2.4.17 → 2.4.19

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';
@@ -36,6 +40,8 @@ export { useSecondConfirmation } from './packages/components/drawer/src/componen
 export { secondConfirmationProps } from './packages/components/drawer/src/components/second-confirmation/src/second-confirmation.mjs';
 export { LlSecondConfirmation } from './packages/components/drawer/src/components/second-confirmation/index.mjs';
 export { LlDrawer } from './packages/components/drawer/index.mjs';
+export { newDrawerEmits, newDrawerProps } from './packages/components/new-drawer/src/drawer.mjs';
+export { LlNewDrawer } from './packages/components/new-drawer/index.mjs';
 export { easyCronEmits, easyCronProps } from './packages/components/easy-cron/src/config/easy-cron.mjs';
 export { dateUtil, formatToDate, formatToDateTime } from './packages/components/easy-cron/src/config/date-utils.mjs';
 export { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './packages/components/easy-cron/src/config/use-tab-mixin.mjs';
@@ -69,6 +75,8 @@ export { llMarkdownViewerProps } from './packages/components/markdown-editor/src
 export { LlMarkdownEditor, LlMarkdownViewer } from './packages/components/markdown-editor/index.mjs';
 export { modalEmits, modalProps } from './packages/components/modal/src/modal.mjs';
 export { LlModal } from './packages/components/modal/index.mjs';
+export { modalType, newModalEmits, newModalProps } from './packages/components/new-modal/src/modal.mjs';
+export { LlNewModal } from './packages/components/new-modal/index.mjs';
 export { numberRangeEmits, numberRangeProps } from './packages/components/number-range/src/number-range.mjs';
 export { LlNumberRange } from './packages/components/number-range/index.mjs';
 export { operateIconEmits, operateIconProps } from './packages/components/operate-icon/src/operate-icon.mjs';
@@ -114,6 +122,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,70 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
+"use strict";
+const breadcrumbCardProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
+   */
+  isShowTopShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 容器内容底部的阴影
+   */
+  isShowFooterShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @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 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动\n   */\n  isShowTopShadow: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 容器内容底部的阴影\n   */\n  isShowFooterShadow: {\n    type: Boolean,\n    default: true\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,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;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,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,180 @@
+import { defineComponent, ref, computed, watchEffect, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, renderSlot, mergeProps, withDirectives, vShow } from 'vue';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card.mjs';
+import { useScroll } from '../../../hooks/use-scroll/index.mjs';
+import { createNamespace } from '../../../utils/create-namespace.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 { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
+    const breadcrumbCardRef = ref();
+    const rootStyle = computed(() => {
+      return { zIndex: props.zIndex };
+    });
+    const isShowContentTopBox = computed(() => {
+      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
+    });
+    const isShowContentBottomBox = computed(() => {
+      if (props.isShowTopShadow) {
+        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      } else {
+        return props.isShowFooterShadow;
+      }
+    });
+    const bem = createNamespace("breadcrumb-card");
+    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),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"]),
+                  createCommentVNode(" \u5934\u90E8\u53F3\u8FB9\u63D2\u69FD "),
+                  renderSlot(_ctx.$slots, "extra")
+                ],
+                2
+                /* CLASS */
+              ),
+              createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+              createElementVNode(
+                "div",
+                mergeProps({
+                  class: `${unref(bem).e("content")}`
+                }, _ctx.$attrs),
+                [
+                  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, 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 */
+                  )
+                ],
+                16
+                /* FULL_PROPS */
+              ),
+              createCommentVNode(" \u5E95\u90E8footer "),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
+                },
+                [
+                  renderSlot(_ctx.$slots, "footer")
+                ],
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true)
+            ],
+            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 }}\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\n          v-show=\"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      </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, 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.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// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n  return (\n    props.isShowTopShadow &&\n    scrollPosition.value &&\n    isHasScrollBar.value &&\n    scrollPosition.value !== 'top'\n  )\n})\n// 是否现实内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.isShowTopShadow) {\n    return isHasScrollBar.value && scrollPosition.value !== 'bottom'\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// 监听添加弹窗的位置\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,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,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,MAAM,eACN,IAAA,cAAA,CAAe,SACf,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,KAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAE5C,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OACnD,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,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,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';
@@ -12,6 +13,7 @@ export { LlDateRange } from './date-range/index.mjs';
 export { LlDescriptions } from './descriptions/index.mjs';
 export { LlDescriptionsItem } from './descriptions-item/index.mjs';
 export { LlDrawer } from './drawer/index.mjs';
+export { LlNewDrawer } from './new-drawer/index.mjs';
 export { LlEasyCron } from './easy-cron/index.mjs';
 export { LlEmpty } from './empty/index.mjs';
 export { LlForm, LlFormComponent } from './form/index.mjs';
@@ -25,6 +27,7 @@ export { LlInputNumber } from './input-number/index.mjs';
 export { LlKeyValue } from './key-value/index.mjs';
 export { LlMarkdownEditor, LlMarkdownViewer } from './markdown-editor/index.mjs';
 export { LlModal } from './modal/index.mjs';
+export { LlNewModal } from './new-modal/index.mjs';
 export { LlNumberRange } from './number-range/index.mjs';
 export { LlOperateIcon } from './operate-icon/index.mjs';
 export { LlOperateTree } from './operate-tree/index.mjs';
@@ -60,6 +63,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';
@@ -71,6 +75,7 @@ export { drawerEmits, drawerOptions, drawerProps } from './drawer/src/drawer.mjs
 export { useSecondConfirmation } from './drawer/src/components/second-confirmation/src/use-second-confirmation.mjs';
 export { secondConfirmationProps } from './drawer/src/components/second-confirmation/src/second-confirmation.mjs';
 export { LlSecondConfirmation } from './drawer/src/components/second-confirmation/index.mjs';
+export { newDrawerEmits, newDrawerProps } from './new-drawer/src/drawer.mjs';
 export { easyCronEmits, easyCronProps } from './easy-cron/src/config/easy-cron.mjs';
 export { dateUtil, formatToDate, formatToDateTime } from './easy-cron/src/config/date-utils.mjs';
 export { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './easy-cron/src/config/use-tab-mixin.mjs';
@@ -91,6 +96,7 @@ export { formColumns, formOptions, keyValueItemEmits, keyValueItemProps, typeRul
 export { llMarkdownEditorEmits, llMarkdownEditorProps } from './markdown-editor/src/config/markdown-editor.mjs';
 export { llMarkdownViewerProps } from './markdown-editor/src/config/markdown-viewer.mjs';
 export { modalEmits, modalProps } from './modal/src/modal.mjs';
+export { modalType, newModalEmits, newModalProps } from './new-modal/src/modal.mjs';
 export { numberRangeEmits, numberRangeProps } from './number-range/src/number-range.mjs';
 export { operateIconEmits, operateIconProps } from './operate-icon/src/operate-icon.mjs';
 export { OperateTreeEmits, operateTreeEmits, operateTreeProps } from './operate-tree/src/operate-tree.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/components/new-drawer/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import Drawer from './src/drawer.vue.mjs';
+export { newDrawerEmits, newDrawerProps } from './src/drawer.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlNewDrawer = withInstall(Drawer);
+
+export { LlNewDrawer, LlNewDrawer as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/new-drawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/new-drawer/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Drawer from './src/drawer.vue'\n\nexport const LlNewDrawer = withInstall(Drawer)\n\nexport default LlNewDrawer\n\nexport * from './src/drawer'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlNewDrawer: typeof Drawer\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,WAAA,GAAc,YAAY,MAAM;;;;"}

package/es/packages/components/new-drawer/src/drawer.mjs

@@ -0,0 +1,106 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
+"use strict";
+const newDrawerProps = buildProps({
+  /**
+   * @description 对话框外层容器的类名
+   */
+  rootClassName: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 宽度
+   */
+  width: {
+    type: definePropType([Number, String]),
+    default: "560px"
+  },
+  /**
+   * @description 抽屉是否可见
+   */
+  open: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 标题
+   */
+  title: {
+    type: String,
+    default: "\u65B0\u589E"
+  },
+  /**
+   * @description  确认/知道了按钮loading
+   */
+  confirmLoading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 取消按钮的配置信息
+   */
+  cancelButtonProps: {
+    type: definePropType(Object)
+  },
+  /**
+   * @description 确认按钮的配置信息
+   */
+  okButtonProps: {
+    type: definePropType(Object)
+  },
+  /**
+   * @description 确认按钮文字
+   */
+  confirmText: {
+    type: String,
+    default: "\u786E\u8BA4"
+  },
+  /**
+   * @description 取消按钮文字
+   */
+  cancelText: {
+    type: String,
+    default: "\u53D6\u6D88"
+  },
+  /**
+   * @description 显示底部
+   */
+  showFooter: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
+   */
+  isShowTopShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 容器内容底部的阴影
+   */
+  isShowFooterShadow: {
+    type: Boolean,
+    default: true
+  }
+});
+const newDrawerEmits = {
+  /**
+   * @description 点击取消时触发
+   */
+  cancel: () => true,
+  /**
+   * @description 点击确认时触发
+   */
+  confirm: () => true,
+  /**
+   * @description 抽屉关闭时触发
+   */
+  close: () => true,
+  "update:open": () => true
+};
+
+export { newDrawerEmits, newDrawerProps };
+//# sourceMappingURL=drawer.mjs.map

package/es/packages/components/new-drawer/src/drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/new-drawer/src/drawer.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Drawer from './drawer.vue'\nimport type { ButtonProps } from '@ll-plus/components'\n\nexport const newDrawerProps = buildProps({\n  /**\n   * @description 对话框外层容器的类名\n   */\n  rootClassName: {\n    type: String,\n    default: ''\n  },\n  /**\n   * @description 宽度\n   */\n  width: {\n    type: definePropType<number | string>([Number, String]),\n    default: '560px'\n  },\n  /**\n   * @description 抽屉是否可见\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 标题\n   */\n  title: {\n    type: String,\n    default: '新增'\n  },\n  /**\n   * @description  确认/知道了按钮loading\n   */\n  confirmLoading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 取消按钮的配置信息\n   */\n  cancelButtonProps: {\n    type: definePropType<ButtonProps>(Object)\n  },\n  /**\n   * @description 确认按钮的配置信息\n   */\n  okButtonProps: {\n    type: definePropType<ButtonProps>(Object)\n  },\n  /**\n   * @description 确认按钮文字\n   */\n  confirmText: {\n    type: String,\n    default: '确认'\n  },\n  /**\n   * @description 取消按钮文字\n   */\n  cancelText: {\n    type: String,\n    default: '取消'\n  },\n  /**\n   * @description 显示底部\n   */\n  showFooter: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动\n   */\n  isShowTopShadow: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 容器内容底部的阴影\n   */\n  isShowFooterShadow: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const newDrawerEmits = {\n  /**\n   * @description 点击取消时触发\n   */\n  cancel: () => true,\n  /**\n   * @description 点击确认时触发\n   */\n  confirm: () => true,\n  /**\n   * @description 抽屉关闭时触发\n   */\n  close: () => true,\n  'update:open': () => true\n} as const\n\n// props\nexport type NewDrawerProps = ExtractPropTypes<typeof newDrawerProps>\n\n// emits\nexport type NewDrawerEmits = typeof newDrawerEmits\n\n// instance\nexport type NewDrawerInstance = InstanceType<typeof Drawer>\n"],"names":[],"mappings":";;;;AAMO,MAAM,iBAAiB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIvC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;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,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,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;AAAA;AAAA;AAAA;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,cAAiB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI5B,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,SAAS,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAIf,OAAO,MAAM,IAAA;AAAA,EACb,eAAe,MAAM,IAAA;AACvB;;;;"}

package/es/packages/components/new-drawer/src/drawer.vue.mjs

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

package/es/packages/components/new-drawer/src/drawer.vue.mjs.map

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