@done-coding/admin-core 0.25.0 → 0.25.1-alpha.0

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

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

@@ -1,12 +1,13 @@
-import { defineComponent, shallowRef, ref, useModel, computed, provide, watch, withDirectives, openBlock, createElementBlock, unref, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, vShow, Fragment, mergeModels } from "vue";
+import { defineComponent, shallowRef, ref, useModel, computed, inject, watch, provide, withDirectives, openBlock, createElementBlock, unref, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, createCommentVNode, vShow, Fragment, 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 { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
+import { APP_PAGE_LIST_DETAIL_CONTEXT, SCOPE_VIEWPORT_MAX_HEIGHT } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
-import { SCOPE_VIEWPORT_MAX_HEIGHT } from "../../inject/key.mjs";
 import { SlotRegion } from "../../config/slot-region.mjs";
 const _hoisted_1 = { class: "dc-view-layout view-layout" };
 const _hoisted_2 = { class: "view-layout-toolbar" };
@@ -21,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     api: {},
     params: {},
+    refreshToken: {},
     refine: { type: Boolean, default: void 0 },
     viewportHeight: {},
     channel: {},
@@ -28,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minHeight: { default: 100 },
     showAutoRefresh: { type: Boolean, default: true },
     showRefresh: { type: Boolean, default: true },
+    showNavigation: { type: Boolean, default: true },
     leftExtraButtons: { default: () => [] },
     rightExtraButtons: { default: () => [] }
   }, {
@@ -57,19 +60,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const refresh = fetch;
     const showLoadingMask = computed(() => !isAutoRefresh.value && loading.value);
+    const listDetailCtx = inject(APP_PAGE_LIST_DETAIL_CONTEXT, void 0);
+    const showNavigationFinal = computed(
+      () => props.showNavigation && !!listDetailCtx
+    );
     const toolbarCtx = computed(() => ({
       loading: loading.value,
-      refresh
+      refresh,
+      // 导航句柄下发给业务自定义按钮（如「保存并下一条」）；无上下文时全为 undefined
+      hasPrev: listDetailCtx == null ? void 0 : listDetailCtx.hasPrev.value,
+      hasNext: listDetailCtx == null ? void 0 : listDetailCtx.hasNext.value,
+      index: listDetailCtx == null ? void 0 : listDetailCtx.index.value,
+      total: listDetailCtx == null ? void 0 : listDetailCtx.total.value,
+      goPrev: listDetailCtx == null ? void 0 : listDetailCtx.goPrev,
+      goNext: listDetailCtx == null ? void 0 : listDetailCtx.goNext,
+      refreshList: listDetailCtx == null ? void 0 : listDetailCtx.refreshList
     }));
     const hasToolbarContent = computed(
       () => {
         var _a, _b;
-        return ((_a = props.leftExtraButtons) == null ? void 0 : _a.length) || ((_b = props.rightExtraButtons) == null ? void 0 : _b.length) || props.showAutoRefresh || props.showRefresh;
+        return ((_a = props.leftExtraButtons) == null ? void 0 : _a.length) || ((_b = props.rightExtraButtons) == null ? void 0 : _b.length) || props.showAutoRefresh || props.showRefresh || // [MUST] 纳入内置导航：否则「只有上下条、其余全关」的页面 toolbar 会被 v-show 整个隐藏
+        showNavigationFinal.value;
       }
     );
     useActivated((info) => {
       if (info.isActivated) fetch();
     });
+    watch(
+      () => props.refreshToken,
+      (token) => {
+        if (token !== void 0) fetch();
+      }
+    );
     const heightProviderViewportHeight = computed(() => viewportHeightFinal.value);
     const contentStyle = (available) => ({
       maxHeight: `${available}px`
@@ -108,6 +130,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["configs", "ctx"])
               ]),
               createElementVNode("div", _hoisted_4, [
+                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,
@@ -150,6 +176,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["configs", "ctx"])
             ]),
             createElementVNode("div", _hoisted_7, [
+              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,

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

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

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

@@ -0,0 +1,34 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString } from "vue";
+import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
+const _hoisted_1 = { class: "dc-view-layout-navigation view-layout-navigation" };
+const _hoisted_2 = { class: "view-layout-navigation__index" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ViewLayoutNavigation" },
+  __name: "ViewLayoutNavigation",
+  props: {
+    ctx: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$1), {
+          size: "small",
+          icon: unref(ArrowLeft),
+          disabled: !__props.ctx.hasPrev.value,
+          onClick: __props.ctx.goPrev
+        }, null, 8, ["icon", "disabled", "onClick"]),
+        createElementVNode("span", _hoisted_2, toDisplayString(__props.ctx.index.value) + " / " + toDisplayString(__props.ctx.total.value), 1),
+        createVNode(unref(_sfc_main$1), {
+          size: "small",
+          icon: unref(ArrowRight),
+          disabled: !__props.ctx.hasNext.value,
+          onClick: __props.ctx.goNext
+        }, null, 8, ["icon", "disabled", "onClick"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/hooks/use-active-record.mjs

@@ -0,0 +1,100 @@
+import { watch } from "vue";
+import { useActivated } from "./activated.mjs";
+const activeRecordValueOf = (row, rowKey) => typeof rowKey === "function" ? rowKey(row) : row[rowKey];
+const normalizeActiveKey = (v) => String(v);
+function useActiveRecord(options) {
+  const { data, keyOf, activeId, activeData, name } = options;
+  const enabled = () => {
+    var _a;
+    return ((_a = options.enabled) == null ? void 0 : _a.call(options)) ?? true;
+  };
+  let lastValidId;
+  let lastValidData;
+  const findRow = (id) => data().find(
+    (row) => normalizeActiveKey(keyOf(row)) === normalizeActiveKey(id)
+  );
+  const setActive = (row) => {
+    const id = row ? keyOf(row) : void 0;
+    lastValidId = id;
+    lastValidData = row;
+    activeId.value = id;
+    activeData.value = row;
+  };
+  const warnMissing = (what, shown) => {
+    console.warn(
+      `[${name}] ${what} ${shown} 不在当前列表数据内，已忽略。当前项 [MUST] 由列表内选择产生（不变式：先有列表，才有详情）；深链请把 id 带进搜索条件筛出该条后再激活。`
+    );
+  };
+  const applyId = (id) => {
+    if (id === lastValidId) return;
+    if (id === void 0) {
+      lastValidData = void 0;
+      activeData.value = void 0;
+      return;
+    }
+    const row = findRow(id);
+    if (!row) {
+      warnMissing("activeId", `"${String(id)}"`);
+      activeId.value = lastValidId;
+      return;
+    }
+    lastValidId = id;
+    lastValidData = row;
+    activeData.value = row;
+  };
+  const applyData = (row) => {
+    if (row === lastValidData) return;
+    if (row === void 0) {
+      lastValidData = void 0;
+      lastValidId = void 0;
+      activeId.value = void 0;
+      return;
+    }
+    const id = keyOf(row);
+    if (!findRow(id)) {
+      warnMissing("activeData 对应的键", `"${String(id)}"`);
+      activeData.value = lastValidData;
+      return;
+    }
+    lastValidData = row;
+    lastValidId = id;
+    activeId.value = id;
+  };
+  watch(activeId, (id) => {
+    if (!enabled()) return;
+    applyId(id);
+  });
+  watch(activeData, (row) => {
+    if (!enabled()) return;
+    applyData(row);
+  });
+  useActivated((info) => {
+    if (!info.isActivated || !enabled()) return;
+    if (activeId.value !== void 0) applyId(activeId.value);
+    else if (activeData.value !== void 0) applyData(activeData.value);
+  });
+  watch(
+    () => data(),
+    () => {
+      if (!enabled()) return;
+      const id = activeId.value;
+      if (id === void 0) return;
+      const row = findRow(id);
+      if (row) {
+        lastValidData = row;
+        activeData.value = row;
+        return;
+      }
+      lastValidData = void 0;
+      lastValidId = void 0;
+      activeId.value = void 0;
+      activeData.value = void 0;
+    }
+  );
+  const isActive = (row) => activeId.value !== void 0 && normalizeActiveKey(keyOf(row)) === normalizeActiveKey(activeId.value);
+  return { isActive, setActive };
+}
+export {
+  activeRecordValueOf,
+  useActiveRecord
+};

package/es/index.mjs

@@ -1,85 +1,87 @@
 import { createCoreBridge } from "./bridge/index.mjs";
 import { default as default2 } from "./components/display/ActionBtn.vue.mjs";
 import { default as default3 } from "./components/display/ActionBtnGroup.vue.mjs";
-import { default as default4 } from "./components/display/BooleanTag.vue.mjs";
-import { default as default5, default as default6 } from "./components/modal/ModalDetail.vue.mjs";
-import { default as default7 } from "./components/form/FormInput.vue.mjs";
-import { default as default8 } from "./components/form/FormInputShadowClone.vue.mjs";
-import { default as default9, default as default10 } from "./components/modal/ModalForm.vue.mjs";
-import { default as default11 } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as default12 } from "./components/form/FormSelect.vue.mjs";
-import { default as default13 } from "./components/form/FormSelectShadowClone.vue.mjs";
-import { default as default14 } from "./components/form/FormSubmitBtn.vue.mjs";
-import { default as default15 } from "./components/form/FormTree.vue.mjs";
-import { default as default16 } from "./components/form/FormVerifyCode.vue.mjs";
-import { default as default17 } from "./components/display/HeightProvider.vue.mjs";
-import { default as default18 } from "./components/modal/ImagePreviewTrigger.vue.mjs";
-import { default as default19 } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as default20 } from "./components/menu/MenuTree.vue.mjs";
-import { default as default21 } from "./components/modal/ModalImagePreview.vue.mjs";
-import { default as default22 } from "./components/modal/ModalPorter.vue.mjs";
-import { default as default23 } from "./components/modal/ModalShelf.vue.mjs";
-import { default as default24 } from "./components/panel/PanelItemNestPanel.vue.mjs";
-import { default as default25 } from "./components/misc/SelectModule.vue.mjs";
-import { default as default26 } from "./components/display/ShadowClone.vue.mjs";
-import { default as default27 } from "./components/slot-layout/SlotLayoutTemplate.vue.mjs";
-import { default as default28 } from "./components/table/TableEmpty.vue.mjs";
-import { default as default29 } from "./components/display/TabsMain.vue.mjs";
-import { default as default30 } from "./components/misc/TriggerAutoImport.vue.mjs";
-import { default as default31 } from "./components/display/WatchSize.vue.mjs";
+import { default as default4 } from "./components/page-layout/AppPageListDetailLayout.vue.mjs";
+import { default as default5 } from "./components/display/BooleanTag.vue.mjs";
+import { default as default6, default as default7 } from "./components/modal/ModalDetail.vue.mjs";
+import { default as default8 } from "./components/form/FormInput.vue.mjs";
+import { default as default9 } from "./components/form/FormInputShadowClone.vue.mjs";
+import { default as default10, default as default11 } from "./components/modal/ModalForm.vue.mjs";
+import { default as default12 } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as default13 } from "./components/form/FormSelect.vue.mjs";
+import { default as default14 } from "./components/form/FormSelectShadowClone.vue.mjs";
+import { default as default15 } from "./components/form/FormSubmitBtn.vue.mjs";
+import { default as default16 } from "./components/form/FormTree.vue.mjs";
+import { default as default17 } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as default18 } from "./components/display/HeightProvider.vue.mjs";
+import { default as default19 } from "./components/modal/ImagePreviewTrigger.vue.mjs";
+import { default as default20 } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as default21 } from "./components/menu/MenuTree.vue.mjs";
+import { default as default22 } from "./components/modal/ModalImagePreview.vue.mjs";
+import { default as default23 } from "./components/modal/ModalPorter.vue.mjs";
+import { default as default24 } from "./components/modal/ModalShelf.vue.mjs";
+import { default as default25 } from "./components/panel/PanelItemNestPanel.vue.mjs";
+import { default as default26 } from "./components/misc/SelectModule.vue.mjs";
+import { default as default27 } from "./components/display/ShadowClone.vue.mjs";
+import { default as default28 } from "./components/slot-layout/SlotLayoutTemplate.vue.mjs";
+import { default as default29 } from "./components/table/TableEmpty.vue.mjs";
+import { default as default30 } from "./components/display/TabsMain.vue.mjs";
+import { default as default31 } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as default32 } from "./components/display/WatchSize.vue.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG } from "./config/list-model.mjs";
 import { APP_GLOBAL_IMAGE_PREVIEW_KEY, APP_GLOBAL_VIDEO_PREVIEW_KEY, GLOBAL_MODAL_REMOTE_KEY } from "./components/modal/modal-global-keys.mjs";
