@ditari/bsui 1.1.4 → 1.1.6

package/dist/cjs/layout/FuckMain.vue.d.ts

@@ -0,0 +1,143 @@
+declare const _default: import("vue").DefineComponent<{
+    showConfig: {
+        type: null;
+        required: true;
+        default: any;
+    };
+}, {
+    props: any;
+    store: import("pinia").Store<string, {
+        list: string[];
+    }, {
+        get: (state: {
+            list: string[];
+        } & import("pinia").PiniaCustomStateProperties<{
+            list: string[];
+        }>) => string[];
+    }, {
+        deleteKeepAlive(name: string): void;
+        save(route: import("vue-router").RouteLocationNormalized): void;
+    }>;
+    keepAliveNames: import("vue").ComputedRef<string[]>;
+    settingsStore: import("pinia").Store<string, import("@ditari/store").SettingState, {
+        getRefresh: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getCollapsed: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getGrid: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => any;
+    }, {
+        switchRefreshStatus(): void;
+        switchCollapsed(): void;
+        gridMatching(): void;
+    }>;
+    switchCollapsed: () => void;
+    collapsedStatus: import("vue").ComputedRef<boolean>;
+    readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
+    readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
+    DNavTabs: import("vue").DefineComponent<{}, {
+        route: import("vue-router").RouteLocationNormalizedLoaded;
+        router: import("vue-router").Router;
+        navStore: import("pinia").Store<string, {
+            list: import("@ditari/store").NavTabsState[];
+            activeKey: string;
+        }, {
+            getList: (state: {
+                list: {
+                    path: string;
+                    fullPath: string;
+                    query: import("vue-router").LocationQuery;
+                    params: import("vue-router").RouteParams;
+                    meta: any;
+                    name: string;
+                }[];
+                activeKey: string;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: import("@ditari/store").NavTabsState[];
+                activeKey: string;
+            }>) => import("@ditari/store").NavTabsState[];
+            getActiveKey: (state: {
+                list: {
+                    path: string;
+                    fullPath: string;
+                    query: import("vue-router").LocationQuery;
+                    params: import("vue-router").RouteParams;
+                    meta: any;
+                    name: string;
+                }[];
+                activeKey: string;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: import("@ditari/store").NavTabsState[];
+                activeKey: string;
+            }>) => string;
+        }, {
+            setActiveKey(key: string): void;
+            save(route: import("vue-router").RouteLocationNormalized): void;
+            deleteTabs(key: string): void;
+            setNavTitle(title: string, path: string): void;
+        }>;
+        keepAliveStore: import("pinia").Store<string, {
+            list: string[];
+        }, {
+            get: (state: {
+                list: string[];
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: string[];
+            }>) => string[];
+        }, {
+            deleteKeepAlive(name: string): void;
+            save(route: import("vue-router").RouteLocationNormalized): void;
+        }>;
+        menuStore: import("pinia").Store<string, {
+            list: never[];
+            openMenusKeys: any;
+            selectedMenuKeys: any;
+        }, {
+            getMenu: (state: {
+                list: never[];
+                openMenusKeys: any;
+                selectedMenuKeys: any;
+            } & import("pinia").PiniaCustomStateProperties<{
+                list: never[];
+                openMenusKeys: any;
+                selectedMenuKeys: any;
+            }>) => never[];
+        }, {
+            save(data: any): void;
+        }>;
+        baseClassName: string;
+        navTabs: import("vue").Ref<any[]>;
+        selectedMenuKeys: import("vue").Ref<any>;
+        activeKey: import("vue").Ref<string>;
+        setNavTabs: () => void;
+        onClick: (key: string) => void;
+        onClose: ($event: any, key: string) => void;
+        closeStatus: (item: any) => boolean;
+        readonly CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    readonly Menu: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showConfig: {
+        type: null;
+        required: true;
+        default: any;
+    };
+}>>, {
+    showConfig: any;
+}, {}>;
+export default _default;

package/dist/cjs/layout/FuckMain.vue2.cjs

@@ -0,0 +1,168 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var NavTabs = require('./NavTabs.vue.cjs');
+var Menu = require('../menu/Menu.cjs');
+
+const _hoisted_1 = { class: "ditari-logo" };
+const _hoisted_2 = { class: "ditari-menu" };
+const _hoisted_3 = { class: "ditari-user-menu" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "FuckMain",
+  props: {
+    "showConfig": { type: null, required: true, default: { backBtn: "LeftOutlined" } }
+  },
+  setup(__props) {
+    const props = __props;
+    const store$1 = store.useKeepAliveStore();
+    const keepAliveNames = vue.computed(() => store$1.get);
+    const settingsStore = store.useSettingsStore();
+    const { switchCollapsed } = settingsStore;
+    const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
+    vue.provide("showConfig", props.showConfig);
+    return (_ctx, _cache) => {
+      const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
+      const _component_router_view = vue.resolveComponent("router-view");
+      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: "ditari-layout" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_a_layout_sider, {
+                collapsed: collapsedStatus.value,
+                "onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
+                trigger: null,
+                collapsible: "",
+                class: "ditari-layout-sider"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.renderSlot(_ctx.$slots, "logo")
+                  ]),
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(vue.unref(Menu.default))
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["collapsed"]),
+              vue.createVNode(_component_a_layout, null, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "ditari-fuck-top-layout",
+                      style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : "200px" })
+                    },
+                    [
+                      vue.createElementVNode("div", {
+                        class: "ditari-side-collapsed",
+                        onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                        (...args) => vue.unref(switchCollapsed) && vue.unref(switchCollapsed)(...args))
+                      }, [
+                        collapsedStatus.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuUnfoldOutlined), {
+                          key: 0,
+                          class: "trigger",
+                          style: { "font-size": "16px", "font-weight": "bold", "cursor": "pointer" }
+                        })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MenuFoldOutlined), {
+                          key: 1,
+                          style: { "font-size": "16px", "font-weight": "bold", "cursor": "pointer" }
+                        }))
+                      ]),
+                      vue.createVNode(NavTabs.default),
+                      vue.createElementVNode("div", _hoisted_3, [
+                        vue.renderSlot(_ctx.$slots, "operation")
+                      ]),
+                      vue.createCommentVNode('        <div class="ditari-layout-header">'),
+                      vue.createCommentVNode('          <div class="ditari-layout-header-left">'),
+                      vue.createCommentVNode('            <div class="ditari-side-collapsed" @click="switchCollapsed">'),
+                      vue.createCommentVNode("              <menu-unfold-outlined"),
+                      vue.createCommentVNode('                v-if="collapsedStatus"'),
+                      vue.createCommentVNode('                class="trigger"'),
+                      vue.createCommentVNode('                style="font-size: 16px; font-weight: bold; cursor: pointer"'),
+                      vue.createCommentVNode("              />"),
+                      vue.createCommentVNode("              <menu-fold-outlined"),
+                      vue.createCommentVNode("                v-else"),
+                      vue.createCommentVNode('                style="font-size: 16px; font-weight: bold; cursor: pointer"'),
+                      vue.createCommentVNode("              />"),
+                      vue.createCommentVNode("            </div>"),
+                      vue.createCommentVNode("            "),
+                      vue.createCommentVNode("          </div>"),
+                      vue.createCommentVNode('          <div class="ditari-user-menu">'),
+                      vue.createCommentVNode('            <slot name="operation"></slot>'),
+                      vue.createCommentVNode("          </div>"),
+                      vue.createCommentVNode("        </div>")
+                    ],
+                    4
+                    /* STYLE */
+                  ),
+                  vue.createVNode(_component_a_layout_content, {
+                    style: vue.normalizeStyle([{ "margin-top": "42px" }, { marginLeft: collapsedStatus.value ? "80px" : "200px" }]),
+                    class: "ditari-layout-content"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_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, {
+                                  ref: "keepAliveRef",
+                                  include: keepAliveNames.value
+                                }, [
+                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                                    key: _ctx.$route.path
+                                  }))
+                                ], 1032, ["include"]))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.renderSlot(_ctx.$slots, "micro")
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["style"])
+                ]),
+                _: 3
+                /* FORWARDED */
+              })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }),
+          vue.createVNode(_component_a_back_top, {
+            class: "ditari-ant-back-top",
+            "visibility-height": 50
+          })
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=FuckMain.vue2.cjs.map

