@done-coding/admin-core 0.1.1-alpha.8 → 0.1.2

package/es/inject/key.mjs

@@ -1,6 +1,9 @@
-const T = Symbol.for(
+const E = Symbol.for(
   "BODY_CONTENT_VIEWPORT_HEIGHT"
+), H = Symbol.for(
+  "FULLSCREEN_HEIGHT_CHANNEL"
 );
 export {
-  T as BODY_CONTENT_VIEWPORT_HEIGHT
+  E as BODY_CONTENT_VIEWPORT_HEIGHT,
+  H as FULLSCREEN_HEIGHT_CHANNEL
 };

package/es/style.css

@@ -1 +1 @@
-.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-135cf353]{--el-table-header-bg-color: var(--v4bebd1e5)}.table-main-pagination[data-v-135cf353]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-010d0705]{min-height:var(--d5119b7c)}.list-page-header[data-v-010d0705],.list-page-operation[data-v-010d0705]{margin-bottom:10px}.list-page[data-v-010d0705] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}
+.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-c9b7515f]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-c9b7515f]{padding:8px 16px;border:none;background:transparent;font-size:14px;color:var(--el-text-color-regular);cursor:pointer}.tabs-main-bar-item_active[data-v-c9b7515f]{color:var(--el-color-primary)}.tabs-main-bar-indicator[data-v-c9b7515f]{position:absolute;bottom:0;left:0;height:2px;background:var(--el-color-primary);transition:transform .2s,width .2s}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-list-view[data-v-4c7d7547]{width:100%}.table-main-table[data-v-4a2a0938]{--el-table-header-bg-color: var(--v1b467e54)}.table-main-pagination[data-v-4a2a0938]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-6b075cdc]{min-height:var(--v111f9ca3)}.list-page-header[data-v-6b075cdc],.list-page-operation[data-v-6b075cdc]{margin-bottom:10px}.list-page[data-v-6b075cdc] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.1.1-alpha.8",
+  "version": "0.1.2",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "5361d1f03660143196638f9a7320941e1826ee33"
+  "gitHead": "0de1a92c049b97d88c763479a05a9c9331d7b0e3"
 }

package/types/components/data-view/DataListView.vue.d.ts