-import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY, APP_LAYOUT_USER_STORE_KEY, APP_PAGE_CONTENT_INSET, BODY_CONTENT_VIEWPORT_HEIGHT, BODY_CONTENT_VIEWPORT_INSET, BODY_CONTENT_VIEWPORT_RECT, CORE_BRIDGE_KEY, FORM_NEST_REGISTRY_KEY, NEST_LAYOUT_SCALE_KEY, SCOPE_VIEWPORT_MAX_HEIGHT, TABS_MAIN_VISUAL_LEVEL, getModalShelfInjectionKey } from "./inject/key.mjs";
+import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY, APP_LAYOUT_USER_STORE_KEY, APP_PAGE_CONTENT_INSET, APP_PAGE_LIST_DETAIL_CONTEXT, BODY_CONTENT_VIEWPORT_HEIGHT, BODY_CONTENT_VIEWPORT_INSET, BODY_CONTENT_VIEWPORT_RECT, CORE_BRIDGE_KEY, FORM_NEST_REGISTRY_KEY, NEST_LAYOUT_SCALE_KEY, SCOPE_VIEWPORT_MAX_HEIGHT, TABS_MAIN_VISUAL_LEVEL, getModalShelfInjectionKey } from "./inject/key.mjs";
 import { APP_PAGE_SLOT_Z_INDEX, computeAppPageContentInset, computeAppPageReducedViewportHeight, computeAppPageReducedViewportWidth, computeAppPageSlotShimStyles, computeAppPageSlotStyles } from "./components/app-layout/app-page-geometry.mjs";
