@done-coding/admin-core 0.30.0 → 0.30.1-alpha.0

package/es/components/display/use-badge.mjs

@@ -1,29 +1,17 @@
-import { inject, computed, onScopeDispose, markRaw, ref } from "vue";
-import { Lock, Warning, Calendar, MoonNight, Opportunity, RefreshRight, Sunny } from "@element-plus/icons-vue";
+import { inject, computed, onScopeDispose, ref } from "vue";
 import { CORE_BRIDGE_KEY } from "../../inject/key.mjs";
+import { BADGE_MASK_KINDS } from "../../bridge/badge.mjs";
 const BADGE_BUILTIN_PRESET = {
-  // 上新：整圆 + 放射（团）。[MUST NOT] 改回 `Star` —— wip 的 MoonNight 自带小星星，
-  // 两者在 12px 下会互相干扰；`Sunny` 是「团」、`MoonNight` 是「钩」，小尺寸才拉得开。
-  new: { text: "新上线", type: "success", icon: markRaw(Sunny) },
-  // 更新：闭合环 + 箭头（七档里唯一的环）
-  updated: { text: "已更新", type: "primary", icon: markRaw(RefreshRight) },
-  // 内测：钟形灯泡（还在试）。[MUST NOT] 改回 `Aim` —— 靶心是同心圆，会与 `Sunny` 撞成两个团。
-  beta: { text: "内测中", type: "warning", icon: markRaw(Opportunity) },
-  // 开发中：月牙（甲方 2026-09-18 指定 MoonNight，替下自绘的 IconHammer）。
-  // 视觉重量比其余几档满 ⇒ 逐档缩到 0.8。
-  wip: {
-    text: "开发中",
-    type: "info",
-    icon: markRaw(MoonNight),
-    iconScale: 0.8
-  },
-  // 规划中：方框 + 顶部两耳（排期表）。与 wip 同为 info 档，靠形状区分（实测可辨）。
-  planned: { text: "规划中", type: "info", icon: markRaw(Calendar) },
-  // 待下线：三角
-  deprecated: { text: "待下线", type: "danger", icon: markRaw(Warning) },
-  // 未开通：拱 + 方体
-  locked: { text: "未开通", type: "warning", icon: markRaw(Lock) }
+  new: { text: "新上线", type: "success" },
+  updated: { text: "已更新", type: "primary" },
+  beta: { text: "内测中", type: "warning" },
+  wip: { text: "开发中", type: "info" },
+  // 规划中：比 wip 更靠前（还没开工）。与 wip 同为 info 档，靠文案区分。
+  planned: { text: "规划中", type: "info" },
+  deprecated: { text: "待下线", type: "danger" },
+  locked: { text: "未开通", type: "warning" }
 };
+const badgeMaskKindSet = new Set(BADGE_MASK_KINDS);
 const BADGE_TICK_INTERVAL = 6e4;
 const badgeNow = ref(Date.now());
 let badgeTickTimer;
@@ -48,6 +36,7 @@ function useBadgeNow() {
   });
   return badgeNow;
 }
+const badgeHideRefusedWarned = /* @__PURE__ */ new Set();
 const toBadgeKeyList = (input) => {
   if (!input) return [];
   if (typeof input === "string") return [input];
@@ -69,27 +58,42 @@ function useBadgeHit(getKey) {
     return void 0;
   });
 }
