@ditari/bsui 5.0.1 → 5.0.3

package/dist/esm/components/layout/Layout.vue2.mjs

@@ -0,0 +1,140 @@
+import { defineComponent, watch, computed, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, normalizeClass, unref, withCtx, renderSlot } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import DMenu from './components/menu/Menu.mjs';
+import { useAppStore, useKeepAliveStore } from '@ditari/store';
+import { css } from '@emotion/css';
+import './components/layout/HeaderLayout.vue.mjs';
+import './components/layout/RouterContent.vue.mjs';
+import _sfc_main$1 from './components/layout/HeaderLayout.vue2.mjs';
+import _sfc_main$2 from './components/layout/RouterContent.vue2.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Layout",
+  setup(__props) {
+    const { layout } = storeToRefs(useAppStore());
+    const route = useRoute();
+    const { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();
+    useKeepAlive();
+    function useKeepAlive() {
+      const { save } = useKeepAliveStore();
+      watch(
+        () => route.path,
+        () => {
+          save(route);
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+    function useStyle() {
+      const layoutStyle2 = css`
+    height: 100%;
+  `;
+      const transitionStyle = css`
+    transition: margin-left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);
+  `;
+      const left = computed(
+        () => `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`
+      );
+      const siderStyle2 = computed(
+        () => css`
+      position: fixed !important;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: ${layout.value.sideWidth}px;
+
+      .ant-layout-sider-children {
+        display: flex;
+        flex-direction: column;
+      }
+    `
+      );
+      const rightStyle2 = computed(
+        () => css`
+      margin-left: ${left.value};
+      ${transitionStyle}
+    `
+      );
+      const rightContentStyle2 = computed(
+        () => css`
+      padding-top: ${layout.value.headerHeight}px;
+    `
+      );
+      return {
+        layoutStyle: layoutStyle2,
+        siderStyle: siderStyle2,
+        rightStyle: rightStyle2,
+        rightContentStyle: rightContentStyle2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_a_layout_sider = resolveComponent("a-layout-sider");
+      const _component_a_layout_content = resolveComponent("a-layout-content");
+      const _component_a_layout = resolveComponent("a-layout");
+      const _component_a_back_top = resolveComponent("a-back-top");
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(_component_a_layout, {
+            class: normalizeClass(unref(layoutStyle))
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_layout_sider, {
+                collapsed: unref(layout).collapsed,
+                "onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => unref(layout).collapsed = $event),
+                theme: "light",
+                collapsible: "",
+                trigger: null,
+                class: normalizeClass(unref(siderStyle))
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "logo"),
+                  createVNode(unref(DMenu))
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["collapsed", "class"]),
+              createVNode(_component_a_layout, {
+                class: normalizeClass(unref(rightStyle))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, null, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "headerRight")
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }),
+                  createVNode(_component_a_layout_content, {
+                    class: normalizeClass(unref(rightContentStyle))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$2)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["class"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"]),
+          createVNode(_component_a_back_top)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Layout.vue2.mjs.map

package/dist/esm/components/layout/Layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, 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 { 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\n\r\nconst { layout } = storeToRefs(useAppStore());\r\nconst route = useRoute();\r\n\r\nconst { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();\r\n\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\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 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      .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  <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      <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  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAA,WAAA,CAAY,aAAa,CAAA;AAC5C,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAA,MAAM,EAAE,WAAa,EAAA,UAAA,EAAY,UAAY,EAAA,iBAAA,KAAsB,QAAS,EAAA;AAE5E,IAAa,YAAA,EAAA;AAEb,IAAA,SAAS,YAAe,GAAA;AACtB,MAAM,MAAA,EAAE,IAAK,EAAA,GAAI,iBAAkB,EAAA;AAEnC,MAAA,KAAA;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,QAAW,GAAA;AAClB,MAAA,MAAMA,YAAc,GAAA,GAAA;AAAA;AAAA,EAAA,CAAA;AAIpB,MAAA,MAAM,eAAkB,GAAA,GAAA;AAAA;AAAA,EAAA,CAAA;AAIxB,MAAA,MAAM,IAAO,GAAA,QAAA;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,GAAA,QAAA;AAAA,QACjB,MAAM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKK,EAAA,MAAA,CAAO,MAAM,SAAS,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAOnC;AAEA,MAAA,MAAMC,WAAa,GAAA,QAAA;AAAA,QACjB,MAAM,GAAA;AAAA,mBAAA,EACW,KAAK,KAAK,CAAA;AAAA,MAAA,EACvB,eAAe;AAAA,IAAA;AAAA,OAErB;AAEA,MAAA,MAAMC,kBAAoB,GAAA,QAAA;AAAA,QACxB,MAAM,GAAA;AAAA,mBACW,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA,IAAA;AAAA,OAE5C;AAEA,MAAO,OAAA;AAAA,QACL,WAAAH,EAAAA,YAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,iBAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/layout/{list.mjs → List.mjs}

@@ -1,8 +1,11 @@
 import { isVNode, defineComponent, computed, onMounted, ref, nextTick, watch, createVNode } from 'vue';
 import { Flex, Card, Space } from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
 import { useElementSize } from '@vueuse/core';
+import { useAppStore } from '@ditari/store';
 import { css } from '@emotion/css';
 
+"use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -12,8 +15,8 @@ const tableRootStyle = css`
   overflow: hidden;
 `;
 const list = /* @__PURE__ */ defineComponent({
-  name: "DList",
-  emits: ["update:value", "change"],
+  name: "DListLayout",
+  emits: ["change"],
   setup(_, {
     slots
   }) {
@@ -23,6 +26,9 @@ const list = /* @__PURE__ */ defineComponent({
       tableVisible,
       playTableHeight
     } = useTableHeight();
+    const {
+      layout
+    } = storeToRefs(useAppStore());
     const {
       formRef
     } = useForm();
@@ -46,6 +52,10 @@ const list = /* @__PURE__ */ defineComponent({
       left: 0;
       overflow: hidden;
     `;
+    const cardStyle = css`
+      box-shadow: none !important;
+    `;
+    const listStyle = computed(() => css``);
     onMounted(() => {
       playTableHeight();
     });
@@ -88,11 +98,14 @@ const list = /* @__PURE__ */ defineComponent({
       let _slot;
       return createVNode(Flex, {
         "vertical": true,
+        "class": listStyle.value,
         "style": {
-          height: "100%"
+          height: "100%",
+          padding: "24px"
         }
       }, {
         default: () => [slots.form && createVNode(Card, {
+          "class": cardStyle,
           "ref": formRef,
           "style": {
             marginBottom: "20px"
@@ -108,6 +121,7 @@ const list = /* @__PURE__ */ defineComponent({
           "vertical": true
         }, {
           default: () => [createVNode(Card, {
+            "class": cardStyle,
             "style": {
               height: "100%"
             },
@@ -161,4 +175,4 @@ const list = /* @__PURE__ */ defineComponent({
 });
 
 export { list as default };
-//# sourceMappingURL=list.mjs.map
+//# sourceMappingURL=List.mjs.map

package/dist/esm/components/layout/List.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  watch\r\n} from \"vue\";\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: [\"change\"],\r\n  setup(_, { slots }) {\r\n    const { tableRef, height, tableVisible, playTableHeight } =\r\n      useTableHeight();\r\n    const { layout } = storeToRefs(useAppStore());\r\n    const { formRef } = useForm();\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 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    return () => (\r\n      <Flex\r\n        vertical={true}\r\n        class={listStyle.value}\r\n        style={{ height: \"100%\", padding: \"24px\" }}\r\n      >\r\n        {slots.form && (\r\n          <Card\r\n            class={cardStyle}\r\n            ref={formRef}\r\n            style={{ marginBottom: \"20px\" }}\r\n            bodyStyle={{ padding: \"24px 24px 0 24px\" }}\r\n            bordered={false}\r\n          >\r\n            {slots.form()}\r\n          </Card>\r\n        )}\r\n\r\n        <Flex flex={1} vertical={true}>\r\n          <Card\r\n            class={cardStyle}\r\n            style={{ height: \"100%\" }}\r\n            bodyStyle={{ height: \"100%\" }}\r\n            bordered={false}\r\n          >\r\n            <Flex style={{ height: \"100%\" }} vertical={true}>\r\n              <Space style={{ marginBottom: \"20px\" }}>{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      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","name","emits","setup","_","slots","tableRef","height","tableVisible","playTableHeight","useTableHeight","layout","storeToRefs","useAppStore","formRef","useForm","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","_slot","_createVNode","Flex","padding","default","form","Card","marginBottom","Space","tools","table"],"mappings":"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"}

package/dist/esm/components/layout/Show.mjs

@@ -0,0 +1,130 @@
+import { defineComponent, computed, createVNode, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { Flex, PageHeader } from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
+import { useWindowScroll } from '@vueuse/core';
+import { LeftOutlined } from '@ant-design/icons-vue';
+import { useAppStore, useNavTabStore } from '@ditari/store';
+import { css } from '@emotion/css';
+
+"use strict";
+const getProps = () => {
+  return {
+    close: {
+      type: Boolean,
+      default: false
+    }
+  };
+};
+const show = /* @__PURE__ */ defineComponent({
+  name: "DShowLayout",
+  props: getProps(),
+  emits: ["update:value", "change"],
+  setup(props, {
+    emit,
+    slots,
+    expose
+  }) {
+    emit("update:value", "ddd");
+    const {
+      layout
+    } = storeToRefs(useAppStore());
+    const {
+      deleteTabs
+    } = useNavTabStore();
+    const route = useRoute();
+    const router = useRouter();
+    const {
+      y
+    } = useWindowScroll();
+    const pageHeaderStyle = computed(() => css`
+        position: sticky;
+        top: ${layout.value.headerHeight}px;
+        z-index: 10;
+        padding: 4px 24px;
+        transition: all 0.3s;
+
+        ${y.value > 0 ? "box-shadow: 6px 0 10px  rgba(0, 0, 0, 0.15);" : ""}
+        .ant-page-header-back {
+          height: 100%;
+
+          .ant-page-header-back-button {
+            height: 100%;
+            padding: 0 6px !important;
+            display: flex !important;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      `);
+    const contentStyle = computed(() => css`
+        padding: 10px 10px ${slots.footer ? "70px" : "0"};
+      `);
+    const footerStyle = computed(() => css`
+        position: fixed;
+        right: 0;
+        bottom: 0;
+        left: ${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px;
+        z-index: 10;
+        padding: 10px;
+        background: #fff;
+        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);
+        transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);
+      `);
+    const pageTitle = () => createVNode("div", null, [route.meta.title || "\u65E0\u6807\u9898"]);
+    const ghost = ref(false);
+    const onBack = () => {
+      if (props.close) {
+        deleteTabs(route.fullPath);
+        router.go(-1);
+      } else {
+        router.go(-1);
+      }
+    };
+    const onClosePage = () => {
+      deleteTabs(route.fullPath);
+      router.go(-1);
+    };
+    expose({
+      close: onClosePage
+    });
+    return () => createVNode(Flex, {
+      "vertical": true
+    }, {
+      default: () => {
+        var _a, _b;
+        return [createVNode(PageHeader, {
+          "ghost": ghost.value,
+          "class": pageHeaderStyle.value,
+          "onBack": () => onBack(),
+          "title": pageTitle()
+        }, {
+          backIcon: () => createVNode("div", null, [createVNode(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);
+          }
+        }), createVNode("div", {
+          "class": contentStyle.value
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), createVNode("div", {
+          "class": footerStyle.value
+        }, [(_b = slots.footer) == null ? void 0 : _b.call(slots)])];
+      }
+    });
+  }
+});
+
+export { show as default };
+//# sourceMappingURL=Show.mjs.map

package/dist/esm/components/layout/Show.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Show.mjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import { computed, defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader } 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\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  emits: [\"update:value\", \"change\"],\r\n  setup(props, { emit, slots, expose }) {\r\n    emit(\"update:value\", \"ddd\");\r\n    const { layout } = 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\r\n        ${y.value > 0 ? \"box-shadow: 6px 0 10px  rgba(0, 0, 0, 0.15);\" : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\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    );\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      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        <div class={footerStyle.value}>{slots.footer?.()}</div>\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","name","props","emits","setup","emit","slots","expose","layout","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle"],"mappings":"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"}

package/dist/esm/components/layout/components/layout/HeaderLayout.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './HeaderLayout.vue2.mjs';
+
+"use strict";
+
+export { _sfc_main as default };
+//# sourceMappingURL=HeaderLayout.vue.mjs.map

package/dist/esm/components/layout/components/layout/HeaderLayout.vue.mjs.map

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

package/dist/esm/components/layout/components/layout/HeaderLayout.vue2.mjs

@@ -0,0 +1,116 @@
+import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createVNode, renderSlot } from 'vue';
+import { theme } from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
+import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
+import { useAppStore } from '@ditari/store';
+import { css } from '@emotion/css';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderLayout",
+  setup(__props) {
+    const { layout } = storeToRefs(useAppStore());
+    const { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();
+    function useStyle() {
+      const { useToken } = theme;
+      const { token } = useToken();
+      const left = computed(
+        () => `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`
+      );
+      const headerStyle2 = computed(
+        () => css`
+      position: fixed;
+      top: 0;
+      right: 0;
+      background-color: ${token.value.colorBgContainer};
+      left: ${left.value};
+      height: ${layout.value.headerHeight}px;
+      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);
+      display: flex;
+      align-items: flex-end;
+    `
+      );
+      const headerTabStyle2 = computed(
+        () => css`
+      flex: 1;
+      overflow: hidden;
+      padding-right: 10px;
+    `
+      );
+      const collapsedStyle2 = computed(
+        () => css`
+      padding: 0 10px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    `
+      );
+      const rightStyle2 = computed(
+        () => css`
+      height: 100%;
+    `
+      );
+      return {
+        headerStyle: headerStyle2,
+        headerTabStyle: headerTabStyle2,
+        collapsedStyle: collapsedStyle2,
+        rightStyle: rightStyle2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_Tab = resolveComponent("Tab");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(headerStyle))
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(collapsedStyle)),
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(layout).collapsed = !unref(layout).collapsed)
+            },
+            [
+              unref(layout).collapsed ? (openBlock(), createBlock(unref(MenuUnfoldOutlined), {
+                key: 0,
+                class: "trigger"
+              })) : (openBlock(), createBlock(unref(MenuFoldOutlined), { key: 1 }))
+            ],
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(headerTabStyle))
+            },
+            [
+              createVNode(_component_Tab)
+            ],
+            2
+            /* CLASS */
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(rightStyle))
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=HeaderLayout.vue2.mjs.map

package/dist/esm/components/layout/components/layout/HeaderLayout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.vue2.mjs","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 { MenuFoldOutlined, MenuUnfoldOutlined } 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\n\r\n// import Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst { layout } = storeToRefs(useAppStore());\r\nconst { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = 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> } = 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      background-color: ${token.value.colorBgContainer};\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\r\n<template>\r\n  <div :class=\"headerStyle\">\r\n    <div :class=\"collapsedStyle\" @click=\"layout.collapsed = !layout.collapsed\">\r\n      <menu-unfold-outlined v-if=\"layout.collapsed\" class=\"trigger\" />\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":["headerStyle","headerTabStyle","collapsedStyle","rightStyle"],"mappings":";;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAA,WAAA,CAAY,aAAa,CAAA;AAC5C,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,UAAA,KAAe,QAAS,EAAA;AAE7E,IAAA,SAAS,QAKP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAA,MAAM,IAAO,GAAA,QAAA;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,MAAMA,YAAc,GAAA,QAAA;AAAA,QAClB,MAAM,GAAA;AAAA;AAAA;AAAA;AAAA,wBAIgB,EAAA,KAAA,CAAM,MAAM,gBAAgB,CAAA;AAAA,YAAA,EACxC,KAAK,KAAK,CAAA;AAAA,cACR,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAiB,GAAA,QAAA;AAAA,QACrB,MAAM,GAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAMC,eAAiB,GAAA,QAAA;AAAA,QACrB,MAAM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMC,WAAa,GAAA,QAAA;AAAA,QACjB,MAAM,GAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAO,OAAA;AAAA,QACL,WAAAH,EAAAA,YAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,UAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/layout/components/layout/RouterContent.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './RouterContent.vue2.mjs';
+
+"use strict";
+
+export { _sfc_main as default };
+//# sourceMappingURL=RouterContent.vue.mjs.map

package/dist/esm/components/layout/components/layout/RouterContent.vue.mjs.map

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

package/dist/esm/components/layout/components/layout/RouterContent.vue2.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createVNode, Transition, KeepAlive, unref, resolveDynamicComponent } from 'vue';
+import { useKeepAliveStore } from '@ditari/store';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RouterContent",
+  setup(__props) {
+    const { get: keepAliveNames } = useKeepAliveStore();
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createBlock(_component_router_view, null, {
+        default: withCtx(({ Component }) => [
+          createVNode(
+            Transition,
+            {
+              name: "main",
+              mode: "out-in",
+              appear: ""
+            },
+            {
+              default: withCtx(() => [
+                (openBlock(), createBlock(KeepAlive, { include: unref(keepAliveNames) }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                    key: _ctx.$route.path
+                  }))
+                ], 1032, ["include"]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            },
+            1024
+            /* DYNAMIC_SLOTS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=RouterContent.vue2.mjs.map

package/dist/esm/components/layout/components/layout/RouterContent.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterContent.vue2.mjs","sources":["../../../../../../src/components/layout/components/layout/RouterContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useKeepAliveStore } from \"@ditari/store\";\r\n\r\nconst { get: keepAliveNames } = useKeepAliveStore();\r\n</script>\r\n\r\n<template>\r\n  <router-view v-slot=\"{ Component }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"keepAliveNames\">\r\n        <component :is=\"Component\" :key=\"$route.path\" />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":[],"mappings":";;;;;;;AAGA,IAAA,MAAM,EAAE,GAAA,EAAK,cAAe,EAAA,GAAI,iBAAkB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}