@done-coding/admin-core 0.27.0 → 0.27.1-alpha.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, unref, useSlots, computed, useModel, ref, shallowRef, watch, withDirectives, openBlock, createBlock, normalizeClass, withCtx, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, renderList, createCommentVNode, createVNode, mergeModels } from "vue";
+import { defineComponent, useCssVars, unref, useSlots, computed, inject, useModel, ref, shallowRef, watch, withDirectives, openBlock, createBlock, normalizeClass, withCtx, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, renderList, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementBlock, vShow, mergeModels } from "vue";
 import { vLoading } from "element-plus";
 import FormActiveFilter from "../form/FormActiveFilter.vue.mjs";
 import FormSearch from "../form/FormSearch.vue.mjs";
@@ -13,13 +13,22 @@ import { resolveGridColumnsByBreakpoint } from "../data-view/utils.mjs";
 import SlotLayoutFlowAside from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
 import _pick from "lodash/pick";
 import _cloneDeep from "lodash/cloneDeep";
+import { APP_LAYOUT_BRIDGE_KEY } from "../../inject/key.mjs";
 import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
 import { useBreakpoint } from "../../hooks/use-breakpoint.mjs";
+import { APP_PAGE_LIST_LAYOUT_RECOMMENDED } from "../app-layout/app-page-recommended.mjs";
 import { SlotRegion } from "../../config/slot-region.mjs";
+import { gapScaleValue } from "../../utils/gap-scale.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "list-layout-operation"
+};
+const DEFAULT_MODULE_GAP = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ListLayout",
   props: /* @__PURE__ */ mergeModels({
     staticQuery: { default: () => ({}) },
+    title: {},
     formSearchProps: {},
     columns: {},
     rowKey: {},
@@ -36,6 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     injectInfo: {},
     beforeSearch: {},
     clearTableFilterOnReset: { type: Boolean },
+    gap: {},
+    moduleBg: { type: [Boolean, String], default: false },
     initialSearch: { type: Boolean, default: true },
     separateSearch: { type: Boolean, default: false },
     separateSearchConfig: {},
@@ -65,22 +76,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView", "update:activeId", "update:activeData"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "d1ae0a92": minHeight.value,
-      "e3e22ffc": unref(searchStickyTop),
-      "v5ed78713": unref(toolbarStickyTop),
-      "v6ead0916": unref(pagerStickyBottom)
+      "v4ab2374c": unref(moduleGap),
+      "v72dde434": unref(breathGap),
+      "v700b6fbe": unref(sectionGap),
+      "v2f33b9a9": minHeight.value,
+      "abf328a0": moduleBgValue.value,
+      "v58372974": unref(searchStickyTop),
+      "v4c91183e": unref(toolbarStickyTop),
+      "ac71af32": unref(pagerStickyBottom)
     }));
     const props = __props;
     const listLayoutEmits = __emit;
     const slots = useSlots();
