@ditari/bsui 5.1.24 → 5.1.26

package/dist/cjs/components/action-bar/ActionBar.vue2.cjs

@@ -51,14 +51,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues
       if (!isShow(item)) {
         return false;
       }
-      const visibleIndex = visibleButtons.value.findIndex((v) => v.title === item.title);
+      const visibleIndex = visibleButtons.value.findIndex(
+        (v) => v.title === item.title
+      );
       return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;
     };
     return (_ctx, _cache) => {
       const _component_a_divider = vue.resolveComponent("a-divider");
       return vue.openBlock(), vue.createElementBlock("div", {
         onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-        }, ["stop"]))
+        }, ["stop", "self"]))
       }, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,

package/dist/cjs/components/action-bar/ActionBar.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.vue2.cjs","sources":["../../../../src/components/action-bar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n  import { computed, isVNode, type VNode } from \"vue\";\r\n\r\n  defineOptions({\r\n    name: \"DActionBar\"\r\n  });\r\n\r\n  interface ButtonItem {\r\n    title: string | VNode;\r\n    status?: boolean | ((record: { [key: string]: unknown }) => boolean);\r\n    onClick?: (record: { [key: string]: unknown }) => void;\r\n    onEvent?: (record: { [key: string]: unknown }) => void; // 别名，为了向后兼容\r\n  }\r\n\r\n  // 2. 普通的 Props 声明\r\n  const props = defineProps({\n  buttonGroups: { type: Array, required: false },\n  actions: { type: Array, required: false },\n  record: { type: Object, required: true }\n});\r\n\r\n  /**\r\n   * 判断按钮是否显示\r\n   */\r\n  const isShow = (item: ButtonItem): boolean => {\r\n    if (typeof item.status === \"function\") {\r\n      return item.status(props.record);\r\n    }\r\n    return item.status ?? true;\r\n  };\r\n\r\n  /**\r\n   * 过滤出当前真正显示的按钮列表\r\n   */\r\n  const visibleButtons = computed(() => {\r\n    const groups: ButtonItem[] = props.actions || props.buttonGroups || [];\r\n    return groups.filter((item: ButtonItem) => isShow(item));\r\n  });\r\n\r\n  /**\r\n   * 判断分隔线状态\r\n   */\r\n  const showDivider = (item: ButtonItem): boolean => {\r\n    if (!isShow(item)) {\r\n      return false;\r\n    }\r\n\r\n    // 逻辑保持不变：在可见列表里找自己\r\n    const visibleIndex = visibleButtons.value.findIndex((v: ButtonItem) => v.title === item.title);\r\n    return visibleIndex !== -1 && visibleIndex < visibleButtons.value.length - 1;\r\n  };\r\n</script>\r\n\r\n<template>\r\n  <div @click.stop>\r\n    <template v-for=\"(item, index) in actions || buttonGroups || []\" :key=\"index\">\r\n      <a v-if=\"isShow(item)\" @click.stop=\"(item.onClick || item.onEvent)?.(record)\">\r\n        <template v-if=\"isVNode(item.title)\">\r\n          <component :is=\"item.title\" :record=\"record\" />\r\n        </template>\r\n        <template v-else>\r\n          {{ item.title }}\r\n        </template>\r\n      </a>\r\n      <a-divider\r\n        v-if=\"showDivider(item)\"\r\n        type=\"vertical\"\r\n        style=\"border-color: #3e7fff; border-width: 2px\"\r\n      />\r\n    </template>\r\n  </div>\r\n</template>\r\n"],"names":["computed","_createElementBlock","_openBlock","_Fragment","_withModifiers","isVNode","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeE,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAA8B;;AAC5C,MAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,EAAY;AACrC,QAAA,OAAO,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC;AACA,MAAA,OAAA,CAAO,EAAA,GAAA,IAAA,CAAK,WAAL,IAAA,GAAA,EAAA,GAAe,IAAA;AAAA,IACxB,CAAA;AAKA,IAAA,MAAM,cAAA,GAAiBA,aAAS,MAAM;AACpC,MAAA,MAAM,MAAA,GAAuB,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,gBAAgB,EAAC;AACrE,MAAA,OAAO,OAAO,MAAA,CAAO,CAAC,IAAA,KAAqB,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,IACzD,CAAC,CAAA;AAKD,IAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA8B;AACjD,MAAA,IAAI,CAAC,MAAA,CAAO,IAAI,CAAA,EAAG;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AAGA,MAAA,MAAM,YAAA,GAAe,eAAe,KAAA,CAAM,SAAA,CAAU,CAAC,CAAA,KAAkB,CAAA,CAAE,KAAA,KAAU,IAAA,CAAK,KAAK,CAAA;AAC7F,MAAA,OAAO,YAAA,KAAiB,CAAA,CAAA,IAAM,YAAA,GAAe,cAAA,CAAe,MAAM,MAAA,GAAS,CAAA;AAAA,IAC7E,CAAA;;;8BAIAC,sBAAA,CAgBM,KAAA,EAAA;AAAA,QAhBA,OAAA,8CAAD,MAAA;AAAA,QAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA;SACdC,aAAA,CAAA,IAAA,CAAA,EAAAD,sBAAA;AAAA,UAcWE,YAAA;AAAA;yBAduB,QAAA,OAAA,IAAW,OAAA,iBAAY,EAAA,EAAA,CAAvC,IAAA,EAAM,KAAA,KAAK;;;qBAA0C,KAAA,EAAK;AAAA,cAAA;AAAA,gBACjE,OAAO,IAAI,CAAA,qBAApBF,uBAOI,GAAA,EAAA;AAAA;kBAPoB,OAAA,EAAKG,iBAAA,CAAA,CAAA,MAAA,KAAA;;AAAQ,oBAAA,OAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAA,IAAW,IAAA,CAAK,OAAA,KAArB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAgC,OAAA,CAAA,MAAA,CAAA;AAAA,kBAAA,CAAA,EAAM,CAAA,MAAA,CAAA;AAAA;kBACzDC,WAAA,CAAQ,IAAA,CAAK,KAAK,CAAA,qBAChCC,eAAA,CAA+CC,2BAAA,CAA/B,IAAA,CAAK,KAAK,CAAA,EAAA;AAAA;oBAAG,QAAQ,OAAA,CAAA;AAAA,+DAEvCN,sBAAA;AAAA,oBAEWE,YAAA;AAAA,oBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,oBAAA;AAAA,sBADNK,mBAAA;AAAA,wBAAAC,mBAAA,CAAA,KAAK,KAAK,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;;gBAIT,YAAY,IAAI,CAAA,qBADxBH,gBAIE,oBAAA,EAAA;AAAA;kBAFA,IAAA,EAAK,UAAA;AAAA,kBACL,KAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,KAAA;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ActionBar.vue2.cjs","sources":["../../../../src/components/action-bar/ActionBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, isVNode, type VNode } from \"vue\";\r\n\r\ndefineOptions({\r\n  name: \"DActionBar\"\r\n});\r\n\r\ninterface ButtonItem {\r\n  title: string | VNode;\r\n  status?:\r\n    | boolean\r\n    | ((record: { [key: string]: unknown }) => boolean);\r\n  onClick?: (record: { [key: string]: unknown }) => void;\r\n  onEvent?: (record: { [key: string]: unknown }) => void; // 别名，为了向后兼容\r\n}\r\n\r\n// 2. 普通的 Props 声明\r\nconst props = defineProps({\n  buttonGroups: { type: Array, required: false },\n  actions: { type: Array, required: false },\n  record: { type: Object, required: true }\n});\r\n\r\n/**\r\n * 判断按钮是否显示\r\n */\r\nconst isShow = (item: ButtonItem): boolean => {\r\n  if (typeof item.status === \"function\") {\r\n    return item.status(props.record);\r\n  }\r\n  return item.status ?? true;\r\n};\r\n\r\n/**\r\n * 过滤出当前真正显示的按钮列表\r\n */\r\nconst visibleButtons = computed(() => {\r\n  const groups: ButtonItem[] =\r\n    props.actions || props.buttonGroups || [];\r\n  return groups.filter((item: ButtonItem) => isShow(item));\r\n});\r\n\r\n/**\r\n * 判断分隔线状态\r\n */\r\nconst showDivider = (item: ButtonItem): boolean => {\r\n  if (!isShow(item)) {\r\n    return false;\r\n  }\r\n\r\n  // 逻辑保持不变：在可见列表里找自己\r\n  const visibleIndex = visibleButtons.value.findIndex(\r\n    (v: ButtonItem) => v.title === item.title\r\n  );\r\n  return (\r\n    visibleIndex !== -1 &&\r\n    visibleIndex < visibleButtons.value.length - 1\r\n  );\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div @click.stop.self>\r\n    <template\r\n      v-for=\"(item, index) in actions || buttonGroups || []\"\r\n      :key=\"index\"\r\n    >\r\n      <a\r\n        v-if=\"isShow(item)\"\r\n        @click.stop=\"\r\n          (item.onClick || item.onEvent)?.(record)\r\n        \"\r\n      >\r\n        <template v-if=\"isVNode(item.title)\">\r\n          <component :is=\"item.title\" :record=\"record\" />\r\n        </template>\r\n        <template v-else>\r\n          {{ item.title }}\r\n        </template>\r\n      </a>\r\n      <a-divider\r\n        v-if=\"showDivider(item)\"\r\n        type=\"vertical\"\r\n        style=\"border-color: #3e7fff; border-width: 2px\"\r\n      />\r\n    </template>\r\n  </div>\r\n</template>\r\n"],"names":["computed","_createElementBlock","_openBlock","_Fragment","_withModifiers","isVNode","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAA8B;;AAC5C,MAAA,IAAI,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,EAAY;AACrC,QAAA,OAAO,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC;AACA,MAAA,OAAA,CAAO,EAAA,GAAA,IAAA,CAAK,WAAL,IAAA,GAAA,EAAA,GAAe,IAAA;AAAA,IACxB,CAAA;AAKA,IAAA,MAAM,cAAA,GAAiBA,aAAS,MAAM;AACpC,MAAA,MAAM,MAAA,GACJ,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,gBAAgB,EAAC;AAC1C,MAAA,OAAO,OAAO,MAAA,CAAO,CAAC,IAAA,KAAqB,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,IACzD,CAAC,CAAA;AAKD,IAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA8B;AACjD,MAAA,IAAI,CAAC,MAAA,CAAO,IAAI,CAAA,EAAG;AACjB,QAAA,OAAO,KAAA;AAAA,MACT;AAGA,MAAA,MAAM,YAAA,GAAe,eAAe,KAAA,CAAM,SAAA;AAAA,QACxC,CAAC,CAAA,KAAkB,CAAA,CAAE,KAAA,KAAU,IAAA,CAAK;AAAA,OACtC;AACA,MAAA,OACE,YAAA,KAAiB,CAAA,CAAA,IACjB,YAAA,GAAe,cAAA,CAAe,MAAM,MAAA,GAAS,CAAA;AAAA,IAEjD,CAAA;;;8BAIEC,sBAAA,CAwBM,KAAA,EAAA;AAAA,QAxBA,OAAA,8CAAD,MAAA;AAAA,QAAA,CAAA,EAAgB,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AAAA;SACnBC,aAAA,CAAA,IAAA,CAAA,EAAAD,sBAAA;AAAA,UAsBWE,YAAA;AAAA;yBArBe,QAAA,OAAA,IAAW,OAAA,iBAAY,EAAA,EAAA,CAAvC,IAAA,EAAM,KAAA,KAAK;;;qBACb,KAAA,EAAK;AAAA,cAAA;AAAA,gBAGH,OAAO,IAAI,CAAA,qBADnBF,uBAYI,GAAA,EAAA;AAAA;kBAVD,OAAA,EAAKG,iBAAA,CAAA,CAAA,MAAA,KAAA;;AAAoB,oBAAA,OAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAA,IAAW,IAAA,CAAK,OAAA,KAArB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAgC,OAAA,CAAA,MAAA,CAAA;AAAA,kBAAA,CAAA;;kBAI1CC,WAAA,CAAQ,IAAA,CAAK,KAAK,CAAA,qBAChCC,eAAA,CAA+CC,2BAAA,CAA/B,IAAA,CAAK,KAAK,CAAA,EAAA;AAAA;oBAAG,QAAQ,OAAA,CAAA;AAAA,+DAEvCN,sBAAA;AAAA,oBAEWE,YAAA;AAAA,oBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,oBAAA;AAAA,sBADNK,mBAAA;AAAA,wBAAAC,mBAAA,CAAA,KAAK,KAAK,CAAA;AAAA,wBAAA;AAAA;AAAA;AAAA;;;;;gBAIT,YAAY,IAAI,CAAA,qBADxBH,gBAIE,oBAAA,EAAA;AAAA;kBAFA,IAAA,EAAK,UAAA;AAAA,kBACL,KAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,KAAA;AAAA;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/Show.cjs

@@ -27,6 +27,11 @@ const getProps = () => {
     loadingText: {
       type: String,
       default: "\u6B63\u5728\u8BF7\u6C42..."
+    },
+    // 新增属性：是否撑满高度
+    fullHeight: {
+      type: Boolean,
+      default: false
     }
   };
 };
@@ -67,6 +72,11 @@ const show = /* @__PURE__ */ vue.defineComponent({
     const {
       y
     } = core.useWindowScroll();
+    const containerStyle = vue.computed(() => ({
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    }));
     const pageHeaderStyle = vue.computed(() => css.css`
         position: sticky;
         top: ${layout.value.headerHeight}px;
@@ -74,6 +84,7 @@ const show = /* @__PURE__ */ vue.defineComponent({
         padding: 0;
         transition: all 0.3s;
         background-color: ${token.value.colorBgLayout};
+        flex-shrink: 0; /* 确保头部不被压缩 */
 
         ${y.value > 0 ? "box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);" : ""}
         .ant-page-header-back {
@@ -97,6 +108,14 @@ const show = /* @__PURE__ */ vue.defineComponent({
         padding: 10px 10px
           ${slots.bottomFooter ? "50px" : "0"};
         background: ${token.value.colorBgLayout};
+
+        /* 关键逻辑：如果 fullHeight 为 true，则填充剩余空间 */
+        ${props.fullHeight ? `
+          flex: 1;
+          overflow: auto; 
+          display: flex;
+          flex-direction: column;
+        ` : ""}
       `);
     const footerStyle = vue.computed(() => css.css`
         position: fixed;
@@ -133,13 +152,20 @@ const show = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("div", {
         "class": css.cx(rootCls),
         "style": {
-          display: !loading.value ? "block" : "none"
+          display: !loading.value ? "block" : "none",
+          height: props.fullHeight ? "100%" : "auto"
         }
       }, [vue.createVNode(antDesignVue.Watermark, {
-        "content": watermarkContent.value
+        "content": watermarkContent.value,
+        "style": {
+          height: props.fullHeight ? "100%" : "auto"
+        }
       }, {
         default: () => [vue.createVNode(antDesignVue.Flex, {
-          "vertical": true
+          "vertical": true,
+          "style": {
+            height: props.fullHeight ? "100%" : "auto"
+          }
         }, {
           default: () => {
             var _a, _b;
@@ -193,9 +219,7 @@ const show = /* @__PURE__ */ vue.defineComponent({
       }, null)])]);
     }
     return () => vue.createVNode("div", {
-      "style": {
-        height: "100%"
-      }
+      "style": containerStyle.value
     }, [showContent(), loadingContent()]);
   }
 });

package/dist/cjs/components/layout/Show.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  inject,\r\n  ref\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport {\r\n  Flex,\r\n  PageHeader,\r\n  Spin,\r\n  theme,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    loadingText: {\r\n      type: String,\r\n      default: \"正在请求...\"\r\n    }\r\n  };\r\n};\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n\r\n    const appContext = inject<AppContext | null>(\r\n      AppContextKey,\r\n      null\r\n    );\r\n\r\n    const { getPrefixCls } = useDesign(\"show-layout\");\r\n    // 生成语义化类名\r\n    const rootCls = getPrefixCls();\r\n\r\n    const watermarkContent = computed(\r\n      () => appContext?.watermarkContent?.value.content\r\n    );\r\n\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const loading = computed(() => props.loading);\r\n    const loadingText = computed(() => props.loadingText);\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px\r\n          ${slots.bottomFooter ? \"50px\" : \"0\"};\r\n        background: ${token.value.colorBgLayout};\r\n      `\r\n    );\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        height: 50px;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        // 返回关闭标签\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        // 不关闭标签\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    function showContent() {\r\n      return (\r\n        <div\r\n          class={cx(rootCls)}\r\n          style={{\r\n            display: !loading.value ? \"block\" : \"none\"\r\n          }}\r\n        >\r\n          <Watermark content={watermarkContent.value}>\r\n            <Flex vertical={true}>\r\n              <PageHeader\r\n                ghost={ghost.value}\r\n                class={pageHeaderStyle.value}\r\n                onBack={() => onBack()}\r\n                title={pageTitle()}\r\n              >\r\n                {{\r\n                  backIcon: () => (\r\n                    <div>\r\n                      <LeftOutlined\r\n                        style={{ fontSize: \"26px\" }}\r\n                      />\r\n                    </div>\r\n                  ),\r\n                  extra: () => slots.extra?.(),\r\n                  footer: () => slots.footer?.(),\r\n                  subTitle: () => slots.subTitle?.()\r\n                }}\r\n              </PageHeader>\r\n\r\n              <div class={contentStyle.value}>\r\n                {slots.default?.()}\r\n              </div>\r\n\r\n              {slots.bottomFooter ? (\r\n                <div class={footerStyle.value}>\r\n                  {slots.bottomFooter?.()}\r\n                </div>\r\n              ) : null}\r\n            </Flex>\r\n          </Watermark>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    function loadingContent() {\r\n      return (\r\n        <div\r\n          style={{\r\n            height: \"100%\",\r\n            display: loading.value ? \"block\" : \"none\"\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              height: \"100%\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\"\r\n            }}\r\n          >\r\n            {slots.loading ? (\r\n              slots.loading()\r\n            ) : (\r\n              <Spin tip={loadingText.value}></Spin>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return () => (\r\n      <div style={{ height: \"100%\" }}>\r\n        {showContent()}\r\n        {loadingContent()}\r\n      </div>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","loading","loadingText","String","show","defineComponent","name","props","setup","slots","expose","useToken","theme","appContext","inject","AppContextKey","getPrefixCls","useDesign","rootCls","watermarkContent","computed","value","content","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","css","headerHeight","colorBgLayout","contentStyle","bottomFooter","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","showContent","cx","display","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","footer","subTitle","loadingContent","height","justifyContent","alignItems","Spin"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAMA,WAAWA,MAAM;AACrB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO;AAAA,MACLC,IAAAA,EAAMC,OAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAC,OAAAA,EAAS;AAAA,MACPH,IAAAA,EAAMC,OAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA,IACAE,WAAAA,EAAa;AAAA,MACXJ,IAAAA,EAAMK,MAAAA;AAAAA,MACNH,OAAAA,EAAS;AAAA;AACX,GACF;AACF,CAAA;AACA,MAAMI,uBAAOC,mBAAAA,CAAgB;AAAA,EAC3BC,IAAAA,EAAM,aAAA;AAAA,EACNC,OAAOX,QAAAA,EAAS;AAAA,EAChBY,MAAMD,KAAAA,EAAO;AAAA,IAAEE,KAAAA;AAAAA,IAAOC;AAAAA,GAAO,EAAG;AAC9B,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAS,GAAIC,kBAAAA;AAErB,IAAA,MAAMC,UAAAA,GAAaC,UAAAA,CACjBC,wBAAAA,EACA,IACF,CAAA;AAEA,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,oBAAU,aAAa,CAAA;AAEhD,IAAA,MAAMC,UAAUF,YAAAA,EAAa;AAE7B,IAAA,MAAMG,gBAAAA,GAAmBC,aACvB,MAAA;AA1DN,MAAA,IAAA,EAAA;AA0DYP,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,UAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAYM,gBAAAA,KAAZN,mBAA8BQ,KAAAA,CAAMC,OAAAA;AAAAA,IAAAA,CAC5C,CAAA;AAEA,IAAA,MAAM;AAAA,MAAEC;AAAAA,QACNZ,QAAAA,EAAS;AAEX,IAAA,MAAMV,OAAAA,GAAUmB,YAAAA,CAAS,MAAMb,KAAAA,CAAMN,OAAO,CAAA;AAC5C,IAAA,MAAMC,WAAAA,GAAckB,YAAAA,CAAS,MAAMb,KAAAA,CAAML,WAAW,CAAA;AAEpD,IAAA,MAAM;AAAA,MAAEsB,MAAAA;AAAAA,MAAQC,UAAAA;AAAAA,MAAYC;AAAAA,KAAQ,GAClCC,iBAAAA,CAAYC,iBAAAA,EAAa,CAAA;AAC3B,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAeC,oBAAAA,EAAe;AAEtC,IAAA,MAAMC,QAAQC,kBAAAA,EAAS;AACvB,IAAA,MAAMC,SAASC,mBAAAA,EAAU;AAEzB,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAMC,oBAAAA,EAAgB;AAE9B,IAAA,MAAMC,eAAAA,GAAkBjB,aACtB,MAAMkB,OAAAA;AAAAA;AAAAA,aAAAA,EAEGd,MAAAA,CAAOH,MAAMkB,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,0BAAA,EAIZhB,KAAAA,CAAMF,MAAMmB,aAAa,CAAA;;AAAA,QAAA,EAE3CL,CAAAA,CAAEd,KAAAA,GAAQ,CAAA,GACR,6CAAA,GACA,EAAE;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,MAAA,CAkBV,CAAA;AACA,IAAA,MAAMoB,YAAAA,GAAerB,aACnB,MAAMkB,OAAAA;AAAAA;AAAAA,UAAAA,EAEA7B,KAAAA,CAAMiC,YAAAA,GAAe,MAAA,GAAS,GAAG,CAAA;AAAA,oBAAA,EACvBnB,KAAAA,CAAMF,MAAMmB,aAAa,CAAA;AAAA,MAAA,CAE3C,CAAA;AACA,IAAA,MAAMG,WAAAA,GAAcvB,aAClB,MAAMkB,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAAAA,EAKId,MAAAA,CAAOH,MAAMuB,SAAAA,GACjBpB,MAAAA,CAAOH,MAAMwB,cAAAA,GACbrB,MAAAA,CAAOH,MAAMyB,SAAS,CAAA;AAAA;AAAA;AAAA,oBAAA,EAGZrB,WAAWJ,KAAAA,CAAM0B,IAAAA,KAAS,UACpCxB,KAAAA,CAAMF,KAAAA,CAAM2B,mBACZ,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,MAAA,CAKd,CAAA;AACA,IAAA,MAAMC,SAAAA,GAAYA,MAAAC,eAAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CACVnB,KAAAA,CAAMoB,IAAAA,CAAKC,KAAAA,IAAS,oBAAK,CAAA,CAAA;AAEjC,IAAA,MAAMC,KAAAA,GAAQC,QAAI,KAAK,CAAA;AAEvB,IAAA,MAAMC,SAASA,MAAM;AACnB,MAAA,IAAIhD,MAAMV,KAAAA,EAAO;AAEfgC,QAAAA,UAAAA,CAAWE,MAAMyB,QAAQ,CAAA;AACzBvB,QAAAA,MAAAA,CAAOwB,GAAG,CAAA,CAAE,CAAA;AAAA,MACd,CAAA,MAAO;AAELxB,QAAAA,MAAAA,CAAOwB,GAAG,CAAA,CAAE,CAAA;AAAA,MACd;AAAA,IACF,CAAA;AAEA,IAAA,MAAMC,cAAcA,MAAM;AACxBhC,MAAAA,OAAAA,CAAQL,KAAAA,GAAQ,IAAA;AAChBQ,MAAAA,UAAAA,CAAWE,MAAMyB,QAAQ,CAAA;AACzBvB,MAAAA,MAAAA,CAAOwB,GAAG,CAAA,CAAE,CAAA;AAAA,IACd,CAAA;AAEA/C,IAAAA,MAAAA,CAAO;AAAA,MACLb,KAAAA,EAAO6D;AAAAA,KACR,CAAA;AAED,IAAA,SAASC,WAAAA,GAAc;AACrB,MAAA,OAAAT,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAEWU,OAAG1C,OAAO,CAAA;AAAA,QAAC,OAAA,EACX;AAAA,UACL2C,OAAAA,EAAS,CAAC5D,OAAAA,CAAQoB,KAAAA,GAAQ,OAAA,GAAU;AAAA;AACtC,OAAC,EAAA,CAAA6B,eAAAA,CAAAY,sBAAAA,EAAA;AAAA,QAAA,WAEmB3C,gBAAAA,CAAiBE;AAAAA,OAAK,EAAA;AAAA,QAAArB,OAAAA,EAAAA,MAAA,CAAAkD,eAAAA,CAAAa,iBAAAA,EAAA;AAAA,UAAA,UAAA,EACxB;AAAA,SAAI,EAAA;AAAA,UAAA/D,SAAAA,MAAA;AAvKhC,YAAA,IAAA,EAAA,EAAA,EAAA;AAuKgC,YAAA,OAAA,CAAAkD,gBAAAc,uBAAAA,EAAA;AAAA,cAAA,SAETX,KAAAA,CAAMhC,KAAAA;AAAAA,cAAK,SACXgB,eAAAA,CAAgBhB,KAAAA;AAAAA,cAAK,QAAA,EACpBkC,MAAMA,MAAAA,EAAO;AAAA,cAAC,SACfN,SAAAA;AAAU,aAAC,EAAA;AAAA,cAGhBgB,UAAUA,MAAAf,eAAAA,CAAA,OAAA,IAAA,EAAA,CAAAA,gBAAAgB,qBAAAA,EAAA;AAAA,gBAAA,OAAA,EAGG;AAAA,kBAAEC,QAAAA,EAAU;AAAA;AAAO,eAAC,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,cAIjCC,OAAOA,MAAA;AAtLzB,gBAAA,IAAAC,GAAAA;AAsL+B5D,gBAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAM2D,KAAAA,KAAN3D,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,cAAAA,CAAAA;AAAAA,cACb6D,QAAQA,MAAA;AAvL1B,gBAAA,IAAAD,GAAAA;AAuLgC5D,gBAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAM6D,MAAAA,KAAN7D,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,cAAAA,CAAAA;AAAAA,cACd8D,UAAUA,MAAA;AAxL5B,gBAAA,IAAAF,GAAAA;AAwLkC5D,gBAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAM8D,QAAAA,KAAN9D,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,cAAAA;AAAAA,aAAkB,CAAA,EAAAyC,eAAAA,CAAA,KAAA,EAAA;AAAA,cAAA,SAI1BT,YAAAA,CAAapB;AAAAA,aAAK,EAAA,CAAA,CAC3BZ,EAAAA,GAAAA,KAAAA,CAAMT,OAAAA,KAANS,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,IAGnBA,KAAAA,CAAMiC,YAAAA,GAAYQ,eAAAA,CAAA,KAAA,EAAA;AAAA,cAAA,SACLP,WAAAA,CAAYtB;AAAAA,eAAK,CAAA,CAC1BZ,EAAAA,GAAAA,KAAAA,CAAMiC,iBAANjC,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAsB,KAEvB,IAAI,CAAA;AAAA,UAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,IAKlB;AAEA,IAAA,SAAS+D,cAAAA,GAAiB;AACxB,MAAA,OAAAtB,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAEW;AAAA,UACLuB,MAAAA,EAAQ,MAAA;AAAA,UACRZ,OAAAA,EAAS5D,OAAAA,CAAQoB,KAAAA,GAAQ,OAAA,GAAU;AAAA;AACrC,OAAC,EAAA,CAAA6B,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGQ;AAAA,UACLuB,MAAAA,EAAQ,MAAA;AAAA,UACRZ,OAAAA,EAAS,MAAA;AAAA,UACTa,cAAAA,EAAgB,QAAA;AAAA,UAChBC,UAAAA,EAAY;AAAA;AACd,OAAC,EAAA,CAEAlE,KAAAA,CAAMR,OAAAA,GACLQ,MAAMR,OAAAA,EAAQ,GAACiD,gBAAA0B,iBAAAA,EAAA;AAAA,QAAA,OAEJ1E,WAAAA,CAAYmB;AAAAA,OAAK,EAAA,IAAA,CAC7B,CAAA,CAAA,CAAA,CAAA;AAAA,IAIT;AAEA,IAAA,OAAO,MAAA6B,gBAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EACO;AAAA,QAAEuB,MAAAA,EAAQ;AAAA;AAAO,OAAC,CAC3Bd,WAAAA,EAAY,EACZa,cAAAA,EAAgB,CAAA,CAAA;AAAA,EAGvB;AACF,CAAC;;;;"}
+{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  inject,\r\n  ref,\r\n  CSSProperties\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport {\r\n  Flex,\r\n  PageHeader,\r\n  Spin,\r\n  theme,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css, cx } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    loadingText: {\r\n      type: String,\r\n      default: \"正在请求...\"\r\n    },\r\n    // 新增属性：是否撑满高度\r\n    fullHeight: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  };\r\n};\r\n\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n\r\n    const appContext = inject<AppContext | null>(\r\n      AppContextKey,\r\n      null\r\n    );\r\n\r\n    const { getPrefixCls } = useDesign(\"show-layout\");\r\n    const rootCls = getPrefixCls();\r\n\r\n    const watermarkContent = computed(\r\n      () => appContext?.watermarkContent?.value.content\r\n    );\r\n\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const loading = computed(() => props.loading);\r\n    const loadingText = computed(() => props.loadingText);\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    // 整个容器的样式\r\n    const containerStyle = computed(\r\n      (): CSSProperties => ({\r\n        height: \"100%\",\r\n        display: \"flex\",\r\n        flexDirection: \"column\"\r\n      })\r\n    );\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n        flex-shrink: 0; /* 确保头部不被压缩 */\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px\r\n          ${slots.bottomFooter ? \"50px\" : \"0\"};\r\n        background: ${token.value.colorBgLayout};\r\n\r\n        /* 关键逻辑：如果 fullHeight 为 true，则填充剩余空间 */\r\n        ${props.fullHeight\r\n          ? `\r\n          flex: 1;\r\n          overflow: auto; \r\n          display: flex;\r\n          flex-direction: column;\r\n        `\r\n          : \"\"}\r\n      `\r\n    );\r\n\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        height: 50px;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    function showContent() {\r\n      return (\r\n        <div\r\n          class={cx(rootCls)}\r\n          style={{\r\n            display: !loading.value ? \"block\" : \"none\",\r\n            height: props.fullHeight ? \"100%\" : \"auto\"\r\n          }}\r\n        >\r\n          <Watermark\r\n            content={watermarkContent.value}\r\n            style={{\r\n              height: props.fullHeight ? \"100%\" : \"auto\"\r\n            }}\r\n          >\r\n            <Flex\r\n              vertical={true}\r\n              style={{\r\n                height: props.fullHeight ? \"100%\" : \"auto\"\r\n              }}\r\n            >\r\n              <PageHeader\r\n                ghost={ghost.value}\r\n                class={pageHeaderStyle.value}\r\n                onBack={() => onBack()}\r\n                title={pageTitle()}\r\n              >\r\n                {{\r\n                  backIcon: () => (\r\n                    <div>\r\n                      <LeftOutlined\r\n                        style={{ fontSize: \"26px\" }}\r\n                      />\r\n                    </div>\r\n                  ),\r\n                  extra: () => slots.extra?.(),\r\n                  footer: () => slots.footer?.(),\r\n                  subTitle: () => slots.subTitle?.()\r\n                }}\r\n              </PageHeader>\r\n\r\n              <div class={contentStyle.value}>\r\n                {slots.default?.()}\r\n              </div>\r\n\r\n              {slots.bottomFooter ? (\r\n                <div class={footerStyle.value}>\r\n                  {slots.bottomFooter?.()}\r\n                </div>\r\n              ) : null}\r\n            </Flex>\r\n          </Watermark>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    function loadingContent() {\r\n      return (\r\n        <div\r\n          style={{\r\n            height: \"100%\",\r\n            display: loading.value ? \"block\" : \"none\"\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              height: \"100%\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\"\r\n            }}\r\n          >\r\n            {slots.loading ? (\r\n              slots.loading()\r\n            ) : (\r\n              <Spin tip={loadingText.value}></Spin>\r\n            )}\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return () => (\r\n      <div style={containerStyle.value}>\r\n        {showContent()}\r\n        {loadingContent()}\r\n      </div>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","loading","loadingText","String","fullHeight","show","defineComponent","name","props","setup","slots","expose","useToken","theme","appContext","inject","AppContextKey","getPrefixCls","useDesign","rootCls","watermarkContent","computed","value","content","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","containerStyle","height","display","flexDirection","pageHeaderStyle","css","headerHeight","colorBgLayout","contentStyle","bottomFooter","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","showContent","cx","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","footer","subTitle","loadingContent","justifyContent","alignItems","Spin"],"mappings":"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"}

package/dist/cjs/components/layout/Show.d.ts

@@ -11,6 +11,10 @@ declare const show: import("vue").DefineComponent<import("vue").ExtractPropTypes
         type: StringConstructor;
         default: string;
     };
+    fullHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     close: {
         type: BooleanConstructor;
@@ -24,10 +28,15 @@ declare const show: import("vue").DefineComponent<import("vue").ExtractPropTypes
         type: StringConstructor;
         default: string;
     };
+    fullHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     loading: boolean;
     close: boolean;
     loadingText: string;
+    fullHeight: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default show;
 //# sourceMappingURL=Show.d.ts.map

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs

@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       position: fixed;
       top: 0;
       right: 0;
-      z-index: 1;
+      z-index: 5;
       background-color: ${modeConfig.value.mode !== "light" ? token.value.colorBgContainer : headerTokenStyle.value.colorBgHeader};
       left: ${left.value};
       height: ${layout.value.headerHeight}px;

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  MenuFoldOutlined,\r\n  MenuUnfoldOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\nimport type { RouteLocationNormalized } from \"vue-router\";\r\n\r\nimport Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst appStore = useAppStore();\r\n\r\nconst { layout, modeConfig, headerTokenStyle } =\r\n  storeToRefs(appStore);\r\n\r\nconst {\r\n  headerStyle,\r\n  headerTabStyle,\r\n  collapsedStyle,\r\n  rightStyle\r\n} = useStyle();\r\n\r\nfunction useStyle(): {\r\n  headerStyle: ComputedRef<string>;\r\n  headerTabStyle: ComputedRef<string>;\r\n  collapsedStyle: ComputedRef<string>;\r\n  rightStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const headerStyle = computed(\r\n    () => css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      z-index: 1;\r\n      background-color: ${modeConfig.value.mode !== \"light\"\r\n        ? token.value.colorBgContainer\r\n        : headerTokenStyle.value.colorBgHeader};\r\n      left: ${left.value};\r\n      height: ${layout.value.headerHeight}px;\r\n      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      display: flex;\r\n      align-items: flex-end;\r\n    `\r\n  );\r\n\r\n  const headerTabStyle = computed(\r\n    () => css`\r\n      flex: 1;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n    `\r\n  );\r\n\r\n  const collapsedStyle = computed(\r\n    () => css`\r\n      padding: 0 10px;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      height: 100%;\r\n    `\r\n  );\r\n\r\n  return {\r\n    headerStyle,\r\n    headerTabStyle,\r\n    collapsedStyle,\r\n    rightStyle\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div :class=\"[headerStyle, 'app-header-layout']\">\r\n    <div\r\n      :class=\"collapsedStyle\"\r\n      @click=\"layout.collapsed = !layout.collapsed\"\r\n    >\r\n      <menu-unfold-outlined\r\n        v-if=\"layout.collapsed\"\r\n        class=\"trigger\"\r\n      />\r\n      <menu-fold-outlined v-else />\r\n    </div>\r\n    <div :class=\"headerTabStyle\">\r\n      <Tab />\r\n    </div>\r\n    <div :class=\"rightStyle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["useAppStore","storeToRefs","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle","_createElementBlock","_unref","_createElementVNode","_createBlock","MenuUnfoldOutlined","MenuFoldOutlined","_createVNode","Tab","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,WAAWA,iBAAA,EAAY;AAE7B,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,gBAAA,EAAiB,GAC3CC,kBAAY,QAAQ,CAAA;AAEtB,IAAA,MAAM;AAAA,MACJ,WAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,QACE,QAAA,EAAS;AAEb,IAAA,SAAS,QAAA,GAKP;AACA,MAAA,MAAM,EAAE,UAAS,GAAIC,kBAAA;AACrB,MAAA,MAAM,EAAE,KAAA,EAAM,GACZ,QAAA,EAAS;AAEX,MAAA,MAAM,IAAA,GAAOC,YAAA;AAAA,QACX,MACE,CAAA,EAAG,MAAA,CAAO,KAAA,CAAM,SAAA,GAAY,OAAO,KAAA,CAAM,cAAA,GAAiB,MAAA,CAAO,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,YAAAA,GAAcD,YAAA;AAAA,QAClB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,EAKgB,UAAA,CAAW,MAAM,IAAA,KAAS,OAAA,GAC1C,MAAM,KAAA,CAAM,gBAAA,GACZ,gBAAA,CAAiB,KAAA,CAAM,aAAa,CAAA;AAAA,YAAA,EAChC,KAAK,KAAK,CAAA;AAAA,cAAA,EACR,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAAA,GAAiBH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAAA,GAAiBJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAAA,GAAaL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAA,OAAO;AAAA,QACL,WAAA,EAAAD,YAAAA;AAAA,QACA,cAAA,EAAAE,eAAAA;AAAA,QACA,cAAA,EAAAC,eAAAA;AAAA,QACA,UAAA,EAAAC;AAAA,OACF;AAAA,IACF;;8BAGEC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,2BAAQC,UAAA,WAAA,CAAA,EAAW,mBAAA,CAAA;AAAA;;UACvBC,sBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cARH,KAAA,qBAAOD,SAAA,CAAA,cAAA,CAAc,CAAA;AAAA,cACrB,+CAAOA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA,GAAS,CAAIA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA;AAAA;;cAG3BA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA,qBADfE,eAAA,CAGEF,SAAA,CAAAG,2BAAA,CAAA,EAAA;AAAA;gBADA,KAAA,EAAM;AAAA,sCAERD,eAAA,CAA6BF,SAAA,CAAAI,yBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA;;;;UAE/BH,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,qBAAOD,SAAA,CAAA,cAAA,CAAc;AAAA;;cACzBK,gBAAOC,+CAAA;AAAA;;;;UAETL,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,qBAAOD,SAAA,CAAA,UAAA,CAAU;AAAA;;cACrBO,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  MenuFoldOutlined,\r\n  MenuUnfoldOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\nimport type { RouteLocationNormalized } from \"vue-router\";\r\n\r\nimport Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst appStore = useAppStore();\r\n\r\nconst { layout, modeConfig, headerTokenStyle } =\r\n  storeToRefs(appStore);\r\n\r\nconst {\r\n  headerStyle,\r\n  headerTabStyle,\r\n  collapsedStyle,\r\n  rightStyle\r\n} = useStyle();\r\n\r\nfunction useStyle(): {\r\n  headerStyle: ComputedRef<string>;\r\n  headerTabStyle: ComputedRef<string>;\r\n  collapsedStyle: ComputedRef<string>;\r\n  rightStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const headerStyle = computed(\r\n    () => css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      z-index: 5;\r\n      background-color: ${modeConfig.value.mode !== \"light\"\r\n        ? token.value.colorBgContainer\r\n        : headerTokenStyle.value.colorBgHeader};\r\n      left: ${left.value};\r\n      height: ${layout.value.headerHeight}px;\r\n      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      display: flex;\r\n      align-items: flex-end;\r\n    `\r\n  );\r\n\r\n  const headerTabStyle = computed(\r\n    () => css`\r\n      flex: 1;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n    `\r\n  );\r\n\r\n  const collapsedStyle = computed(\r\n    () => css`\r\n      padding: 0 10px;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      height: 100%;\r\n    `\r\n  );\r\n\r\n  return {\r\n    headerStyle,\r\n    headerTabStyle,\r\n    collapsedStyle,\r\n    rightStyle\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div :class=\"[headerStyle, 'app-header-layout']\">\r\n    <div\r\n      :class=\"collapsedStyle\"\r\n      @click=\"layout.collapsed = !layout.collapsed\"\r\n    >\r\n      <menu-unfold-outlined\r\n        v-if=\"layout.collapsed\"\r\n        class=\"trigger\"\r\n      />\r\n      <menu-fold-outlined v-else />\r\n    </div>\r\n    <div :class=\"headerTabStyle\">\r\n      <Tab />\r\n    </div>\r\n    <div :class=\"rightStyle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["useAppStore","storeToRefs","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle","_createElementBlock","_unref","_createElementVNode","_createBlock","MenuUnfoldOutlined","MenuFoldOutlined","_createVNode","Tab","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,WAAWA,iBAAA,EAAY;AAE7B,IAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,gBAAA,EAAiB,GAC3CC,kBAAY,QAAQ,CAAA;AAEtB,IAAA,MAAM;AAAA,MACJ,WAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,QACE,QAAA,EAAS;AAEb,IAAA,SAAS,QAAA,GAKP;AACA,MAAA,MAAM,EAAE,UAAS,GAAIC,kBAAA;AACrB,MAAA,MAAM,EAAE,KAAA,EAAM,GACZ,QAAA,EAAS;AAEX,MAAA,MAAM,IAAA,GAAOC,YAAA;AAAA,QACX,MACE,CAAA,EAAG,MAAA,CAAO,KAAA,CAAM,SAAA,GAAY,OAAO,KAAA,CAAM,cAAA,GAAiB,MAAA,CAAO,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,YAAAA,GAAcD,YAAA;AAAA,QAClB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAA,EAKgB,UAAA,CAAW,MAAM,IAAA,KAAS,OAAA,GAC1C,MAAM,KAAA,CAAM,gBAAA,GACZ,gBAAA,CAAiB,KAAA,CAAM,aAAa,CAAA;AAAA,YAAA,EAChC,KAAK,KAAK,CAAA;AAAA,cAAA,EACR,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAAA,GAAiBH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAAA,GAAiBJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAAA,GAAaL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAA,OAAO;AAAA,QACL,WAAA,EAAAD,YAAAA;AAAA,QACA,cAAA,EAAAE,eAAAA;AAAA,QACA,cAAA,EAAAC,eAAAA;AAAA,QACA,UAAA,EAAAC;AAAA,OACF;AAAA,IACF;;8BAGEC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,2BAAQC,UAAA,WAAA,CAAA,EAAW,mBAAA,CAAA;AAAA;;UACvBC,sBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cARH,KAAA,qBAAOD,SAAA,CAAA,cAAA,CAAc,CAAA;AAAA,cACrB,+CAAOA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA,GAAS,CAAIA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA;AAAA;;cAG3BA,SAAA,CAAA,MAAA,CAAA,CAAO,SAAA,qBADfE,eAAA,CAGEF,SAAA,CAAAG,2BAAA,CAAA,EAAA;AAAA;gBADA,KAAA,EAAM;AAAA,sCAERD,eAAA,CAA6BF,SAAA,CAAAI,yBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA;;;;UAE/BH,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,qBAAOD,SAAA,CAAA,cAAA,CAAc;AAAA;;cACzBK,gBAAOC,+CAAA;AAAA;;;;UAETL,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,qBAAOD,SAAA,CAAA,UAAA,CAAU;AAAA;;cACrBO,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}

package/dist/cjs/components/table/Table.cjs

@@ -88,6 +88,13 @@ const paginationStyle = css.css`
   justify-content: center;
   padding-top: 6px;
 `;
+function isArrayEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
 const DTable = /* @__PURE__ */ vue.defineComponent({
   name: "DTable",
   props: tableProps(),
@@ -99,6 +106,7 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
     attrs
   }) {
     const selectedRowKeys = vue.ref(props.keys || []);
+    const selectedKeySet = vue.computed(() => new Set(selectedRowKeys.value));
     const {
       columns,
       data,
@@ -116,6 +124,7 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
       tableHeight,
       antTableBodyRef
     } = useHeight();
+    const customRowFn = useCustomRow();
     const rowSelection = useRowSelection();
     vue.onMounted(() => {
     });
@@ -131,60 +140,46 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
       };
     }
     function useSlots() {
-      const tableSlots2 = {
-        // --- 单元格类 ---
-        bodyCell: (params) => {
-          var _a;
-          return (_a = slots.bodyCell) == null ? void 0 : _a.call(slots, params);
-        },
-        headerCell: (params) => {
-          var _a;
-          return (_a = slots.headerCell) == null ? void 0 : _a.call(slots, params);
-        },
-        // 自定义表头
-        // --- 展开与总结 ---
-        expandedRowRender: (params) => {
-          var _a;
-          return (_a = slots.expandedRowRender) == null ? void 0 : _a.call(slots, params);
-        },
-        // 额外展开行内容
-        expandIcon: (params) => {
-          var _a;
-          return (_a = slots.expandIcon) == null ? void 0 : _a.call(slots, params);
-        },
-        // 自定义展开图标
-        summary: () => {
-          var _a;
-          return (_a = slots.summary) == null ? void 0 : _a.call(slots);
-        },
-        // 总结行
-        // --- 筛选与搜索 ---
-        customFilterDropdown: (params) => {
-          var _a;
-          return (_a = slots.customFilterDropdown) == null ? void 0 : _a.call(slots, params);
-        },
-        // 自定义筛选菜单
-        customFilterIcon: (params) => {
-          var _a;
-          return (_a = slots.customFilterIcon) == null ? void 0 : _a.call(slots, params);
-        },
-        // 自定义筛选图标
-        // --- 装饰类 ---
-        title: () => {
-          var _a;
-          return (_a = slots.title) == null ? void 0 : _a.call(slots);
-        },
-        // 表格顶部标题
-        footer: () => {
-          var _a;
-          return (_a = slots.footer) == null ? void 0 : _a.call(slots);
-        },
-        // 表格底部页脚
-        emptyText: () => {
-          var _a;
-          return (_a = slots.emptyText) == null ? void 0 : _a.call(slots);
-        }
-        // 自定义空状态内容
+      const tableSlots2 = {};
+      if (slots.bodyCell) tableSlots2.bodyCell = (params) => {
+        var _a;
+        return (_a = slots.bodyCell) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.headerCell) tableSlots2.headerCell = (params) => {
+        var _a;
+        return (_a = slots.headerCell) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.expandedRowRender) tableSlots2.expandedRowRender = (params) => {
+        var _a;
+        return (_a = slots.expandedRowRender) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.expandIcon) tableSlots2.expandIcon = (params) => {
+        var _a;
+        return (_a = slots.expandIcon) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.summary) tableSlots2.summary = () => {
+        var _a;
+        return (_a = slots.summary) == null ? void 0 : _a.call(slots);
+      };
+      if (slots.customFilterDropdown) tableSlots2.customFilterDropdown = (params) => {
+        var _a;
+        return (_a = slots.customFilterDropdown) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.customFilterIcon) tableSlots2.customFilterIcon = (params) => {
+        var _a;
+        return (_a = slots.customFilterIcon) == null ? void 0 : _a.call(slots, params);
+      };
+      if (slots.title) tableSlots2.title = () => {
+        var _a;
+        return (_a = slots.title) == null ? void 0 : _a.call(slots);
+      };
+      if (slots.footer) tableSlots2.footer = () => {
+        var _a;
+        return (_a = slots.footer) == null ? void 0 : _a.call(slots);
+      };
+      if (slots.emptyText) tableSlots2.emptyText = () => {
+        var _a;
+        return (_a = slots.emptyText) == null ? void 0 : _a.call(slots);
       };
       return {
         tableSlots: tableSlots2
@@ -280,15 +275,14 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
           if (selection === "N" || checkEnable) {
             return;
           }
-          const haveState = selectedRowKeys.value.some((key) => key === id);
+          const haveState = selectedKeySet.value.has(id);
           if (haveState) {
             selectedRowKeys.value = selectedRowKeys.value.filter((key) => key !== id);
           } else {
             if (selection === "S") {
-              selectedRowKeys.value = [];
-              selectedRowKeys.value.push(id);
+              selectedRowKeys.value = [id];
             } else {
-              selectedRowKeys.value.push(id);
+              selectedRowKeys.value = [...selectedRowKeys.value, id];
             }
           }
           emit("update:keys", selectedRowKeys.value);
@@ -326,63 +320,51 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
       };
     }
     function useRowSelection() {
-      const rowSelection2 = vue.ref(void 0);
-      const {
-        rowKey,
-        config: {
-          getCheckboxProps,
-          selection
-        } = {}
-      } = props;
       const onSelect = (record, selected) => {
+        var _a;
         const data2 = record;
+        const {
+          rowKey
+        } = props;
+        const selection = (_a = props.config) == null ? void 0 : _a.selection;
         if (selection === "S") {
-          selectedRowKeys.value = [];
           selectedRowKeys.value = selected ? [data2[rowKey]] : [];
         } else {
-          selectedRowKeys.value = selected ? selectedRowKeys.value.concat(data2[rowKey]) : selectedRowKeys.value.filter((key) => key !== data2[rowKey]);
+          selectedRowKeys.value = selected ? [...selectedRowKeys.value, data2[rowKey]] : selectedRowKeys.value.filter((key) => key !== data2[rowKey]);
         }
         emit("update:keys", selectedRowKeys.value);
       };
       const onSelectAll = (selected, selectedRows, changeRows) => {
+        const {
+          rowKey
+        } = props;
         const _ids = changeRows.map((record) => record[rowKey]);
-        selectedRowKeys.value = selected ? selectedRowKeys.value.concat(_ids) : selectedRowKeys.value.filter((key) => !_ids.includes(key));
-        emit("update:keys", selectedRowKeys.value);
-      };
-      const onChange = (rowKeys, selectedRows) => {
-        const data2 = selectedRows;
-        const selected = data2.length !== 0;
-        const _ids = props.data.map((record) => record[rowKey]);
-        selectedRowKeys.value = selected ? selectedRowKeys.value.concat(rowKeys.filter((key) => !selectedRowKeys.value.includes(key))) : selectedRowKeys.value.filter((key) => !_ids.includes(key));
+        const idSet = new Set(_ids);
+        selectedRowKeys.value = selected ? [...selectedRowKeys.value, ..._ids] : selectedRowKeys.value.filter((key) => !idSet.has(key));
         emit("update:keys", selectedRowKeys.value);
       };
       vue.watch(() => props.keys, (val) => {
+        if (isArrayEqual(val, selectedRowKeys.value)) return;
         selectedRowKeys.value = val;
       }, {
         deep: true,
         immediate: true
       });
-      vue.watch(() => {
-        var _a;
-        return (_a = props.config) == null ? void 0 : _a.selection;
-      }, (val) => {
-        if (val !== "N") {
-          rowSelection2.value = {
-            selectedRowKeys,
-            onSelect,
-            onSelectAll,
-            fixed: true,
-            columnTitle: selection === "S" ? "\u9009\u62E9" : null,
-            columnWidth: selection === "S" ? 60 : 40,
-            getCheckboxProps
-          };
-        } else {
-          rowSelection2.value = void 0;
-        }
-      }, {
-        immediate: true
+      return vue.computed(() => {
+        const {
+          config
+        } = props;
+        if ((config == null ? void 0 : config.selection) === "N") return void 0;
+        return {
+          selectedRowKeys: selectedRowKeys.value,
+          onSelect,
+          onSelectAll,
+          fixed: true,
+          columnTitle: (config == null ? void 0 : config.selection) === "S" ? "\u9009\u62E9" : null,
+          columnWidth: (config == null ? void 0 : config.selection) === "S" ? 60 : 40,
+          getCheckboxProps: config == null ? void 0 : config.getCheckboxProps
+        };
       });
-      return rowSelection2;
     }
     return () => vue.createVNode(antDesignVue.Flex, {
       "vertical": true,
@@ -395,7 +377,7 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
         "dataSource": data.value,
         "columns": columns.value,
         "rowSelection": rowSelection.value,
-        "customRow": useCustomRow(),
+        "customRow": customRowFn,
         "pagination": false,
         "rowKey": props.rowKey,
         "scroll": {