-import { default as default32 } from "./components/display/ActionConfirm.vue.mjs";
-import { default as default33 } from "./components/app-layout/AppAside.vue.mjs";
-import { default as default34 } from "./components/app-layout/AppBody.vue.mjs";
-import { default as default35 } from "./components/app-layout/AppBreadcrumb.vue.mjs";
-import { default as default36 } from "./components/app-layout/AppFooter.vue.mjs";
-import { default as default37 } from "./components/app-layout/AppHeader.vue.mjs";
-import { default as default38 } from "./components/app-layout/AppLayout.vue.mjs";
-import { default as default39 } from "./components/app-layout/AppPage.vue.mjs";
-import { default as default40 } from "./components/app-layout/AppSidebar.vue.mjs";
-import { default as default41 } from "./components/app-layout/AppTheme.vue.mjs";
-import { default as default42 } from "./components/misc/AutoRefresh.vue.mjs";
-import { default as default43 } from "./components/misc/AutoRefreshGroup.vue.mjs";
-import { default as default44 } from "./components/display/BadgeMark.vue.mjs";
+import { default as default33 } from "./components/display/ActionConfirm.vue.mjs";
+import { default as default34 } from "./components/app-layout/AppAside.vue.mjs";
+import { default as default35 } from "./components/app-layout/AppBody.vue.mjs";
+import { default as default36 } from "./components/app-layout/AppBreadcrumb.vue.mjs";
+import { default as default37 } from "./components/app-layout/AppFooter.vue.mjs";
+import { default as default38 } from "./components/app-layout/AppHeader.vue.mjs";
+import { default as default39 } from "./components/app-layout/AppLayout.vue.mjs";
+import { default as default40 } from "./components/app-layout/AppPage.vue.mjs";
+import { default as default41 } from "./components/page-layout/AppPageDetail.vue.mjs";
+import { default as default42 } from "./components/app-layout/AppSidebar.vue.mjs";
+import { default as default43 } from "./components/app-layout/AppTheme.vue.mjs";
+import { default as default44 } from "./components/misc/AutoRefresh.vue.mjs";
+import { default as default45 } from "./components/misc/AutoRefreshGroup.vue.mjs";
+import { default as default46 } from "./components/display/BadgeMark.vue.mjs";
 import { CORE_VIEWPORT_DECOR_ZINDEX_ABOVE, CORE_VIEWPORT_DECOR_ZINDEX_BELOW } from "./components/app-layout/viewport.mjs";