-function badgeResolveDisplay(entry) {
+const badgeResolveHidden = (entry, defaultVisible, onRefuse) => {
+  if (entry.kind === "anchor") return true;
+  const wantHidden = !(entry.visible ?? defaultVisible);
+  if (!wantHidden) return false;
+  if (badgeMaskKindSet.has(entry.kind)) {
+    onRefuse == null ? void 0 : onRefuse();
+    return false;
+  }
+  return true;
+};
+function badgeResolveDisplay(entry, defaultVisible = true, onRefuseHide) {
   if (!entry) return void 0;
+  const hidden = badgeResolveHidden(entry, defaultVisible, onRefuseHide);
   if (entry.kind === "count") {
-    return { value: entry.value, max: entry.max, type: "danger" };
+    return { value: entry.value, max: entry.max, type: "danger", hidden };
   }
   if (entry.kind === "custom") {
-    return { value: entry.text, type: entry.type ?? "primary" };
+    return { value: entry.text, type: entry.type ?? "primary", hidden };
   }
   if (entry.kind === "anchor") {
     return { value: "", type: "primary", hidden: true };
   }
   const preset = BADGE_BUILTIN_PRESET[entry.kind];
-  return {
-    value: preset.text,
-    type: preset.type,
-    icon: preset.icon,
-    label: preset.text,
-    iconScale: preset.iconScale
-  };
+  return { value: preset.text, type: preset.type, hidden };
 }
+const badgeWarnHideRefused = (key, kind) => {
+  if (badgeHideRefusedWarned.has(key)) return;
+  badgeHideRefusedWarned.add(key);
+  console.warn(
+    `[BadgeMark] 徽标 "${key}"（kind="${kind}"）要求隐藏，但**遮挡档拒绝隐藏**，已忽略。
+遮挡是功能不是资讯：藏了只会变成「点不动又没有任何说明的按钮」，或者「未开通的功能变成可点」。
+[MUST] 要么让它显示，要么改挂一个不遮挡的 kind（如 wip / planned）。`
+  );
+};
 export {
   badgeResolveDisplay,
+  badgeWarnHideRefused,
   useBadgeHit
 };

package/es/components/form/FormGroupTitle.vue.mjs

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

package/es/components/form/FormItem.vue.mjs

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

package/es/components/form/FormItemNestForm.vue.mjs

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

package/es/components/form/FormItemNestFormList.vue.mjs

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

package/es/components/form/FormTree.vue.mjs

@@ -1,32 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref } from "vue";
-import { ElTree } from "element-plus";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormTree",
-  props: {
-    modelValue: {},
-    tree: { default: () => [] },
-    showCheckbox: { type: Boolean },
-    defaultExpandAll: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const handleCheck = (_data, { checkedKeys }) => {
-      emits("update:modelValue", checkedKeys);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTree), {
-        ref: "elTree",
-        data: __props.tree,
-        showCheckbox: __props.showCheckbox,
-        nodeKey: "id",
-        defaultCheckedKeys: __props.modelValue,
-        defaultExpandAll: __props.defaultExpandAll,
-        onCheck: handleCheck
-      }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]);
-    };
-  }
-});
+import _sfc_main from "./FormTree.vue2.mjs";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormTree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e64f6895"]]);
 export {
-  _sfc_main as default
+  FormTree as default
 };

package/es/components/form/FormTree.vue2.mjs

