ll-plus 2.5.16 → 2.5.17

package/es/components/upload-drag/src/upload-drag.vue.d.ts

@@ -35,11 +35,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly tip: string;
         readonly fileSize: number;
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        readonly onCancel?: ((...args: any[]) => any) | undefined;
         readonly onConfirm?: ((...args: any[]) => any) | undefined;
+        readonly onCancel?: ((...args: any[]) => any) | undefined;
         readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
     } & {}>;
-    emits: (event: "update:value" | "customRequest" | "confirm" | "cancel", ...args: any[]) => void;
+    emits: (event: "update:value" | "confirm" | "customRequest" | "cancel", ...args: any[]) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     handleDragReject: () => void;
     handleClickCancelBtn: () => void;
     handleClickOkBtn: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "customRequest" | "confirm" | "cancel")[], "update:value" | "customRequest" | "confirm" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "confirm" | "customRequest" | "cancel")[], "update:value" | "confirm" | "customRequest" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: ArrayConstructor;
         default: () => never[];
@@ -88,8 +88,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     onCustomRequest?: ((...args: any[]) => any) | undefined;
 }, {
     value: unknown[];

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watchEffect, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, renderSlot, mergeProps } from 'vue';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, renderSlot, mergeProps } from 'vue';
 import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
 import { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card.mjs';
@@ -33,17 +33,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emits("update:visible", false);
       emits("close", props.visible);
     };
