ll-plus 2.5.5 → 2.5.7

package/es/components/drawer/src/components/second-confirmation/index.d.ts

@@ -29,9 +29,9 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         is: (name?: string) => string;
     };
     props: import("@vue/shared").LooseRequired<{
-        readonly message: string;
         readonly title: string;
         readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly message: string;
         readonly icon: {
             readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
             readonly color?: string | undefined;
@@ -2097,9 +2097,9 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
     readonly onConfirm: FunctionConstructor;
     readonly onCancel: FunctionConstructor;
 }>>, {
-    readonly message: string;
     readonly title: string;
     readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly message: string;
     readonly icon: {
         readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly color?: string | undefined;

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts

@@ -28,9 +28,9 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     props: import("@vue/shared").LooseRequired<{
-        readonly message: string;
         readonly title: string;
         readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
+        readonly message: string;
         readonly icon: {
             readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
             readonly color?: string | undefined;
@@ -2096,9 +2096,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly onConfirm: FunctionConstructor;
     readonly onCancel: FunctionConstructor;
 }>>, {
-    readonly message: string;
     readonly title: string;
     readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
+    readonly message: string;
     readonly icon: {
         readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly color?: string | undefined;

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

@@ -51,7 +51,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         open: _ctx.open,
         title: _ctx.title,
         "wrap-class-name": `${unref(bem).b()} ${_ctx.wrapClassName}`,
-        class: unref(bem).is("confirm"),
         onCancel: handleCancel,
         onOk: handleOk
       }), createSlots({
@@ -102,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["open", "title", "wrap-class-name", "class"]);
+      ]), 1040, ["open", "title", "wrap-class-name"]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"open\"\n    :title=\"title\"\n    :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n    :class=\"bem.is('confirm')\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <!-- 内容区域 -->\n    <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n      <slot />\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          <ll-button\n            v-if=\"type !== 'confirm'\"\n            :label=\"cancelText\"\n            size=\"middle\"\n            v-bind=\"cancelButtonProps\"\n            @click=\"handleCancel\"\n          >\n          </ll-button>\n          <ll-button\n            type=\"primary\"\n            :loading=\"props.confirmLoading\"\n            size=\"middle\"\n            :label=\"\n              props.confirmText\n                ? props.confirmText\n                : props.type === 'confirm'\n                  ? '知道了'\n                  : '确认'\n            \"\n            v-bind=\"okButtonProps\"\n            @click=\"handleOk\"\n          />\n        </slot>\n      </div>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\nconst getBindValue = computed(() => {\n  const result: ModalProps = {\n    ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmEA,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,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,aAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,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,sBAAA,GAAyB,SAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"open\"\n    :title=\"title\"\n    :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <!-- 内容区域 -->\n    <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n      <slot />\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          <ll-button\n            v-if=\"type !== 'confirm'\"\n            :label=\"cancelText\"\n            size=\"middle\"\n            v-bind=\"cancelButtonProps\"\n            @click=\"handleCancel\"\n          >\n          </ll-button>\n          <ll-button\n            type=\"primary\"\n            :loading=\"props.confirmLoading\"\n            size=\"middle\"\n            :label=\"\n              props.confirmText\n                ? props.confirmText\n                : props.type === 'confirm'\n                  ? '知道了'\n                  : '确认'\n            \"\n            v-bind=\"okButtonProps\"\n            @click=\"handleOk\"\n          />\n        </slot>\n      </div>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\nconst getBindValue = computed(() => {\n  const result: ModalProps = {\n    ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n  }\n  if (!props.showFooter) result.footer = null\n  return result\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,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,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,aAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,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,sBAAA,GAAyB,SAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,6 @@ function useScroll() {
   const scrollPosition = ref();
   const isHasScrollBar = ref(false);
   let observer;
-  let timer;
   const handleScroll = (event) => {
     const target = event.target;
     getSrcollPosition(target);
@@ -27,58 +26,20 @@ function useScroll() {
       scrollPosition.value = "top";
     }
   };
-  watch(
-    scrollRef,
-    () => {
-      if (scrollRef.value) {
-        timer = setTimeout(() => {
-          if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
-            isHasScrollBar.value = true;
-          }
-        }, 10);
-        scrollRef.value.addEventListener("scroll", handleScroll);
-      }
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
-  const handleWindowResize = () => {
-    getSrcollPosition(scrollRef.value);
-  };
-  watch(
-    scrollRef,
-    () => {
-      if (scrollRef.value) {
-        window.addEventListener("resize", handleWindowResize);
-      }
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
   watch(
     scrollRef,
     () => {
       if (scrollRef.value) {
         if (!observer) {
-          observer = new MutationObserver(function(mutations) {
-            mutations.forEach(function() {
-              if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
-                isHasScrollBar.value = true;
-              }
-              scrollRef.value.addEventListener("scroll", handleScroll);
-            });
+          observer = new ResizeObserver(() => {
+            if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+              isHasScrollBar.value = true;
+            } else {
+              isHasScrollBar.value = false;
+            }
           });
-          const config = {
-            childList: true,
-            // 观察直接子节点
-            subtree: true
-            // 及其更低的后代节点
-          };
-          observer.observe(scrollRef.value, config);
+          scrollRef.value.addEventListener("scroll", handleScroll);
+          observer.observe(scrollRef.value);
         }
       }
     },
@@ -87,25 +48,11 @@ function useScroll() {
       deep: true
     }
   );
-  onUnmounted(() => {
-    if (scrollRef.value) {
-      scrollRef.value?.removeEventListener("scroll", handleScroll);
-    }
-  });
-  onUnmounted(() => {
-    window.removeEventListener("resize", handleWindowResize);
-  });
   onUnmounted(() => {
     if (observer) {
       observer.disconnect();
     }
   });
-  onUnmounted(() => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  });
   return { scrollRef, isHasScrollBar, scrollPosition };
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\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  let observer: MutationObserver // 监听dom内容发生变化\n  let timer\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\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        // 防止子元素没有加载出来没有高度\n        timer = setTimeout(() => {\n          if (scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight) {\n            isHasScrollBar.value = true\n          }\n        }, 10)\n        scrollRef.value.addEventListener('scroll', handleScroll)\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 监听window的resize事件\n  const handleWindowResize = () => {\n    getSrcollPosition(scrollRef.value!)\n  }\n  // 监听window的resize\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        window.addEventListener('resize', handleWindowResize)\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 监视对 DOM 树所做更改的能力（对dom增删改等）\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new MutationObserver(function (mutations) {\n            mutations.forEach(function () {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              }\n              scrollRef.value!.addEventListener('scroll', handleScroll)\n            })\n          })\n          // 配置MutationObserver，监听子节点的变化\n          const config = {\n            childList: true, // 观察直接子节点\n            subtree: true // 及其更低的后代节点\n          }\n          // 开始监听容器的变化\n          observer.observe(scrollRef.value!, config)\n        }\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  // 卸载停止resize\n  onUnmounted(() => {\n    window.removeEventListener('resize', handleWindowResize)\n  })\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  // 清空定时器\n  onUnmounted(() => {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n  let observer: ResizeObserver // 监听dom内容发生变化\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\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  // 监听滚动容器高度的变化\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            // 检查容器的高度变化\n            if (scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight) {\n              isHasScrollBar.value = true\n            } else {\n              isHasScrollBar.value = false\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":[],"mappings":";;;AASO,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;AAChC,EAAI,IAAA,QAAA,CAAA;AAGJ,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAwB,KAAA;AAEjD,IAAI,IAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,YAAc,EAAA;AAC7C,MAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AACA,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,CAAC,QAAU,EAAA;AACb,UAAW,QAAA,GAAA,IAAI,eAAe,MAAM;AAElC,YAAA,IAAI,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YAAc,EAAA;AACjE,cAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,aAClB,MAAA;AACL,cAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,aACzB;AAAA,WACD,CAAA,CAAA;AACD,UAAU,SAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AACxD,UAAS,QAAA,CAAA,OAAA,CAAQ,UAAU,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;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,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}

package/index.full.js

@@ -5378,7 +5378,6 @@
     const scrollPosition = require$$0.ref();
     const isHasScrollBar = require$$0.ref(false);
     let observer;
-    let timer;
     const handleScroll = (event) => {
       const target = event.target;
       getSrcollPosition(target);
@@ -5399,58 +5398,20 @@
         scrollPosition.value = "top";
       }
     };
-    require$$0.watch(
-      scrollRef,
-      () => {
-        if (scrollRef.value) {
-          timer = setTimeout(() => {
-            if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
-              isHasScrollBar.value = true;
-            }
-          }, 10);
-          scrollRef.value.addEventListener("scroll", handleScroll);
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    const handleWindowResize = () => {
-      getSrcollPosition(scrollRef.value);
-    };
-    require$$0.watch(
-      scrollRef,
-      () => {
-        if (scrollRef.value) {
-          window.addEventListener("resize", handleWindowResize);
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
     require$$0.watch(
       scrollRef,
       () => {
         if (scrollRef.value) {
           if (!observer) {
-            observer = new MutationObserver(function(mutations) {
-              mutations.forEach(function() {
-                if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
-                  isHasScrollBar.value = true;
-                }
-                scrollRef.value.addEventListener("scroll", handleScroll);
-              });
+            observer = new ResizeObserver(() => {
+              if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+                isHasScrollBar.value = true;
+              } else {
+                isHasScrollBar.value = false;
+              }
             });
-            const config = {
-              childList: true,
-              // 观察直接子节点
-              subtree: true
-              // 及其更低的后代节点
-            };
-            observer.observe(scrollRef.value, config);
+            scrollRef.value.addEventListener("scroll", handleScroll);
+            observer.observe(scrollRef.value);
           }
         }
       },
@@ -5459,25 +5420,11 @@
         deep: true
       }
     );
-    require$$0.onUnmounted(() => {
-      if (scrollRef.value) {
-        scrollRef.value?.removeEventListener("scroll", handleScroll);
-      }
-    });
-    require$$0.onUnmounted(() => {
-      window.removeEventListener("resize", handleWindowResize);
-    });
     require$$0.onUnmounted(() => {
       if (observer) {
         observer.disconnect();
       }
     });
-    require$$0.onUnmounted(() => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-    });
     return { scrollRef, isHasScrollBar, scrollPosition };
   }
 
@@ -65069,7 +65016,6 @@
           open: _ctx.open,
           title: _ctx.title,
           "wrap-class-name": `${require$$0.unref(bem).b()} ${_ctx.wrapClassName}`,
-          class: require$$0.unref(bem).is("confirm"),
           onCancel: handleCancel,
           onOk: handleOk
         }), require$$0.createSlots({
@@ -65120,7 +65066,7 @@
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["open", "title", "wrap-class-name", "class"]);
+        ]), 1040, ["open", "title", "wrap-class-name"]);
       };
     }
   });