@done-coding/admin-core 0.19.0 → 0.19.1-alpha.0

package/es/components/display/TabsTile.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./TabsTile.vue2.mjs";
 /* empty css               */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const TabsTile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0843fa11"]]);
+const TabsTile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efffefb9"]]);
 export {
   TabsTile as default
 };

package/es/components/list-layout/ListLayout.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ListLayout.vue2.mjs";
+/* empty css                 */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const ListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5301293b"]]);
+export {
+  ListLayout as default
+};

package/es/components/{list-page/ListPage.vue2.mjs → list-layout/ListLayout.vue2.mjs}

@@ -2,7 +2,7 @@ import { defineComponent, useCssVars, unref, useSlots, computed, useModel, ref,
 import { vLoading } from "element-plus";
 import FormSearch from "../form/FormSearch.vue.mjs";
 import { generateFormData, stringifyFormData } from "../form/utils.mjs";
-import { useListPageSticky } from "./use-sticky.mjs";
+import { useListLayoutSticky } from "./use-list-layout-sticky.mjs";
 import _sfc_main$1 from "../display/WatchSize.vue.mjs";
 import TableMain from "../table/TableMain.vue.mjs";
 import SlotLayoutFlowAside from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
@@ -10,7 +10,7 @@ import _pick from "lodash/pick";
 import _cloneDeep from "lodash/cloneDeep";
 import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ListPage",
+  __name: "ListLayout",
   props: /* @__PURE__ */ mergeModels({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
@@ -47,13 +47,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v9b019db8": minHeight.value,
-      "v676bd8af": unref(searchStickyTop),
-      "v9dcea7f4": unref(toolbarStickyTop),
-      "v82e6163c": unref(pagerStickyBottom)
+      "ee852864": minHeight.value,
+      "v6179ebd9": unref(searchStickyTop),
+      "v0e6603c8": unref(toolbarStickyTop),
+      "v6d62e58c": unref(pagerStickyBottom)
     }));
     const props = __props;
-    const listPageEmits = __emit;
+    const listLayoutEmits = __emit;
     const slots = useSlots();
     const hasHeader = computed(() => !!slots.header);
     const hasOperation = computed(() => !!slots.operation);
@@ -94,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       searchStickyTop,
       toolbarStickyTop,
       pagerStickyBottom
