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

package/es/components/app-layout/AppPage.vue.mjs

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

package/es/components/app-layout/AppPage.vue2.mjs

@@ -2,7 +2,8 @@ import { defineComponent, useCssVars, computed, useSlots, ref, shallowRef, injec
 import _debounce from "lodash/debounce";
 import _sfc_main$1 from "../modal/ModalShelf.vue.mjs";
 import _sfc_main$2 from "../display/WatchSize.vue.mjs";
-import { computeAppPageReducedViewportHeight, computeAppPageContentInset, computeAppPageReducedViewportWidth, computeAppPageSlotStyles, computeAppPageSlotShimStyles } from "./app-page-geometry.mjs";
+import { computeAppPageReducedViewportHeight, computeAppPageReducedViewportWidth, computeAppPageContentInset, computeAppPageSlotStyles, computeAppPageSlotShimStyles } from "./app-page-geometry.mjs";
+import { useAppPageContentBox } from "./use-content-box.mjs";
 import { BODY_CONTENT_VIEWPORT_RECT, SCOPE_VIEWPORT_MAX_HEIGHT, BODY_CONTENT_VIEWPORT_HEIGHT, BODY_CONTENT_VIEWPORT_INSET, APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 import { SlotRegion } from "../../config/slot-region.mjs";
@@ -30,17 +31,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     topObserveResize: { type: Boolean, default: false },
     bottomObserveResize: { type: Boolean, default: false },
     leftObserveResize: { type: Boolean, default: false },
-    rightObserveResize: { type: Boolean, default: false }
+    rightObserveResize: { type: Boolean, default: false },
+    contentCentered: { type: Boolean, default: false },
+    contentMaxWidth: { default: 1200 }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v55181597": pageCssVars.value.top,
-      "v5f04c6a9": pageCssVars.value.bottom,
-      "v4de6d405": pageCssVars.value.left,
-      "v6f4a0dde": pageCssVars.value.right,
-      "v6f907988": pageCssVars.value.width,
-      "v68afbda5": pageCssVars.value.height,
-      "v2e2782e4": props.nextViewportMaxHeight
+      "v6b53f4c2": pageCssVars.value.top,
+      "v1c770cbe": pageCssVars.value.bottom,
+      "ff323606": pageCssVars.value.left,
+      "e667c834": pageCssVars.value.right,
+      "e5daf0e0": pageCssVars.value.width,
+      "v09211ec6": pageCssVars.value.height,
+      "v0bd4b228": props.nextViewportMaxHeight
     }));
     const props = __props;
     const style = computed(() => {
@@ -142,17 +145,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       viewportMaxHeight: reducedViewportHeight,
       parent: parentScope
     });
-    const NO_APP_CHROME_INSET = ref({
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0
-    });
-    const bodyInset = inject(BODY_CONTENT_VIEWPORT_INSET, NO_APP_CHROME_INSET);
-    const contentInset = computed(
-      () => computeAppPageContentInset(bodyInset.value, slotSizes.value, props.gap)
-    );
-    provide(APP_PAGE_CONTENT_INSET, readonly(contentInset));
     const pageBoxWidth = ref(0);
     const measurePageWidth = () => {
       if (appPageRef.value) pageBoxWidth.value = appPageRef.value.clientWidth;
@@ -179,6 +171,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         shimPadding.value
       )
     );
+    const { contentGutter } = useAppPageContentBox({
+      enabled: () => props.contentCentered,
+      maxWidth: () => props.contentMaxWidth,
+      availableWidth: () => reducedViewportWidth.value
+    });
+    const NO_APP_CHROME_INSET = ref({
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    });
+    const bodyInset = inject(BODY_CONTENT_VIEWPORT_INSET, NO_APP_CHROME_INSET);
+    const contentInset = computed(() => {
+      const base = computeAppPageContentInset(
+        bodyInset.value,
+        slotSizes.value,
+        props.gap
+      );
+      const g = contentGutter.value;
+      return g ? { ...base, left: base.left + g, right: base.right + g } : base;
+    });
+    provide(APP_PAGE_CONTENT_INSET, readonly(contentInset));
     const pageCssVars = computed(() => {
       const inset = contentInset.value;
       return {
@@ -186,7 +200,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         bottom: `${inset.bottom}px`,
         left: `${inset.left}px`,
         right: `${inset.right}px`,
-        width: `${reducedViewportWidth.value}px`,
+        width: `${Math.max(
+          0,
+          reducedViewportWidth.value - contentGutter.value * 2
+        )}px`,
         height: `${reducedViewportHeight.value}px`
       };
     });
