@ditari/bsui 5.0.1 → 5.0.3

package/dist/cjs/components/index.cjs

@@ -1,17 +1,22 @@
 'use strict';
 
 require('./layout/index.cjs');
+require('./select/index.cjs');
 require('./tab/index.cjs');
 require('./table/index.cjs');
+var Select_vue_vue_type_script_setup_true_lang = require('./select/Select.vue2.cjs');
 var Tab_vue_vue_type_script_setup_true_lang = require('./tab/Tab.vue2.cjs');
-var table = require('./table/table.cjs');
-var list = require('./layout/list.cjs');
-var show = require('./layout/show.cjs');
-
+var Table = require('./table/Table.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');
 
+"use strict";
 
+exports.Select = Select_vue_vue_type_script_setup_true_lang.default;
 exports.Tab = Tab_vue_vue_type_script_setup_true_lang.default;
-exports.Table = table.default;
-exports.List = list.default;
-exports.Show = show.default;
+exports.Table = Table.default;
+exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;
+exports.List = List.default;
+exports.Show = Show.default;
 //# sourceMappingURL=index.cjs.map

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.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Layout_vue_vue_type_script_setup_true_lang = require('./Layout.vue2.cjs');
+
+"use strict";
+
+exports.default = Layout_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=Layout.vue.cjs.map

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

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

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

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var pinia = require('pinia');
+var Menu = require('./components/menu/Menu.cjs');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+require('./components/layout/HeaderLayout.vue.cjs');
+require('./components/layout/RouterContent.vue.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";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Layout",
+  setup(__props) {
+    const { layout } = pinia.storeToRefs(store.useAppStore());
+    const route = vueRouter.useRoute();
+    const { layoutStyle, siderStyle, rightStyle, rightContentStyle } = useStyle();
+    useKeepAlive();
+    function useKeepAlive() {
+      const { save } = store.useKeepAliveStore();
+      vue.watch(
+        () => route.path,
+        () => {
+          save(route);
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+    function useStyle() {
+      const layoutStyle2 = css.css`
+    height: 100%;
+  `;
+      const transitionStyle = css.css`
+    transition: margin-left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);
+  `;
+      const left = vue.computed(
+        () => `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`
+      );
+      const siderStyle2 = vue.computed(
+        () => css.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 = vue.computed(
+        () => css.css`
+      margin-left: ${left.value};
+      ${transitionStyle}
+    `
+      );
+      const rightContentStyle2 = vue.computed(
+        () => css.css`
+      padding-top: ${layout.value.headerHeight}px;
+    `
+      );
+      return {
+        layoutStyle: layoutStyle2,
+        siderStyle: siderStyle2,
+        rightStyle: rightStyle2,
+        rightContentStyle: rightContentStyle2
+      };
+    }
+    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_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(_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.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(rightStyle))
+              }, {
+                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, ["class"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"]),
+          vue.createVNode(_component_a_back_top)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Layout.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue2.cjs","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":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAC5C,IAAA,MAAM,QAAQC,kBAAS,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,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,QAAW,GAAA;AAClB,MAAA,MAAMC,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;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAOnC;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 → List.cjs}

@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
 var core = require('@vueuse/core');
+var store = require('@ditari/store');
 var css = require('@emotion/css');
 
+"use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -16,8 +19,8 @@ const tableRootStyle = css.css`
   overflow: hidden;
 `;
 const list = /* @__PURE__ */ vue.defineComponent({
-  name: "DList",
-  emits: ["update:value", "change"],
+  name: "DListLayout",
+  emits: ["change"],
   setup(_, {
     slots
   }) {
@@ -27,6 +30,9 @@ const list = /* @__PURE__ */ vue.defineComponent({
       tableVisible,
       playTableHeight
     } = useTableHeight();
+    const {
+      layout
+    } = pinia.storeToRefs(store.useAppStore());
     const {
       formRef
     } = useForm();
@@ -50,6 +56,10 @@ const list = /* @__PURE__ */ vue.defineComponent({
       left: 0;
       overflow: hidden;
     `;
+    const cardStyle = css.css`
+      box-shadow: none !important;
+    `;
+    const listStyle = vue.computed(() => css.css``);
     vue.onMounted(() => {
       playTableHeight();
     });
@@ -92,11 +102,14 @@ const list = /* @__PURE__ */ vue.defineComponent({
       let _slot;
       return vue.createVNode(antDesignVue.Flex, {
         "vertical": true,
+        "class": listStyle.value,
         "style": {
-          height: "100%"
+          height: "100%",
+          padding: "24px"
         }
       }, {
         default: () => [slots.form && vue.createVNode(antDesignVue.Card, {
+          "class": cardStyle,
           "ref": formRef,
           "style": {
             marginBottom: "20px"
@@ -112,6 +125,7 @@ const list = /* @__PURE__ */ vue.defineComponent({
           "vertical": true
         }, {
           default: () => [vue.createVNode(antDesignVue.Card, {
+            "class": cardStyle,
             "style": {
               height: "100%"
             },
@@ -165,4 +179,4 @@ const list = /* @__PURE__ */ vue.defineComponent({
 });
 
 exports.default = list;
-//# sourceMappingURL=list.cjs.map
+//# sourceMappingURL=List.cjs.map

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

@@ -0,0 +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  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","defineComponent","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/cjs/components/layout/Show.cjs

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
+var core = require('@vueuse/core');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+
+"use strict";
+const getProps = () => {
+  return {
+    close: {
+      type: Boolean,
+      default: false
+    }
+  };
+};
+const show = /* @__PURE__ */ vue.defineComponent({
+  name: "DShowLayout",
+  props: getProps(),
+  emits: ["update:value", "change"],
+  setup(props, {
+    emit,
+    slots,
+    expose
+  }) {
+    emit("update:value", "ddd");
+    const {
+      layout
+    } = pinia.storeToRefs(store.useAppStore());
+    const {
+      deleteTabs
+    } = store.useNavTabStore();
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const {
+      y
+    } = core.useWindowScroll();
+    const pageHeaderStyle = vue.computed(() => css.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 = vue.computed(() => css.css`
+        padding: 10px 10px ${slots.footer ? "70px" : "0"};
+      `);
+    const footerStyle = vue.computed(() => css.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 = () => vue.createVNode("div", null, [route.meta.title || "\u65E0\u6807\u9898"]);
+    const ghost = vue.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 () => 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);
+          }
+        }), vue.createVNode("div", {
+          "class": contentStyle.value
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), vue.createVNode("div", {
+          "class": footerStyle.value
+        }, [(_b = slots.footer) == null ? void 0 : _b.call(slots)])];
+      }
+    });
+  }
+});
+
+exports.default = show;
+//# sourceMappingURL=Show.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Show.cjs","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","defineComponent","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/cjs/components/layout/components/layout/HeaderLayout.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./HeaderLayout.vue2.cjs');
+
+"use strict";
+
+exports.default = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=HeaderLayout.vue.cjs.map

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

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

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

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "HeaderLayout",
+  setup(__props) {
+    const { layout } = pinia.storeToRefs(store.useAppStore());
+    const { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();
+    function useStyle() {
+      const { useToken } = antDesignVue.theme;
+      const { token } = useToken();
+      const left = vue.computed(
+        () => `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`
+      );
+      const headerStyle2 = vue.computed(
+        () => css.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 = vue.computed(
+        () => css.css`
+      flex: 1;
+      overflow: hidden;
+      padding-right: 10px;
+    `
+      );
+      const collapsedStyle2 = vue.computed(
+        () => css.css`
+      padding: 0 10px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    `
+      );
+      const rightStyle2 = vue.computed(
+        () => css.css`
+      height: 100%;
+    `
+      );
+      return {
+        headerStyle: headerStyle2,
+        headerTabStyle: headerTabStyle2,
+        collapsedStyle: collapsedStyle2,
+        rightStyle: rightStyle2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_Tab = vue.resolveComponent("Tab");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(headerStyle))
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(collapsedStyle)),
+              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(layout).collapsed = !vue.unref(layout).collapsed)
+            },
+            [
+              vue.unref(layout).collapsed ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuUnfoldOutlined), {
+                key: 0,
+                class: "trigger"
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuFoldOutlined), { key: 1 }))
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(headerTabStyle))
+            },
+            [
+              vue.createVNode(_component_Tab)
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(rightStyle))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=HeaderLayout.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { 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":["storeToRefs","useAppStore","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAA,iBAAA,CAAYC,mBAAa,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,GAAAC,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,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,YAAc,GAAAD,YAAA;AAAA,QAClB,MAAME,OAAA;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,GAAAH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAiB,GAAAJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAa,GAAAL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,cAAAE,EAAAA,eAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,UAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/layout/RouterContent.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RouterContent_vue_vue_type_script_setup_true_lang = require('./RouterContent.vue2.cjs');
+
+"use strict";
+
+exports.default = RouterContent_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=RouterContent.vue.cjs.map

package/dist/cjs/components/layout/components/layout/RouterContent.vue.cjs.map

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

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

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