ll-plus 2.4.18 → 2.4.19

package/es/components/table/index.d.ts

@@ -105,6 +105,7 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         } & {}>;
         headerSearchRef: import("vue").Ref<any>;
         contentType: unknown;
+        observer: MutationObserver;
         emits: ((event: "change", v: import("./src/config").ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;

package/es/components/table/src/components/header-search.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {}>;
     headerSearchRef: import("vue").Ref<any>;
     contentType: unknown;
+    observer: MutationObserver;
     emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
     bem: {
         b: (blockSuffix?: string) => string;

package/es/components/table/src/table.vue.d.ts

@@ -105,6 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         } & {}>;
         headerSearchRef: import("vue").Ref<any>;
         contentType: unknown;
+        observer: MutationObserver;
         emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;

package/es/index.mjs

@@ -40,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';
@@ -73,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';

package/es/index.mjs.map

@@ -1 +1 @@
-{"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;;;;"}
+{"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/src/breadcrumb-card.mjs

@@ -5,17 +5,18 @@ import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
 const breadcrumbCardProps = buildProps({
   // buildProps和defineprops一样
   /**
-   * @description 容器内容的class
+   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
    */
-  isShowShadow: {
+  isShowTopShadow: {
     type: Boolean,
     default: true
   },
   /**
-   * @description 容器内容的class
+   * @description 容器内容底部的阴影
    */
-  class: {
-    type: String
+  isShowFooterShadow: {
+    type: Boolean,
+    default: true
   },
   /**
    * @description 最外层的class

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

@@ -1 +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;;;;"}
+{"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.vue2.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, ref, computed, watchEffect, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
+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 { createNamespace } from '../../../utils/create-namespace.mjs';
 import { useScroll } from '../../../hooks/use-scroll/index.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,18 +16,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   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 scrollPosition.value && isHasScrollBar && scrollPosition.value !== "top";
+      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
     });
     const isShowContentBottomBox = computed(() => {
-      return isHasScrollBar && scrollPosition.value !== "bottom";
+      if (props.isShowTopShadow) {
+        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      } else {
+        return props.isShowFooterShadow;
+      }
     });
     const bem = createNamespace("breadcrumb-card");
-    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
     const handleClose = async () => {
       emits("update:visible", false);
       emits("close", props.visible);
@@ -92,7 +96,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createTextVNode(
-                            toDisplayString(_ctx.title + unref(scrollPosition)),
+                            toDisplayString(_ctx.title),
                             1
                             /* TEXT */
                           )
@@ -105,7 +109,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     /* STABLE */
                   }, 8, ["class"]),
                   createCommentVNode(" \u5934\u90E8\u53F3\u8FB9\u63D2\u69FD "),
-                  renderSlot(_ctx.$slots, "headerRight")
+                  renderSlot(_ctx.$slots, "extra")
                 ],
                 2
                 /* CLASS */
@@ -113,9 +117,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
               createElementVNode(
                 "div",
-                {
-                  class: normalizeClass(`${unref(bem).e("content")}  ${props.class}`)
-                },
+                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(
@@ -127,7 +131,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     2
                     /* CLASS */
                   ), [
-                    [vShow, _ctx.isShowShadow && isShowContentTopBox.value]
+                    [vShow, isShowContentTopBox.value]
                   ]),
                   createCommentVNode(" \u5185\u5BB9\u6EDA\u52A8\u533A\u57DF "),
                   createElementVNode(
@@ -142,36 +146,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ],
                     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)
+                  )
+                ],
+                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 */

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -13,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';
@@ -26,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';
@@ -73,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';
@@ -93,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":";;;;;;;;"}

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