@@ -204,12 +221,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const shimStyle = computed(() => {
       const sp = shimPadding.value;
+      const g = contentGutter.value;
       const inset = (v) => `${Math.max(0, v ? v - sp : 0)}px`;
+      const insetX = (v) => `${Math.max(0, v ? v - sp : 0) + g}px`;
       return {
         paddingTop: inset(topH.value),
         paddingBottom: inset(bottomH.value),
-        paddingLeft: inset(leftW.value),
-        paddingRight: inset(rightW.value)
+        paddingLeft: insetX(leftW.value),
+        paddingRight: insetX(rightW.value)
       };
     });
     return (_ctx, _cache) => {

package/es/components/app-layout/use-content-box.mjs

@@ -0,0 +1,17 @@
+import { computed } from "vue";
+function computeAppPageContentGutter(availableWidth, maxWidth) {
+  return Math.max(0, (availableWidth - maxWidth) / 2);
+}
+function useAppPageContentBox(options) {
+  const contentGutter = computed(
+    () => options.enabled() ? computeAppPageContentGutter(
+      options.availableWidth(),
+      options.maxWidth()
+    ) : 0
+  );
+  return { contentGutter };
+}
+export {
+  computeAppPageContentGutter,
+  useAppPageContentBox
+};

package/es/components/data-view/DataGridView.vue.mjs

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

package/es/components/data-view/DataGridView.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, shallowRef, ref, computed, onMounted, onActivated, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, createElementVNode, toDisplayString, createTextVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, mergeModels } from "vue";
+import { defineComponent, useModel, shallowRef, ref, computed, onMounted, onActivated, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, createElementVNode, toDisplayString, createTextVNode, normalizeStyle, Fragment, renderList, normalizeClass, renderSlot, resolveDynamicComponent, mergeModels } from "vue";
 import { ElButton } from "element-plus";
 import TableToolbar from "../table/TableToolbar.vue.mjs";
 import _sfc_main$2 from "../table/TableEmpty.vue.mjs";
@@ -9,16 +9,18 @@ import _set from "lodash/set";
 import _get from "lodash/get";
 import InfiniteListView from "./InfiniteListView.vue.mjs";
 import { useDataViewFieldMap } from "./use-data-view-field-map.mjs";
+import { useActiveRecord, activeRecordValueOf } from "../../hooks/use-active-record.mjs";
 import { resolveGridColumnsByBreakpoint, createDataListViewInstance } from "./utils.mjs";
 import { useBreakpoint } from "../../hooks/use-breakpoint.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";
 const _hoisted_1 = { class: "dc-data-grid-view data-grid-view" };
-const _hoisted_2 = { class: "data-grid-view__card" };
-const _hoisted_3 = { class: "data-grid-view__field-label" };
-const _hoisted_4 = { class: "data-grid-view__field-value" };
-const _hoisted_5 = {
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "data-grid-view__card" };
+const _hoisted_4 = { class: "data-grid-view__field-label" };
+const _hoisted_5 = { class: "data-grid-view__field-value" };
+const _hoisted_6 = {
   key: 0,
   class: "data-grid-view__empty-error"
 };
@@ -49,9 +51,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "isAutoRefresh": { type: Boolean },
     "isAutoRefreshModifiers": {},
     "refreshInterval": {},