@@ -0,0 +1,26 @@
+import { Component } from 'vue';
+import { DataListViewProps, DataListViewInstance } from './types';
+
+declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly onSelectionChange?: ((rows: T[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & DataListViewProps<T>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<DataListViewInstance<T>>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        item?(_: {
+            fieldComponentMap: Record<string, Component>;
+            row: T;
+            index: number;
+            selected: boolean;
+            toggleSelect: () => void;
+        }): any;
+    }>;
+    emit: (e: "selectionChange", rows: T[]) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/data-view/DataListViewItem.vue.d.ts

@@ -0,0 +1,26 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 当前项是否选中（由 DataListView 传入） */
+    selected: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 当前项是否选中（由 DataListView 传入） */
+    selected: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/data-view/index.d.ts

@@ -0,0 +1,9 @@
+import { default as DataListView } from './DataListView.vue';
+import { default as DataListViewItem } from './DataListViewItem.vue';
+
+export * from './types';
+/**
+ * data-view 是 table 的内部衍生品：仅供 TableMain 内部 import，
+ * [MUST NOT] 对外导出 / 全局注册 / 提供 install 插件（不进 core 顶层 export）。
+ */
+export { DataListView, DataListViewItem };

package/types/components/data-view/types.d.ts

@@ -0,0 +1,71 @@
+import { Component } from 'vue';
+import { ElTableColumnProps } from '../table';
+
+/**
+ * DataListView 字段渲染作用域
+ * ---
+ * 喂给 FieldColumn.render 的作用域；布局无关，仅含行数据与索引。
+ */
+export interface DataListViewRenderScope<T extends Record<string, any> = Record<string, any>> {
+    /** 当前行数据 */
+    row: T;
+    /** 当前行索引 */
+    index: number;
+}
+/**
+ * DataListView 列配置（table 的内部衍生品：从 ElTableColumnProps Pick 复用子集，
+ * ElTableColumnProps 零触碰；本类型不对外导出，仅 table 内部消费）
+ */
+export type DataViewColumn = Partial<Pick<ElTableColumnProps<any, any>, "prop" | "label" | "type" | "render">>;
+/**
+ * DataListView props
+ * ---
+ * 布局无关的数据项容器：分页数据由外部传入，一行几个由消费方在 #item
+ * 外层用 CSS 决定，本组件不内置任何列数 / 布局。
+ */
+export interface DataListViewProps<T extends Record<string, any> = Record<string, any>> {
+    /** 当前页数据（外部传入，组件不持有请求 / 分页逻辑） */
+    data: T[];
+    /** 行唯一键：行数据键名 或 取键函数（内部统一 String 化） */
+    rowKey: string | ((row: T) => string);
+    /** 列配置，内部归一为 fieldComponentMap 喂 #item */
+    columns: DataViewColumn[];
+    /** 最大高度；传入时容器超出内容出现垂直滚动条，缺省不限高 */
+    maxHeight?: number;
+    /** 是否启用选中能力，缺省关闭 */
+    selectable?: boolean;
+}
+/**
+ * DataListView 对外实例方法
+ * ---
+ * 形状镜像 TableMain 的 ELTable 选中导出（selectedList / clearSelection），
+ * 便于 phase 2 TableMain 接线做薄 adapter。
+ */
+export interface DataListViewInstance<T extends Record<string, any> = Record<string, any>> {
+    /** 获取当前选中行 */
+    getSelected: () => T[];
+    /** 清空选中 */
+    clearSelection: () => void;
+    /** 全选 / 全不选 */
+    toggleAll: (checked: boolean) => void;
+}
+/**
+ * #item 作用域插槽 props
+ * ---
+ * fieldComponentMap：列 key（prop / $type_index / $type_selection）→ 稳定字段组件
+ * （标识跨渲染稳定，对齐 FormItem 范式）。消费方：
+ * `<component :is="fieldComponentMap['x']" :row="row" :index="index"
+ *   :selected="selected" :toggle-select="toggleSelect" />`（数据走 props）。
+ */
+export interface DataListViewItemScope<T extends Record<string, any> = Record<string, any>> {
+    /** 列 key → 稳定字段组件（props: row/index/selected/toggleSelect） */
+    fieldComponentMap: Record<string, Component>;
+    /** 当前行数据 */
+    row: T;
+    /** 当前行索引 */
+    index: number;
+    /** 当前行是否选中 */
+    selected: boolean;
+    /** 翻转当前行选中态 */
+    toggleSelect: () => void;
+}

package/types/components/display/HeightProvider.vue.d.ts

@@ -0,0 +1,39 @@
+import { HeightProviderProps } from './types';
+
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {
+        height: number;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HeightProviderProps>, {
+    channel: symbol;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HeightProviderProps>, {
+    channel: symbol;
+}>>> & Readonly<{}>, {
+    channel: symbol;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/display/TabsMain.vue.d.ts

@@ -1,47 +1,37 @@
-declare function __VLS_template(): Partial<Record<`content-${string}`, (_: {
-    item: {
-        value: string;
-        title: string;
-    };
-    currentValue: string | undefined;
+import { TabsMainItem } from './types';
+
+declare function __VLS_template(): Partial<Record<`header-${string}`, (_: {
+    tab: TabsMainItem;
+    active: boolean;
 }) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
-    list: {
-        type: globalThis.PropType<{
-            value: string;
-            title: string;
-        }[]>;
-        required: true;
+    height: {
+        type: globalThis.PropType<number>;
     };
-    replaceQuery: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
+    channel: {
+        type: globalThis.PropType<symbol>;
+        default: symbol;
     };
-    notNull: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
+    tabs: {
+        type: globalThis.PropType<TabsMainItem[]>;
+        required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
-    list: {
-        type: globalThis.PropType<{
-            value: string;
-            title: string;
-        }[]>;
-        required: true;
+    height: {
+        type: globalThis.PropType<number>;
     };
-    replaceQuery: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
+    channel: {
+        type: globalThis.PropType<symbol>;
+        default: symbol;
     };
-    notNull: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
+    tabs: {
+        type: globalThis.PropType<TabsMainItem[]>;
+        required: true;
     };
 }>> & Readonly<{}>, {
-    replaceQuery: boolean;
-    notNull: boolean;
+    channel: symbol;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/types/components/display/index.d.ts

@@ -1,6 +1,27 @@
 import { Plugin } from 'vue';
 import { default as WatchSize } from './WatchSize.vue';
 import { default as TabsMain } from './TabsMain.vue';
+import { default as HeightProvider } from './HeightProvider.vue';
 
-export { WatchSize, TabsMain };
+export { 
+/**
+ * 尺寸监听容器：debounce 测量默认槽内容的宽 / 高，
+ * 通过 `@height-change` / `@size-change` 上报，供高度预算等场景复用。
+ */
+WatchSize, 
+/**
+ * Tab 容器组件：手写 tab-bar + 滑动下划线，内部组合 HeightProvider
+ * 做高度预算。激活 tab 经 `v-model<string>` 双向绑定并自动归一；
+ * 内容懒渲染（首次激活前不实例化）+ KeepAlive（切走保活、切回复用，
+ * 状态保留）。内容槽 `#{key}` > `tabs[].component`，
+ * 标题槽 `#header-{key}` > `tabs[].title`，两类槽作用域均 `{ tab, active }`。
+ */
+TabsMain, 
+/**
+ * 递归高度预算节点：按 `height` → 祖先同 channel inject → `0` 优先级
+ * 取得预算，扣除 `#header` 槽实测高度后将剩余可用高度沿同 channel
+ * provide 给后代。默认槽作用域 `{ height }` 提供当前可用高度数值。
+ */
+HeightProvider, };
 export declare const displayInstall: Plugin;
+export * from './types';

package/types/components/display/types.d.ts

@@ -0,0 +1,46 @@
+import { Component } from 'vue';
+
+/**
+ * `HeightProvider` 组件 props。
+ *
+ * 单组件即一个高度预算节点：预算优先级严格为
+ * `height`（显式传入）→ 同 channel 最近祖先 HeightProvider 经 inject 下分的
+ * 剩余高度 → 兜底 `0`。节点扣除自身 `#header` 槽实测高度后，
+ * 将剩余可用高度沿同 channel `provide` 给后代，形成递归预算链。
+ */
+export interface HeightProviderProps {
+    /** px，预算最高优先级来源（非空时无视祖先 inject；height=0 视为显式 0） */
+    height?: number;
+    /** 预算 channel，默认 FULLSCREEN_HEIGHT_CHANNEL */
+    channel?: symbol;
+}
+/**
+ * `TabsMain` 单个 tab 项配置。
+ *
+ * 内容渲染优先级：`#{key}` 内容槽 > `component` > 空。
+ * 标题渲染优先级：`#header-{key}` 标题槽 > `title` 文本。
+ */
+export interface TabsMainItem {
+    /** tab 唯一标识，v-model 值与槽名（#{key} / #header-{key}）均以此为准 */
+    key: string;
+    /** tab 标题文本，#header-{key} 槽缺省时回退此文本 */
+    title: string;
+    /** tab 内容组件，#{key} 槽缺省时回退渲染此组件 */
+    component?: Component;
+}
+/**
+ * `TabsMain` 组件 props。
+ *
+ * `channel` / `height` 原样透传内部组合的 HeightProvider，
+ * tab-bar 占用 HeightProvider 的 `#header` 槽并计入 reserve，
+ * 内容区消费剩余可用高度。激活 tab 由 `v-model<string>` 双向绑定，
+ * 非法或空值自动归一到首个 tab。
+ */
+export interface TabsMainProps {
+    /** tab 配置列表 */
+    tabs: TabsMainItem[];
+    /** 预算 channel，默认 FULLSCREEN_HEIGHT_CHANNEL，透传内部 HeightProvider */
+    channel?: symbol;
+    /** px，透传 HeightProvider 供顶层使用 */
+    height?: number;
+}

package/types/components/form/FormItem.vue.d.ts

@@ -26,11 +26,11 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     }) => void;
     submit: (type: FormItemSubmitType) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormMainItemProps>>> & Readonly<{
-    onSubmit?: ((type: FormItemSubmitType) => any) | undefined;
     onViewHideChange?: ((info: {
         config: FormMainItemProps["config"];
         status: boolean;
     }) => any) | undefined;
+    onSubmit?: ((type: FormItemSubmitType) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/types/components/form/FormRadioGroup.vue.d.ts

@@ -2,34 +2,34 @@ import { OptionItem } from './types';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<OptionItem["value"]>;
-    notNull: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
+    options: {
+        type: globalThis.PropType<OptionItem[]>;
+        required: true;
     };
     mode: {
         type: globalThis.PropType<"radio" | "buttonGroup">;
         default: string;
     };
-    options: {
-        type: globalThis.PropType<OptionItem[]>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modelValue: import('vue').PropType<OptionItem["value"]>;
     notNull: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<OptionItem["value"]>;
+    options: {
+        type: globalThis.PropType<OptionItem[]>;
+        required: true;
+    };
     mode: {
         type: globalThis.PropType<"radio" | "buttonGroup">;
         default: string;
     };
-    options: {
-        type: globalThis.PropType<OptionItem[]>;
-        required: true;
+    notNull: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
 }>> & Readonly<{}>, {
-    notNull: boolean;
     mode: "radio" | "buttonGroup";
+    notNull: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/form/FormSearch.vue.d.ts

@@ -3,8 +3,8 @@ import { FormSearchInstance, FormSearchProps, FormSearchSearchType } from './typ
 declare const _default: <PO extends Record<string, any>, SO extends Record<string, any>, SQ extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
         readonly onSearch?: ((data: import('./types').ExcludeNeverProperties<import('./types').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, type: FormSearchSearchType) => any) | undefined;
-        readonly onHeightChange?: ((height: number) => any) | undefined;
         readonly onVisibleChange?: ((status: boolean) => any) | undefined;
+        readonly onHeightChange?: ((height: number) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & FormSearchProps<PO, SO, SQ>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<FormSearchInstance>): void;
     attrs: any;

package/types/components/list-page/ListPage.vue.d.ts

@@ -42,6 +42,13 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
     }) => any>> & {
         header?(_: {}): any;
         operation?(_: {}): any;
+        "custom-view-item"?(_: {
+            fieldComponentMap: Record<string, globalThis.Component>;
+            row: T;
+            index: number;
+            selected: boolean;
+            toggleSelect: () => void;
+        }): any;
     }>;
     emit: {
         (e: "dataChange", data: T[]): void;

package/types/components/modal/ConfirmModal.vue.d.ts

@@ -72,8 +72,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>>> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    reverse: boolean;
     width: number | string;
+    reverse: boolean;
     showClose: boolean;
     cancelText: string | (() => VNode);
     confirmText: string | (() => VNode);

package/types/components/table/TableMain.vue.d.ts

@@ -27,7 +27,15 @@ declare const _default: <T extends Record<string, any>, SQ extends Record<string
         $index: number;
         injectInfo: F;
         exposeInfo: TableMainInstance;
-    }) => any>>>;
+    }) => any>> & {
+        "custom-view-item"?(_: {
+            fieldComponentMap: Record<string, globalThis.Component>;
+            row: T;
+            index: number;
+            selected: boolean;
+            toggleSelect: () => void;
+        }): any;
+    }>;
     emit: {
         (e: "pageChange" | "pageSizeChange", value: number): void;
         (e: "dataChange", data: T[]): void;

package/types/components/table/types.d.ts

@@ -140,6 +140,12 @@ SQ extends Record<string, any>,
 F extends Record<string, any>> {
     /** 展示分页器 */
     showPager?: boolean;
+    /**
+     * 显式开启自定义视图（DataListView 替代 ElTable，分页/取数仍由 TableMain 持有）。
+     * 缺省 false——为 false 时渲染/选中与原 ElTable 逐行为等价（零回归）。
+     * 需配合 #custom-view-item 作用域插槽定义单项。
+     */
+    customView?: boolean;
     /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.leftFeatures / rightFeatures） */
     showToolbar?: boolean;
     /** toolbar 配置 */

package/types/inject/key.d.ts

@@ -9,3 +9,14 @@
  * 产生多个 Symbol → inject/provide 失配 → 列表精细化高度计算塌陷至 fallback。
  */
 export declare const BODY_CONTENT_VIEWPORT_HEIGHT: unique symbol;
+/**
+ * 全屏高度预算 channel
+ * ---
+ * HeightProvider 沿此 channel 向后代 provide「扣除自身 chrome 后剩余可用高度」，
+ * 形成与 BODY_CONTENT_VIEWPORT_HEIGHT 完全独立、并存的递归高度预算链。
+ * ---
+ * 同样使用 `Symbol.for` 全局注册表保证跨包 / 跨 chunk / 跨 ESM 实例的 Symbol 唯一性
+ * （dev 走 src、prod 走 es 双 module instance，`Symbol(key)` 会产生两个不同 Symbol
+ * 导致 provide/inject 失配 → 预算链断裂）。
+ */
+export declare const FULLSCREEN_HEIGHT_CHANNEL: unique symbol;