-    const { ctxTableMainProps } = useContextDefaults({
+    const { ctxTableMainProps, ctxFormSearchProps } = useContextDefaults({
       getProps: () => props,
       defaults: {
-        tableMainProps: ({ parentInfo, props: rawProps }) => rawProps.tableMainProps ?? (parentInfo === SlotRegion.AppPage_Left || parentInfo === SlotRegion.AppPage_Right ? { pageLayout: "prev, pager, next", paginationBackground: false } : void 0)
+        tableMainProps: ({ parentInfo, props: rawProps }) => rawProps.tableMainProps ?? (parentInfo === SlotRegion.AppPage_Left || parentInfo === SlotRegion.AppPage_Right ? APP_PAGE_LIST_LAYOUT_RECOMMENDED.tableMainProps : void 0),
+        // 窄栏搜索表单按**容器**断点定档：窄栏里 ElCol 的响应式 span 仍按 window 宽解析
+        // （window 是 lg、容器只有 sm 宽 → `lg:6` 仍生效 → 单行挤爆），这是结构性的、不是口味。
+        // ⚠️ 与上面 `??` 整袋择一不同，这里 [MUST] **逐键合并**：`formSearchProps` 是个透传袋，
+        // 整袋覆盖会让「传了任意一个键」= 悄悄关掉容器断点。显式写 layoutByContainer 仍优先（后展开）。
+        // ⚠️ `maxRows` [MUST NOT] 一并给默认——它是**内容量**的函数（含操作区所在行），不是容器宽的
+        // 函数；窄栏下 maxRows:1 会把整块搜索区折叠塌成 0（实测）。该值归消费方判。
+        formSearchProps: ({ parentInfo, props: rawProps }) => parentInfo === SlotRegion.AppPage_Left || parentInfo === SlotRegion.AppPage_Right ? { layoutByContainer: true, ...rawProps.formSearchProps } : rawProps.formSearchProps
       }
     });
-    const hasHeader = computed(() => !!slots.header);
+    const moduleBgValue = computed(
+      () => typeof props.moduleBg === "string" ? props.moduleBg : "var(--dc-core-surface, var(--el-bg-color))"
+    );
+    const layoutBridge = inject(APP_LAYOUT_BRIDGE_KEY, void 0);
+    const gapBase = computed(
+      () => props.gap ?? (layoutBridge == null ? void 0 : layoutBridge.APP_LAYOUT_GAP_CONFIG.size) ?? DEFAULT_MODULE_GAP
+    );
+    const gapPx = (rung) => computed(
+      () => `${gapScaleValue(
+        gapBase.value,
+        rung,
+        layoutBridge == null ? void 0 : layoutBridge.themeDensity.value
+      )}px`
+    );
+    const gapNum = (rung) => computed(
+      () => gapScaleValue(gapBase.value, rung, layoutBridge == null ? void 0 : layoutBridge.themeDensity.value)
+    );
+    const moduleGap = gapPx("module");
+    const moduleGapNum = gapNum("module");
+    const breathGap = gapPx("breath");
+    const sectionGap = gapPx("section");
+    const hasHeader = computed(() => !!slots.header || !!props.title);
     const hasOperation = computed(() => !!slots.operation);
+    const hasChromeContent = computed(
+      () => showSearch.value || hasOperation.value || props.formActiveFilter
+    );
     const isAutoRefresh = useModel(__props, "isAutoRefresh");
     const refreshInterval = useModel(__props, "refreshInterval");
     const customView = useModel(__props, "customView");
@@ -96,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableMain = shallowRef();
     const { viewportHeightFinal } = useChannelViewportHeight(props);
     const searchHeight = ref(0);
-    const operationHeight = ref(0);
+    const chromeHeight = ref(0);
     const headerHeight = ref(0);
     const queryMerge = computed(() => {
       return {
@@ -109,13 +155,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => resolveGridColumnsByBreakpoint(props.gridColumns, activeBreakpoint.value)
     );
     const showSearch = ref(false);
-    const searchHeightAdjust = computed(() => {
-      if (!showSearch.value) {
-        return 0;
-      } else {
-        return searchHeight.value + 10;
-      }
-    });
+    const chromeHeightAdjust = computed(
+      () => chromeHeight.value ? chromeHeight.value + moduleGapNum.value : 0
+    );
     const {
       layoutRoot,
       searchStickyActive,
@@ -144,18 +186,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const activeFilters = activeFilterApi.activeFilters;
-    const operationHeightAdjust = computed(() => {
-      if (!hasOperation.value) {
-        return 0;
-      } else {
-        return operationHeight.value + 10;
-      }
-    });
     const headerHeightAdjust = computed(() => {
       if (!hasHeader.value) {
         return 0;
       } else {
-        return headerHeight.value + 10;
+        return headerHeight.value + moduleGapNum.value;
       }
     });
     const listPageMinHeight = computed(() => {
@@ -171,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.separateSearch) {
         return listPageMinHeight.value;
       }
-      return listPageMinHeight.value - searchHeightAdjust.value - operationHeightAdjust.value - headerHeightAdjust.value;
+      return listPageMinHeight.value - chromeHeightAdjust.value - headerHeightAdjust.value;
     });
     const searchAsideMaxHeight = computed(
       () => props.refine ? `${listPageMinHeight.value}px` : "100vh"
@@ -211,8 +246,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onFormSearchHeightChange = (height) => {
       searchHeight.value = height;
     };
-    const onOperateHeightChange = (height) => {
-      operationHeight.value = height;
+    const onChromeHeightChange = (height) => {
+      chromeHeight.value = height;
     };
     const onHeaderHeightChange = (height) => {
       headerHeight.value = height;
@@ -326,6 +361,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "layoutRoot",
         ref: layoutRoot,
         class: normalizeClass(["dc-list-page list-page list-layout", {
+          "list-layout_module-bg": !!__props.moduleBg,
           "list-layout_search-sticky": unref(searchStickyActive),
           "list-layout_toolbar-sticky": unref(toolbarStickyActive),
           "list-layout_pager-sticky": unref(pagerStickyActive)
@@ -339,53 +375,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         aside: withCtx(() => [
           hasHeader.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 0,
-            class: "list-layout-header",
+            class: "dc-list-layout__header list-layout-header",
             "observe-resize": __props.headerObserveResize,
             onHeightChange: onHeaderHeightChange
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "header", {}, void 0, true)
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ], true)
             ]),
             _: 3
           }, 8, ["observe-resize"])) : createCommentVNode("", true),
-          createVNode(unref(FormSearch), mergeProps({
-            ref_key: "formSearch",
-            ref: formSearch,
-            list: assertList.value,
-            data: assertData.value
-          }, __props.formSearchProps, {
-            compact: __props.separateSearch,
-            onSearch,
-            onHeightChange: onFormSearchHeightChange,
-            onVisibleChange
-          }), createSlots({ _: 2 }, [
-            renderList(__props.list, (config) => {
-              return {
-                name: config.key,
-                fn: withCtx((scope) => [
-                  renderSlot(_ctx.$slots, `form-${config.key}`, normalizeProps(guardReactiveProps(scope)), void 0, true)
-                ])
-              };
-            })
-          ]), 1040, ["list", "data", "compact"]),
-          hasOperation.value || __props.formActiveFilter ? (openBlock(), createBlock(unref(_sfc_main$1), {
-            key: 1,
-            class: "list-layout-operation",
+          withDirectives(createVNode(unref(_sfc_main$1), {
+            class: "list-layout-chrome",
             "observe-resize": __props.operationObserveResize,
-            onHeightChange: onOperateHeightChange
+            onHeightChange: onChromeHeightChange
           }, {
             default: withCtx(() => [
-              __props.formActiveFilter ? (openBlock(), createBlock(unref(FormActiveFilter), {
-                key: 0,
-                filters: unref(activeFilters),
-                "allow-clear": __props.allowClear,
-                onRemove: unref(activeFilterApi).remove,
-                onClear: unref(activeFilterApi).clearAll
-              }, null, 8, ["filters", "allow-clear", "onRemove", "onClear"])) : createCommentVNode("", true),
-              hasOperation.value ? renderSlot(_ctx.$slots, "operation", { key: 1 }, void 0, true) : createCommentVNode("", true)
+              createVNode(unref(FormSearch), mergeProps({
+                ref_key: "formSearch",
+                ref: formSearch,
+                list: assertList.value,
+                data: assertData.value
+              }, unref(ctxFormSearchProps), {
+                compact: __props.separateSearch,
+                onSearch,
+                onHeightChange: onFormSearchHeightChange,
+                onVisibleChange
+              }), createSlots({ _: 2 }, [
+                renderList(__props.list, (config) => {
+                  return {
+                    name: config.key,
+                    fn: withCtx((scope) => [
+                      renderSlot(_ctx.$slots, `form-${config.key}`, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                    ])
+                  };
+                })
+              ]), 1040, ["list", "data", "compact"]),
+              hasOperation.value || __props.formActiveFilter ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                __props.formActiveFilter ? (openBlock(), createBlock(unref(FormActiveFilter), {
+                  key: 0,
+                  filters: unref(activeFilters),
+                  "allow-clear": __props.allowClear,
+                  onRemove: unref(activeFilterApi).remove,
+                  onClear: unref(activeFilterApi).clearAll
+                }, null, 8, ["filters", "allow-clear", "onRemove", "onClear"])) : createCommentVNode("", true),
+                hasOperation.value ? renderSlot(_ctx.$slots, "operation", { key: 1 }, void 0, true) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
             ]),
             _: 3
-          }, 8, ["observe-resize"])) : createCommentVNode("", true)
+          }, 8, ["observe-resize"]), [
+            [vShow, hasChromeContent.value]
+          ])
         ]),
         default: withCtx(() => [
           __props.viewMode === "table" ? (openBlock(), createBlock(unref(TableMain), mergeProps({

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

@@ -10,6 +10,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     preview: { type: Boolean, default: true }
   },
   setup(__props) {
+    const props = __props;
+    const onTriggerClick = (event) => {
+      if (props.preview) event.stopPropagation();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElImage), mergeProps({
         class: "dc-image-preview-trigger image-preview-trigger",
@@ -17,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         lazy: __props.lazy,
         "preview-src-list": __props.preview ? [__props.previewSrc ?? __props.src] : void 0,
         "preview-teleported": __props.preview
-      }, _ctx.$attrs), {
+      }, _ctx.$attrs, { onClick: onTriggerClick }), {
         placeholder: withCtx(() => [
           renderSlot(_ctx.$slots, "placeholder")
         ]),

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

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

@@ -1,10 +1,12 @@
-import { defineComponent, computed, shallowRef, ref, inject, provide, openBlock, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, unref, createCommentVNode, createVNode } from "vue";
+import { defineComponent, computed, shallowRef, ref, inject, provide, openBlock, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, unref, normalizeClass, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { ElDrawer, ElDialog, ElButton } from "element-plus";
 import { BODY_CONTENT_VIEWPORT_HEIGHT, SCOPE_VIEWPORT_MAX_HEIGHT } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 import { useObserveSize } from "../../hooks/use-observe-size.mjs";
+import { SlotRegion } from "../../config/slot-region.mjs";
 const _hoisted_1 = { class: "confirm-modal__title" };
-const _hoisted_2 = ["reverse"];
+const _hoisted_2 = ["data-dc-slot"];
+const _hoisted_3 = ["reverse"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -144,7 +146,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "contentRef",
             ref: contentRef,
-            class: normalizeClass(["confirm-modal__content", { "confirm-modal__content_drawer": isDrawer.value }])
+            class: normalizeClass(["confirm-modal__content", { "confirm-modal__content_drawer": isDrawer.value }]),
+            "data-dc-slot": unref(SlotRegion).ModalConfirm_Body
           }, [
             renderSlot(_ctx.$slots, "main-header", {}, void 0, true),
             renderSlot(_ctx.$slots, "default", {}, () => [
@@ -153,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 64))
             ], true),
             renderSlot(_ctx.$slots, "main-footer", {}, void 0, true)
-          ], 2)
+          ], 10, _hoisted_2)
         ]),
         _: 2
       }, [
@@ -204,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["type", "loading"])
               ], true)