package/dist/cjs/layout/FuckMain.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: true, default: { backBtn: \"LeftOutlined\" } as any }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div class=\"ditari-logo\">\n        <slot name=\"logo\"></slot>\n      </div>\n      <div class=\"ditari-menu\">\n        <Menu />\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-fuck-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n          <menu-unfold-outlined\n            v-if=\"collapsedStatus\"\n            class=\"trigger\"\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n          <menu-fold-outlined\n            v-else\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n        </div>\n        <d-nav-tabs />\n        <div class=\"ditari-user-menu\">\n          <slot name=\"operation\"></slot>\n        </div>\n        <!--        <div class=\"ditari-layout-header\">-->\n        <!--          <div class=\"ditari-layout-header-left\">-->\n        <!--            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">-->\n        <!--              <menu-unfold-outlined-->\n        <!--                v-if=\"collapsedStatus\"-->\n        <!--                class=\"trigger\"-->\n        <!--                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"-->\n        <!--              />-->\n        <!--              <menu-fold-outlined-->\n        <!--                v-else-->\n        <!--                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"-->\n        <!--              />-->\n        <!--            </div>-->\n        <!--            -->\n        <!--          </div>-->\n        <!--          <div class=\"ditari-user-menu\">-->\n        <!--            <slot name=\"operation\"></slot>-->\n        <!--          </div>-->\n        <!--        </div>-->\n      </div>\n      <a-layout-content\n        style=\"margin-top: 42px\"\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAGjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layout/List.vue.cjs

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

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

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

package/dist/cjs/layout/List.vue.d.ts

@@ -0,0 +1,51 @@
+import { WatchStopHandle } from "vue";
+declare const _default: import("vue").DefineComponent<{}, {
+    emits: (event: "refresh", ...args: any[]) => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    store: import("pinia").Store<string, import("@ditari/store").SettingState, {
+        getRefresh: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getCollapsed: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
+        getGrid: (state: {
+            refresh: boolean;
+            collapsed: boolean;
+            mediaRuleMap: any;
+            gridConfig: any;
+            gridValue: any;
+        } & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => any;
+    }, {
+        switchRefreshStatus(): void;
+        switchCollapsed(): void;
+        gridMatching(): void;
+    }>;
+    route: import("vue-router").RouteLocationNormalizedLoaded;
+    configProvider: any;
+    refresh: import("vue").Ref<boolean>;
+    toolsRef: import("vue").Ref<any>;
+    tableRef: import("vue").Ref<any>;
+    marginBottom: number;
+    show: import("vue").Ref<boolean>;
+    height: import("vue").Ref<number>;
+    stopHandleWatch: WatchStopHandle;
+    useReload: () => void;
+    useWatch: () => WatchStopHandle;
+    formRef: import("vue").Ref<null>;
+    formHeight: import("vue").Ref<number>;
+    calcHeight: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "refresh"[], "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/cjs/layout/List.vue2.cjs

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var store = require('@ditari/store');
+var pinia = require('pinia');
+var vueRouter = require('vue-router');
+
+const _hoisted_1 = { class: "ditari-list-layout" };
+const _hoisted_2 = {
+  ref: "contentRef",
+  class: "wrapper"
+};
+const _hoisted_3 = { style: { "height": "100%" } };
+const _hoisted_4 = { class: "ditari-content-extra" };
+const marginBottom = 16;
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "List",
+  emits: ["refresh"],
+  setup(__props, { emit: emits }) {
+    const slots = vue.useSlots();
+    const store$1 = store.useSettingsStore();
+    const route = vueRouter.useRoute();
+    const configProvider = vue.inject("configProvider");
+    const { refresh } = pinia.storeToRefs(store$1);
+    const toolsRef = vue.ref();
+    const tableRef = vue.ref();
+    const show = vue.ref(false);
+    const height = vue.ref(0);
+    let stopHandleWatch;
+    vue.watch(
+      () => configProvider == null ? void 0 : configProvider.componentSize,
+      () => {
+        calcHeight();
+      }
+    );
+    useReload();
+    function useReload() {
+      if (!route.name) {
+        stopHandleWatch = useWatch();
+        vue.onUnmounted(() => {
+          stopHandleWatch();
+        });
+      } else {
+        vue.onActivated(() => {
+          if (refresh.value) {
+            refresh.value = false;
+            emits("refresh");
+          }
+          stopHandleWatch = useWatch();
+        });
+        vue.onDeactivated(() => {
+          stopHandleWatch();
+        });
+      }
+    }
+    function useWatch() {
+      return vue.watch(
+        () => refresh.value,
+        (val) => {
+          if (val) {
+            emits("refresh");
+          }
+        }
+      );
+    }
+    const formRef = vue.ref(null);
+    const { height: formHeight } = core.useElementSize(formRef);
+    vue.watch(
+      () => formHeight.value,
+      () => {
+        calcHeight();
+      }
+    );
+    window.addEventListener(
+      "resize",
+      core.useDebounceFn(() => {
+        calcHeight();
+      })
+    );
+    function calcHeight() {
+      show.value = false;
+      setTimeout(() => {
+        var _a;
+        height.value = (_a = tableRef == null ? void 0 : tableRef.value) == null ? void 0 : _a.offsetHeight;
+        show.value = true;
+      }, 10);
+    }
+    vue.nextTick(() => {
+      calcHeight();
+    });
+    return (_ctx, _cache) => {
+      const _component_a_card = vue.resolveComponent("a-card");
+      const _component_a_space = vue.resolveComponent("a-space");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode(
+          "div",
+          _hoisted_2,
+          [
+            vue.createVNode(_component_a_card, {
+              ref_key: "formRef",
+              ref: formRef,
+              bordered: false,
+              class: vue.normalizeClass({ "ditari-list-form": vue.unref(slots).form }),
+              style: vue.normalizeStyle({ "margin-bottom": vue.unref(slots).form ? marginBottom + "px" : 0 })
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "form")
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class", "style"]),
+            vue.createVNode(_component_a_card, {
+              class: "ditari-list-table",
+              bordered: false
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    ref_key: "toolsRef",
+                    ref: toolsRef,
+                    class: "xi-tools",
+                    style: vue.normalizeStyle({ "margin-bottom": vue.unref(slots).tools ? marginBottom + "px" : 0 })
+                  },
+                  [
+                    vue.createVNode(_component_a_space, null, {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "tools")
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    })
+                  ],
+                  4
+                  /* STYLE */
+                ),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    style: { "flex": "1" }
+                  },
+                  [
+                    vue.withDirectives(vue.createElementVNode(
+                      "div",
+                      _hoisted_3,
+                      [
+                        vue.renderSlot(_ctx.$slots, "table", { height: height.value })
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    ), [
+                      [vue.vShow, show.value]
+                    ])
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ],
+          512
+          /* NEED_PATCH */
+        ),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=List.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue2.cjs","sources":["../../../src/layout/List.vue"],"sourcesContent":["<script lang=\"ts\">\nconst marginBottom = 16\n</script>\n<script setup lang=\"ts\">\nimport {\n  useSlots,\n  ref,\n  onActivated,\n  watch,\n  onDeactivated,\n  onUnmounted,\n  WatchStopHandle,\n  inject,\n  nextTick\n} from \"vue\";\nimport { useDebounceFn, useElementSize } from \"@vueuse/core\";\nimport { useSettingsStore } from \"@ditari/store\";\nimport { storeToRefs } from \"pinia\";\nimport { useRoute } from \"vue-router\";\n\nconst emits = defineEmits([\"refresh\"]);\n\nconst slots = useSlots();\nconst store = useSettingsStore();\nconst route = useRoute();\nconst configProvider = inject(\"configProvider\") as any;\n\nconst { refresh } = storeToRefs(store);\n\nconst toolsRef = ref();\nconst tableRef = ref();\n\nconst show = ref(false);\nconst height = ref(0);\n\nlet stopHandleWatch: WatchStopHandle;\n\nwatch(\n  () => configProvider?.componentSize,\n  () => {\n    calcHeight();\n  }\n);\n\nuseReload();\n// 处理标签重载\nfunction useReload() {\n  // !route.meta.keepAlive\n  if (!route.name) {\n    stopHandleWatch = useWatch();\n    // 卸载未缓存的组件\n    onUnmounted(() => {\n      stopHandleWatch();\n    });\n  } else {\n    // 激活缓存页面\n    onActivated(() => {\n      if (refresh.value) {\n        refresh.value = false;\n        emits(\"refresh\");\n      }\n      stopHandleWatch = useWatch();\n    });\n    // 离开缓存页面\n    onDeactivated(() => {\n      stopHandleWatch();\n    });\n  }\n}\n\nfunction useWatch() {\n  //点击了标签重载图标\n  return watch(\n    () => refresh.value,\n    (val) => {\n      if (val) {\n        // 发送刷新事件到列表页面\n        emits(\"refresh\");\n      }\n    }\n  );\n}\n\n// 监听表单高度变化\n// 然后再获取表格高度\nconst formRef = ref(null);\nconst { height: formHeight } = useElementSize(formRef);\nwatch(\n  () => formHeight.value,\n  () => {\n    calcHeight();\n  }\n);\n\nwindow.addEventListener(\n  \"resize\",\n  useDebounceFn(() => {\n    calcHeight();\n  })\n);\n\n// 动态计算高度\nfunction calcHeight() {\n  show.value = false;\n  setTimeout(() => {\n    height.value = tableRef?.value?.offsetHeight;\n    show.value = true;\n  }, 10);\n}\n\nnextTick(() => {\n  calcHeight();\n});\n</script>\n<template>\n  <div class=\"ditari-list-layout\">\n    <div ref=\"contentRef\" class=\"wrapper\">\n      <a-card\n        ref=\"formRef\"\n        :bordered=\"false\"\n        :class=\"{ 'ditari-list-form': slots.form }\"\n        :style=\"{ 'margin-bottom': slots.form ? marginBottom + 'px' : 0 }\"\n      >\n        <slot name=\"form\" />\n      </a-card>\n      <a-card class=\"ditari-list-table\" :bordered=\"false\">\n        <div\n          ref=\"toolsRef\"\n          class=\"xi-tools\"\n          :style=\"{ 'margin-bottom': slots.tools ? marginBottom + 'px' : 0 }\"\n        >\n          <a-space>\n            <slot name=\"tools\"></slot>\n          </a-space>\n        </div>\n        <div ref=\"tableRef\" style=\"flex: 1\">\n          <div v-show=\"show\" style=\"height: 100%\">\n            <slot name=\"table\" :height=\"height\" />\n          </div>\n        </div>\n      </a-card>\n    </div>\n    <div class=\"ditari-content-extra\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<style></style>\n"],"names":["useSlots","store","useSettingsStore","useRoute","inject","storeToRefs","ref","watch","onUnmounted","onActivated","onDeactivated","useElementSize","useDebounceFn","nextTick"],"mappings":"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"}

package/dist/cjs/layout/Main.vue.cjs

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

package/dist/cjs/layout/Main.vue.cjs.map

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