ll-plus 2.4.18 → 2.4.20

package/lib/packages/components/new-modal/src/modal.js

@@ -0,0 +1,108 @@
+'use strict';
+
+require('../../../utils/index.js');
+var runtime = require('../../../utils/props/runtime.js');
+
+"use strict";
+const modalType = ["confirm", "operate"];
+const newModalProps = runtime.buildProps({
+  /**
+   * @description 弹窗是否可见
+   */
+  open: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 标题
+   */
+  title: {
+    type: String,
+    default: "\u63D0\u793A"
+  },
+  /**
+   * @description  确认/知道了按钮loading
+   */
+  confirmLoading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 取消按钮的配置信息
+   */
+  cancelButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  /**
+   * @description 确认按钮的配置信息
+   */
+  okButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  /**
+   * @description 弹窗类型 确认/操作框
+   */
+  type: {
+    type: String,
+    values: modalType,
+    default: "operate"
+  },
+  /**
+   * @description 弹窗外层容器的类名
+   */
+  wrapClassName: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
+   */
+  isShowTopShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 容器内容底部的阴影
+   */
+  isShowFooterShadow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 确认按钮文字
+   */
+  confirmText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 取消按钮文字
+   */
+  cancelText: {
+    type: String,
+    default: "\u53D6\u6D88"
+  },
+  /**
+   * @description 显示底部
+   */
+  showFooter: {
+    type: Boolean,
+    default: true
+  }
+});
+const newModalEmits = {
+  /**
+   * @description 点击取消时触发
+   */
+  cancel: () => true,
+  /**
+   * @description 点击确认时触发
+   */
+  ok: () => true,
+  "update:open": () => true
+};
+
+exports.modalType = modalType;
+exports.newModalEmits = newModalEmits;
+exports.newModalProps = newModalProps;
+//# sourceMappingURL=modal.js.map

package/lib/packages/components/new-modal/src/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../../packages/components/new-modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\nimport type { ButtonProps } from '@ll-plus/components'\n\n// modal的类型 确认框和操作框\nexport const modalType = ['confirm', 'operate'] as const\n\nexport const newModalProps = buildProps({\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  type: {\n    type: String,\n    values: modalType,\n    default: 'operate'\n  },\n  /**\n   * @description 弹窗外层容器的类名\n   */\n  wrapClassName: {\n    type: String,\n    default: ''\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  /**\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} as const)\n\nexport const newModalEmits = {\n  /**\n   * @description 点击取消时触发\n   */\n  cancel: () => true,\n  /**\n   * @description 点击确认时触发\n   */\n  ok: () => true,\n  'update:open': () => true\n} as const\n\n// props\nexport type NewModalProps = ExtractPropTypes<typeof newModalProps>\n\n// emits\nexport type NewModalEmits = typeof newModalEmits\nexport type ModalType = NewModalProps['type']\n\n// instance\nexport type NewModalInstance = InstanceType<typeof Modal>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAOa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AAEvC,MAAM,gBAAgBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,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,EAAMC,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;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;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;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;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI3B,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;;;"}