-            ], 8, _hoisted_2)
+            ], 8, _hoisted_3)
           ]),
           key: "1"
         } : void 0

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

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

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

@@ -27,9 +27,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const remote = inject(GLOBAL_MODAL_REMOTE_KEY);
     const localShow = ref(false);
     const frameCoverSrc = computed(() => `${props.url}#t=0.01`);
-    const openPreview = () => {
+    const openPreview = (event) => {
       var _a, _b;
       if (!props.preview) return;
+      event == null ? void 0 : event.stopPropagation();
       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,

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementBlock, toDisplayString, createCommentVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementBlock, toDisplayString, createCommentVNode, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, createVNode } from "vue";
 import { ElEmpty } from "element-plus";
 import AppPage from "../app-layout/AppPage.vue.mjs";
 import _sfc_main$1 from "../slot-layout/SlotLayoutTemplate.vue.mjs";
@@ -7,10 +7,6 @@ const _hoisted_1 = {
   key: 0,
   class: "dc-app-page-detail__title"
 };
-const _hoisted_2 = {
-  key: 0,
-  class: "dc-app-page-detail__title"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "AppPageDetail" },
   __name: "AppPageDetail",
@@ -49,10 +45,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const detailParams = computed(() => ({
       id: ctxFinal.value.id
     }));
-    const detailScope = (data, loading = false) => ({
+    const detailScope = (data, loading = false, fetchSeq = 0) => ({
       ...ctxFinal.value,
       data,
-      loading
+      loading,
+      fetchSeq
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), {
@@ -66,13 +63,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             api: __props.detailApi,
             params: detailParams.value,
             refreshToken: ctxFinal.value.id
-          }), {
-            default: withCtx(({ data, loading }) => [
-              titleOf(data) ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(titleOf(data)), 1)) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(detailScope(data, loading))), void 0, true)
+          }), createSlots({
+            default: withCtx(({ data, loading, fetchSeq }) => [
+              renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(detailScope(data, loading, fetchSeq))), void 0, true)
             ]),