-    "refreshIntervalModifiers": {}
+    "refreshIntervalModifiers": {},
+    "activeId": {},
+    "activeIdModifiers": {},
+    "activeData": {},
+    "activeDataModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "selectionChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval"]),
+  emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "selectionChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:activeId", "update:activeData"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -209,6 +215,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const rk = props.rowKey;
       return typeof rk === "function" ? rk(row) : String(row[rk]);
     };
+    const activeId = useModel(__props, "activeId");
+    const activeData = useModel(__props, "activeData");
+    const { isActive, setActive } = useActiveRecord({
+      // 用存量扁平数据（非 chunk 后的 gridRows）——「一项」= 一条记录
+      data: () => store.value,
+      // 出口值保原始类型（数字 id 出数字）；比对由 hook 内部 String 归一，与渲染用的 keyOf 不冲突
+      keyOf: (row) => activeRecordValueOf(row, props.rowKey),
+      activeId,
+      activeData,
+      name: "DataGridView"
+    });
     const rowKeyOfRow = (row) => row.length ? keyOf(row[0]) : "empty-row";
     const getRenderCtxParams = () => ({
       injectInfo: props.injectInfo || {},
@@ -262,7 +279,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       row,
       index,
       selected: isSelected(row),
-      toggleSelect: () => toggleSelect(row)
+      toggleSelect: () => toggleSelect(row),
+      active: isActive(row),
+      setActive: () => setActive(row)
     });
     const expose = {
       refresh,
@@ -393,17 +412,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(item, (row, colIndex) => {
                 return openBlock(), createElementBlock("div", {
                   key: keyOf(row),
-                  class: "data-grid-view__cell"
+                  class: normalizeClass(["data-grid-view__cell", { "is-active": unref(isActive)(row) }]),
+                  onClick: ($event) => unref(setActive)(row)
                 }, [
                   renderSlot(_ctx.$slots, "custom-view-item", mergeProps({ ref_for: true }, assertItemScope(row, index * gridColumnsFinal.value + colIndex)), () => [
-                    createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", _hoisted_3, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                         return openBlock(), createElementBlock("div", {
                           key: column.prop ?? column.type,
                           class: "data-grid-view__field"
                         }, [
-                          createElementVNode("span", _hoisted_3, toDisplayString(column.label ?? column.prop) + ":", 1),
-                          createElementVNode("span", _hoisted_4, [
+                          createElementVNode("span", _hoisted_4, toDisplayString(column.label ?? column.prop) + ":", 1),
+                          createElementVNode("span", _hoisted_5, [
                             (openBlock(), createBlock(resolveDynamicComponent(unref(fieldComponentMap)[fieldKeyOf(column)]), {
                               row,
                               index: index * gridColumnsFinal.value + colIndex,
@@ -415,12 +435,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }), 128))
                     ])
                   ], true)
-                ]);
+                ], 10, _hoisted_2);
               }), 128))
             ], 4)
           ]),
           empty: withCtx(() => [
-            error.value && !store.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            error.value && !store.value.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
               createElementVNode("span", null, toDisplayString(errorText.value), 1),
               createVNode(unref(ElButton), {
                 size: "small",

package/es/components/data-view/DataListView.vue.mjs

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

package/es/components/data-view/DataListView.vue2.mjs

@@ -1,15 +1,16 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, withCtx, renderSlot, unref, createVNode } from "vue";
+import { defineComponent, computed, useModel, ref, watch, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, unref, withCtx, renderSlot, createVNode, mergeModels } from "vue";
 import { ElEmpty } from "element-plus";
 import DataListViewItem from "./DataListViewItem.vue.mjs";
 import { createDataListViewInstance } from "./utils.mjs";
 import { useDataViewFieldMap } from "./use-data-view-field-map.mjs";
+import { useActiveRecord, activeRecordValueOf } from "../../hooks/use-active-record.mjs";
 const _hoisted_1 = {
   key: 1,
   class: "data-list-view-empty"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataListView",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     data: {},
     rowKey: {},
     columns: {},
@@ -17,8 +18,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minHeight: {},
     selectable: { type: Boolean, default: false },
     getRenderCtxParams: {}
-  },
-  emits: ["selectionChange"],
+  }, {
+    "activeId": {},
+    "activeIdModifiers": {},
+    "activeData": {},
+    "activeDataModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["selectionChange"], ["update:activeId", "update:activeData"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -37,6 +43,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return Object.keys(style).length ? style : void 0;
     });
+    const activeId = useModel(__props, "activeId");
+    const activeData = useModel(__props, "activeData");
+    const { isActive, setActive } = useActiveRecord({
+      data: () => props.data,
+      // 出口值保原始类型（数字 id 出数字）；比对由 hook 内部 String 归一，与渲染用的 keyOf 不冲突
+      keyOf: (row) => activeRecordValueOf(row, props.rowKey),
+      activeId,
+      activeData,
+      name: "DataListView"
+    });
     const selectedKeys = ref(/* @__PURE__ */ new Set());
     const selectAll = computed(() => selectedKeys.value.size === props.data.length);
     const isSelected = (row) => props.selectable && selectedKeys.value.has(keyOf(row));
@@ -88,7 +104,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.data.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.data, (row, index) => {
           return openBlock(), createBlock(DataListViewItem, {
             key: keyOf(row),
-            selected: isSelected(row)
+            selected: isSelected(row),
+            active: unref(isActive)(row),
+            onClick: ($event) => unref(setActive)(row)
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "item", {
@@ -96,11 +114,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 row,
                 index,
                 selected: isSelected(row),
-                toggleSelect: () => toggleSelect(row)
+                toggleSelect: () => toggleSelect(row),
+                active: unref(isActive)(row),
+                setActive: () => unref(setActive)(row)
               }, void 0, true)
             ]),
             _: 2
-          }, 1032, ["selected"]);
+          }, 1032, ["selected", "active", "onClick"]);
         }), 128)) : (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "empty", {}, () => [
             createVNode(unref(ElEmpty))

package/es/components/data-view/DataListViewItem.vue.mjs

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

package/es/components/data-view/DataListViewItem.vue2.mjs

@@ -2,12 +2,13 @@ import { defineComponent, openBlock, createElementBlock, normalizeClass, renderS
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataListViewItem",
   props: {
-    selected: { type: Boolean }
+    selected: { type: Boolean },
+    active: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["data-list-view-item", { "is-selected": __props.selected }])
+        class: normalizeClass(["data-list-view-item", { "is-selected": __props.selected, "is-active": __props.active }])
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);

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

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

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

@@ -56,15 +56,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "refreshInterval": {},
     "refreshIntervalModifiers": {},
     "customView": { type: Boolean, ...{ default: false } },
-    "customViewModifiers": {}
+    "customViewModifiers": {},
+    "activeId": {},
+    "activeIdModifiers": {},
+    "activeData": {},
+    "activeDataModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  emits: /* @__PURE__ */ mergeModels(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView", "update:activeId", "update:activeData"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v37fdcdf2": minHeight.value,
-      "v5bcb0a52": unref(searchStickyTop),
-      "v489faec3": unref(toolbarStickyTop),
-      "v17e649c5": unref(pagerStickyBottom)
+      "d1ae0a92": minHeight.value,
+      "e3e22ffc": unref(searchStickyTop),
+      "v5ed78713": unref(toolbarStickyTop),
+      "v6ead0916": unref(pagerStickyBottom)
     }));
     const props = __props;
     const listLayoutEmits = __emit;
