@ditari/bsui 5.0.7 → 5.0.8

package/dist/cjs/components/date/RangePicker.vue2.cjs

@@ -74,26 +74,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_a_range_picker = vue.resolveComponent("a-range-picker");
-      return vue.openBlock(), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        [
-          vue.createTextVNode(
-            vue.toDisplayString(innerValue.value) + " ",
-            1
-            /* TEXT */
-          ),
-          vue.createVNode(_component_a_range_picker, {
-            style: { "width": "100%" },
-            value: innerValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
-            placeholder: ["\u5F00\u59CB\u65F6\u95F4", "\u7ED3\u675F\u65F6\u95F4"],
-            onChange: handleChange
-          }, null, 8, ["value"])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
+      return vue.openBlock(), vue.createBlock(_component_a_range_picker, {
+        style: { "width": "100%" },
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        placeholder: ["\u5F00\u59CB\u65F6\u95F4", "\u7ED3\u675F\u65F6\u95F4"],
+        onChange: handleChange
+      }, null, 8, ["value"]);
     };
   }
 });

package/dist/cjs/components/date/RangePicker.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.vue2.cjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport type { RangeValue } from \"ant-design-vue/es/vc-picker/interface\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// 定义 props 类型\r\ninterface Props {\r\n  value: Record<string, unknown>; // 使用 any 以兼容任意字段\r\n  startField?: string;\r\n  endField?: string;\r\n  format?: string;\r\n}\r\n\r\nconst props = defineProps({\n  value: { type: Object, required: true, default: () => ({}) },\n  startField: { type: String, required: false, default: \"startTime\" },\n  endField: { type: String, required: false, default: \"endTime\" },\n  format: { type: String, required: false, default: \"YYYY-MM-DD\" }\n});\r\n\r\n// 定义 emits 类型\r\nconst emits = defineEmits([\"update:value\", \"change\"]);\r\n\r\n// 定义 innerValue 的类型为 RangeValue<Dayjs>\r\nconst innerValue = ref<RangeValue<Dayjs>>(null);\r\n\r\n// 监听外部 value 变化，更新内部值\r\nwatch(\r\n  () => props.value,\r\n  newVal => {\r\n    if (newVal[props.startField] && newVal[props.endField]) {\r\n      innerValue.value = [\r\n        dayjs(newVal[props.startField] as string),\r\n        dayjs(newVal[props.endField] as string)\r\n      ];\r\n    } else {\r\n      innerValue.value = null;\r\n    }\r\n  },\r\n  { immediate: true, deep: true }\r\n);\r\n\r\n// 处理日期变化\r\nconst handleChange = (dates: RangeValue<Dayjs>) => {\r\n  if (dates && dates.length === 2) {\r\n    const [startTime, endTime] = dates;\r\n\r\n    // 创建一个新对象，保留原 params 的其他属性\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: startTime ? startTime.format(props.format) : null,\r\n      [props.endField]: endTime ? endTime.format(props.format) : null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  } else {\r\n    // 如果日期为空，则清空 startField 和 endField\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: null,\r\n      [props.endField]: null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  {{ innerValue }}\r\n  <a-range-picker\r\n    style=\"width: 100%\"\r\n    v-model:value=\"innerValue\"\r\n    :placeholder=\"['开始时间', '结束时间']\"\r\n    @change=\"handleChange\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["ref","watch","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAGd,IAAM,MAAA,UAAA,GAAaA,QAAuB,IAAI,CAAA;AAG9C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,IAAI,OAAO,KAAM,CAAA,UAAU,KAAK,MAAO,CAAA,KAAA,CAAM,QAAQ,CAAG,EAAA;AACtD,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjBC,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,UAAU,CAAW,CAAA;AAAA,YACxCA,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,QAAQ,CAAW;AAAA,WACxC;AAAA,SACK,MAAA;AACL,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA;AAAA;AACrB,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK;AAAA,KAChC;AAGA,IAAM,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACjD,MAAI,IAAA,KAAA,IAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,QAAM,MAAA,CAAC,SAAW,EAAA,OAAO,CAAI,GAAA,KAAA;AAG7B,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,MAAM,UAAU,GAAG,YAAY,SAAU,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA,IAAA;AAAA,UACjE,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAQ,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA;AAAA,SAC7D,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA,OACzB,MAAA;AAEL,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,KAAM,CAAA,UAAU,GAAG,IAAA;AAAA,UACpB,CAAC,KAAM,CAAA,QAAQ,GAAG;AAAA,SACpB,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA;AAChC,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RangePicker.vue2.cjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport type { RangeValue } from \"ant-design-vue/es/vc-picker/interface\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// 定义 props 类型\r\ninterface Props {\r\n  value: Record<string, unknown>; // 使用 any 以兼容任意字段\r\n  startField?: string;\r\n  endField?: string;\r\n  format?: string;\r\n}\r\n\r\nconst props = defineProps({\n  value: { type: Object, required: true, default: () => ({}) },\n  startField: { type: String, required: false, default: \"startTime\" },\n  endField: { type: String, required: false, default: \"endTime\" },\n  format: { type: String, required: false, default: \"YYYY-MM-DD\" }\n});\r\n\r\n// 定义 emits 类型\r\nconst emits = defineEmits([\"update:value\", \"change\"]);\r\n\r\n// 定义 innerValue 的类型为 RangeValue<Dayjs>\r\nconst innerValue = ref<RangeValue<Dayjs>>(null);\r\n\r\n// 监听外部 value 变化，更新内部值\r\nwatch(\r\n  () => props.value,\r\n  newVal => {\r\n    if (newVal[props.startField] && newVal[props.endField]) {\r\n      innerValue.value = [\r\n        dayjs(newVal[props.startField] as string),\r\n        dayjs(newVal[props.endField] as string)\r\n      ];\r\n    } else {\r\n      innerValue.value = null;\r\n    }\r\n  },\r\n  { immediate: true, deep: true }\r\n);\r\n\r\n// 处理日期变化\r\nconst handleChange = (dates: RangeValue<Dayjs>) => {\r\n  if (dates && dates.length === 2) {\r\n    const [startTime, endTime] = dates;\r\n\r\n    // 创建一个新对象，保留原 params 的其他属性\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: startTime ? startTime.format(props.format) : null,\r\n      [props.endField]: endTime ? endTime.format(props.format) : null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  } else {\r\n    // 如果日期为空，则清空 startField 和 endField\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: null,\r\n      [props.endField]: null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <a-range-picker\r\n    style=\"width: 100%\"\r\n    v-model:value=\"innerValue\"\r\n    :placeholder=\"['开始时间', '结束时间']\"\r\n    @change=\"handleChange\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["ref","watch","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAGd,IAAM,MAAA,UAAA,GAAaA,QAAuB,IAAI,CAAA;AAG9C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,IAAI,OAAO,KAAM,CAAA,UAAU,KAAK,MAAO,CAAA,KAAA,CAAM,QAAQ,CAAG,EAAA;AACtD,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjBC,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,UAAU,CAAW,CAAA;AAAA,YACxCA,iBAAM,CAAA,MAAA,CAAO,KAAM,CAAA,QAAQ,CAAW;AAAA,WACxC;AAAA,SACK,MAAA;AACL,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA;AAAA;AACrB,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK;AAAA,KAChC;AAGA,IAAM,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACjD,MAAI,IAAA,KAAA,IAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,QAAM,MAAA,CAAC,SAAW,EAAA,OAAO,CAAI,GAAA,KAAA;AAG7B,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,MAAM,UAAU,GAAG,YAAY,SAAU,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA,IAAA;AAAA,UACjE,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAQ,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA;AAAA,SAC7D,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA,OACzB,MAAA;AAEL,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,KAAM,CAAA,UAAU,GAAG,IAAA;AAAA,UACpB,CAAC,KAAM,CAAA,QAAQ,GAAG;AAAA,SACpB,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA;AAChC,KACF;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/index.cjs