-    watchEffect(() => {
-      if (props.visible && breadcrumbCardRef.value) {
-        console.log(props, 123);
-        if (props.getContainer) {
-          const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
-          parentNode.appendChild(breadcrumbCardRef.value);
-        } else {
-          document.body.appendChild(breadcrumbCardRef.value);
+    watch(
+      () => [props.visible, props.getContainer, breadcrumbCardRef.value],
+      () => {
+        if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {
+          console.log(props, 123);
+          if (props.getContainer) {
+            const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
+            parentNode.appendChild(breadcrumbCardRef.value);
+          } else {
+            document.body.appendChild(breadcrumbCardRef.value);
+          }
         }
-      }
-    });
+      },
+      { immediate: true, deep: true }
+    );
     const scrollTop = () => {
       if (scrollRef && scrollRef.value) {
         scrollRef.value.scrollTop = 0;

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 }}\n          </a-breadcrumb-item>\n        </a-breadcrumb>\n        <!-- 头部右边插槽 -->\n        <slot name=\"extra\" />\n      </div>\n      <!-- 内容区域 -->\n      <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n        <!-- 内容滚动区域 -->\n        <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n          <slot />\n        </div>\n      </div>\n      <!-- 底部footer -->\n      <div\n        v-if=\"$slots.footer\"\n        :class=\"`${bem.e('footer')} ${\n          isShowContentBottomBox ? bem.e('footer-shadow') : ''\n        }`\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, 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// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n  emits('update:visible', false)\n  emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n  if (props.visible && breadcrumbCardRef.value) {\n    console.log(props, 123)\n    // 添加到指定的位置下\n    if (props.getContainer) {\n      const parentNode: any =\n        typeof props.getContainer === 'function'\n          ? props.getContainer()\n          : props.getContainer\n      parentNode.appendChild(breadcrumbCardRef.value!)\n    } else {\n      // 添加到body下\n      document.body.appendChild(breadcrumbCardRef.value!)\n    }\n  }\n})\n\n// 滚动条返回顶部\nconst scrollTop = () => {\n  if (scrollRef && scrollRef.value) {\n    scrollRef.value.scrollTop = 0\n    scrollPosition.value = 'top'\n  }\n}\n\n// 7.defineExpose\ndefineExpose({\n  scrollTop\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2DA,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,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,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;AAC5C,QAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,GAAG,CAAA,CAAA;AAEtB,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;AAGD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n          <slot />\n        </div>\n      </div>\n      <!-- 底部footer -->\n      <div\n        v-if=\"$slots.footer\"\n        :class=\"`${bem.e('footer')} ${\n          isShowContentBottomBox ? bem.e('footer-shadow') : ''\n        }`\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n  return { zIndex: props.zIndex }\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n  // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n  if (props.footerShadowPlacement === 'inner') {\n    return (\n      props.isShowFooterShadow &&\n      isHasScrollBar.value &&\n      scrollPosition.value !== 'bottom'\n    )\n  } else {\n    // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由 外部的isShowFooterShadow来决定\n    return props.isShowFooterShadow\n  }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n  emits('update:visible', false)\n  emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatch(\n  () => [props.visible, props.getContainer, breadcrumbCardRef.value],\n  () => {\n    if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {\n      console.log(props, 123)\n      // 添加到指定的位置下\n      if (props.getContainer) {\n        const parentNode: any =\n          typeof props.getContainer === 'function'\n            ? props.getContainer()\n            : props.getContainer\n        parentNode.appendChild(breadcrumbCardRef.value!)\n      } else {\n        // 添加到body下\n        document.body.appendChild(breadcrumbCardRef.value!)\n      }\n    }\n  },\n  { immediate: true, deep: true }\n)\n// watchEffect(() => {\n//   if (props.visible && breadcrumbCardRef.value) {\n//     console.log(props, 123)\n//     // 添加到指定的位置下\n//     if (props.getContainer) {\n//       const parentNode: any =\n//         typeof props.getContainer === 'function'\n//           ? props.getContainer()\n//           : props.getContainer\n//       parentNode.appendChild(breadcrumbCardRef.value!)\n//     } else {\n//       // 添加到body下\n//       document.body.appendChild(breadcrumbCardRef.value!)\n//     }\n//   }\n// })\n\n// 滚动条返回顶部\nconst scrollTop = () => {\n  if (scrollRef && scrollRef.value) {\n    scrollRef.value.scrollTop = 0\n    scrollPosition.value = 'top'\n  }\n}\n\n// 7.defineExpose\ndefineExpose({\n  scrollTop\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2DA,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,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,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,KAAA;AAAA,MACE,MAAM,CAAC,KAAA,CAAM,SAAS,KAAM,CAAA,YAAA,EAAc,kBAAkB,KAAK,CAAA;AAAA,MACjE,MAAM;AACJ,QAAA,IAAI,KAAM,CAAA,OAAA,IAAW,iBAAqB,IAAA,iBAAA,CAAkB,KAAO,EAAA;AACjE,UAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,GAAG,CAAA,CAAA;AAEtB,UAAA,IAAI,MAAM,YAAc,EAAA;AACtB,YAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,YAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,WAC1C,MAAA;AAEL,YAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,WACpD;AAAA,SACF;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA;AAmBA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.full.js

@@ -5781,17 +5781,21 @@
         emits("update:visible", false);
         emits("close", props.visible);
       };
-      require$$0.watchEffect(() => {
-        if (props.visible && breadcrumbCardRef.value) {
-          console.log(props, 123);
-          if (props.getContainer) {
-            const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
-            parentNode.appendChild(breadcrumbCardRef.value);
-          } else {
-            document.body.appendChild(breadcrumbCardRef.value);
+      require$$0.watch(
+        () => [props.visible, props.getContainer, breadcrumbCardRef.value],
+        () => {
+          if (props.visible && breadcrumbCardRef && breadcrumbCardRef.value) {
+            console.log(props, 123);
+            if (props.getContainer) {
+              const parentNode = typeof props.getContainer === "function" ? props.getContainer() : props.getContainer;
+              parentNode.appendChild(breadcrumbCardRef.value);
+            } else {
+              document.body.appendChild(breadcrumbCardRef.value);
+            }
           }
-        }
-      });
+        },
+        { immediate: true, deep: true }
+      );
       const scrollTop = () => {
         if (scrollRef && scrollRef.value) {
           scrollRef.value.scrollTop = 0;