-            _: 3
-          }, 16, ["api", "params", "refreshToken"])) : ctxFinal.value.id !== void 0 ? renderSlot(_ctx.$slots, "detail", normalizeProps(mergeProps({ key: 2 }, detailScope())), void 0, true) : renderSlot(_ctx.$slots, "empty", {
+            _: 2
+          }, [
+            __props.detailTitle ? {
+              name: "header",
+              fn: withCtx(({ data }) => [
+                createTextVNode(toDisplayString(titleOf(data)), 1)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["api", "params", "refreshToken"])) : ctxFinal.value.id !== void 0 ? renderSlot(_ctx.$slots, "detail", normalizeProps(mergeProps({ key: 2 }, detailScope())), void 0, true) : renderSlot(_ctx.$slots, "empty", {
             key: 3,
             listEmpty: __props.listEmpty
           }, () => [

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

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, computed, shallowRef, provide, readonly, openBlock, createBlock, resolveDynamicComponent, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, mergeModels } from "vue";
+import { defineComponent, useModel, computed, shallowRef, provide, readonly, openBlock, createBlock, resolveDynamicComponent, createSlots, withCtx, renderSlot, mergeProps, mergeModels } from "vue";
 import AppPageListDetailSplit from "./AppPageListDetailSplit.vue.mjs";
 import _sfc_main$1 from "./AppPageListDetailSheet.vue.mjs";
 import { useAppPageListDetailMode, useAppPageListDetailSequence, useAppPageListDetailQuerySync } from "./use-list-detail.mjs";
@@ -35,6 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const formComponent = computed(
       () => isSplit.value ? AppPageListDetailSplit : _sfc_main$1
     );
+    const resolvedMode = computed(
+      () => isSplit.value ? "split" : "sheet"
+    );
     const autoActiveFirst = computed(() => props.autoActiveFirst ?? isSplit.value);
     const sequence = useAppPageListDetailSequence({
       activeId,
@@ -107,21 +110,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.$slots.list ? {
           name: "list",
           fn: withCtx((scope) => [
-            renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(scope)))
+            renderSlot(_ctx.$slots, "list", mergeProps(scope, { resolvedMode: resolvedMode.value }))
           ]),
           key: "0"
         } : void 0,
         _ctx.$slots.detail ? {
           name: "detail",
           fn: withCtx((scope) => [
-            renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(scope)))
+            renderSlot(_ctx.$slots, "detail", mergeProps(scope, { resolvedMode: resolvedMode.value }))
           ]),
           key: "1"
         } : void 0,
         _ctx.$slots.empty ? {
           name: "empty",
           fn: withCtx((scope) => [
-            renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(scope)))
+            renderSlot(_ctx.$slots, "empty", mergeProps(scope, { resolvedMode: resolvedMode.value }))
           ]),
           key: "2"
         } : void 0,

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