@@ -1,4 +1,33 @@
-import _sfc_main from "./FormTree.vue.mjs";
+import { defineComponent, openBlock, createBlock, unref } from "vue";
+import { ElTree } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormTree",
+  props: {
+    modelValue: {},
+    tree: { default: () => [] },
+    showCheckbox: { type: Boolean },
+    defaultExpandAll: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const handleCheck = (_data, { checkedKeys }) => {
+      emits("update:modelValue", checkedKeys);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTree), {
+        ref: "elTree",
+        class: "dc-form-tree",
+        data: __props.tree,
+        showCheckbox: __props.showCheckbox,
+        nodeKey: "id",
+        defaultCheckedKeys: __props.modelValue,
+        defaultExpandAll: __props.defaultExpandAll,
+        onCheck: handleCheck
+      }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/components/form/FormUpload.vue.mjs

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

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

@@ -1,5 +1,6 @@
 import { defineComponent, getCurrentInstance, inject, watch, renderSlot } from "vue";
 import { APP_GLOBAL_MODAL_PORTER_SYMBOL } from "./modal-global-symbol.mjs";
+import { useModalPorterSlotMisuseWarn } from "./use-slot-misuse-warn.mjs";
 import { getModalShelfInjectionKey } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -11,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     var _a;
     const props = __props;
+    useModalPorterSlotMisuseWarn();
     const uid = ((_a = getCurrentInstance()) == null ? void 0 : _a.uid) ?? Math.floor(Math.random() * 1e9);
     const namedShelves = {
       app: inject(getModalShelfInjectionKey("app"), null),

package/es/components/modal/use-slot-misuse-warn.mjs

@@ -0,0 +1,22 @@
+import { getCurrentInstance } from "vue";
+import { useActivated } from "../../hooks/activated.mjs";
+import { DC_SLOT_ATTR, resolveAppPageSlotName, parseSlotRegion } from "../../config/slot-region.mjs";
+const useModalPorterSlotMisuseWarn = () => {
+  const instance = getCurrentInstance();
+  let reported = false;
+  useActivated((info) => {
+    var _a, _b;
+    if (!info.isActivated || reported) return;
+    const el = (_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.$el;
+    const raw = (_b = el == null ? void 0 : el.parentElement) == null ? void 0 : _b.getAttribute(DC_SLOT_ATTR);
+    const slot = resolveAppPageSlotName(parseSlotRegion(raw));
+    if (!slot) return;
+    reported = true;
+    console.error(
+      `[ModalPorter] 它被放在 AppPage 的 #${slot} 槽里 —— 方位槽是 ModalShelf 的兄弟节点，provide 够不到，evoke() 恒为 null（表现为「点按钮毫无反应」，不报错不崩）。[MUST] 移到**默认槽**（page 架子就住在默认槽里；与 AppPage 并列同样够不到）。Porter 自身零 DOM 输出，放默认槽里不占任何版面。`
+    );
+  });
+};
+export {
+  useModalPorterSlotMisuseWarn
+};

package/es/components/page-layout/AppPageListDetailSplit.vue.mjs

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

package/es/components/page-layout/AppPageListDetailSplit.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeStyle } from "vue";
+import { defineComponent, openBlock, createBlock, unref, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, createElementVNode } from "vue";
 import AppPage from "../app-layout/AppPage.vue.mjs";
 import { APP_PAGE_LIST_LAYOUT_RECOMMENDED } from "../app-layout/app-page-recommended.mjs";
 import AppPageDetail from "./AppPageDetail.vue.mjs";
@@ -19,21 +19,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     viewLayoutProps: {}
   },
   setup(__props) {
-    const props = __props;
-    const listStyle = computed(() => ({ width: props.listWidth }));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AppPage), { class: "dc-app-page-list-detail dc-app-page-list-detail_split" }, createSlots({
+      return openBlock(), createBlock(unref(AppPage), {
+        class: "dc-app-page-list-detail dc-app-page-list-detail_split",
+        leftWidth: __props.listWidth
+      }, createSlots({
         left: withCtx(() => [
           createElementVNode("div", {
             class: "dc-app-page-list-detail-split__list",
-            style: normalizeStyle(listStyle.value),
             "data-dc-slot": unref(SlotRegion).AppPage_Left
           }, [
             renderSlot(_ctx.$slots, "list", {
               listProps: __props.listProps,
               listLayoutRecommended: unref(APP_PAGE_LIST_LAYOUT_RECOMMENDED)
             }, void 0, true)
-          ], 12, _hoisted_1)
+          ], 8, _hoisted_1)
         ]),
         default: withCtx(() => [
           createVNode(AppPageDetail, {
@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "2"
         } : void 0
-      ]), 1024);
+      ]), 1032, ["leftWidth"]);
     };
   }
 });

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

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

@@ -1,33 +1,17 @@
-import { defineComponent, useCssVars, shallowRef, ref, useModel, computed, inject, watch, provide, useSlots, withDirectives, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, vShow, Fragment, mergeModels } from "vue";
+import { defineComponent, useCssVars, shallowRef, ref, useModel, computed, inject, watch, provide, useSlots, withDirectives, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, mergeProps, createTextVNode, toDisplayString, Fragment, createCommentVNode, mergeModels } from "vue";
 import { vLoading } from "element-plus";
-import AutoRefreshGroup from "../misc/AutoRefreshGroup.vue.mjs";
 import _sfc_main$1 from "../display/HeightProvider.vue.mjs";
-import _sfc_main$2 from "../display/ActionBtnGroup.vue.mjs";
 import { useContextDefaults } from "../../hooks/use-context-defaults.mjs";
-import ViewLayoutNavigation from "./ViewLayoutNavigation.vue.mjs";
+import ViewLayoutToolbar from "./ViewLayoutToolbar.vue.mjs";
 import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
 import { APP_PAGE_LIST_DETAIL_CONTEXT, APP_LAYOUT_BRIDGE_KEY, SCOPE_VIEWPORT_MAX_HEIGHT } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 import { gapScaleValue } from "../../utils/gap-scale.mjs";
 import { SlotRegion } from "../../config/slot-region.mjs";
 const _hoisted_1 = { class: "dc-view-layout view-layout" };