@@ -0,0 +1,162 @@
+import { defineComponent, useAttrs, computed, resolveComponent, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createCommentVNode, withDirectives, vShow, createVNode } from 'vue';
+import { Drawer } from 'ant-design-vue';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import { omit } from 'lodash-es';
+import { newDrawerProps, newDrawerEmits } from './drawer.mjs';
+import { useScroll } from '../../../hooks/use-scroll/index.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlNewDrawer" },
+  __name: "drawer",
+  props: newDrawerProps,
+  emits: newDrawerEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
+    const getBindValue = computed(() => {
+      const result = {
+        ...omit({ ...attrs }, [...Object.keys(newDrawerProps), "rootClassName"])
+      };
+      if (!props.showFooter)
+        result.footer = null;
+      return result;
+    });
+    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("new-drawer");
+    const handleClose = () => {
+      emits("close");
+      emits("update:open");
+    };
+    const handleCancel = () => {
+      emits("cancel");
+      emits("update:open");
+    };
+    const handleConfirm = () => {
+      emits("confirm");
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_button = resolveComponent("ll-button");
+      return openBlock(), createBlock(unref(Drawer), mergeProps(getBindValue.value, {
+        title: _ctx.title,
+        open: _ctx.open,
+        "root-class-name": `${unref(bem).b()} ${_ctx.rootClassName}`,
+        onClose: handleClose
+      }), createSlots({
+        title: withCtx(() => [
+          renderSlot(_ctx.$slots, "title")
+        ]),
+        extra: withCtx(() => [
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(bem).e("container")])
+            },
+            [
+              createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "scrollRef",
+                  ref: scrollRef,
+                  class: normalizeClass([unref(bem).e("content")])
+                },
+                [
+                  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]
+                  ]),
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.showFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
+              },
+              [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("footer-left"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "footer-left")
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("footer-right"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "footer-right", {}, () => [
+                        createVNode(_component_ll_button, mergeProps({
+                          class: unref(bem).m("cancel"),
+                          label: _ctx.cancelText
+                        }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["class", "label"]),
+                        createVNode(_component_ll_button, mergeProps({
+                          type: "primary",
+                          loading: _ctx.confirmLoading,
+                          label: _ctx.confirmText
+                        }, _ctx.okButtonProps, { onClick: handleConfirm }), null, 16, ["loading", "label"])
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["title", "open", "root-class-name"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=drawer.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <Drawer\n    v-bind=\"getBindValue\"\n    :title=\"title\"\n    :open=\"open\"\n    :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n    @close=\"handleClose\"\n  >\n    <template #title>\n      <slot name=\"title\" />\n    </template>\n    <template #extra>\n      <slot name=\"extra\" />\n    </template>\n    <div :class=\"[bem.e('container')]\">\n      <!-- 内容区域 -->\n      <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n        <!-- 内容区域顶部的盒子用于滚动遮盖/阴影 只有滚动状态下才有，滚动到顶部需要 -->\n        <div\n          v-show=\"isShowContentTopBox\"\n          :class=\"bem.e('content-top-shadow')\"\n        ></div>\n        <slot />\n      </div>\n    </div>\n    <!-- 地步区域 -->\n    <template v-if=\"showFooter\" #footer>\n      <div\n        :class=\"`${bem.e('footer')} ${\n          isShowContentBottomBox ? bem.e('footer-shadow') : ''\n        }`\"\n      >\n        <slot name=\"footer\">\n          <div :class=\"bem.e('footer-left')\">\n            <slot name=\"footer-left\" />\n          </div>\n          <div :class=\"bem.e('footer-right')\">\n            <slot name=\"footer-right\">\n              <ll-button\n                :class=\"bem.m('cancel')\"\n                :label=\"cancelText\"\n                v-bind=\"cancelButtonProps\"\n                @click=\"handleCancel\"\n              >\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"confirmLoading\"\n                :label=\"confirmText\"\n                v-bind=\"okButtonProps\"\n                @click=\"handleConfirm\"\n              >\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </template>\n  </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n  const result: DrawerProps = {\n    ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName'])\n  }\n  if (!props.showFooter) result.footer = null\n  return result\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('new-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n  emits('close')\n  emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n  emits('cancel')\n  emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n  emits('confirm')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,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,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/new-modal/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import Modal from './src/modal.vue.mjs';
+export { modalType, newModalEmits, newModalProps } from './src/modal.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlNewModal = withInstall(Modal);
+
+export { LlNewModal, LlNewModal as default };
+//# sourceMappingURL=index.mjs.map

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

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