@@ -20,6 +20,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const sheetTitle = computed(() => {
+      const t = props.detailTitle;
+      if (!t) return void 0;
+      return typeof t === "function" ? t(void 0, props.ctx.record) : t;
+    });
     const drawerOpen = computed(() => props.ctx.id !== void 0);
     const onDrawerShowChange = (visible) => {
       if (!visible) emit("close");
@@ -27,9 +32,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(AppPage), { class: "dc-app-page-list-detail dc-app-page-list-detail_sheet" }, createSlots({
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "list", { listProps: __props.listProps }),
+          renderSlot(_ctx.$slots, "list", {
+            listProps: __props.listProps,
+            listLayoutRecommended: void 0
+          }),
           createVNode(unref(ModalConfirm), {
             class: "dc-app-page-list-detail-sheet__drawer",
+            title: sheetTitle.value,
             layerType: __props.sheetLayerType,
             direction: "rtl",
             show: drawerOpen.value,
@@ -44,7 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ctx: __props.ctx,
                 listEmpty: __props.listEmpty,
                 detailApi: __props.detailApi,
-                detailTitle: __props.detailTitle,
                 viewLayoutProps: __props.viewLayoutProps
               }, createSlots({ _: 2 }, [
                 _ctx.$slots.detail ? {
@@ -61,10 +69,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "1"
                 } : void 0
-              ]), 1032, ["ctx", "listEmpty", "detailApi", "detailTitle", "viewLayoutProps"])
+              ]), 1032, ["ctx", "listEmpty", "detailApi", "viewLayoutProps"])
             ]),
             _: 3
-          }, 8, ["layerType", "show", "width"])
+          }, 8, ["title", "layerType", "show", "width"])
         ]),
         _: 2
       }, [

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

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

@@ -1,6 +1,9 @@
 import { defineComponent, computed, openBlock, createBlock, unref, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeStyle } 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";
+import { SlotRegion } from "../../config/slot-region.mjs";
+const _hoisted_1 = ["data-dc-slot"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "AppPageListDetailSplit" },
   __name: "AppPageListDetailSplit",
@@ -23,10 +26,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         left: withCtx(() => [
           createElementVNode("div", {
             class: "dc-app-page-list-detail-split__list",
-            style: normalizeStyle(listStyle.value)
+            style: normalizeStyle(listStyle.value),
+            "data-dc-slot": unref(SlotRegion).AppPage_Left
           }, [
-            renderSlot(_ctx.$slots, "list", { listProps: __props.listProps }, void 0, true)
-          ], 4)
+            renderSlot(_ctx.$slots, "list", {
+              listProps: __props.listProps,
+              listLayoutRecommended: unref(APP_PAGE_LIST_LAYOUT_RECOMMENDED)
+            }, void 0, true)
+          ], 12, _hoisted_1)
         ]),
         default: withCtx(() => [
           createVNode(AppPageDetail, {

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