@oneflowui/ui 0.5.7 → 0.5.9

package/README.md

@@ -109,6 +109,8 @@ import { DatabaseView, useDatabaseView } from '@oneflowui/ui'
 
 `DatabaseView` 负责统一页面容器，`useDatabaseView` 负责页面状态编排。`dev` app 也已经接入这条链路，
 用于证明 `local/provider` 双模式、视图切换、selected record 与 detail workspace 可以在同一页面层里闭环。
+当前页面级契约还把 `detailPresentation` 和 `density` 作为明确的对齐方向：桌面端优先右侧 workspace，
+移动端保留 sheet fallback；页面密度则统一按 `compact / standard / comfortable` 三档表达。
 
 ```ts
 const view = useDatabaseView({
@@ -156,6 +158,15 @@ type DatabaseViewActions = {
 
 这证明页面级方案已经具备“列表视图 + 选中态 + 详情工作区”的最小闭环，并且可以作为业务页面底座直接接入。
 
+### `detailPresentation` / `density`
+
+页面级方案在语义上继续收敛两个关键契约：
+
+- `detailPresentation`：用于描述详情工作区的呈现方式，默认思路是桌面端 `side-panel`、移动端 `sheet`。
+- `density`：用于统一页面与表格的视觉密度语义，建议仅使用 `compact`、`standard`、`comfortable` 三档。
+
+这两个契约的目标不是替换现有组件，而是让页面层把右侧工作区、行高密度和默认布局策略收成一致的入口语义。
+
 ### 已支持 / 暂未支持
 
 | 已支持 | 暂未支持 |

package/dist/components/ContextMenu/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32503f28"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32503f28"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/Dashboard/index.vue.d.ts

@@ -18,7 +18,7 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     columns: number;
-    widgets: DashboardWidget[];
     gap: number;
+    widgets: DashboardWidget[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/components/Dashboard/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d68d4403"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d68d4403"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/database/DatabaseView.vue.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'vue';
 import { DatabaseViewActions as ViewDatabaseActions, DatabaseViewMode, DatabaseSchemaEvent, DatabaseViewProvider as ViewDatabaseProvider } from '../../composables/useDatabaseView';
 import { FilterLogic } from '../../composables/useTableFilter';
-import { DataRecord, TableColumn, TableSchema, ViewConfig } from '../../types';
+import { DataRecord, Density, TableColumn, TableSchema, ViewConfig } from '../../types';
 export interface DatabaseViewViewTab {
     value: string;
     label: string;
@@ -32,9 +32,12 @@ export interface DatabaseViewActions extends ViewDatabaseActions<DataRecord> {
 export interface DatabaseViewUiOptions {
     enableFieldManagement?: boolean;
 }
+export type DatabaseViewDetailPresentation = "auto" | "side-panel" | "sheet" | "full-page";
 export interface DatabaseViewProps {
     tableId?: string;
     mode?: DatabaseViewMode;
+    detailPresentation?: DatabaseViewDetailPresentation;
+    density?: Density;
     schema?: TableSchema | null;
     records?: DataRecord[];
     views?: ViewConfig[];
@@ -147,6 +150,7 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
     showSort: boolean;
     showSearch: boolean;
     actions: DatabaseViewActions;
+    density: Density;
     readonly: boolean;
     pageSize: number;
     records: DataRecord[];
@@ -159,6 +163,7 @@ declare const _default: import('vue').DefineComponent<DatabaseViewProps, {}, {},
     tableId: string;
     views: ViewConfig[];
     provider: ViewDatabaseProvider<DataRecord>;
+    detailPresentation: DatabaseViewDetailPresentation;
     defaultView: ViewConfig;
     currentViewId: string;
     initialViewId: string;

package/dist/components/database/DatabaseView.vue.js

@@ -1,7 +1,7 @@
 import o from "./DatabaseView.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d15b2365"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-de3fe42f"]]);
 export {
-  m as default
+  r as default
 };