-    } = useListPageSticky({
+    } = useListLayoutSticky({
       searchSticky: () => props.searchSticky,
       toolbarSticky: () => props.toolbarSticky,
       pagerSticky: () => props.pagerSticky,
@@ -158,10 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     const onDataChange = (d) => {
-      listPageEmits("dataChange", d);
+      listLayoutEmits("dataChange", d);
     };
     const onPageInfoChange = (info) => {
-      listPageEmits("pageInfoChange", info);
+      listLayoutEmits("pageInfoChange", info);
     };
     const onLoadingChange = (value) => {
       loading.value = value;
@@ -272,10 +272,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return withDirectives((openBlock(), createBlock(unref(SlotLayoutFlowAside), {
         ref_key: "layoutRoot",
         ref: layoutRoot,
-        class: normalizeClass(["dc-list-page list-page", {
-          "list-page_search-sticky": unref(searchStickyActive),
-          "list-page_toolbar-sticky": unref(toolbarStickyActive),
-          "list-page_pager-sticky": unref(pagerStickyActive)
+        class: normalizeClass(["dc-list-page list-page list-layout", {
+          "list-layout_search-sticky": unref(searchStickyActive),
+          "list-layout_toolbar-sticky": unref(toolbarStickyActive),
+          "list-layout_pager-sticky": unref(pagerStickyActive)
         }]),
         separate: __props.separateSearch,
         type: (_a = __props.separateSearchConfig) == null ? void 0 : _a.type,
@@ -286,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         aside: withCtx(() => [
           hasHeader.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 0,
-            class: "list-page-header",
+            class: "list-layout-header",
             "observe-resize": __props.headerObserveResize,
             onHeightChange: onHeaderHeightChange
           }, {
@@ -317,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]), 1040, ["list", "data", "compact"]),
           hasOperation.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 1,
-            class: "list-page-operation",
+            class: "list-layout-operation",
             "observe-resize": __props.operationObserveResize,
             onHeightChange: onOperateHeightChange
           }, {

package/es/components/{list-page/use-sticky.mjs → list-layout/use-list-layout-sticky.mjs}

@@ -2,7 +2,7 @@ import { computed, shallowRef, inject, watch, nextTick } from "vue";
 import { APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 import { domClosestStickyScrollport } from "../../utils/dom.mjs";
-function useListPageSticky(options) {
+function useListLayoutSticky(options) {
   const searchStickyActive = computed(
     () => options.searchSticky() && !options.separateSearch()
   );
@@ -49,5 +49,5 @@ function useListPageSticky(options) {
   };
 }
 export {
-  useListPageSticky
+  useListLayoutSticky
 };

package/es/components/misc/AutoRefreshGroup.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AutoRefreshGroup.vue2.mjs";
 /* empty css                       */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AutoRefreshGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4bb0cd5"]]);
+const AutoRefreshGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0ebeb4c7"]]);
 export {
   AutoRefreshGroup as default
 };

package/es/components/misc/AutoRefreshGroup.vue2.mjs

@@ -23,7 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refreshInterval = useModel(__props, "interval");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), {
-        disabled: !__props.needRootNode
+        disabled: !__props.needRootNode,
+        class: "auto-refresh-group-root"
       }, {
         default: withCtx(() => [
           __props.showAutoRefresh ? (openBlock(), createBlock(AutoRefresh, {

package/es/components/modal/ModalConfirm.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./ModalConfirm.vue2.mjs";
 /* empty css                   */
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ModalConfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d9e58a4"]]);
+const ModalConfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fca575ec"]]);
 export {
   ModalConfirm as default
 };

package/es/components/panel/PanelMain.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./PanelMain.vue2.mjs";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const PanelMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e060e8b"]]);
+const PanelMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e74d05c3"]]);
 export {
   PanelMain as default
 };

package/es/components/panel/PanelMain.vue2.mjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["submitSuccess"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v6dd4af74": cardLastMarginBottom.value
+      "v0799966c": cardLastMarginBottom.value
     }));
     const props = __props;
     const emits = __emit;
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => `panel-main-item-col-wrap_${itemWrapTag.value === ElCard ? "card" : "plain"}`
     );
     const cardLastMarginBottom = computed(
-      () => typeof props.itemCard === "object" && props.itemCard.lastMarginBottom ? props.itemCard.lastMarginBottom : 0
+      () => typeof props.itemCard === "object" && props.itemCard.lastMarginBottom !== void 0 ? props.itemCard.lastMarginBottom : "10px"
     );
     const isHidden = (config) => {
       const { hide } = config;

package/es/components/table/TableMain.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./TableMain.vue2.mjs";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const TableMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eae8d23b"]]);
+const TableMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54ab0e8e"]]);
 export {
   TableMain as default
 };

package/es/components/table/TableMain.vue2.mjs

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v0d0c522f": unref(fillMinHeightCss)
+      "v6df3e765": unref(fillMinHeightCss)
     }));
     const props = __props;
     const emits = __emit;

package/es/components/view-layout/ViewLayout.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ViewLayout.vue2.mjs";
+/* empty css                 */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const ViewLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e8f862f"]]);
+export {
+  ViewLayout as default
+};

package/es/components/view-layout/ViewLayout.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, shallowRef, ref, computed, provide, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, Fragment } from "vue";
+import AutoRefreshGroup from "../misc/AutoRefreshGroup.vue.mjs";
+import _sfc_main$1 from "../display/HeightProvider.vue.mjs";
+import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+import { SCOPE_VIEWPORT_MAX_HEIGHT } from "../../inject/key.mjs";
+const _hoisted_1 = { class: "dc-view-layout view-layout" };
+const _hoisted_2 = { class: "view-layout-toolbar" };
+const _hoisted_3 = { class: "view-layout-toolbar" };
+const _hoisted_4 = { class: "view-layout-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ViewLayout",
+  props: {
+    api: {},
+    params: {},
+    refine: { type: Boolean, default: true },
+    viewportHeight: {},
+    channel: {},
+    parentChannel: {},
+    minHeight: { default: 100 },
+    showAutoRefresh: { type: Boolean, default: true },
+    showRefresh: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { viewportHeightFinal, nearestScope } = useChannelViewportHeight(props);
+    const data = shallowRef(void 0);
+    const loading = ref(false);
+    const fetch = async () => {
+      loading.value = true;
+      try {
+        data.value = await props.api(props.params);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const refresh = fetch;
+    useActivated((info) => {
+      if (info.isActivated) void fetch();
+    });
+    const heightProviderViewportHeight = computed(() => viewportHeightFinal.value);
+    const contentStyle = (available) => ({
+      maxHeight: `${available}px`
+    });
+    const childViewportHeightChange = ref(0);
+    const onChildViewportHeightChange = (value) => {
+      childViewportHeightChange.value = value;
+    };
+    if (props.refine) {
+      provide(SCOPE_VIEWPORT_MAX_HEIGHT, {
+        scope: props.channel,
+        viewportMaxHeight: computed(() => childViewportHeightChange.value),
+        parent: nearestScope
+      });
+    }
+    watch(
+      // eslint-disable-next-line vue/no-setup-props-destructure
+      () => props.channel,
+      () => console.error("[ViewLayout] channel 不支持响应式变更,当前值已忽略。")
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.refine ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          viewportHeight: heightProviderViewportHeight.value,
+          minHeight: __props.minHeight,
+          onChildViewportHeightChange
+        }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(AutoRefreshGroup), {
+                refreshFn: fetch,
+                loading: loading.value,
+                showAutoRefresh: __props.showAutoRefresh,
+                showRefresh: __props.showRefresh
+              }, null, 8, ["loading", "showAutoRefresh", "showRefresh"])
+            ])
+          ]),
+          default: withCtx(({ viewportHeight }) => [
+            createElementVNode("div", {
+              class: "view-layout-content",
+              style: normalizeStyle(contentStyle(viewportHeight))
+            }, [
+              renderSlot(_ctx.$slots, "default", {
+                data: data.value,
+                loading: loading.value,
+                refresh: unref(refresh),
+                viewportHeight
+              }, void 0, true)
+            ], 4)
+          ]),
+          _: 3
+        }, 8, ["viewportHeight", "minHeight"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(AutoRefreshGroup), {
+              refreshFn: fetch,
+              loading: loading.value,
+              showAutoRefresh: __props.showAutoRefresh,
+              showRefresh: __props.showRefresh
+            }, null, 8, ["loading", "showAutoRefresh", "showRefresh"])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", {
+              data: data.value,
+              loading: loading.value,
+              refresh: unref(refresh),
+              viewportHeight: void 0
+            }, void 0, true)
+          ])
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/helpers/list-helper.mjs