@@ -14,6 +14,9 @@ var RangePicker_vue_vue_type_script_setup_true_lang = require('./date/RangePicke
 var FormLayout = require('./form/FormLayout.cjs');
 var Moon = require('./icon/Moon.vue.cjs');
 var Sun = require('./icon/Sun.vue.cjs');
+var ThemeApp_vue_vue_type_script_setup_true_lang = require('./layout/components/layout/ThemeApp.vue2.cjs');
+var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./layout/components/layout/HeaderLayout.vue2.cjs');
+var Menu = require('./layout/components/menu/Menu.cjs');
 var Layout_vue_vue_type_script_setup_true_lang = require('./layout/Layout.vue2.cjs');
 var List = require('./layout/List.cjs');
 var Show = require('./layout/Show.cjs');
@@ -27,6 +30,9 @@ exports.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
 exports.FormLayout = FormLayout.default;
 exports.Moon = Moon.default;
 exports.Sun = Sun.default;
+exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
+exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
+exports.Menu = Menu.default;
 exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;
 exports.List = List.default;
 exports.Show = Show.default;

package/dist/cjs/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -11,12 +11,11 @@ var store = require('@ditari/store');
 var css = require('@emotion/css');
 require('./components/layout/HeaderLayout.vue.cjs');
 require('./components/layout/RouterContent.vue.cjs');
-require('./components/layout/ThemeApp.vue.cjs');
-var ThemeApp_vue_vue_type_script_setup_true_lang = require('./components/layout/ThemeApp.vue2.cjs');
 var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./components/layout/HeaderLayout.vue2.cjs');
 var RouterContent_vue_vue_type_script_setup_true_lang = require('./components/layout/RouterContent.vue2.cjs');
 
 "use strict";
+const _hoisted_1 = { class: "app-side" };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Layout",
   props: {
@@ -30,7 +29,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const route = vueRouter.useRoute();
     const { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();
     useKeepAlive();
-    const { watermarkContent } = useWatermark();
+    useWatermark();
     function useKeepAlive() {
       const { save } = store.useKeepAliveStore();
       vue.watch(
@@ -44,17 +43,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       );
     }
     function useWatermark() {
-      const watermarkContent2 = vue.ref("");
+      const watermarkContent = vue.ref("");
+      vue.provide("watermarkContent", watermarkContent);
       vue.watch(
         () => props.watermark,
         (val) => {
-          watermarkContent2.value = val.content || "";
+          watermarkContent.value = val.content || "";
         },
         { deep: true, immediate: true }
       );
-      return {
-        watermarkContent: watermarkContent2
-      };
     }
     function useStyle() {
       const layoutStyle2 = css.css`
@@ -72,12 +69,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       top: 0;
       bottom: 0;
       left: 0;
+      z-index: 1;
       width: ${layout.value.sideWidth}px;
 
-      ${modeConfig.value.mode === "light" ? `background:${sideTokenStyle.value.bgColor}!important;` : ""}
-      .ant-layout-sider-children {
+      .app-side {
+        height: 100%;
         display: flex;
         flex-direction: column;
+        ${modeConfig.value.mode === "light" ? `background:${sideTokenStyle.value.bgColor};` : ""}
       }
     `
       );
@@ -102,66 +101,52 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
       const _component_a_layout_content = vue.resolveComponent("a-layout-content");
-      const _component_a_watermark = vue.resolveComponent("a-watermark");
       const _component_a_layout = vue.resolveComponent("a-layout");
       const _component_a_back_top = vue.resolveComponent("a-back-top");
       return vue.openBlock(), vue.createElementBlock(
         vue.Fragment,
         null,
         [
-          vue.createVNode(ThemeApp_vue_vue_type_script_setup_true_lang.default, null, {
+          vue.createVNode(_component_a_layout, {
+            class: vue.normalizeClass(vue.unref(layoutStyle))
+          }, {
             default: vue.withCtx(() => [
+              vue.createVNode(_component_a_layout_sider, {
+                collapsed: vue.unref(layout).collapsed,
+                "onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => vue.unref(layout).collapsed = $event),
+                theme: "light",
+                collapsible: "",
+                trigger: null,
+                class: vue.normalizeClass(vue.unref(siderStyle))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.renderSlot(_ctx.$slots, "logo"),
+                    vue.createVNode(vue.unref(Menu.default))
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["collapsed", "class"]),
               vue.createVNode(_component_a_layout, {
-                class: vue.normalizeClass(vue.unref(layoutStyle))
+                class: vue.normalizeClass(vue.unref(rightStyle))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_a_layout_sider, {
-                    collapsed: vue.unref(layout).collapsed,
-                    "onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => vue.unref(layout).collapsed = $event),
-                    theme: "light",
-                    collapsible: "",
-                    trigger: null,
-                    class: vue.normalizeClass(vue.unref(siderStyle))
-                  }, {
+                  vue.createVNode(HeaderLayout_vue_vue_type_script_setup_true_lang.default, null, {
                     default: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "logo"),
-                      vue.createVNode(vue.unref(Menu.default))
+                      vue.renderSlot(_ctx.$slots, "headerRight")
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["collapsed", "class"]),
-                  vue.createVNode(_component_a_layout, {
-                    class: vue.normalizeClass(vue.unref(rightStyle))
+                  }),
+                  vue.createVNode(_component_a_layout_content, {
+                    class: vue.normalizeClass(vue.unref(rightContentStyle))
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_a_watermark, {
-                        content: vue.unref(watermarkContent),
-                        style: { "display": "flex", "height": "100%" }
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(HeaderLayout_vue_vue_type_script_setup_true_lang.default, null, {
-                            default: vue.withCtx(() => [
-                              vue.renderSlot(_ctx.$slots, "headerRight")
-                            ]),
-                            _: 3
-                            /* FORWARDED */
-                          }),
-                          vue.createVNode(_component_a_layout_content, {
-                            class: vue.normalizeClass(vue.unref(rightContentStyle))
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(RouterContent_vue_vue_type_script_setup_true_lang.default)
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["class"])
-                        ]),
-                        _: 3
-                        /* FORWARDED */
-                      }, 8, ["content"])
+                      vue.createVNode(RouterContent_vue_vue_type_script_setup_true_lang.default)
                     ]),
-                    _: 3
-                    /* FORWARDED */
+                    _: 1
+                    /* STABLE */
                   }, 8, ["class"])
                 ]),
                 _: 3
@@ -170,7 +155,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
             /* FORWARDED */
-          }),
+          }, 8, ["class"]),
           vue.createVNode(vue.unref(SettingDrawer.default)),
           vue.createVNode(_component_a_back_top)
         ],

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport { useAppStore, useKeepAliveStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\nimport AppTheme from \"./components/layout/ThemeApp.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) }\n});\r\n\r\nconst { layout, modeConfig, sideTokenStyle } = storeToRefs(useAppStore());\r\nconst route = useRoute();\r\n\r\nconst { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();\r\nuseKeepAlive();\r\nconst { watermarkContent } = useWatermark();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n\r\n  return {\r\n    watermarkContent\r\n  };\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100%;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\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 siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      ${modeConfig.value.mode === \"light\"\r\n        ? `background:${sideTokenStyle.value.bgColor}!important;`\r\n        : \"\"}\r\n      .ant-layout-sider-children {\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <app-theme>\r\n    <a-layout :class=\"layoutStyle\">\r\n      <a-layout-sider\r\n        v-model:collapsed=\"layout.collapsed\"\r\n        theme=\"light\"\r\n        collapsible\r\n        :trigger=\"null\"\r\n        :class=\"siderStyle\"\r\n      >\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu />\r\n      </a-layout-sider>\r\n      <a-layout :class=\"rightStyle\">\r\n        <a-watermark\r\n          :content=\"watermarkContent\"\r\n          style=\"display: flex; height: 100%\"\r\n        >\r\n          <header-layout>\r\n            <slot name=\"headerRight\"></slot>\r\n          </header-layout>\r\n          <a-layout-content :class=\"rightContentStyle\">\r\n            <RouterContent />\r\n          </a-layout-content>\r\n        </a-watermark>\r\n      </a-layout>\r\n    </a-layout>\r\n  </app-theme>\r\n  <SettingDrawer />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","watermarkContent","ref","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,EAAE,MAAQ,EAAA,UAAA,EAAY,gBAAmB,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AACxE,IAAA,MAAM,QAAQC,kBAAS,EAAA;AAEvB,IAAA,MAAM,EAAE,WAAa,EAAA,UAAA,EAAY,UAAY,EAAA,iBAAA,KAAsB,QAAS,EAAA;AAC5E,IAAa,YAAA,EAAA;AACb,IAAM,MAAA,EAAE,gBAAiB,EAAA,GAAI,YAAa,EAAA;AAE1C,IAAA,SAAS,YAAe,GAAA;AAEtB,MAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,uBAAkB,EAAA;AAEnC,MAAAC,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,MAAM;AACJ,UAAA,IAAA,CAAK,KAAK,CAAA;AAAA,SACZ;AAAA,QACA;AAAA,UACE,SAAW,EAAA;AAAA;AACb,OACF;AAAA;AAGF,IAAA,SAAS,YAAe,GAAA;AACtB,MAAMC,MAAAA,iBAAAA,GAAmBC,QAAI,EAAE,CAAA;AAE/B,MAAAF,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,SAAA;AAAA,QACZ,CAAO,GAAA,KAAA;AACL,UAAAC,iBAAAA,CAAiB,KAAQ,GAAA,GAAA,CAAI,OAAW,IAAA,EAAA;AAAA,SAC1C;AAAA,QACA,EAAE,IAAA,EAAM,IAAM,EAAA,SAAA,EAAW,IAAK;AAAA,OAChC;AAEA,MAAO,OAAA;AAAA,QACL,gBAAAA,EAAAA;AAAA,OACF;AAAA;AAGF,IAAA,SAAS,QAAW,GAAA;AAClB,MAAA,MAAME,YAAc,GAAAC,OAAA;AAAA;AAAA,EAAA,CAAA;AAIpB,MAAA,MAAM,eAAkB,GAAAA,OAAA;AAAA;AAAA,EAAA,CAAA;AAIxB,MAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,WAAa,GAAAD,YAAA;AAAA,QACjB,MAAMD,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKK,EAAA,MAAA,CAAO,MAAM,SAAS,CAAA;;AAAA,MAE7B,EAAA,UAAA,CAAW,MAAM,IAAS,KAAA,OAAA,GACxB,cAAc,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,WAAA,CAAA,GAC1C,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAMV;AAEA,MAAA,MAAMG,WAAa,GAAAF,YAAA;AAAA,QACjB,MAAMD,OAAA;AAAA,mBAAA,EACW,KAAK,KAAK,CAAA;AAAA,MAAA,EACvB,eAAe;AAAA,IAAA;AAAA,OAErB;AAEA,MAAA,MAAMI,kBAAoB,GAAAH,YAAA;AAAA,QACxB,MAAMD,OAAA;AAAA,mBACW,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA,IAAA;AAAA,OAE5C;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,UAAAG,EAAAA,WAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,iBAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport { useAppStore, useKeepAliveStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\nimport AppTheme from \"./components/layout/ThemeApp.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) }\n});\r\n\r\nconst { layout, modeConfig, sideTokenStyle } = storeToRefs(useAppStore());\r\nconst route = useRoute();\r\n\r\nconst { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();\r\nuseKeepAlive();\r\nuseWatermark();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100%;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\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 siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n  <SettingDrawer />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,EAAE,MAAQ,EAAA,UAAA,EAAY,gBAAmB,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AACxE,IAAA,MAAM,QAAQC,kBAAS,EAAA;AAEvB,IAAA,MAAM,EAAE,WAAa,EAAA,UAAA,EAAY,UAAY,EAAA,iBAAA,KAAsB,QAAS,EAAA;AAC5E,IAAa,YAAA,EAAA;AACb,IAAa,YAAA,EAAA;AAEb,IAAA,SAAS,YAAe,GAAA;AAEtB,MAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,uBAAkB,EAAA;AAEnC,MAAAC,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,MAAM;AACJ,UAAA,IAAA,CAAK,KAAK,CAAA;AAAA,SACZ;AAAA,QACA;AAAA,UACE,SAAW,EAAA;AAAA;AACb,OACF;AAAA;AAGF,IAAA,SAAS,YAAe,GAAA;AACtB,MAAM,MAAA,gBAAA,GAAmBC,QAAI,EAAE,CAAA;AAC/B,MAAAC,WAAA,CAAQ,oBAAoB,gBAAgB,CAAA;AAE5C,MAAAF,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,SAAA;AAAA,QACZ,CAAO,GAAA,KAAA;AACL,UAAiB,gBAAA,CAAA,KAAA,GAAQ,IAAI,OAAW,IAAA,EAAA;AAAA,SAC1C;AAAA,QACA,EAAE,IAAA,EAAM,IAAM,EAAA,SAAA,EAAW,IAAK;AAAA,OAChC;AAAA;AAGF,IAAA,SAAS,QAAW,GAAA;AAClB,MAAA,MAAMG,YAAc,GAAAC,OAAA;AAAA;AAAA,EAAA,CAAA;AAIpB,MAAA,MAAM,eAAkB,GAAAA,OAAA;AAAA;AAAA,EAAA,CAAA;AAIxB,MAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,WAAa,GAAAD,YAAA;AAAA,QACjB,MAAMD,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMK,EAAA,MAAA,CAAO,MAAM,SAAS,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,QAM3B,EAAA,UAAA,CAAW,MAAM,IAAS,KAAA,OAAA,GACxB,cAAc,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA,CAAA,GAC1C,EAAE;AAAA;AAAA,IAAA;AAAA,OAGZ;AAEA,MAAA,MAAMG,WAAa,GAAAF,YAAA;AAAA,QACjB,MAAMD,OAAA;AAAA,mBAAA,EACW,KAAK,KAAK,CAAA;AAAA,MAAA,EACvB,eAAe;AAAA,IAAA;AAAA,OAErB;AAEA,MAAA,MAAMI,kBAAoB,GAAAH,YAAA;AAAA,QACxB,MAAMD,OAAA;AAAA,mBACW,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA,IAAA;AAAA,OAE5C;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,UAAAG,EAAAA,WAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,iBAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/List.cjs

@@ -26,6 +26,7 @@ const list = /* @__PURE__ */ vue.defineComponent({
     slots,
     emit
   }) {
+    const watermarkContent = vue.ref(vue.inject("watermarkContent"));
     const route = vueRouter.useRoute();
     const {
       refresh
@@ -217,31 +218,38 @@ const list = /* @__PURE__ */ vue.defineComponent({
           })]
         });
       }
-      return vue.createVNode(antDesignVue.Flex, {
-        "class": listStyle.value,
-        "gap": 10,
+      return vue.createVNode(antDesignVue.Watermark, {
         "style": {
-          height: "100%",
-          padding: "10px"
-        }
+          height: "100%"
+        },
+        "content": watermarkContent.value
       }, {
-        default: () => [slots.left ? vue.createVNode(antDesignVue.Card, {
-          "class": [cardStyle, leftCardStyle],
-          "bordered": false,
-          "bodyStyle": {
+        default: () => [vue.createVNode(antDesignVue.Flex, {
+          "class": [listStyle.value, "app-list"],
+          "gap": 10,
+          "style": {
             height: "100%",
             padding: "10px"
           }
         }, {
-          default: () => {
-            var _a;
-            return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
-          }
-        }) : null, vue.createVNode(antDesignVue.Flex, {
-          "vertical": true,
-          "flex": 1
-        }, {
-          default: () => [formLayout()(), tableLayout()()]
+          default: () => [slots.left ? vue.createVNode(antDesignVue.Card, {
+            "class": [cardStyle, leftCardStyle],
+            "bordered": false,
+            "bodyStyle": {
+              height: "100%",
+              padding: "10px"
+            }
+          }, {
+            default: () => {
+              var _a;
+              return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
+            }
+          }) : null, vue.createVNode(antDesignVue.Flex, {
+            "vertical": true,
+            "flex": 1
+          }, {
+            default: () => [formLayout()(), tableLayout()()]
+          })]
         })]
       });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { Card, Flex, Space } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, playTableHeight } =\r\n      useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        background: white;\r\n        display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n      box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n      .ant-card-body {\r\n        overflow-y: scroll;\r\n        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n        scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n        /* Webkit 浏览器 */\r\n\r\n        ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n    `;\r\n\r\n    const listStyle = computed(() => css``);\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } = useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{ height: \"100%\", padding: \"10px\" }}\r\n              bordered={false}\r\n            >\r\n              <Flex style={{ height: \"100%\" }} vertical={true}>\r\n                <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({ height: height.value })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Flex\r\n          class={listStyle.value}\r\n          gap={10}\r\n          style={{ height: \"100%\", padding: \"10px\" }}\r\n        >\r\n          {slots.left ? (\r\n            <Card\r\n              class={[cardStyle, leftCardStyle]}\r\n              bordered={false}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n            >\r\n              {slots.left?.()}\r\n            </Card>\r\n          ) : null}\r\n          <Flex vertical={true} flex={1}>\r\n            {formLayout()()}\r\n            {tableLayout()()}\r\n          </Flex>\r\n        </Flex>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","left"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { Card, Flex, Space, Watermark } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n  height: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const watermarkContent = ref(inject(\"watermarkContent\"));\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, playTableHeight } =\r\n      useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        background: white;\r\n        display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n      box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n      .ant-card-body {\r\n        overflow-y: scroll;\r\n        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n        scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n        /* Webkit 浏览器 */\r\n\r\n        ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n    `;\r\n\r\n    const listStyle = computed(() => css``);\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } = useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{ height: \"100%\", padding: \"10px\" }}\r\n              bordered={false}\r\n            >\r\n              <Flex style={{ height: \"100%\" }} vertical={true}>\r\n                <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({ height: height.value })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Watermark\r\n          style={{ height: \"100%\" }}\r\n          content={watermarkContent.value as string}\r\n        >\r\n          <Flex\r\n            class={[listStyle.value, \"app-list\"]}\r\n            gap={10}\r\n            style={{ height: \"100%\", padding: \"10px\" }}\r\n          >\r\n            {slots.left ? (\r\n              <Card\r\n                class={[cardStyle, leftCardStyle]}\r\n                bordered={false}\r\n                bodyStyle={{\r\n                  height: \"100%\",\r\n                  padding: \"10px\"\r\n                }}\r\n              >\r\n                {slots.left?.()}\r\n              </Card>\r\n            ) : null}\r\n            <Flex vertical={true} flex={1}>\r\n              {formLayout()()}\r\n              {tableLayout()()}\r\n            </Flex>\r\n          </Flex>\r\n        </Watermark>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","watermarkContent","ref","inject","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left"],"mappings":"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"}

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

@@ -27,6 +27,7 @@ const show = /* @__PURE__ */ vue.defineComponent({
     slots,
     expose
   }) {
+    const watermarkContent = vue.ref(vue.inject("watermarkContent"));
     const {
       useToken
     } = antDesignVue.theme;
@@ -49,7 +50,7 @@ const show = /* @__PURE__ */ vue.defineComponent({
         position: sticky;
         top: ${layout.value.headerHeight}px;
         z-index: 10;
-        padding: 4px 24px;
+        padding: 0;
         transition: all 0.3s;
         background-color: ${token.value.colorBgLayout};
 
@@ -73,6 +74,7 @@ const show = /* @__PURE__ */ vue.defineComponent({
       `);
     const contentStyle = vue.computed(() => css.css`
         padding: 10px 10px ${slots.footer ? "70px" : "0"};
+        background: inherit;
       `);
     const footerStyle = vue.computed(() => css.css`
         position: fixed;
@@ -103,40 +105,44 @@ const show = /* @__PURE__ */ vue.defineComponent({
     expose({
       close: onClosePage
     });
-    return () => vue.createVNode(antDesignVue.Flex, {
-      "vertical": true
+    return () => vue.createVNode(antDesignVue.Watermark, {
+      "content": watermarkContent.value
     }, {
-      default: () => {
-        var _a, _b;
-        return [vue.createVNode(antDesignVue.PageHeader, {
-          "ghost": ghost.value,
-          "class": pageHeaderStyle.value,
-          "onBack": () => onBack(),
-          "title": pageTitle()
-        }, {
-          backIcon: () => vue.createVNode("div", null, [vue.createVNode(iconsVue.LeftOutlined, {
-            "style": {
-              fontSize: "26px"
+      default: () => [vue.createVNode(antDesignVue.Flex, {
+        "vertical": true
+      }, {
+        default: () => {
+          var _a, _b;
+          return [vue.createVNode(antDesignVue.PageHeader, {
+            "ghost": ghost.value,
+            "class": pageHeaderStyle.value,
+            "onBack": () => onBack(),
+            "title": pageTitle()
+          }, {
+            backIcon: () => vue.createVNode("div", null, [vue.createVNode(iconsVue.LeftOutlined, {
+              "style": {
+                fontSize: "26px"
+              }
+            }, null)]),
+            extra: () => {
+              var _a2;
+              return (_a2 = slots.extra) == null ? void 0 : _a2.call(slots);
+            },
+            footer: () => {
+              var _a2;
+              return (_a2 = slots.footer) == null ? void 0 : _a2.call(slots);
+            },
+            subTitle: () => {
+              var _a2;
+              return (_a2 = slots.subTitle) == null ? void 0 : _a2.call(slots);
             }
-          }, null)]),
-          extra: () => {
-            var _a2;
-            return (_a2 = slots.extra) == null ? void 0 : _a2.call(slots);
-          },
-          footer: () => {
-            var _a2;
-            return (_a2 = slots.footer) == null ? void 0 : _a2.call(slots);
-          },
-          subTitle: () => {
-            var _a2;
-            return (_a2 = slots.subTitle) == null ? void 0 : _a2.call(slots);
-          }
-        }), vue.createVNode("div", {
-          "class": contentStyle.value
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), slots.showfooter ? vue.createVNode("div", {
-          "class": footerStyle.value
-        }, [(_b = slots.showfooter) == null ? void 0 : _b.call(slots)]) : null];
-      }
+          }), vue.createVNode("div", {
+            "class": contentStyle.value
+          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), slots.bottomFooter ? vue.createVNode("div", {
+            "class": footerStyle.value
+          }, [(_b = slots.bottomFooter) == null ? void 0 : _b.call(slots)]) : null];
+        }
+      })]
     });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import { computed, ComputedRef, defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader, theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\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    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n    const { layout, refresh } = storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\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: 4px 24px;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0 ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\" : \"\"}\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 ${slots.footer ? \"70px\" : \"0\"};\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        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: #fff;\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => <div>{route.meta.title || \"无标题\"}</div>;\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    return () => (\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 style={{ fontSize: \"26px\" }} />\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        <div class={contentStyle.value}>{slots.default?.()}</div>\r\n        {slots.showfooter ? (\r\n          <div class={footerStyle.value}>{slots.showfooter?.()}</div>\r\n        ) : null}\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","defineComponent","name","props","setup","slots","expose","useToken","theme","token","layout","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle","showfooter"],"mappings":"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"}
+{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import { computed, ComputedRef, defineComponent, inject, ref } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader, theme, Watermark } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\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 watermarkContent = ref(inject(\"watermarkContent\"));\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n    const { layout, refresh } = storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\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 ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\" : \"\"}\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 ${slots.footer ? \"70px\" : \"0\"};\r\n        background: inherit;\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        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: #fff;\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => <div>{route.meta.title || \"无标题\"}</div>;\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    return () => (\r\n      <Watermark content={watermarkContent.value as string}>\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 style={{ fontSize: \"26px\" }} />\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          <div class={contentStyle.value}>{slots.default?.()}</div>\r\n          {slots.bottomFooter ? (\r\n            <div class={footerStyle.value}>{slots.bottomFooter?.()}</div>\r\n          ) : null}\r\n        </Flex>\r\n      </Watermark>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","defineComponent","name","props","setup","slots","expose","watermarkContent","ref","inject","useToken","theme","token","layout","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","pageTitle","_createVNode","meta","title","ghost","onBack","fullPath","go","onClosePage","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle","bottomFooter"],"mappings":"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"}

package/dist/cjs/components/layout/components/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var Menu = require('./menu/Menu.cjs');
+require('./layout/HeaderLayout.vue.cjs');
+require('./layout/ThemeApp.vue.cjs');
+var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./layout/HeaderLayout.vue2.cjs');
+var ThemeApp_vue_vue_type_script_setup_true_lang = require('./layout/ThemeApp.vue2.cjs');
+
+"use strict";
+Menu.default.install = function(app) {
+  app.component(Menu.default.name, Menu.default);
+  return app;
+};
+HeaderLayout_vue_vue_type_script_setup_true_lang.default.install = function(app) {
+  app.component("DHeaderLayout", HeaderLayout_vue_vue_type_script_setup_true_lang.default);
+  return app;
+};
+ThemeApp_vue_vue_type_script_setup_true_lang.default.install = function(app) {
+  app.component("DAppTheme", ThemeApp_vue_vue_type_script_setup_true_lang.default);
+  return app;
+};
+
+exports.Menu = Menu.default;
+exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
+exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/layout/components/index.ts"],"sourcesContent":["import Menu from \"./menu/Menu\";\r\nimport type { App } from \"vue\";\r\n\r\nimport HeaderLayout from \"./layout/HeaderLayout.vue\";\r\nimport AppTheme from \"./layout/ThemeApp.vue\";\r\n\r\nMenu.install = function (app: App) {\r\n  app.component(Menu.name!, Menu);\r\n  return app;\r\n};\r\n\r\nHeaderLayout.install = function (app: App) {\r\n  app.component(\"DHeaderLayout\", HeaderLayout);\r\n  return app;\r\n};\r\n\r\nAppTheme.install = function (app: App) {\r\n  app.component(\"DAppTheme\", AppTheme);\r\n  return app;\r\n};\r\n\r\nexport { AppTheme,HeaderLayout, Menu };\r\n"],"names":["Menu","HeaderLayout","AppTheme"],"mappings":";;;;;;;;;AAMAA,YAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,YAAK,CAAA,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,wDAAa,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACzC,EAAI,GAAA,CAAA,SAAA,CAAU,iBAAiBA,wDAAY,CAAA;AAC3C,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,oDAAS,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACrC,EAAI,GAAA,CAAA,SAAA,CAAU,aAAaA,oDAAQ,CAAA;AACnC,EAAO,OAAA,GAAA;AACT,CAAA;;;;;;"}

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

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