@@ -80,6 +84,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isAutoRefresh = useModel(__props, "isAutoRefresh");
     const refreshInterval = useModel(__props, "refreshInterval");
     const customView = useModel(__props, "customView");
+    const activeId = useModel(__props, "activeId");
+    const activeData = useModel(__props, "activeData");
     const data = ref({});
     const query = ref(
       {}
@@ -292,9 +298,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showSearch.value = status;
     };
     __expose(expose);
+    const isSameListShape = (a, b) => a.length === b.length && a.every((item, i) => {
+      var _a;
+      return (item == null ? void 0 : item.key) === ((_a = b[i]) == null ? void 0 : _a.key);
+    });
     watch(
       () => props.list,
-      (n) => {
+      (n, o) => {
+        if (o && n !== o && isSameListShape(n, o)) {
+          console.warn(
+            '[ListLayout] `list` 引用变了但内容形状没变，已按变更重新查询一次。常见原因是模板里写了内联字面量（如 :list="[]"）——父组件每次重渲染都是新数组，会反复触发查询甚至成环。[MUST] 把它提成模块级 / setup 级稳定引用（或 computed）。'
+          );
+        }
         const fData = generateFormData(n);
         data.value = fData;
         if (props.initialSearch) {
@@ -383,6 +398,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:refreshInterval": _cache[1] || (_cache[1] = ($event) => refreshInterval.value = $event),
             "custom-view": customView.value,
             "onUpdate:customView": _cache[2] || (_cache[2] = ($event) => customView.value = $event),
+            "active-id": activeId.value,
+            "onUpdate:activeId": _cache[3] || (_cache[3] = ($event) => activeId.value = $event),
+            "active-data": activeData.value,
+            "onUpdate:activeData": _cache[4] || (_cache[4] = ($event) => activeData.value = $event),
             api: __props.api,
             columns: __props.columns,
             query: queryMerge.value,
@@ -425,14 +444,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               };
             })
-          ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "initial-search", "injectInfo"])) : (openBlock(), createBlock(unref(DataGridView), mergeProps({
+          ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "active-id", "active-data", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "initial-search", "injectInfo"])) : (openBlock(), createBlock(unref(DataGridView), mergeProps({
             key: 1,
             ref_key: "tableMain",
             ref: tableMain,
             "is-auto-refresh": isAutoRefresh.value,
-            "onUpdate:isAutoRefresh": _cache[3] || (_cache[3] = ($event) => isAutoRefresh.value = $event),
+            "onUpdate:isAutoRefresh": _cache[5] || (_cache[5] = ($event) => isAutoRefresh.value = $event),
             "refresh-interval": refreshInterval.value,
-            "onUpdate:refreshInterval": _cache[4] || (_cache[4] = ($event) => refreshInterval.value = $event),
+            "onUpdate:refreshInterval": _cache[6] || (_cache[6] = ($event) => refreshInterval.value = $event),
+            "active-id": activeId.value,
+            "onUpdate:activeId": _cache[7] || (_cache[7] = ($event) => activeId.value = $event),
+            "active-data": activeData.value,
+            "onUpdate:activeData": _cache[8] || (_cache[8] = ($event) => activeData.value = $event),
             api: __props.api,
             columns: __props.columns,
             query: queryMerge.value,
@@ -453,7 +476,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "custom-view-item", normalizeProps(guardReactiveProps(assertDataViewItemScope(scope))), void 0, true)
             ]),
             _: 3
-          }, 16, ["is-auto-refresh", "refresh-interval", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "initial-search", "injectInfo", "gridColumns", "infinite-list-props"]))
+          }, 16, ["is-auto-refresh", "refresh-interval", "active-id", "active-data", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "initial-search", "injectInfo", "gridColumns", "infinite-list-props"]))
         ]),
         _: 3
       }, 8, ["class", "separate", "type", "gap", "aside-width", "aside-max-height"])), [

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, shallowRef, ref, inject, provide, openBlock, createBlock, resolveDynamicComponent, mergeProps, 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, normalizeClass, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, unref, 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";
@@ -21,6 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cancelText: { type: [String, Function], default: "取消" },
     confirmText: { type: [String, Function], default: "确定" },
     hiddenCancel: { type: Boolean, default: false },
+    hiddenHeader: { type: Boolean, default: false },
+    hiddenFooter: { type: Boolean, default: false },
     width: { default: 420 },
     reverse: { type: Boolean, default: false },
     closeOnPressEscape: { type: Boolean, default: true },
@@ -82,7 +84,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const layerComponent = computed(() => isDrawer.value ? ElDrawer : ElDialog);
     const layerBind = computed(
-      () => isDrawer.value ? { size: props.width, direction: props.direction } : { width: props.width, alignCenter: true }
+      () => isDrawer.value ? {
+        size: props.width,
+        direction: props.direction,
+        // drawer 有 EP 原生开关，隐藏时节点真不渲染（优于 CSS 兜）
+        withHeader: !props.hiddenHeader
+      } : { width: props.width, alignCenter: true }
     );
     const showLoading = ref(false);
     const loading = computed(() => {
@@ -122,7 +129,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "confirm-modal",
           {
             "confirm-modal_header-divider": showHeaderDivider.value,
-            "confirm-modal_footer-divider": showFooterDivider.value
+            "confirm-modal_footer-divider": showFooterDivider.value,
+            // modal 形态用它兜 header 隐藏（EP 的 el-dialog__header 无条件渲染，见下方样式块）
+            "confirm-modal_hidden-header": __props.hiddenHeader
           }
         ],
         "show-close": __props.showClose,
@@ -130,50 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "close-on-click-modal": __props.closeOnClickModal,
         "close-on-press-escape": __props.closeOnPressEscape,
         onClose: closeHandler
-      }), {
-        header: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              typeof __props.title === "function" ? (openBlock(), createBlock(resolveDynamicComponent(__props.title), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createTextVNode(toDisplayString(__props.title), 1)
-              ], 64))
-            ], true)
-          ])
-        ]),
-        footer: withCtx(() => [
-          createElementVNode("div", {
-            class: "confirm-modal__footer",
-            reverse: __props.reverse
-          }, [
-            renderSlot(_ctx.$slots, "footer", {
-              cancelHandler,
-              confirmHandler,
-              loading: loading.value
-            }, () => [
-              !__props.hiddenCancel ? (openBlock(), createBlock(unref(ElButton), {
-                key: 0,
-                class: "confirm-modal__cancel",
-                onClick: cancelHandler
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(typeof __props.cancelText === "function" ? __props.cancelText() : __props.cancelText), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              createVNode(unref(ElButton), {
-                class: "confirm-modal__confirm",
-                type: __props.type,
-                loading: loading.value,
-                onClick: confirmHandler
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(typeof __props.confirmText === "function" ? __props.confirmText() : __props.confirmText), 1)
-                ]),
-                _: 1
-              }, 8, ["type", "loading"])
-            ], true)
-          ], 8, _hoisted_2)
-        ]),
+      }), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
             ref_key: "contentRef",