@@ -1,4 +1,4 @@
-const DEFAULT_PAGE_SIZE = 200;
+const DEFAULT_PAGE_SIZE = 100;
 const DEFAULT_LIMIT = 1e4;
 async function fetchListAll(api, baseParams, opts) {
   var _a;

package/es/index.mjs

@@ -46,15 +46,16 @@ import { default as default41 } from "./components/form/FormMain.vue.mjs";
 import { default as default42 } from "./components/form/FormSearch.vue.mjs";
 import { default as default43 } from "./components/form/FormSubmitPanel.vue.mjs";
 import { default as default44 } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as default45 } from "./components/list-page/ListPage.vue.mjs";
-import { default as default46 } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as default47 } from "./components/panel/PanelItem.vue.mjs";
-import { default as default48 } from "./components/panel/PanelItemNestForm.vue.mjs";
-import { default as default49 } from "./components/panel/PanelMain.vue.mjs";
+import { default as default45, default as default46 } from "./components/list-layout/ListLayout.vue.mjs";
+import { default as default47 } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { default as default48 } from "./components/panel/PanelItem.vue.mjs";
+import { default as default49 } from "./components/panel/PanelItemNestForm.vue.mjs";
+import { default as default50 } from "./components/panel/PanelMain.vue.mjs";
 import { ROUTE_MODULE_LEVEL, TabsMainReplaceQueryKey } from "./config/route.mjs";