-const _hoisted_2 = { class: "view-layout-toolbar" };
-const _hoisted_3 = { class: "view-layout-toolbar__left" };
+const _hoisted_2 = { class: "dc-view-layout__bottom" };
+const _hoisted_3 = { class: "view-layout-content" };
 const _hoisted_4 = {
-  key: 0,
-  class: "dc-view-layout__header view-layout-header"
-};
-const _hoisted_5 = { class: "view-layout-toolbar__right" };
-const _hoisted_6 = { class: "dc-view-layout__bottom" };
-const _hoisted_7 = { class: "view-layout-toolbar" };
-const _hoisted_8 = { class: "view-layout-toolbar__left" };
-const _hoisted_9 = {
-  key: 0,
-  class: "dc-view-layout__header view-layout-header"
-};
-const _hoisted_10 = { class: "view-layout-toolbar__right" };
-const _hoisted_11 = { class: "view-layout-content" };
-const _hoisted_12 = {
   key: 0,
   class: "dc-view-layout__bottom"
 };
@@ -49,7 +33,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     showNavigation: { type: Boolean, default: true },
     leftExtraButtons: { default: () => [] },
-    rightExtraButtons: { default: () => [] }
+    rightExtraButtons: { default: () => [] },
+    appBar: { type: Boolean },
+    back: {},
+    moreOptions: {},
+    onMoreSelect: {},
+    onMore: {}
   }, {
     "isAutoRefresh": { type: Boolean },
     "isAutoRefreshModifiers": {}
@@ -57,8 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:isAutoRefresh"],
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v72fb5e44": gapUnitPx.value,
-      "v7243a29e": padLeftPx.value
+      "v5975c734": padXPx.value
     }));
     const props = __props;
     const { ctxRefine } = useContextDefaults({
@@ -101,6 +89,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }));
     const hasHeader = computed(() => !!slots.header || !!props.title);
     const hasBottom = computed(() => !!slots.bottom);
+    const toolbarProps = computed(() => ({
+      visible: !!(hasToolbarContent.value || hasHeader.value),
+      hasHeader: hasHeader.value,
+      ctx: toolbarCtx.value,
+      leftExtraButtons: props.leftExtraButtons,
+      rightExtraButtons: props.rightExtraButtons,
+      showNavigation: showNavigationFinal.value,
+      navigationCtx: listDetailCtx,
+      refreshFn: fetch,
+      loading: loading.value,
+      showAutoRefresh: props.showAutoRefresh,
+      showRefresh: props.showRefresh,
+      padXPx: padXPx.value,
+      // appBar 形态四件套原样下传（gate 判定收在子组件里，见其 showBack / showMore）
+      appBar: props.appBar,
+      back: props.back,
+      moreOptions: props.moreOptions,
+      onMoreSelect: props.onMoreSelect,
+      onMore: props.onMore
+    }));
     const hasToolbarContent = computed(
       () => {
         var _a, _b;
@@ -126,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       )
     );
     const gapUnitPx = computed(() => `${gapUnit.value}px`);