@@ -189,8 +155,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "main-footer", {}, void 0, true)
           ], 2)
         ]),
-        _: 3
-      }, 16, ["model-value", "class", "show-close", "close-on-click-modal", "close-on-press-escape"]);
+        _: 2
+      }, [
+        !__props.hiddenHeader ? {
+          name: "header",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                typeof __props.title === "function" ? (openBlock(), createBlock(resolveDynamicComponent(__props.title), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(__props.title), 1)
+                ], 64))
+              ], true)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        !__props.hiddenFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createElementVNode("div", {
+              class: "confirm-modal__footer",
+              reverse: __props.reverse
+            }, [
+              renderSlot(_ctx.$slots, "footer", {
+                cancelHandler,
+                confirmHandler,
+                loading: loading.value
+              }, () => [
+                !__props.hiddenCancel ? (openBlock(), createBlock(unref(ElButton), {
+                  key: 0,
+                  class: "confirm-modal__cancel",
+                  onClick: cancelHandler
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(typeof __props.cancelText === "function" ? __props.cancelText() : __props.cancelText), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(unref(ElButton), {
+                  class: "confirm-modal__confirm",
+                  type: __props.type,
+                  loading: loading.value,
+                  onClick: confirmHandler
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(typeof __props.confirmText === "function" ? __props.confirmText() : __props.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type", "loading"])
+              ], true)
+            ], 8, _hoisted_2)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["model-value", "class", "show-close", "close-on-click-modal", "close-on-press-escape"]);
     };
   }
 });