package/lib/packages/components/new-modal/src/modal.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modal_vue_vue_type_script_setup_true_lang = require('./modal.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var Modal = /* @__PURE__ */ _pluginVue_exportHelper.default(modal_vue_vue_type_script_setup_true_lang.default, [["__file", "modal.vue"]]);
+
+exports.default = Modal;
+//# sourceMappingURL=modal.vue.js.map

package/lib/packages/components/new-modal/src/modal.vue.js.map

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

package/lib/packages/components/new-modal/src/modal.vue2.js

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+require('../../index.js');
+require('../../../utils/index.js');
+var lodashEs = require('lodash-es');
+var modal = require('./modal.js');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-scroll/index.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+var index$1 = require('../../button/index.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlNewModal" },
+  __name: "modal",
+  props: modal.newModalProps,
+  emits: modal.newModalEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = vue.useAttrs();
+    const { scrollPosition, isHasScrollBar, scrollRef } = index.useScroll();
+    const modal$1 = vue.ref();
+    const getBindValue = vue.computed(() => {
+      const result = {
+        ...lodashEs.omit({ ...attrs }, [...Object.keys(modal.newModalProps), "wrapClassName"])
+      };
+      if (!props.showFooter)
+        result.footer = null;
+      return result;
+    });
+    const isShowContentTopBox = vue.computed(() => {
+      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
+    });
+    const isShowContentBottomBox = vue.computed(() => {
+      if (props.isShowTopShadow) {
+        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      } else {
+        return props.isShowFooterShadow;
+      }
+    });
+    const bem = createNamespace.createNamespace("new-modal");
+    const handleCancel = () => {
+      emits("cancel");
+      emits("update:open");
+    };
+    const handleOk = () => {
+      emits("ok");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Modal), vue.mergeProps(getBindValue.value, {
+        ref_key: "modal",
+        ref: modal$1,
+        open: _ctx.open,
+        title: _ctx.title,
+        "wrap-class-name": `${vue.unref(bem).b()} ${_ctx.wrapClassName}`,
+        class: [vue.unref(bem).is(_ctx.type === "confirm" ? "confirm-modal" : "")],
+        onCancel: handleCancel,
+        onOk: handleOk
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              ref_key: "scrollRef",
+              ref: scrollRef,
+              class: vue.normalizeClass([vue.unref(bem).e("container")])
+            },
+            [
+              vue.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 "),
+              vue.withDirectives(vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).e("content-top-shadow"))
+                },
+                null,
+                2
+                /* CLASS */
+              ), [
+                [vue.vShow, isShowContentTopBox.value]
+              ]),
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.showFooter ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(`${vue.unref(bem).e("footer")} ${isShowContentBottomBox.value ? vue.unref(bem).e("footer-shadow") : ""}`)
+              },
+              [
+                vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                  _ctx.type !== "confirm" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.LlButton), vue.mergeProps({
+                    key: 0,
+                    label: _ctx.cancelText,
+                    size: "middle"
+                  }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["label"])) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(index$1.LlButton), vue.mergeProps({
+                    type: "primary",
+                    loading: props.confirmLoading,
+                    size: "middle",
+                    label: props.confirmText ? props.confirmText : props.type === "confirm" ? "\u77E5\u9053\u4E86" : "\u786E\u8BA4"
+                  }, _ctx.okButtonProps, { onClick: handleOk }), null, 16, ["loading", "label"])
+                ])
+              ],
+              2
+              /* CLASS */
+            )
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["open", "title", "wrap-class-name", "class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=modal.vue2.js.map

package/lib/packages/components/new-modal/src/modal.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue2.js","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(type === 'confirm' ? 'confirm-modal' : '')]\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <!-- 内容区域 -->\n    <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n      <!-- 内容区域顶部的盒子用于滚动遮盖/阴影 只有滚动状态下才有，滚动到顶部需要 -->\n      <div\n        v-show=\"isShowContentTopBox\"\n        :class=\"bem.e('content-top-shadow')\"\n      ></div>\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// 是否现实内容区域顶部的阴影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-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":["useAttrs","useScroll","modal","ref","computed","omit","newModalProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAMC,UAAQC,OAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,mBAAa,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,mBAAA,GAAsBF,aAAS,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,GAAyBA,aAAS,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,GAAMG,gCAAgB,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/lib/packages/components/table/src/components/header-search.vue2.js

@@ -22,6 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const headerSearchRef = vue.ref();
     const contentType = vue.inject("contentType");
+    let observer;
     const emits = __emit;
     const bem = createNamespace.createNamespace("table");
     const handleMenuSwitchChange = (event) => {
@@ -34,19 +35,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       headerSearchRef,
       () => {
         if (headerSearchRef.value) {
-          const observer = new MutationObserver(function(mutations) {
-            mutations.forEach(function() {
-              const newHeight = headerSearchRef.value.getBoundingClientRect().height;
-              emits("changeHeaderSearch", newHeight);
+          if (!observer) {
+            observer = new MutationObserver(function(mutations) {
+              mutations.forEach(function() {
+                const newHeight = headerSearchRef.value.getBoundingClientRect().height;
+                emits("changeHeaderSearch", newHeight);
+              });
             });
-          });
-          const config = {
-            childList: true,
-            // 观察直接子节点
-            subtree: true
-            // 及其更低的后代节点
-          };
-          observer.observe(headerSearchRef.value, config);
+            const config = {
+              childList: true,
+              // 观察直接子节点
+              subtree: true
+              // 及其更低的后代节点
+            };
+            observer?.observe(headerSearchRef.value, config);
+          }
         }
       },
       {
@@ -54,6 +57,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         deep: true
       }
     );
+    vue.onUnmounted(() => {
+      if (observer) {
+        observer.disconnect();
+      }
+    });
     return (_ctx, _cache) => {
       const _component_a_radio_button = vue.resolveComponent("a-radio-button");
       const _component_a_radio_group = vue.resolveComponent("a-radio-group");

package/lib/packages/components/table/src/components/header-search.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div ref=\"headerSearchRef\" :class=\"`${bem.e('header-wrapper')}`\">\n    <div :class=\"bem.e('header')\">\n      <slot name=\"header\">\n        <!-- 左边的插槽 -->\n        <div :class=\"bem.e('header-left')\">\n          <slot name=\"headerLeft\"> </slot>\n        </div>\n        <!-- 内容中间插槽 -->\n        <div :class=\"bem.e('header-middle')\">\n          <slot name=\"headerMiddle\"></slot>\n        </div>\n        <div :class=\"bem.e('header-right')\">\n          <slot name=\"headerRight\"></slot>\n          <!-- 切换table和list菜单 -->\n          <a-radio-group\n            v-if=\"props.menuSwitchOptions?.show\"\n            v-model:value=\"contentType\"\n            :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n            @change=\"handleMenuSwitchChange\"\n          >\n            <a-radio-button\n              v-for=\"menuItem in menuSwitchRadioList\"\n              :key=\"menuItem.value\"\n              :class=\"`${bem.e('header-menu-icon')}`\"\n              :value=\"menuItem.value\"\n            >\n              <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n            </a-radio-button>\n          </a-radio-group>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, inject, watch } from 'vue'\n\nimport {\n  menuSwitchRadioList,\n  tableHeaderSearchEmits,\n  ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\nconst headerSearchRef = ref() // headerSearch的ref\n// 获取menuswitch\nconst contentType = inject('contentType')\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n  const target = event.target\n  const value = target.value as ImenuSwitchType\n  props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n  emits('change', value)\n}\n// 6.watch\nwatch(\n  headerSearchRef,\n  () => {\n    if (headerSearchRef.value) {\n      // 创建一个新的MutationObserver对象\n      const observer = new MutationObserver(function (mutations) {\n        mutations.forEach(function () {\n          // 检查容器的高度变化\n          const newHeight = headerSearchRef.value.getBoundingClientRect().height\n          emits('changeHeaderSearch', newHeight)\n        })\n      })\n\n      // 配置MutationObserver，监听子节点的变化\n      const config = {\n        childList: true, // 观察直接子节点\n        subtree: true // 及其更低的后代节点\n      }\n\n      // 开始监听容器的变化\n      observer.observe(headerSearchRef.value, config)\n    }\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n</script>\n"],"names":["ref","inject","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,kBAAkBA,OAAI,EAAA,CAAA;AAE5B,IAAM,MAAA,WAAA,GAAcC,WAAO,aAAa,CAAA,CAAA;AAGxC,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMC,gCAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,eAAA;AAAA,MACA,MAAM;AACJ,QAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,UAAA,MAAM,QAAW,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACzD,YAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,cAAA,MAAM,SAAY,GAAA,eAAA,CAAgB,KAAM,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAChE,cAAA,KAAA,CAAM,sBAAsB,SAAS,CAAA,CAAA;AAAA,aACtC,CAAA,CAAA;AAAA,WACF,CAAA,CAAA;AAGD,UAAA,MAAM,MAAS,GAAA;AAAA,YACb,SAAW,EAAA,IAAA;AAAA;AAAA,YACX,OAAS,EAAA,IAAA;AAAA;AAAA,WACX,CAAA;AAGA,UAAS,QAAA,CAAA,OAAA,CAAQ,eAAgB,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,SAChD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div ref=\"headerSearchRef\" :class=\"`${bem.e('header-wrapper')}`\">\n    <div :class=\"bem.e('header')\">\n      <slot name=\"header\">\n        <!-- 左边的插槽 -->\n        <div :class=\"bem.e('header-left')\">\n          <slot name=\"headerLeft\"> </slot>\n        </div>\n        <!-- 内容中间插槽 -->\n        <div :class=\"bem.e('header-middle')\">\n          <slot name=\"headerMiddle\"></slot>\n        </div>\n        <div :class=\"bem.e('header-right')\">\n          <slot name=\"headerRight\"></slot>\n          <!-- 切换table和list菜单 -->\n          <a-radio-group\n            v-if=\"props.menuSwitchOptions?.show\"\n            v-model:value=\"contentType\"\n            :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n            @change=\"handleMenuSwitchChange\"\n          >\n            <a-radio-button\n              v-for=\"menuItem in menuSwitchRadioList\"\n              :key=\"menuItem.value\"\n              :class=\"`${bem.e('header-menu-icon')}`\"\n              :value=\"menuItem.value\"\n            >\n              <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n            </a-radio-button>\n          </a-radio-group>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, inject, watch, onUnmounted } from 'vue'\n\nimport {\n  menuSwitchRadioList,\n  tableHeaderSearchEmits,\n  ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\nconst headerSearchRef = ref() // headerSearch的ref\n// 获取menuswitch\nconst contentType = inject('contentType')\nlet observer: MutationObserver // 监听dom内容发生变化\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n  const target = event.target\n  const value = target.value as ImenuSwitchType\n  props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n  emits('change', value)\n}\n// 6.watch\nwatch(\n  headerSearchRef,\n  () => {\n    if (headerSearchRef.value) {\n      // 创建一个新的MutationObserver对象\n      if (!observer) {\n        observer = new MutationObserver(function (mutations) {\n          mutations.forEach(function () {\n            // 检查容器的高度变化\n            const newHeight =\n              headerSearchRef.value.getBoundingClientRect().height\n            emits('changeHeaderSearch', newHeight)\n          })\n        })\n\n        // 配置MutationObserver，监听子节点的变化\n        const config = {\n          childList: true, // 观察直接子节点\n          subtree: true // 及其更低的后代节点\n        }\n\n        // 开始监听容器的变化\n        observer?.observe(headerSearchRef.value, config)\n      }\n    }\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n\n// 组件卸载停止监听\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n"],"names":["ref","inject","createNamespace","watch","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,kBAAkBA,OAAI,EAAA,CAAA;AAE5B,IAAM,MAAA,WAAA,GAAcC,WAAO,aAAa,CAAA,CAAA;AACxC,IAAI,IAAA,QAAA,CAAA;AAGJ,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMC,gCAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,eAAA;AAAA,MACA,MAAM;AACJ,QAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,UAAA,IAAI,CAAC,QAAU,EAAA;AACb,YAAW,QAAA,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACnD,cAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,gBAAA,MAAM,SACJ,GAAA,eAAA,CAAgB,KAAM,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAChD,gBAAA,KAAA,CAAM,sBAAsB,SAAS,CAAA,CAAA;AAAA,eACtC,CAAA,CAAA;AAAA,aACF,CAAA,CAAA;AAGD,YAAA,MAAM,MAAS,GAAA;AAAA,cACb,SAAW,EAAA,IAAA;AAAA;AAAA,cACX,OAAS,EAAA,IAAA;AAAA;AAAA,aACX,CAAA;AAGA,YAAU,QAAA,EAAA,OAAA,CAAQ,eAAgB,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,WACjD;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAGA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/hooks/use-scroll/index.js

@@ -7,8 +7,18 @@ function useScroll() {
   const scrollRef = vue.ref();
   const scrollPosition = vue.ref();
   const isHasScrollBar = vue.ref(false);
+  let observer;
+  let timer;
   const handleScroll = (event) => {
     const target = event.target;
+    getSrcollPosition(target);
+  };
+  const getSrcollPosition = (target) => {
+    if (target.scrollHeight > target.offsetHeight) {
+      isHasScrollBar.value = true;
+    } else {
+      isHasScrollBar.value = false;
+    }
     if (!!target.scrollTop) {
       if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {
         scrollPosition.value = "bottom";
@@ -23,9 +33,11 @@ function useScroll() {
     scrollRef,
     () => {
       if (scrollRef.value) {
-        if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
-          isHasScrollBar.value = true;
-        }
+        timer = setTimeout(() => {
+          if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+            isHasScrollBar.value = true;
+          }
+        }, 10);
         scrollRef.value.addEventListener("scroll", handleScroll);
       }
     },
@@ -34,11 +46,68 @@ function useScroll() {
       deep: true
     }
   );
+  const handleWindowResize = () => {
+    getSrcollPosition(scrollRef.value);
+  };
+  vue.watch(
+    scrollRef,
+    () => {
+      if (scrollRef.value) {
+        window.addEventListener("resize", handleWindowResize);
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
+  vue.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);
+            });
+          });
+          const config = {
+            childList: true,
+            // 观察直接子节点
+            subtree: true
+            // 及其更低的后代节点
+          };
+          observer.observe(scrollRef.value, config);
+        }
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
   vue.onUnmounted(() => {
     if (scrollRef.value) {
       scrollRef.value?.removeEventListener("scroll", handleScroll);
     }
   });
+  vue.onUnmounted(() => {
+    window.removeEventListener("resize", handleWindowResize);
+  });
+  vue.onUnmounted(() => {
+    if (observer) {
+      observer.disconnect();
+    }
+  });
+  vue.onUnmounted(() => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  });
   return { scrollRef, isHasScrollBar, scrollPosition };
 }
 

package/lib/packages/hooks/use-scroll/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n\n  // 滚动\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听dom的滚动事件\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {\n          isHasScrollBar.value = true\n        }\n        scrollRef.value.addEventListener('scroll', handleScroll)\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 卸载滚动事件\n  onUnmounted(() => {\n    if (scrollRef.value) {\n      scrollRef.value?.removeEventListener('scroll', handleScroll)\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":["ref","watch","onUnmounted"],"mappings":";;;;;AAQO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiBA,OAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAGhC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAI,IAAA,CAAC,CAAC,MAAA,CAAO,SAAW,EAAA;AAEtB,MAAA,IAAI,OAAO,SAAY,GAAA,MAAA,CAAO,YAAgB,IAAA,MAAA,CAAO,eAAe,CAAG,EAAA;AAErE,QAAA,cAAA,CAAe,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB,MAAA;AAEL,QAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAA;AAAA,OACzB;AAAA,KACK,MAAA;AAEL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAGA,EAAAC,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,SAAU,CAAA,KAAA,CAAM,YAAe,GAAA,SAAA,CAAU,MAAM,YAAc,EAAA;AAC/D,UAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,SACzB;AACA,QAAU,SAAA,CAAA,KAAA,CAAM,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,OACzD;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAAC,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAU,SAAA,CAAA,KAAA,EAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,KAC7D;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"index.js","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":["ref","watch","onUnmounted"],"mappings":";;;;;AAQO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiBA,OAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,EAAI,IAAA,QAAA,CAAA;AACJ,EAAI,IAAA,KAAA,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,EAAAC,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AAEnB,QAAA,KAAA,GAAQ,WAAW,MAAM;AACvB,UAAA,IAAI,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YAAc,EAAA;AACjE,YAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,WACzB;AAAA,WACC,EAAE,CAAA,CAAA;AACL,QAAU,SAAA,CAAA,KAAA,CAAM,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,OACzD;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,iBAAA,CAAkB,UAAU,KAAM,CAAA,CAAA;AAAA,GACpC,CAAA;AAEA,EAAAA,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,kBAAkB,CAAA,CAAA;AAAA,OACtD;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAAA,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAW,QAAA,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACnD,YAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,cAAA,IACE,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YACjD,EAAA;AACA,gBAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,eACzB;AACA,cAAU,SAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,aACzD,CAAA,CAAA;AAAA,WACF,CAAA,CAAA;AAED,UAAA,MAAM,MAAS,GAAA;AAAA,YACb,SAAW,EAAA,IAAA;AAAA;AAAA,YACX,OAAS,EAAA,IAAA;AAAA;AAAA,WACX,CAAA;AAEA,UAAS,QAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAAA,SAC3C;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAAC,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAU,SAAA,CAAA,KAAA,EAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,KAC7D;AAAA,GACD,CAAA,CAAA;AAED,EAAAA,eAAA,CAAY,MAAM;AAChB,IAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,kBAAkB,CAAA,CAAA;AAAA,GACxD,CAAA,CAAA;AAED,EAAAA,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB;AAAA,GACD,CAAA,CAAA;AAGD,EAAAA,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,MAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,KACV;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ll-plus",
-  "version": "2.4.18",
+  "version": "2.4.20",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.mjs",

package/theme-chalk/css/breadcrumb-card.css

@@ -1 +1 @@
-.ll-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary)}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1;margin-top:24px;padding:0 60px 0}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__content-bottom-shadow{box-shadow:var(--pop-up-bottom-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{width:100%;height:66px;position:relative;display:flex;justify-content:center;align-items:center}
+.ll-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary)}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1;margin-top:24px;padding:0 60px 0}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{width:100%;height:66px;position:relative;display:flex;justify-content:center;align-items:center}.ll-breadcrumb-card__footer-shadow{box-shadow:var(--pop-up-bottom-box-shadow)}