-import { default as default45, default as default46 } from "./components/modal/ModalConfirm.vue.mjs";
+import { default as default47, default as default48 } from "./components/modal/ModalConfirm.vue.mjs";
 import { DC_SLOT_ATTR, SlotRegion, parseSlotRegion } from "./config/slot-region.mjs";
-import { default as default47 } from "./components/data-view/DataGridView.vue.mjs";
+import { default as default49 } from "./components/data-view/DataGridView.vue.mjs";
 import { EXPORT_MAX_LIMIT, OPERATE_COLUMN_PROP, exportCSV, pickExportColumns } from "./utils/export.mjs";
 import { FORM_CONFIG_SELECT_ALL_VALUE, getConfirmPasswordRule, passwordRule, setFormComponentType } from "./helpers/form.mjs";
 import { FORM_ITEM_CHANGE_LOADING, NEST_LAYOUT_TIERS, ceilToTier, generateFormData, getBlurSubmit, getChangeSubmit, getDatePickerShortcuts, getEnterSubmit, getPlaceholder, getVModelSugar, parseFormData, resolveFormLayout, resolveLayoutSpan, setInputComponent, setSelectComponent, stringifyFormData, swiftFormItemConfig } from "./components/form/utils.mjs";
-import { default as default48 } from "./components/form/FormActiveFilter.vue.mjs";
-import { default as default49 } from "./components/form/FormItemNestForm.vue.mjs";
-import { default as default50 } from "./components/form/FormItemNestFormList.vue.mjs";
-import { default as default51 } from "./components/form/FormMain.vue.mjs";
-import { default as default52 } from "./components/form/FormSearch.vue.mjs";
-import { default as default53 } from "./components/form/FormShadowCloneDispatch.vue.mjs";
-import { default as default54 } from "./components/form/FormSortSwitch.vue.mjs";
-import { default as default55 } from "./components/form/FormSortSwitchGroup.vue.mjs";
-import { default as default56 } from "./components/form/FormSubmitPanel.vue.mjs";
-import { default as default57 } from "./components/form/FormUpload.vue.mjs";
-import { default as default58 } from "./components/form/FormUploadAudio.vue.mjs";
-import { default as default59 } from "./components/form/FormUploadImage.vue.mjs";
-import { default as default60 } from "./components/form/FormUploadVideo.vue.mjs";
-import { default as default61 } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as default62 } from "./components/data-view/InfiniteListView.vue.mjs";
-import { default as default63, default as default64 } from "./components/list-layout/ListLayout.vue.mjs";
-import { default as default65 } from "./components/modal/ModalVideoPreview.vue.mjs";
-import { default as default66 } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as default67 } from "./components/panel/PanelItem.vue.mjs";
-import { default as default68 } from "./components/panel/PanelItemNestForm.vue.mjs";
-import { default as default69 } from "./components/panel/PanelMain.vue.mjs";
+import { default as default50 } from "./components/form/FormActiveFilter.vue.mjs";
+import { default as default51 } from "./components/form/FormItemNestForm.vue.mjs";
+import { default as default52 } from "./components/form/FormItemNestFormList.vue.mjs";
+import { default as default53 } from "./components/form/FormMain.vue.mjs";
+import { default as default54 } from "./components/form/FormSearch.vue.mjs";
+import { default as default55 } from "./components/form/FormShadowCloneDispatch.vue.mjs";
+import { default as default56 } from "./components/form/FormSortSwitch.vue.mjs";
+import { default as default57 } from "./components/form/FormSortSwitchGroup.vue.mjs";
+import { default as default58 } from "./components/form/FormSubmitPanel.vue.mjs";
+import { default as default59 } from "./components/form/FormUpload.vue.mjs";
+import { default as default60 } from "./components/form/FormUploadAudio.vue.mjs";
+import { default as default61 } from "./components/form/FormUploadImage.vue.mjs";
+import { default as default62 } from "./components/form/FormUploadVideo.vue.mjs";
+import { default as default63 } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as default64 } from "./components/data-view/InfiniteListView.vue.mjs";
+import { default as default65, default as default66 } from "./components/list-layout/ListLayout.vue.mjs";
+import { default as default67 } from "./components/modal/ModalVideoPreview.vue.mjs";
+import { default as default68 } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { default as default69 } from "./components/panel/PanelItem.vue.mjs";
+import { default as default70 } from "./components/panel/PanelItemNestForm.vue.mjs";
+import { default as default71 } from "./components/panel/PanelMain.vue.mjs";
 import { ROUTE_MODULE_LEVEL, TabsMainReplaceQueryKey } from "./config/route.mjs";
