@done-coding/admin-core 0.20.1-alpha.0 → 0.21.1-alpha.0

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

@@ -0,0 +1,52 @@
+import { defineComponent, useModel, computed, useAttrs, openBlock, createElementBlock, createVNode, unref, mergeProps, createCommentVNode, mergeModels } from "vue";
+import { ElImageViewer } from "element-plus";
+const _hoisted_1 = {
+  key: 0,
+  class: "dc-modal-image-preview modal-image-preview"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "ModalImagePreview",
+  props: /* @__PURE__ */ mergeModels({
+    src: {},
+    payload: {},
+    closeFn: {},
+    removeFn: {},
+    onClose: {}
+  }, {
+    "show": { type: Boolean, ...{ required: true } },
+    "showModifiers": {}
+  }),
+  emits: ["update:show"],
+  setup(__props) {
+    const props = __props;
+    const show = useModel(__props, "show");
+    const srcValue = computed(() => {
+      var _a;
+      return props.src ?? ((_a = props.payload) == null ? void 0 : _a.src) ?? "";
+    });
+    const attrs = useAttrs();
+    const urlList = computed(() => {
+      const explicit = attrs.urlList;
+      return explicit && explicit.length ? explicit : [srcValue.value];
+    });
+    const restAttrs = computed(() => {
+      const rest = { ...attrs };
+      delete rest.urlList;
+      return rest;
+    });
+    const onViewerClose = () => {
+      var _a;
+      show.value = false;
+      (_a = props.onClose) == null ? void 0 : _a.call(props, false);
+    };
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElImageViewer), mergeProps({ "url-list": urlList.value }, restAttrs.value, { onClose: onViewerClose }), null, 16, ["url-list"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/modal/ModalImagePreview.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ModalImagePreview.vue.mjs";
+export {
+  _sfc_main as default
+};

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

@@ -1,10 +1,12 @@
-import { defineComponent, getCurrentInstance, inject, renderSlot } from "vue";
+import { defineComponent, getCurrentInstance, inject, watch, renderSlot } from "vue";
+import { APP_GLOBAL_MODAL_PORTER_SYMBOL } from "./modal-global-symbol.mjs";
 import { getModalShelfInjectionKey } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalPorter",
   props: {
-    modalList: {}
+    modalList: {},
+    globalOnly: {}
   },
   setup(__props, { expose: __expose }) {
     var _a;
@@ -14,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       app: inject(getModalShelfInjectionKey("app"), null),
       page: inject(getModalShelfInjectionKey("page"), null)
     };
+    const isGlobalOnly = props.globalOnly === APP_GLOBAL_MODAL_PORTER_SYMBOL;
     function nsOf(key) {
       return `p${uid}:${key}`;
     }
@@ -28,6 +31,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return shelf;
     }
+    function globalOnlyEntries() {
+      const bad = props.modalList.filter((e) => e.shelf !== "app");
+      bad.forEach((e) => {
+        console.error(
+          `[ModalPorter] globalOnly 专用模式只接受 shelf:"app" 条目，忽略: ${String(
+            e.key
+          )}（shelf=${String(e.shelf)}）——page 级弹窗注册不得逃逸到全局面`
+        );
+      });
+      return props.modalList.filter((e) => e.shelf === "app");
+    }
+    function pushGlobalConfig(entries) {
+      const shelf = namedShelves.app;
+      if (!shelf) {
+        console.error(
+          "[ModalPorter] globalOnly 专用模式需要 app 级 ModalShelf（未找到）"
+        );
+        return;
+      }
+      const config = entries.map((e) => ({
+        key: String(e.key),
+        component: e.component,
+        sameKeyStrategy: e.sameKeyStrategy
+      }));
+      shelf.registerConfig(config);
+    }
+    if (isGlobalOnly) {
+      pushGlobalConfig(globalOnlyEntries());
+      watch(
+        () => props.modalList,
+        (_newList, oldList) => {
+          const shelf = namedShelves.app;
+          if (!shelf) return;
+          shelf.unregisterConfig(oldList.map((e) => String(e.key)));
+          pushGlobalConfig(globalOnlyEntries());
+        }
+      );
+    }
     function evoke(key, payload) {
       const entry = props.modalList.find((e) => e.key === key);
       if (!entry) {
@@ -43,6 +84,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     useActivated((info) => {
       if (info.isActivated) return;
+      if (isGlobalOnly) {
+        const shelf = namedShelves.app;
+        if (shelf)
+          shelf.unregisterConfig(props.modalList.map((e) => String(e.key)));
+        return;
+      }
       const byShelf = /* @__PURE__ */ new Map();
       props.modalList.forEach((e) => {
         const s = resolveShelf(e.shelf);

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

@@ -1,16 +1,25 @@
-import { defineComponent, provide, onMounted, inject, openBlock, createElementBlock, Fragment, renderSlot, renderList, unref, createBlock, resolveDynamicComponent, defineAsyncComponent } from "vue";
+import { defineComponent, useModel, provide, onMounted, inject, openBlock, createElementBlock, Fragment, renderSlot, renderList, unref, createBlock, resolveDynamicComponent, mergeModels, defineAsyncComponent } from "vue";
 import { createShelfController } from "./modal-shelf-core.mjs";
 import { assertLevelHierarchy } from "./modal-shelf-hierarchy.mjs";
 import { getModalShelfInjectionKey } from "../../inject/key.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalShelf",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     level: {}
-  },
+  }, {
+    "remote": {
+      // 初始空壳即带 modalKey 清单（挂载前 remote.modalKey 恒存在，消费方零判空）。
+      // 字面量直注 GlobalModalRemote 被 Record 索引签名拒绝，断言只作用于类型。
+      default: () => ({ modalKey: [] })
+    },
+    "remoteModifiers": {}
+  }),
+  emits: ["update:remote"],
   setup(__props, { expose: __expose }) {
     const props = __props;
     const level = props.level;
-    const controller = createShelfController(level);
+    const remote = useModel(__props, "remote");
+    const controller = createShelfController(level, remote);
     __expose(controller);
     provide(getModalShelfInjectionKey(level), controller);
     function resolveComp(c) {

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

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

package/es/components/modal/ModalVideoPreview.vue2.mjs

@@ -0,0 +1,93 @@
+import { defineComponent, useModel, computed, useAttrs, ref, openBlock, createBlock, unref, withCtx, createElementVNode, mergeProps, mergeModels } from "vue";
+import { ElDialog } from "element-plus";
+const _hoisted_1 = { class: "modal-video-preview__stage" };
+const _hoisted_2 = { class: "modal-video-preview__shim" };
+const _hoisted_3 = ["src", "poster"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "ModalVideoPreview",
+  props: /* @__PURE__ */ mergeModels({
+    url: {},
+    coverUrl: {},
+    autoPlay: { type: Boolean, default: true },
+    payload: {},
+    closeFn: {},
+    removeFn: {},
+    onClose: {}
+  }, {
+    "show": { type: Boolean, ...{ required: true } },
+    "showModifiers": {}
+  }),
+  emits: ["update:show"],
+  setup(__props) {
+    const props = __props;
+    const show = useModel(__props, "show");
+    const videoUrl = computed(() => {
+      var _a;
+      return props.url ?? ((_a = props.payload) == null ? void 0 : _a.url) ?? "";
+    });
+    const coverUrlValue = computed(
+      () => {
+        var _a;
+        return props.coverUrl ?? ((_a = props.payload) == null ? void 0 : _a.coverUrl) ?? "";
+      }
+    );
+    const hasCover = computed(() => !!coverUrlValue.value);
+    const videoSrc = computed(
+      () => hasCover.value ? videoUrl.value : `${videoUrl.value}#t=0.01`
+    );
+    const attrs = useAttrs();
+    const videoAttrs = computed(
+      () => hasCover.value ? attrs : { ...attrs, preload: "metadata" }
+    );
+    const videoEl = ref();
+    const onOpened = () => {
+      var _a;
+      if (!props.autoPlay) return;
+      (_a = videoEl.value) == null ? void 0 : _a.play().catch(() => {
+      });
+    };
+    const onClosed = () => {
+      var _a;
+      (_a = videoEl.value) == null ? void 0 : _a.pause();
+    };
+    const onDialogClose = () => {
+      var _a;
+      (_a = props.onClose) == null ? void 0 : _a.call(props, false);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), {
+        modelValue: show.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => show.value = $event),
+        class: "dc-modal-video-preview modal-video-preview",
+        "modal-class": "dc-modal-video-preview__overlay",
+        width: "100vw",
+        "align-center": "",
+        "append-to-body": "",
+        onOpened,
+        onClosed,
+        onClose: onDialogClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("video", mergeProps({
+                ref_key: "videoEl",
+                ref: videoEl
+              }, videoAttrs.value, {
+                src: videoSrc.value,
+                poster: coverUrlValue.value || void 0,
+                controls: "",
+                class: "modal-video-preview__video"
+              }), null, 16, _hoisted_3)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/es/components/modal/VideoPreviewTrigger.vue2.mjs

@@ -0,0 +1,96 @@
+import { defineComponent, inject, ref, openBlock, createElementBlock, Fragment, renderSlot, createVNode, unref, mergeProps, withCtx, createElementVNode, withKeys, createBlock, createCommentVNode } from "vue";
+import { ElImage, ElIcon } from "element-plus";
+import { VideoPlay } from "@element-plus/icons-vue";
+import { GLOBAL_MODAL_REMOTE_KEY, APP_GLOBAL_VIDEO_PREVIEW_KEY } from "./modal-global-keys.mjs";
+import ModalVideoPreview from "./ModalVideoPreview.vue.mjs";
+const _hoisted_1 = {
+  class: "video-preview-trigger__play-badge",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "VideoPreviewTrigger",
+  props: {
+    url: {},
+    coverUrl: {},
+    lazy: { type: Boolean, default: true },
+    preview: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const remote = inject(GLOBAL_MODAL_REMOTE_KEY);
+    const localShow = ref(false);
+    const openPreview = () => {
+      var _a, _b;
+      if (!props.preview) return;
+      if ((_b = (_a = remote == null ? void 0 : remote.value) == null ? void 0 : _a.modalKey) == null ? void 0 : _b.includes(APP_GLOBAL_VIDEO_PREVIEW_KEY)) {
+        remote.value[APP_GLOBAL_VIDEO_PREVIEW_KEY].evoke({
+          url: props.url,
+          coverUrl: props.coverUrl
+        });
+      } else {
+        localShow.value = true;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default", { open: openPreview }, () => [
+          __props.coverUrl ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "dc-video-preview-trigger video-preview-trigger video-preview-trigger_cover",
+            onClick: openPreview
+          }, [
+            createVNode(unref(ElImage), mergeProps({
+              class: "video-preview-trigger__cover",
+              src: __props.coverUrl,
+              lazy: __props.lazy
+            }, _ctx.$attrs), {
+              placeholder: withCtx(() => [
+                renderSlot(_ctx.$slots, "placeholder", {}, void 0, true)
+              ]),
+              error: withCtx(() => [
+                renderSlot(_ctx.$slots, "error", {}, void 0, true)
+              ]),
+              _: 3
+            }, 16, ["src", "lazy"]),
+            createElementVNode("span", _hoisted_1, [
+              createVNode(unref(ElIcon), { size: 20 }, {
+                default: withCtx(() => [
+                  createVNode(unref(VideoPlay))
+                ]),
+                _: 1
+              })
+            ])
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "dc-video-preview-trigger video-preview-trigger video-preview-trigger_placeholder",
+            role: "button",
+            tabindex: "0",
+            onClick: openPreview,
+            onKeydown: withKeys(openPreview, ["enter"])
+          }, [
+            createVNode(unref(ElIcon), {
+              class: "video-preview-trigger__play-icon",
+              size: 32
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(VideoPlay))
+              ]),
+              _: 1
+            })
+          ], 32))
+        ], true),
+        localShow.value ? (openBlock(), createBlock(ModalVideoPreview, {
+          key: 0,
+          show: localShow.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => localShow.value = $event),
+          url: __props.url,
+          coverUrl: __props.coverUrl
+        }, null, 8, ["show", "url", "coverUrl"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/modal/modal-global-keys.mjs

@@ -0,0 +1,11 @@
+import injectInfo from "../../injectInfo.json.mjs";
+const APP_GLOBAL_IMAGE_PREVIEW_KEY = "appGlobalImagePreview";
+const APP_GLOBAL_VIDEO_PREVIEW_KEY = "appGlobalVideoPreview";
+const GLOBAL_MODAL_REMOTE_KEY = Symbol.for(
+  `${injectInfo.name}:GLOBAL_MODAL_REMOTE`
+);
+export {
+  APP_GLOBAL_IMAGE_PREVIEW_KEY,
+  APP_GLOBAL_VIDEO_PREVIEW_KEY,
+  GLOBAL_MODAL_REMOTE_KEY
+};

package/es/components/modal/modal-global-symbol.mjs

@@ -0,0 +1,6 @@
+const APP_GLOBAL_MODAL_PORTER_SYMBOL = Symbol(
+  "admin-core:global-modal-porter"
+);
+export {
+  APP_GLOBAL_MODAL_PORTER_SYMBOL
+};

package/es/components/modal/modal-shelf-core.mjs

@@ -1,8 +1,9 @@
-import { ref } from "vue";
+import { ref, markRaw } from "vue";
 const CLOSE_ANIM_MS = 300;
-function createShelfController(level) {
+function createShelfController(level, remoteRef) {
   let seq = 0;
   const items = ref([]);
+  const configs = /* @__PURE__ */ new Map();
   function indexByNsKey(nsKey) {
     return items.value.findIndex((it) => it.nsKey === nsKey);
   }
@@ -57,11 +58,59 @@ function createShelfController(level) {
     }
     remove(nsKey);
     const id = ++seq;
-    const item = { id, nsKey, component, payload, show: true };
+    const item = {
+      id,
+      nsKey,
+      component: markRaw(component),
+      payload,
+      show: true
+    };
     items.value.push(item);
     return handleFor(nsKey);
   }
-  return { level, items, evoke, remove, close };
+  function syncRemote() {
+    if (!remoteRef) return;
+    const handles = {};
+    configs.forEach((cfg, key) => {
+      handles[key] = {
+        evoke: (payload) => evoke(key, cfg.component, {
+          payload: payload ?? {},
+          sameKeyStrategy: cfg.sameKeyStrategy
+        }),
+        close: () => {
+          const cur = items.value.find((it) => it.nsKey === key);
+          if (cur) close(cur);
+        },
+        update: (payload) => {
+          const cur = items.value.find((it) => it.nsKey === key);
+          if (cur) cur.payload = { ...cur.payload, ...payload };
+        }
+      };
+    });
+    remoteRef.value = Object.assign(handles, {
+      modalKey: [...configs.keys()]
+    });
+  }
+  function registerConfig(entries) {
+    entries.forEach((e) => configs.set(e.key, e));
+    syncRemote();
+  }
+  function unregisterConfig(keys) {
+    keys.forEach((k) => {
+      configs.delete(k);
+      remove(k);
+    });
+    syncRemote();
+  }
+  return {
+    level,
+    items,
+    evoke,
+    remove,
+    close,
+    registerConfig,
+    unregisterConfig
+  };
 }
 export {
   createShelfController

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

@@ -0,0 +1,36 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createTextVNode, createBlock, unref, withCtx, createVNode } from "vue";
+import { ElEmpty, ElIcon } from "element-plus";
+import { Search } from "@element-plus/icons-vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TableEmpty",
+  props: {
+    loading: { type: Boolean, default: false },
+    hasRequested: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createTextVNode("加载中...")
+      ], 64)) : !__props.hasRequested ? (openBlock(), createBlock(unref(ElEmpty), {
+        key: 1,
+        description: "欢迎触发查询"
+      }, {
+        image: withCtx(() => [
+          createVNode(unref(ElIcon), {
+            size: 64,
+            color: "var(--el-text-color-placeholder)"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Search))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : (openBlock(), createBlock(unref(ElEmpty), { key: 2 }));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./TableEmpty.vue.mjs";
+export {
+  _sfc_main as default
+};

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-54ab0e8e"]]);
+const TableMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a8d4637"]]);
 export {
   TableMain as default
 };

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

@@ -9,7 +9,8 @@ import { useTableSkeleton } from "./use-table-skeleton.mjs";
 import { useFillHeight } from "./use-fill-height.mjs";
 import _sfc_main$1 from "../display/WatchSize.vue.mjs";
 import DataListView from "../data-view/DataListView.vue.mjs";
-import { ElTable, ElTableColumn, ElEmpty, ElPagination } from "element-plus";
+import { ElTable, ElTableColumn, ElPagination } from "element-plus";
+import _sfc_main$2 from "./TableEmpty.vue.mjs";
 import { pickExportColumns } from "../../utils/export.mjs";
 import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG } from "../../config/list-model.mjs";
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TableMain",
   props: /* @__PURE__ */ mergeModels({
     showPager: { type: Boolean, default: true },
+    initialSearch: { type: Boolean, default: true },
     showSwitchView: { type: Boolean },
     showToolbar: { type: Boolean, default: true },
     toolbar: {},
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     pageSizeInit: { default: 20 },
     pageSizeOptions: { default: () => [10, 20, 30, 40] },
     pageLayout: { default: "total, sizes, prev, pager, next, jumper" },
+    paginationBackground: { type: Boolean, default: true },
     rowKey: {},
     api: {},
     tableProps: {},
@@ -51,7 +54,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) => ({
-      "v6df3e765": unref(fillMinHeightCss)
+      "ed56f300": unref(fillMinHeightCss)
     }));
     const props = __props;
     const emits = __emit;
@@ -176,9 +179,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return res;
     };
+    const hasRequested = ref(false);
+    let suppressAutoParams = !props.initialSearch;
     const getList = (silent = false) => {
       var _a;
       if (!pageSize.value) return;
+      hasRequested.value = true;
       if (loading.value) {
         console.warn(`请求并发`);
       } else {
@@ -262,7 +268,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       pageSize.value = props.pageSizeInit;
       onActivated(() => {
-        expose.refresh();
+        if (hasRequested.value) {
+          expose.refresh();
+        }
       });
     });
     watch(list, (n) => {
@@ -272,6 +280,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.query,
       (n, o) => {
         if (JSON.stringify(n) === JSON.stringify(o)) return;
+        suppressAutoParams = false;
         currentPage.value = 1;
       }
     );
@@ -279,6 +288,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       params,
       (n, o) => {
         if (JSON.stringify(n) === JSON.stringify(o)) return;
+        if (suppressAutoParams) {
+          return;
+        }
         getList();
       },
       {
@@ -347,9 +359,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "custom-view-item", normalizeProps(guardReactiveProps(assertDataViewItemScope(scopeData))), void 0, true)
           ]),
           empty: withCtx(() => [
-            loading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createTextVNode("加载中...")
-            ], 64)) : (openBlock(), createBlock(unref(ElEmpty), { key: 1 }))
+            createVNode(_sfc_main$2, {
+              loading: loading.value,
+              "has-requested": hasRequested.value
+            }, null, 8, ["loading", "has-requested"])
           ]),
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
@@ -399,11 +412,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:pageSize": _cache[4] || (_cache[4] = ($event) => pageSize.value = $event),
             "page-sizes": __props.pageSizeOptions,
             size: "small",
-            background: "",
+            background: __props.paginationBackground,
             layout: __props.pageLayout,
             total: total.value,
             onSizeChange
-          }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
+          }, null, 8, ["current-page", "page-size", "page-sizes", "background", "layout", "total"])
         ], 512), [
           [vShow, __props.showPager]
         ])

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

@@ -1,7 +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-e6c42f0b"]]);
+const ViewLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-773e43bd"]]);
 export {
   ViewLayout as default
 };

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

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     api: {},
     params: {},
-    refine: { type: Boolean, default: true },
+    refine: { type: Boolean, default: false },
     viewportHeight: {},
     channel: {},
     parentChannel: {},

package/es/hooks/menus-dispatch.mjs

@@ -19,10 +19,15 @@ const useMenusDataDispatch = ({
     () => activeMenu.value && getCanRedirectFirstChildMenu(activeMenu.value, true)
   );
   const activeModulePath = computed(() => {
+    var _a;
     if (!activeMenu.value) {
-      console.warn(
-        `当前 ${route.path} 未找到聚焦的菜单 可能路由配置不展示菜单`
-      );
+      const menuMeta = (_a = route.meta) == null ? void 0 : _a.menu;
+      const hasMenuIntent = !!menuMeta && menuMeta.show !== false;
+      if (hasMenuIntent) {
+        console.warn(
+          `当前 ${route.path} 未找到聚焦的菜单 可能路由配置不展示菜单`
+        );
+      }
       return;
     }
     if (activeMenu.value.routeLevel === ROUTE_MODULE_LEVEL) {