-    const padLeftPx = computed(() => `${gapUnit.value * 2}px`);
+    const padXPx = computed(() => gapUnitPx.value);
     const contentPaddingVertical = computed(() => gapUnit.value * 2);
     const heightProviderViewportHeight = computed(
       () => Math.max(viewportHeightFinal.value - contentPaddingVertical.value, 0)
@@ -161,44 +169,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onChildViewportHeightChange
         }, createSlots({
           header: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(ViewLayoutToolbar, mergeProps(toolbarProps.value, {
+              isAutoRefresh: isAutoRefresh.value,
+              "onUpdate:isAutoRefresh": _cache[0] || (_cache[0] = ($event) => isAutoRefresh.value = $event)
+            }), createSlots({ _: 2 }, [
+              hasHeader.value ? {
+                name: "header",
+                fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "header", {
                     data: data.value,
                     loading: loading.value
                   }, () => [
                     createTextVNode(toDisplayString(__props.title), 1)
                   ], true)
-                ])) : createCommentVNode("", true),
-                createVNode(unref(_sfc_main$2), {
-                  configs: __props.leftExtraButtons,
-                  ctx: toolbarCtx.value,
-                  "default-size": "small"
-                }, null, 8, ["configs", "ctx"])
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                showNavigationFinal.value ? (openBlock(), createBlock(ViewLayoutNavigation, {
-                  key: 0,
-                  ctx: unref(listDetailCtx)
-                }, null, 8, ["ctx"])) : createCommentVNode("", true),
-                createVNode(unref(_sfc_main$2), {
-                  configs: __props.rightExtraButtons,
-                  ctx: toolbarCtx.value,
-                  "default-size": "small"
-                }, null, 8, ["configs", "ctx"]),
-                createVNode(unref(AutoRefreshGroup), {
-                  isAutoRefresh: isAutoRefresh.value,
-                  "onUpdate:isAutoRefresh": _cache[0] || (_cache[0] = ($event) => isAutoRefresh.value = $event),
-                  refreshFn: fetch,
-                  loading: loading.value,
-                  showAutoRefresh: __props.showAutoRefresh,
-                  showRefresh: __props.showRefresh
-                }, null, 8, ["isAutoRefresh", "loading", "showAutoRefresh", "showRefresh"])
-              ])
-            ], 512), [
-              [vShow, hasToolbarContent.value || hasHeader.value]
-            ])
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.more ? {
+                name: "more",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "more", {}, void 0, true)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1040, ["isAutoRefresh"])
           ]),
           default: withCtx(({ viewportHeight }) => [
             createElementVNode("div", {
@@ -219,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           hasBottom.value ? {
             name: "footer",
             fn: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "bottom", {
                   data: data.value,
                   loading: loading.value,
@@ -230,45 +224,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1032, ["viewportHeight", "minHeight"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          withDirectives(createElementVNode("div", _hoisted_7, [
-            createElementVNode("div", _hoisted_8, [
-              hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          createVNode(ViewLayoutToolbar, mergeProps(toolbarProps.value, {
+            isAutoRefresh: isAutoRefresh.value,
+            "onUpdate:isAutoRefresh": _cache[1] || (_cache[1] = ($event) => isAutoRefresh.value = $event)
+          }), createSlots({ _: 2 }, [
+            hasHeader.value ? {
+              name: "header",
+              fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "header", {
                   data: data.value,
                   loading: loading.value
                 }, () => [
                   createTextVNode(toDisplayString(__props.title), 1)
                 ], true)
-              ])) : createCommentVNode("", true),
-              createVNode(unref(_sfc_main$2), {
-                configs: __props.leftExtraButtons,
-                ctx: toolbarCtx.value,
-                "default-size": "small"
-              }, null, 8, ["configs", "ctx"])
-            ]),
-            createElementVNode("div", _hoisted_10, [
-              showNavigationFinal.value ? (openBlock(), createBlock(ViewLayoutNavigation, {
-                key: 0,
-                ctx: unref(listDetailCtx)
-              }, null, 8, ["ctx"])) : createCommentVNode("", true),
-              createVNode(unref(_sfc_main$2), {
-                configs: __props.rightExtraButtons,
-                ctx: toolbarCtx.value,
-                "default-size": "small"
-              }, null, 8, ["configs", "ctx"]),
-              createVNode(unref(AutoRefreshGroup), {
-                isAutoRefresh: isAutoRefresh.value,
-                "onUpdate:isAutoRefresh": _cache[1] || (_cache[1] = ($event) => isAutoRefresh.value = $event),
-                refreshFn: fetch,
-                loading: loading.value,
-                showAutoRefresh: __props.showAutoRefresh,
-                showRefresh: __props.showRefresh
-              }, null, 8, ["isAutoRefresh", "loading", "showAutoRefresh", "showRefresh"])
-            ])
-          ], 512), [
-            [vShow, hasToolbarContent.value || hasHeader.value]
-          ]),
-          createElementVNode("div", _hoisted_11, [
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.more ? {
+              name: "more",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "more", {}, void 0, true)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1040, ["isAutoRefresh"]),
+          createElementVNode("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "default", {
               data: data.value,
               loading: loading.value,
@@ -277,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               fetchSeq: fetchSeq.value
             }, void 0, true)
           ]),
-          hasBottom.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          hasBottom.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "bottom", {
               data: data.value,
               loading: loading.value,

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

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