-import { default as default70 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
+import { default as default72 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
 import { TABLE_COLUMN_KEY_OPERATE, TABLE_COLUMN_KEY_SELECTION } from "./components/table/constants.mjs";
-import { default as default71 } from "./components/table/TableMain.vue.mjs";
-import { default as default72 } from "./components/table/TableSkeleton.vue.mjs";
-import { default as default73 } from "./components/table/TableToolbar.vue.mjs";
-import { default as default74 } from "./components/modal/VideoPreviewTrigger.vue.mjs";
-import { default as default75 } from "./components/view-layout/ViewLayout.vue.mjs";
+import { default as default73 } from "./components/table/TableMain.vue.mjs";
+import { default as default74 } from "./components/table/TableSkeleton.vue.mjs";
+import { default as default75 } from "./components/table/TableToolbar.vue.mjs";
+import { default as default76 } from "./components/modal/VideoPreviewTrigger.vue.mjs";
+import { default as default77 } 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";
@@ -122,103 +124,106 @@ export {
   APP_LAYOUT_BRIDGE_KEY,
   APP_LAYOUT_USER_STORE_KEY,
   APP_PAGE_CONTENT_INSET,
+  APP_PAGE_LIST_DETAIL_CONTEXT,
   APP_PAGE_SLOT_Z_INDEX,
   default2 as ActionBtn,
   default3 as ActionBtnGroup,
-  default32 as ActionConfirm,
-  default33 as AppAside,
-  default34 as AppBody,
-  default35 as AppBreadcrumb,
-  default36 as AppFooter,
-  default37 as AppHeader,
-  default38 as AppLayout,
-  default39 as AppPage,
-  default40 as AppSidebar,
-  default41 as AppTheme,
-  default42 as AutoRefresh,
-  default43 as AutoRefreshGroup,
+  default33 as ActionConfirm,
+  default34 as AppAside,
+  default35 as AppBody,
+  default36 as AppBreadcrumb,
+  default37 as AppFooter,
+  default38 as AppHeader,
+  default39 as AppLayout,
+  default40 as AppPage,
+  default41 as AppPageDetail,
+  default4 as AppPageListDetailLayout,
+  default42 as AppSidebar,
+  default43 as AppTheme,
+  default44 as AutoRefresh,
+  default45 as AutoRefreshGroup,
   BODY_CONTENT_VIEWPORT_HEIGHT,
   BODY_CONTENT_VIEWPORT_INSET,
   BODY_CONTENT_VIEWPORT_RECT,
-  default44 as BadgeMark,
-  default4 as BooleanTag,
+  default46 as BadgeMark,
+  default5 as BooleanTag,
   CORE_BRIDGE_KEY,
   CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
   CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
-  default45 as ConfirmModal,
+  default47 as ConfirmModal,
   DC_SLOT_ATTR,
-  default47 as DataGridView,
-  default5 as DetailModal,
+  default49 as DataGridView,
+  default6 as DetailModal,
   EXPORT_MAX_LIMIT,
   FORM_CONFIG_SELECT_ALL_VALUE,
   FORM_ITEM_CHANGE_LOADING,
   FORM_NEST_REGISTRY_KEY,
-  default48 as FormActiveFilter,
-  default7 as FormInput,
-  default8 as FormInputShadowClone,
-  default49 as FormItemNestForm,
-  default50 as FormItemNestFormList,
-  default51 as FormMain,
-  default9 as FormModal,
-  default11 as FormRadioGroup,
-  default52 as FormSearch,
-  default12 as FormSelect,
-  default13 as FormSelectShadowClone,
-  default53 as FormShadowCloneDispatch,
-  default54 as FormSortSwitch,
-  default55 as FormSortSwitchGroup,
-  default14 as FormSubmitBtn,
-  default56 as FormSubmitPanel,
-  default15 as FormTree,
-  default57 as FormUpload,
-  default58 as FormUploadAudio,
-  default59 as FormUploadImage,
-  default60 as FormUploadVideo,
-  default16 as FormVerifyCode,
-  default61 as FormVerifyImage,
+  default50 as FormActiveFilter,
+  default8 as FormInput,
+  default9 as FormInputShadowClone,
+  default51 as FormItemNestForm,
+  default52 as FormItemNestFormList,
+  default53 as FormMain,
+  default10 as FormModal,
+  default12 as FormRadioGroup,
+  default54 as FormSearch,
+  default13 as FormSelect,
+  default14 as FormSelectShadowClone,
+  default55 as FormShadowCloneDispatch,
+  default56 as FormSortSwitch,
+  default57 as FormSortSwitchGroup,
+  default15 as FormSubmitBtn,
+  default58 as FormSubmitPanel,
+  default16 as FormTree,
+  default59 as FormUpload,
+  default60 as FormUploadAudio,
+  default61 as FormUploadImage,
+  default62 as FormUploadVideo,
+  default17 as FormVerifyCode,
+  default63 as FormVerifyImage,
   GLOBAL_MODAL_REMOTE_KEY,
-  default17 as HeightProvider,
-  default18 as ImagePreviewTrigger,
-  default62 as InfiniteListView,
-  default63 as ListLayout,
-  default64 as ListPage,
-  default19 as MenuItemSub,
-  default20 as MenuTree,
-  default46 as ModalConfirm,
-  default6 as ModalDetail,
-  default10 as ModalForm,
-  default21 as ModalImagePreview,
-  default22 as ModalPorter,
-  default23 as ModalShelf,
-  default65 as ModalVideoPreview,
+  default18 as HeightProvider,
+  default19 as ImagePreviewTrigger,
+  default64 as InfiniteListView,
+  default65 as ListLayout,
+  default66 as ListPage,
+  default20 as MenuItemSub,
+  default21 as MenuTree,
+  default48 as ModalConfirm,
+  default7 as ModalDetail,
+  default11 as ModalForm,
+  default22 as ModalImagePreview,
+  default23 as ModalPorter,
+  default24 as ModalShelf,
+  default67 as ModalVideoPreview,
   NEST_LAYOUT_SCALE_KEY,
   NEST_LAYOUT_TIERS,
   OPERATE_COLUMN_PROP,
-  default66 as PanelEditSwitch,
-  default67 as PanelItem,
-  default68 as PanelItemNestForm,
-  default24 as PanelItemNestPanel,
-  default69 as PanelMain,
+  default68 as PanelEditSwitch,
+  default69 as PanelItem,
+  default70 as PanelItemNestForm,
+  default25 as PanelItemNestPanel,
+  default71 as PanelMain,
   ROUTE_MODULE_LEVEL,
   SCOPE_VIEWPORT_MAX_HEIGHT,
-  default25 as SelectModule,
-  default26 as ShadowClone,
-  default70 as SlotLayoutFlowAside,
-  default27 as SlotLayoutTemplate,
+  default26 as SelectModule,
+  default27 as ShadowClone,
+  default72 as SlotLayoutFlowAside,
+  default28 as SlotLayoutTemplate,
   SlotRegion,
   TABLE_COLUMN_KEY_OPERATE,
   TABLE_COLUMN_KEY_SELECTION,
   TABS_MAIN_VISUAL_LEVEL,
-  default28 as TableEmpty,
-  default71 as TableMain,
-  default72 as TableSkeleton,
-  default73 as TableToolbar,
-  default29 as TabsMain,
+  default29 as TableEmpty,
+  default73 as TableMain,
+  default74 as TableSkeleton,
+  default75 as TableToolbar,
+  default30 as TabsMain,
   TabsMainReplaceQueryKey,
-  default30 as TriggerAutoImport,
-  default74 as VideoPreviewTrigger,
-  default75 as ViewLayout,
-  default31 as WatchSize,
+  default31 as TriggerAutoImport,
+  default76 as VideoPreviewTrigger,
+  default77 as ViewLayout,
+  default32 as WatchSize,
   buildRhythmCss,
   ceilToTier,
   checkLogin,

package/es/inject/key.mjs

@@ -41,11 +41,15 @@ const FORM_NEST_REGISTRY_KEY = Symbol.for(
 const NEST_LAYOUT_SCALE_KEY = Symbol.for(
   nsKey("NEST_LAYOUT_SCALE")
 );
+const APP_PAGE_LIST_DETAIL_CONTEXT = Symbol.for(
+  nsKey("APP_PAGE_LIST_DETAIL_CONTEXT")
+);
 export {
   APP_LAYOUT_APP_STORE_KEY,
   APP_LAYOUT_BRIDGE_KEY,
   APP_LAYOUT_USER_STORE_KEY,
   APP_PAGE_CONTENT_INSET,
+  APP_PAGE_LIST_DETAIL_CONTEXT,
   BODY_CONTENT_VIEWPORT_HEIGHT,
   BODY_CONTENT_VIEWPORT_INSET,
   BODY_CONTENT_VIEWPORT_RECT,