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

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

@@ -0,0 +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-8de03183"]]);
+export {
+  AppPageDetail as default
+};

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

@@ -0,0 +1,89 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, mergeProps, 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";
+import ViewLayout from "../view-layout/ViewLayout.vue.mjs";
+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",
+  props: {
+    ctx: {},
+    id: {},
+    record: {},
+    listEmpty: { type: Boolean, default: false },
+    embedded: { type: Boolean, default: false },
+    detailApi: {},
+    detailTitle: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const noop = () => {
+    };
+    const ctxFinal = computed(
+      () => props.ctx ?? {
+        id: props.id,
+        record: props.record,
+        index: 0,
+        total: 0,
+        hasPrev: false,
+        hasNext: false,
+        goPrev: noop,
+        goNext: noop,
+        refreshList: noop
+      }
+    );
+    const titleOf = (detailData) => {
+      const t = props.detailTitle;
+      if (!t) return "";
+      return typeof t === "function" ? t(detailData, ctxFinal.value.record) : t;
+    };
+    const detailParams = computed(() => ({
+      id: ctxFinal.value.id
+    }));
+    const detailScope = (data, loading = false) => ({
+      ...ctxFinal.value,
+      data,
+      loading
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        tag: unref(AppPage),
+        disabled: __props.embedded,
+        class: "dc-app-page-detail"
+      }, {
+        default: withCtx(() => [
+          ctxFinal.value.id !== void 0 && !__props.detailApi && titleOf() ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(titleOf()), 1)) : createCommentVNode("", true),
+          ctxFinal.value.id !== void 0 && __props.detailApi ? (openBlock(), createBlock(unref(ViewLayout), {
+            key: 1,
+            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)
+            ]),
+            _: 3
+          }, 8, ["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
+          }, () => [
+            createVNode(unref(ElEmpty), { description: "请从列表选择一条数据" })
+          ], true)
+        ]),
+        _: 3
+      }, 8, ["tag", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,153 @@
+import { defineComponent, useModel, computed, shallowRef, provide, readonly, openBlock, createBlock, resolveDynamicComponent, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, 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";
+import { APP_PAGE_LIST_DETAIL_CONTEXT } from "../../inject/key.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "AppPageListDetailLayout" },
+  __name: "AppPageListDetailLayout",
+  props: /* @__PURE__ */ mergeModels({
+    mode: { default: "auto" },
+    splitAt: { default: 1200 },
+    listWidth: { default: "clamp(280px, 28%, 420px)" },
+    autoActiveFirst: { type: Boolean, default: void 0 },
+    queryKey: {},
+    detailApi: {},
+    detailTitle: {},
+    sheetLayerType: { default: "drawer" },
+    sheetSize: { default: "70%" }
+  }, {
+    "activeId": {},
+    "activeIdModifiers": {},
+    "activeData": {},
+    "activeDataModifiers": {}
+  }),
+  emits: ["update:activeId", "update:activeData"],
+  setup(__props) {
+    const props = __props;
+    const activeId = useModel(__props, "activeId");
+    const activeData = useModel(__props, "activeData");
+    const { isSplit } = useAppPageListDetailMode({
+      mode: () => props.mode,
+      splitAt: () => props.splitAt
+    });
+    const formComponent = computed(
+      () => isSplit.value ? AppPageListDetailSplit : _sfc_main$1
+    );
+    const autoActiveFirst = computed(() => props.autoActiveFirst ?? isSplit.value);
+    const sequence = useAppPageListDetailSequence({
+      activeId,
+      activeData,
+      autoActiveFirst: () => autoActiveFirst.value
+    });
+    useAppPageListDetailQuerySync({
+      queryKey: () => props.queryKey,
+      activeId,
+      pendingId: sequence.pendingId
+    });
+    const listInstance = shallowRef(null);
+    const setListRef = (el) => {
+      listInstance.value = el ?? null;
+    };
+    const refreshList = () => {
+      var _a, _b;
+      (_b = (_a = listInstance.value) == null ? void 0 : _a.refresh) == null ? void 0 : _b.call(_a);
+    };
+    const listProps = computed(() => ({
+      activeId: activeId.value,
+      "onUpdate:activeId": (v) => {
+        activeId.value = v;
+      },
+      activeData: activeData.value,
+      "onUpdate:activeData": (v) => {
+        activeData.value = v;
+      },
+      onDataChange: sequence.onDataChange,
+      ref: setListRef
+    }));
+    const listEmpty = computed(() => sequence.total.value === 0);
+    const detailCtx = computed(() => ({
+      id: activeId.value,
+      record: activeData.value,
+      index: sequence.index.value,
+      total: sequence.total.value,
+      hasPrev: sequence.hasPrev.value,
+      hasNext: sequence.hasNext.value,
+      goPrev: sequence.goPrev,
+      goNext: sequence.goNext,
+      refreshList
+    }));
+    const onSheetClose = () => {
+      activeData.value = void 0;
+      activeId.value = void 0;
+    };
+    provide(APP_PAGE_LIST_DETAIL_CONTEXT, {
+      hasPrev: readonly(sequence.hasPrev),
+      hasNext: readonly(sequence.hasNext),
+      index: readonly(sequence.index),
+      total: readonly(sequence.total),
+      goPrev: sequence.goPrev,
+      goNext: sequence.goNext,
+      refreshList
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(formComponent.value), {
+        listProps: listProps.value,
+        ctx: detailCtx.value,
+        listEmpty: listEmpty.value,
+        listWidth: __props.listWidth,
+        sheetLayerType: __props.sheetLayerType,
+        sheetSize: __props.sheetSize,
+        detailApi: __props.detailApi,
+        detailTitle: __props.detailTitle,
+        onClose: onSheetClose
+      }, createSlots({ _: 2 }, [
+        _ctx.$slots.list ? {
+          name: "list",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.detail ? {
+          name: "detail",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.empty ? {
+          name: "empty",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "2"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "3"
+        } : void 0,
+        _ctx.$slots.top ? {
+          name: "top",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "top")
+          ]),
+          key: "4"
+        } : void 0,
+        _ctx.$slots.bottom ? {
+          name: "bottom",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "bottom")
+          ]),
+          key: "5"
+        } : void 0
+      ]), 1064, ["listProps", "ctx", "listEmpty", "listWidth", "sheetLayerType", "sheetSize", "detailApi", "detailTitle"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,96 @@
+import { defineComponent, computed, openBlock, createBlock, unref, createSlots, withCtx, renderSlot, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import ModalConfirm from "../modal/ModalConfirm.vue.mjs";
+import AppPage from "../app-layout/AppPage.vue.mjs";
+import AppPageDetail from "./AppPageDetail.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "AppPageListDetailSheet" },
+  __name: "AppPageListDetailSheet",
+  props: {
+    listProps: {},
+    ctx: {},
+    listEmpty: { type: Boolean },
+    sheetLayerType: {},
+    sheetSize: {},
+    listWidth: {},
+    detailApi: { type: Function },
+    detailTitle: { type: [String, Function] }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const drawerOpen = computed(() => props.ctx.id !== void 0);
+    const onDrawerShowChange = (visible) => {
+      if (!visible) emit("close");
+    };
+    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 }),
+          createVNode(unref(ModalConfirm), {
+            class: "dc-app-page-list-detail-sheet__drawer",
+            layerType: __props.sheetLayerType,
+            direction: "rtl",
+            show: drawerOpen.value,
+            width: __props.sheetSize,
+            hiddenFooter: "",
+            "destroy-on-close": "",
+            "onUpdate:show": onDrawerShowChange
+          }, {
+            default: withCtx(() => [
+              createVNode(AppPageDetail, {
+                embedded: "",
+                ctx: __props.ctx,
+                listEmpty: __props.listEmpty,
+                detailApi: __props.detailApi,
+                detailTitle: __props.detailTitle
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.detail ? {
+                  name: "detail",
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(scope)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.empty ? {
+                  name: "empty",
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(scope)))
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["ctx", "listEmpty", "detailApi", "detailTitle"])
+            ]),
+            _: 3
+          }, 8, ["layerType", "show", "width"])
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.top ? {
+          name: "top",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "top")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.bottom ? {
+          name: "bottom",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "bottom")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +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-19f0f56d"]]);
+export {
+  AppPageListDetailSplit as default
+};

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

@@ -0,0 +1,83 @@
+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 AppPageDetail from "./AppPageDetail.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "AppPageListDetailSplit" },
+  __name: "AppPageListDetailSplit",
+  props: {
+    listProps: {},
+    ctx: {},
+    listEmpty: { type: Boolean },
+    listWidth: {},
+    sheetSize: {},
+    sheetLayerType: {},
+    detailApi: { type: Function },
+    detailTitle: { type: [String, Function] }
+  },
+  setup(__props) {
+    const props = __props;
+    const listStyle = computed(() => ({ width: props.listWidth }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AppPage), { class: "dc-app-page-list-detail dc-app-page-list-detail_split" }, createSlots({
+        left: withCtx(() => [
+          createElementVNode("div", {
+            class: "dc-app-page-list-detail-split__list",
+            style: normalizeStyle(listStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "list", { listProps: __props.listProps }, void 0, true)
+          ], 4)
+        ]),
+        default: withCtx(() => [
+          createVNode(AppPageDetail, {
+            embedded: "",
+            ctx: __props.ctx,
+            listEmpty: __props.listEmpty,
+            detailApi: __props.detailApi,
+            detailTitle: __props.detailTitle
+          }, createSlots({ _: 2 }, [
+            _ctx.$slots.detail ? {
+              name: "detail",
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(scope)), void 0, true)
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.empty ? {
+              name: "empty",
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(scope)), void 0, true)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["ctx", "listEmpty", "detailApi", "detailTitle"])
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.top ? {
+          name: "top",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "top", {}, void 0, true)
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.bottom ? {
+          name: "bottom",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "bottom", {}, void 0, true)
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right", {}, void 0, true)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/page-layout/use-list-detail.mjs

@@ -0,0 +1,110 @@
+import { ref, watch, computed, shallowRef } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useActivated } from "../../hooks/activated.mjs";
+function useAppPageListDetailMode(options) {
+  const viewportWide = ref(true);
+  const bind = () => {
+    if (typeof window === "undefined" || !window.matchMedia) return void 0;
+    const mql = window.matchMedia(`(min-width: ${options.splitAt()}px)`);
+    const apply = () => {
+      viewportWide.value = mql.matches;
+    };
+    apply();
+    mql.addEventListener("change", apply);
+    return () => mql.removeEventListener("change", apply);
+  };
+  let unbind;
+  const rebind = () => {
+    unbind == null ? void 0 : unbind();
+    unbind = bind();
+  };
+  useActivated((info) => {
+    if (info.isActivated) rebind();
+    else {
+      unbind == null ? void 0 : unbind();
+      unbind = void 0;
+    }
+  });
+  watch(() => options.splitAt(), rebind);
+  const isSplit = computed(() => {
+    const m = options.mode();
+    if (m === "split") return true;
+    if (m === "sheet") return false;
+    return viewportWide.value;
+  });
+  return { isSplit };
+}
+function useAppPageListDetailSequence(options) {
+  const { activeId, activeData, autoActiveFirst } = options;
+  const rows = shallowRef([]);
+  const pendingId = ref(void 0);
+  const rawIndex = computed(() => {
+    const cur = activeData.value;
+    if (!cur) return -1;
+    return rows.value.indexOf(cur);
+  });
+  const total = computed(() => rows.value.length);
+  const index = computed(() => rawIndex.value < 0 ? 0 : rawIndex.value + 1);
+  const hasPrev = computed(() => rawIndex.value > 0);
+  const hasNext = computed(
+    () => rawIndex.value >= 0 && rawIndex.value < rows.value.length - 1
+  );
+  const goPrev = () => {
+    if (!hasPrev.value) return;
+    activeData.value = rows.value[rawIndex.value - 1];
+  };
+  const goNext = () => {
+    if (!hasNext.value) return;
+    activeData.value = rows.value[rawIndex.value + 1];
+  };
+  const onDataChange = (next) => {
+    rows.value = next;
+    if (pendingId.value !== void 0 && activeId.value === void 0) {
+      activeId.value = pendingId.value;
+      pendingId.value = void 0;
+      return;
+    }
+    if (autoActiveFirst() && activeId.value === void 0 && next.length) {
+      activeData.value = next[0];
+    }
+  };
+  return {
+    rows,
+    onDataChange,
+    index,
+    total,
+    hasPrev,
+    hasNext,
+    goPrev,
+    goNext,
+    pendingId
+  };
+}
+function useAppPageListDetailQuerySync(options) {
+  const route = useRoute();
+  const router = useRouter();
+  useActivated((info) => {
+    var _a;
+    if (!info.isActivated) return;
+    const key = options.queryKey();
+    if (!key || !route) return;
+    const raw = (_a = route.query) == null ? void 0 : _a[key];
+    const value = Array.isArray(raw) ? raw[0] : raw;
+    if (value !== null && value !== void 0 && value !== "" && options.activeId.value === void 0) {
+      options.pendingId.value = value;
+    }
+  });
+  watch(options.activeId, (id) => {
+    const key = options.queryKey();
+    if (!key || !router || !route) return;
+    const next = { ...route.query };
+    if (id === void 0) delete next[key];
+    else next[key] = String(id);
+    router.replace({ query: next });
+  });
+}
+export {
+  useAppPageListDetailMode,
+  useAppPageListDetailQuerySync,
+  useAppPageListDetailSequence
+};

package/es/components/panel/PanelEditSwitch.vue.mjs

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

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

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

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

@@ -1,4 +1,5 @@
-import { defineComponent, useCssVars, unref, useModel, useAttrs, ref, computed, markRaw, shallowRef, onMounted, onActivated, watch, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, Fragment, renderList, createSlots, renderSlot, createTextVNode, toDisplayString, normalizeProps, guardReactiveProps, withDirectives, createElementVNode, vShow, mergeModels } from "vue";
+import { defineComponent, useCssVars, unref, useModel, useAttrs, ref, computed, markRaw, shallowRef, watch, onMounted, onActivated, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, Fragment, renderList, createSlots, renderSlot, createTextVNode, toDisplayString, normalizeProps, guardReactiveProps, withDirectives, createElementVNode, vShow, mergeModels } from "vue";
+import { useActiveRecord, activeRecordValueOf } from "../../hooks/use-active-record.mjs";
 import _cloneDeep from "lodash/cloneDeep";
 import _omit from "lodash/omit";
 import _set from "lodash/set";
@@ -44,6 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     viewportHeight: {},
     parentChannel: {}
   }, {
+    "activeId": {},
+    "activeIdModifiers": {},
+    "activeData": {},
+    "activeDataModifiers": {},
     "isAutoRefresh": { type: Boolean },
     "isAutoRefreshModifiers": {},
     "refreshInterval": {},
@@ -51,13 +56,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "customView": { type: Boolean, ...{ default: false } },
     "customViewModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:activeId", "update:activeData", "update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ed56f300": unref(fillMinHeightCss)
+      "v4d2ea4ab": unref(fillMinHeightCss)
     }));
     const props = __props;
     const emits = __emit;
+    const activeId = useModel(__props, "activeId");
+    const activeData = useModel(__props, "activeData");
     const isAutoRefresh = useModel(__props, "isAutoRefresh");
     const refreshInterval = useModel(__props, "refreshInterval");
     const customView = useModel(__props, "customView");
@@ -235,6 +242,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const assertRowKey = (rowKey) => {
       return rowKey;
     };
+    const activeKeyOf = (row) => activeRecordValueOf(row, assertRowKey(props.rowKey));
+    const { setActive } = useActiveRecord({
+      // `list` 是 ref<T[]>，读出为 UnwrapRefSimple<T>[]（泛型下不等价）——与本文件既有断言同风格
+      data: () => list.value,
+      keyOf: activeKeyOf,
+      activeId,
+      activeData,
+      name: "TableMain",
+      enabled: () => !customView.value
+    });
+    const activeBindings = computed(
+      () => customView.value ? {
+        activeId: activeId.value,
+        "onUpdate:activeId": (v) => {
+          activeId.value = v;
+        },
+        activeData: activeData.value,
+        "onUpdate:activeData": (v) => {
+          activeData.value = v;
+        }
+      } : {
+        // [MUST] 链式转发而非覆盖：`highlightCurrentRow` 一直是开的，消费方在 0.26 前可以直接
+        // `@current-change` / `:table-props="{ onCurrentChange }"` 拿到行切换事件（经 attrs 直达
+        // ElTable）。内部接管后若只写自己的 handler，会把下游回调**静默吞掉**（无报错、无告警）。
+        onCurrentChange: (...args) => {
+          var _a, _b;
+          setActive(args[0] ?? void 0);
+          (_b = (_a = tablePropsFinal.value).onCurrentChange) == null ? void 0 : _b.call(_a, ...args);
+        }
+      }
+    );
+    const viewBindings = computed(() => ({
+      ...tablePropsFinal.value,
+      ...activeBindings.value
+    }));
+    watch(
+      activeData,
+      (row) => {
+        var _a;
+        if (customView.value) return;
+        (_a = elTable.value) == null ? void 0 : _a.setCurrentRow(row);
+      },
+      { flush: "post" }
+    );
     const expose = {
       refresh,
       reload,
@@ -347,9 +398,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: elTable,
           class: "table-main-table",
           stripe: "",
-          border: "",
           highlightCurrentRow: ""
-        }, tablePropsFinal.value, {
+        }, viewBindings.value, {
           maxHeight: tableMaxHeight.value,
           data: list.value,
           rowKey: assertRowKey(__props.rowKey),