-import { default as default50 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
+import { default as default51 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
 import { TABLE_COLUMN_KEY_OPERATE, TABLE_COLUMN_KEY_SELECTION } from "./components/table/constants.mjs";
-import { default as default51 } from "./components/table/TableMain.vue.mjs";
+import { default as default52 } from "./components/table/TableMain.vue.mjs";
+import { default as default53 } from "./components/view-layout/ViewLayout.vue.mjs";
 import { buildRhythmCss, useCoreThemeApply } from "./hooks/use-theme-apply.mjs";
 import { checkLogin } from "./router/guard/login.mjs";
 import { checkPermission } from "./router/guard/permission.mjs";
@@ -136,7 +137,8 @@ export {
   default13 as FormVerifyCode,
   default44 as FormVerifyImage,
   default14 as HeightProvider,
-  default45 as ListPage,
+  default45 as ListLayout,
+  default46 as ListPage,
   default15 as MenuItemSub,
   default16 as MenuTree,
   default38 as ModalConfirm,
@@ -147,23 +149,24 @@ export {
   NEST_LAYOUT_SCALE_KEY,
   NEST_LAYOUT_TIERS,
   OPERATE_COLUMN_PROP,
-  default46 as PanelEditSwitch,
-  default47 as PanelItem,
-  default48 as PanelItemNestForm,
+  default47 as PanelEditSwitch,
+  default48 as PanelItem,
+  default49 as PanelItemNestForm,
   default19 as PanelItemNestPanel,
-  default49 as PanelMain,
+  default50 as PanelMain,
   ROUTE_MODULE_LEVEL,
   SCOPE_VIEWPORT_MAX_HEIGHT,
   default20 as SelectModule,
-  default50 as SlotLayoutFlowAside,
+  default51 as SlotLayoutFlowAside,
   default21 as SlotLayoutTemplate,
   TABLE_COLUMN_KEY_OPERATE,
   TABLE_COLUMN_KEY_SELECTION,
   TABS_MAIN_VISUAL_LEVEL,
-  default51 as TableMain,
+  default52 as TableMain,
   default22 as TabsMain,
   TabsMainReplaceQueryKey,
   default23 as TriggerAutoImport,
+  default53 as ViewLayout,
   default24 as WatchSize,
   buildRhythmCss,
   ceilToTier,

package/es/style.css

@@ -1,11 +1,11 @@
-.confirm-modal__title[data-v-3d9e58a4] {
+.confirm-modal__title[data-v-fca575ec] {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: var(--el-text-color-primary);
   text-align: left;
 }
-.confirm-modal__content[data-v-3d9e58a4] {
+.confirm-modal__content[data-v-fca575ec] {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: calc(100vh - 200px);
@@ -15,20 +15,20 @@
   text-align: left;
   word-break: break-word;
 }
-.confirm-modal__content_drawer[data-v-3d9e58a4] {
+.confirm-modal__content_drawer[data-v-fca575ec] {
   max-height: none;
   height: 100%;
 }
-.confirm-modal__footer[data-v-3d9e58a4] {
+.confirm-modal__footer[data-v-fca575ec] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
 }
-.confirm-modal__footer[data-v-3d9e58a4] .el-button {
+.confirm-modal__footer[data-v-fca575ec] .el-button {
   min-width: 72px;
 }
-.confirm-modal__footer[reverse="true"][data-v-3d9e58a4] {
+.confirm-modal__footer[reverse="true"][data-v-fca575ec] {
   flex-direction: row-reverse;
 }
 .dc-confirm-modal.el-drawer .el-drawer__header {
@@ -164,8 +164,8 @@
   padding-right: 0;
   padding-bottom: 4px;
 }
-.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-9e060e8b] {
-  margin-bottom: var(--v6dd4af74);
+.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-e74d05c3] {
+  margin-bottom: var(--v0799966c);
 }
 .form-search_show[data-v-b96e10f6] {
   margin-bottom: 10px;
@@ -300,23 +300,23 @@
   color: var(--dc-core-primary-color);
   font-weight: 600;
 }
-.dc-tabs-tile--nav-absolute[data-v-0843fa11],
-.dc-tabs-tile--nav-fixed[data-v-0843fa11] {
+.dc-tabs-tile--nav-absolute[data-v-efffefb9],
+.dc-tabs-tile--nav-fixed[data-v-efffefb9] {
   position: relative;
 }
-.dc-tabs-tile--nav-sticky[data-v-0843fa11] {
+.dc-tabs-tile--nav-sticky[data-v-efffefb9] {
   display: flex;
   flex-direction: column;
 }
-.dc-tabs-tile__scroll[data-v-0843fa11] {
+.dc-tabs-tile__scroll[data-v-efffefb9] {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
-.dc-tabs-tile__card[data-v-0843fa11] {
+.dc-tabs-tile__card[data-v-efffefb9] {
   width: 100%;
 }
-.dc-tabs-tile__nav[data-v-0843fa11] {
+.dc-tabs-tile__nav[data-v-efffefb9] {
   z-index: 2;
   max-height: 60%;
   overflow: auto;
@@ -551,10 +551,16 @@
   color: var(--el-text-color-regular);
   margin-bottom: 8px;
 }
-.auto-refresh-group-icon--rotating[data-v-b4bb0cd5] {
-  animation: auto-refresh-rotating-b4bb0cd5 1s linear infinite;
+/* 有根节点时（needRootNode）按钮组横向排列 + 间距（参照 TableToolbar 按钮组内 gap:10px） */
+.auto-refresh-group-root[data-v-0ebeb4c7] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.auto-refresh-group-icon--rotating[data-v-0ebeb4c7] {
+  animation: auto-refresh-rotating-0ebeb4c7 1s linear infinite;
 }
-@keyframes auto-refresh-rotating-b4bb0cd5 {
+@keyframes auto-refresh-rotating-0ebeb4c7 {
 from {
     transform: rotate(0deg);
 }
@@ -686,13 +692,13 @@ to {
   min-height: 60px;
   grid-column: 1 / -1;
 }
-.table-main-pagination[data-v-eae8d23b] {
+.table-main-pagination[data-v-54ab0e8e] {
   margin-top: 10px;
   display: flex;
   justify-content: flex-end;
 }
-.table-main_fill[data-v-eae8d23b] .el-table__body-wrapper {
-  min-height: var(--v0d0c522f);
+.table-main_fill[data-v-54ab0e8e] .el-table__body-wrapper {
+  min-height: var(--v6df3e765);
 }
 .dc-slot-layout-flow-aside_separate[data-v-5c6ef74b] {
   position: relative;
@@ -722,40 +728,40 @@ to {
 .dc-slot-layout-flow-aside-main[data-v-5c6ef74b] {
   width: var(--v7e1d11ca);
 }
-.list-page[data-v-1ae6f01e] {
-  min-height: var(--v9b019db8);
+.list-layout[data-v-5301293b] {
+  min-height: var(--ee852864);
 }
-.list-page-header[data-v-1ae6f01e] {
+.list-layout-header[data-v-5301293b] {
   margin-bottom: 10px;
 }
-.list-page-operation[data-v-1ae6f01e] {
+.list-layout-operation[data-v-5301293b] {
   margin-bottom: 10px;
 }
-.list-page_search-sticky[data-v-1ae6f01e] .form-search {
+.list-layout_search-sticky[data-v-5301293b] .form-search {
   position: sticky;
-  top: var(--v676bd8af);
+  top: var(--v6179ebd9);
   z-index: 10;
   background: var(--dc-core-surface, var(--el-bg-color));
   box-shadow: 0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
 }
-.list-page_toolbar-sticky[data-v-1ae6f01e] .dc-table-main__toolbar {
+.list-layout_toolbar-sticky[data-v-5301293b] .dc-table-main__toolbar {
   position: sticky;
-  top: var(--v9dcea7f4);
+  top: var(--v0e6603c8);
   z-index: 9;
   padding-top: 10px;
   background: var(--dc-core-surface, var(--el-bg-color));
   box-shadow: 0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
 }
-.list-page_pager-sticky[data-v-1ae6f01e] .dc-table-main__pagination {
+.list-layout_pager-sticky[data-v-5301293b] .dc-table-main__pagination {
   position: sticky;
-  bottom: var(--v82e6163c);
+  bottom: var(--v6d62e58c);
   z-index: 9;
   margin-top: 0;
   padding-top: 10px;
   background: var(--dc-core-surface, var(--el-bg-color));
   box-shadow: 0 -1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
 }
-.list-page[data-v-1ae6f01e] .el-loading-mask {
+.list-layout[data-v-5301293b] .el-loading-mask {
   left: -10px;
   top: -10px;
   right: -10px;
@@ -767,3 +773,15 @@ to {
   gap: 8px;
   margin-top: 8px;
 }
+.view-layout[data-v-5e8f862f] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.view-layout-toolbar[data-v-5e8f862f] {
+  display: flex;
+  justify-content: flex-end;
+}
+.view-layout-content[data-v-5e8f862f] {
+  overflow: auto;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.19.0",
+  "version": "0.19.1-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -80,5 +80,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "69b4030b6af2d515778245f56ea2382090b5083a"
+  "gitHead": "a18e4ec70e2ca8652f6a8b8a5a2ea0be298d9601"
 }