@oneflowui/ui 0.8.1 → 0.8.3

package/dist/components/Dashboard/charts/BarChart.vue.js

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

package/dist/components/Dashboard/charts/BarChart.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as d, ref as c, onMounted as u, onUnmounted as f, watch as p, openBlock as m, createElementBlock as x, createElementVNode as y } from "vue";
-import * as h from "echarts/core";
+import { defineComponent as d, ref as c, onMounted as f, onUnmounted as u, watch as p, openBlock as m, createElementBlock as x, createElementVNode as y } from "vue";
+import * as v from "echarts/core";
 import "echarts/charts";
 import "echarts/components";
 import "echarts/renderers";
-const v = { class: "of-dashboard-chart" }, w = /* @__PURE__ */ d({
+const h = { class: "of-dashboard-chart" }, w = /* @__PURE__ */ d({
   __name: "BarChart",
   props: {
     title: { default: "" },
@@ -22,7 +22,7 @@ const v = { class: "of-dashboard-chart" }, w = /* @__PURE__ */ d({
     }
     const l = () => {
       if (!a.value) return;
-      t || (t = h.init(a.value));
+      t || (t = v.init(a.value));
       const r = e.colors.map(o);
       t.setOption({
         color: r,
@@ -41,12 +41,12 @@ const v = { class: "of-dashboard-chart" }, w = /* @__PURE__ */ d({
           type: "category",
           data: e.xAxisData,
           axisLabel: { color: o("var(--of-text-tertiary)") },
-          axisLine: { lineStyle: { color: o("var(--of-border-subtle)") } }
+          axisLine: { lineStyle: { color: o("var(--of-border-workspace)") } }
         },
         yAxis: {
           type: "value",
           axisLabel: { color: o("var(--of-text-tertiary)") },
-          splitLine: { lineStyle: { color: o("var(--of-border-subtle)") } }
+          splitLine: { lineStyle: { color: o("var(--of-border-divider)") } }
         },
         series: [
           {
@@ -59,13 +59,13 @@ const v = { class: "of-dashboard-chart" }, w = /* @__PURE__ */ d({
         ]
       });
     };
-    return u(() => {
+    return f(() => {
       l(), a.value && (i = new ResizeObserver(() => t == null ? void 0 : t.resize()), i.observe(a.value));
-    }), f(() => {
+    }), u(() => {
       i == null || i.disconnect(), t == null || t.dispose();
     }), p(() => [e.title, e.xAxisData, e.seriesName, e.data, e.colors], l, {
       deep: !0
-    }), (r, s) => (m(), x("div", v, [
+    }), (r, s) => (m(), x("div", h, [
       y("div", {
         ref_key: "chartRef",
         ref: a,

package/dist/components/Dashboard/charts/NumberCard.vue.js

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

package/dist/components/Dashboard/charts/PieChart.vue.js

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

package/dist/components/Dashboard/charts/PieChart.vue2.js

@@ -3,7 +3,7 @@ import * as g from "echarts/core";
 import "echarts/charts";
 import "echarts/components";
 import "echarts/renderers";
-const y = { class: "of-dashboard-chart" }, C = /* @__PURE__ */ d({
+const y = { class: "of-dashboard-chart" }, k = /* @__PURE__ */ d({
   __name: "PieChart",
   props: {
     title: { default: "" },
@@ -55,7 +55,7 @@ const y = { class: "of-dashboard-chart" }, C = /* @__PURE__ */ d({
             data: e.data,
             label: { formatter: "{b}: {d}%" },
             itemStyle: {
-              borderColor: n("var(--of-surface-elevated)"),
+              borderColor: n("var(--of-surface-workspace-raised)"),
               borderWidth: 2
             }
           }
@@ -78,5 +78,5 @@ const y = { class: "of-dashboard-chart" }, C = /* @__PURE__ */ d({
   }
 });
 export {
-  C as default
+  k as default
 };

package/dist/components/Dashboard/charts/TableChart.vue.js

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

package/dist/components/Dashboard/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-eff3b1be"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6517a791"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/base/InfoCard.vue.js

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

package/dist/components/base/InfoCard.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as E, useCssVars as L, computed as y, openBlock as o, createElementBlock as a, mergeProps as B, Fragment as l, renderSlot as c, createCommentVNode as n, createElementVNode as s, toDisplayString as i, normalizeStyle as u, renderList as P } from "vue";
-const w = {
+import { defineComponent as w, useCssVars as E, computed as y, openBlock as o, createElementBlock as a, mergeProps as L, Fragment as l, renderSlot as s, createCommentVNode as n, createElementVNode as i, toDisplayString as c, normalizeStyle as u, renderList as B } from "vue";
+const P = {
   key: 0,
   class: "of-info-card__icon-area"
 }, A = { class: "of-info-card__body" }, T = { class: "of-info-card__title" }, V = { class: "of-info-card__footer" }, D = {
@@ -23,7 +23,7 @@ const w = {
 }, j = {
   key: 1,
   class: "of-info-card__actions"
-}, G = /* @__PURE__ */ E({
+}, G = /* @__PURE__ */ w({
   name: "InfoCard",
   inheritAttrs: !1,
   __name: "InfoCard",
@@ -44,18 +44,18 @@ const w = {
     typeColor: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    L((e) => ({
-      v36da208e: e.unread ? "var(--of-surface-selected)" : "var(--of-surface-elevated)"
+  setup(t, { emit: k }) {
+    E((e) => ({
+      v2baa4b58: e.unread ? "var(--of-surface-selected)" : "var(--of-surface-card)"
     }));
-    const r = t, h = g, m = {
+    const r = t, g = k, m = {
       模板: "var(--of-accent-default)",
       template: "var(--of-accent-default)",
       会话: "var(--of-text-strong)",
       session: "var(--of-text-strong)"
-    }, k = y(() => r.variant === "memo" ? r.importance === "high" ? "var(--of-border-strong)" : r.borderColor ?? "var(--of-accent-default)" : r.variant === "history" ? r.typeColor ? r.typeColor : r.type && m[r.type] ? m[r.type] : r.borderColor ?? "var(--of-accent-default)" : "transparent"), _ = y(() => {
+    }, h = y(() => r.variant === "memo" ? r.importance === "high" ? "var(--of-border-strong)" : r.borderColor ?? "var(--of-accent-default)" : r.variant === "history" ? r.typeColor ? r.typeColor : r.type && m[r.type] ? m[r.type] : r.borderColor ?? "var(--of-accent-default)" : "transparent"), _ = y(() => {
       const e = {
-        "--of-ic-border": k.value
+        "--of-ic-border": h.value
       };
       return r.variant === "notify" && (e["--of-ic-unread-dot"] = r.unread ? "var(--of-accent-default)" : "var(--of-text-tertiary)"), e;
     }), v = y(
@@ -68,12 +68,12 @@ const w = {
         {
           bg: "var(--of-surface-muted)",
           color: "var(--of-accent-default)",
-          border: "var(--of-border-subtle)"
+          border: "var(--of-border-workspace)"
         },
         {
           bg: "var(--of-surface-panel)",
           color: "var(--of-text-strong)",
-          border: "var(--of-border-subtle)"
+          border: "var(--of-border-workspace)"
         },
         {
           bg: "var(--of-surface-selected)",
@@ -83,12 +83,12 @@ const w = {
         {
           bg: "var(--of-surface-panel)",
           color: "var(--of-text-secondary)",
-          border: "var(--of-border-subtle)"
+          border: "var(--of-border-workspace)"
         },
         {
           bg: "var(--of-surface-muted)",
           color: "var(--of-text-tertiary)",
-          border: "var(--of-border-subtle)"
+          border: "var(--of-border-workspace)"
         }
       ], d = f[e % f.length];
       return {
@@ -98,12 +98,12 @@ const w = {
       };
     }
     function b(e) {
-      h("click", e);
+      g("click", e);
     }
     function $(e) {
       e.key !== "Enter" && e.key !== " " || (e.preventDefault(), b(new MouseEvent("click")));
     }
-    return (e, f) => (o(), a("div", B({
+    return (e, f) => (o(), a("div", L({
       class: ["of-info-card", `of-info-card--${t.variant}`],
       style: _.value,
       role: "button",
@@ -113,58 +113,58 @@ const w = {
       onKeydown: $
     }), [
       t.variant === "memo" ? (o(), a(l, { key: 0 }, [
-        e.$slots.icon ? (o(), a("div", w, [
-          c(e.$slots, "icon", {}, void 0, !0)
+        e.$slots.icon ? (o(), a("div", P, [
+          s(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        s("div", A, [
-          s("div", T, i(t.title), 1),
+        i("div", A, [
+          i("div", T, c(t.title), 1),
           t.content ? (o(), a("div", {
             key: 0,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(t.content), 5)) : n("", !0),
-          s("div", V, [
-            t.tags && t.tags.length ? (o(!0), a(l, { key: 0 }, P(t.tags, (d, S) => (o(), a("span", {
+          }, c(t.content), 5)) : n("", !0),
+          i("div", V, [
+            t.tags && t.tags.length ? (o(!0), a(l, { key: 0 }, B(t.tags, (d, S) => (o(), a("span", {
               key: d,
               class: "of-info-card__tag",
               style: u(C(S))
-            }, i(d), 5))), 128)) : n("", !0),
-            t.author ? (o(), a("span", D, i(t.author), 1)) : n("", !0),
-            t.date ? (o(), a("span", I, i(t.date), 1)) : n("", !0),
-            c(e.$slots, "footer", {}, void 0, !0)
+            }, c(d), 5))), 128)) : n("", !0),
+            t.author ? (o(), a("span", D, c(t.author), 1)) : n("", !0),
+            t.date ? (o(), a("span", I, c(t.date), 1)) : n("", !0),
+            s(e.$slots, "footer", {}, void 0, !0)
           ])
         ])
       ], 64)) : t.variant === "notify" ? (o(), a(l, { key: 1 }, [
-        f[0] || (f[0] = s("span", { class: "of-info-card__dot" }, null, -1)),
-        s("div", K, [
-          s("div", M, i(t.title), 1),
+        f[0] || (f[0] = i("span", { class: "of-info-card__dot" }, null, -1)),
+        i("div", K, [
+          i("div", M, c(t.title), 1),
           t.content ? (o(), a("div", {
             key: 0,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(t.content), 5)) : n("", !0),
-          t.meta ? (o(), a("div", N, i(t.meta), 1)) : n("", !0),
-          c(e.$slots, "footer", {}, void 0, !0)
+          }, c(t.content), 5)) : n("", !0),
+          t.meta ? (o(), a("div", N, c(t.meta), 1)) : n("", !0),
+          s(e.$slots, "footer", {}, void 0, !0)
         ]),
         e.$slots.actions ? (o(), a("div", O, [
-          c(e.$slots, "actions", {}, void 0, !0)
+          s(e.$slots, "actions", {}, void 0, !0)
         ])) : n("", !0)
       ], 64)) : t.variant === "history" ? (o(), a(l, { key: 2 }, [
         e.$slots.icon ? (o(), a("div", z, [
-          c(e.$slots, "icon", {}, void 0, !0)
+          s(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        s("div", F, [
-          s("div", R, i(t.title), 1),
-          t.subtitle ? (o(), a("div", Y, i(t.subtitle), 1)) : n("", !0),
+        i("div", F, [
+          i("div", R, c(t.title), 1),
+          t.subtitle ? (o(), a("div", Y, c(t.subtitle), 1)) : n("", !0),
           t.content ? (o(), a("div", {
             key: 1,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(t.content), 5)) : n("", !0),
-          c(e.$slots, "footer", {}, void 0, !0)
+          }, c(t.content), 5)) : n("", !0),
+          s(e.$slots, "footer", {}, void 0, !0)
         ]),
         e.$slots.actions ? (o(), a("div", j, [
-          c(e.$slots, "actions", {}, void 0, !0)
+          s(e.$slots, "actions", {}, void 0, !0)
         ])) : n("", !0)
       ], 64)) : n("", !0)
     ], 16));

package/dist/components/base/StatisticCard.vue.js

@@ -1,7 +1,7 @@
 import t from "./StatisticCard.vue2.js";
 /* empty css                   */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-5de633aa"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-cfec8086"]]);
 export {
-  m as default
+  f as default
 };

package/dist/components/base/StatusSummary.vue.js

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

package/dist/components/base/StatusSummary.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as i, openBlock as s, createElementBlock as a, mergeProps as g, Fragment as c, renderList as S, createCommentVNode as f, createElementVNode as r, normalizeStyle as n, toDisplayString as d, renderSlot as v } from "vue";
+import { defineComponent as _, computed as c, openBlock as s, createElementBlock as a, mergeProps as g, Fragment as i, renderList as S, createCommentVNode as f, createElementVNode as r, normalizeStyle as n, toDisplayString as d, renderSlot as v } from "vue";
 const z = {
   key: 0,
   class: "of-status-summary__sep",
@@ -16,17 +16,17 @@ const z = {
     separator: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const u = o, l = i(() => u.size === "sm" ? "6px" : "7px"), m = i(() => u.size === "sm" ? "10px" : "11px");
+    const u = o, l = c(() => u.size === "sm" ? "6px" : "7px"), m = c(() => u.size === "sm" ? "10px" : "11px");
     function p(t) {
-      return t.color ?? "var(--of-border-subtle)";
+      return t.color ?? "var(--of-border-workspace)";
     }
     function y(t) {
       return t.highlight ? "var(--of-accent-strong)" : "var(--of-text-primary)";
     }
-    return (t, b) => (s(), a("div", g({
+    return (t, C) => (s(), a("div", g({
       class: ["of-status-summary", `of-status-summary--${o.size}`]
     }, t.$attrs), [
-      (s(!0), a(c, null, S(o.items, (e, h) => (s(), a(c, {
+      (s(!0), a(i, null, S(o.items, (e, h) => (s(), a(i, {
         key: e.key
       }, [
         o.separator && h > 0 ? (s(), a("span", z)) : f("", !0),

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

@@ -0,0 +1,41 @@
+import { DatabaseViewResolvedDetailPresentation } from '../../contracts/database';
+import { DatabaseDetailPropertyItem, DatabaseWorkspaceModeOption } from './databaseViewUtils';
+type __VLS_Props = {
+    visible: boolean;
+    title: string;
+    rowId: string;
+    recordId?: string;
+    viewType: string;
+    description: string;
+    presentation: DatabaseViewResolvedDetailPresentation;
+    sidePanelWidth: number;
+    drawerWidth: number;
+    canSwitchPresentation?: boolean;
+    workspaceModes?: DatabaseWorkspaceModeOption[];
+    propertyItems?: DatabaseDetailPropertyItem[];
+    readonly?: boolean;
+    hasDraftChanges?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (rowId: string) => any;
+    close: () => any;
+    save: () => any;
+    commit: (rowId: string, fieldId: string, value: unknown) => any;
+    "update:width": (value: number) => any;
+    "update:presentation": (value: DatabaseViewResolvedDetailPresentation) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((rowId: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSave?: (() => any) | undefined;
+    onCommit?: ((rowId: string, fieldId: string, value: unknown) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:presentation"?: ((value: DatabaseViewResolvedDetailPresentation) => any) | undefined;
+}>, {
+    readonly: boolean;
+    recordId: string;
+    canSwitchPresentation: boolean;
+    workspaceModes: DatabaseWorkspaceModeOption[];
+    propertyItems: DatabaseDetailPropertyItem[];
+    hasDraftChanges: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,76 @@
+import { defineComponent as m, computed as n, openBlock as u, createBlock as f, resolveDynamicComponent as w, mergeProps as c, withCtx as y, createVNode as v, createCommentVNode as h } from "vue";
+import C from "../overlay/Drawer.vue.js";
+import D from "../overlay/SidePanel.vue.js";
+import b from "./DatabaseDetailWorkspace.vue.js";
+const I = /* @__PURE__ */ m({
+  name: "DatabaseDetailPresenter",
+  __name: "DatabaseDetailPresenter",
+  props: {
+    visible: { type: Boolean },
+    title: {},
+    rowId: {},
+    recordId: { default: "" },
+    viewType: {},
+    description: {},
+    presentation: {},
+    sidePanelWidth: {},
+    drawerWidth: {},
+    canSwitchPresentation: { type: Boolean, default: !1 },
+    workspaceModes: { default: () => [] },
+    propertyItems: { default: () => [] },
+    readonly: { type: Boolean, default: !1 },
+    hasDraftChanges: { type: Boolean, default: !1 }
+  },
+  emits: ["commit", "save", "delete", "close", "update:width", "update:presentation"],
+  setup(i, { emit: s }) {
+    const e = i, r = s;
+    function l(a, t, o) {
+      r("commit", a, t, o);
+    }
+    const d = n(
+      () => e.presentation === "side-panel" ? D : C
+    ), p = n(() => e.presentation === "side-panel" ? {
+      modelValue: e.visible,
+      title: e.title,
+      width: e.sidePanelWidth,
+      resizable: !0,
+      mode: "persistent"
+    } : {
+      modelValue: e.visible,
+      title: e.title,
+      width: e.drawerWidth,
+      resizable: e.presentation !== "full-page",
+      fullscreen: e.presentation === "full-page",
+      maskClosable: !0
+    });
+    return (a, t) => e.visible ? (u(), f(w(d.value), c({ key: 0 }, p.value, {
+      "onUpdate:width": t[4] || (t[4] = (o) => r("update:width", o)),
+      "onUpdate:modelValue": t[5] || (t[5] = (o) => r("close"))
+    }), {
+      default: y(() => [
+        v(b, {
+          "row-id": e.rowId,
+          "record-id": e.recordId,
+          title: e.title,
+          description: e.description,
+          "view-type": e.viewType,
+          presentation: e.presentation,
+          "can-switch-presentation": e.canSwitchPresentation,
+          "workspace-modes": e.workspaceModes,
+          "property-items": e.propertyItems,
+          readonly: e.readonly,
+          "has-draft-changes": e.hasDraftChanges,
+          onCommit: l,
+          onSave: t[0] || (t[0] = (o) => r("save")),
+          onDelete: t[1] || (t[1] = (o) => r("delete", o)),
+          onClose: t[2] || (t[2] = (o) => r("close")),
+          "onUpdate:presentation": t[3] || (t[3] = (o) => r("update:presentation", o))
+        }, null, 8, ["row-id", "record-id", "title", "description", "view-type", "presentation", "can-switch-presentation", "workspace-modes", "property-items", "readonly", "has-draft-changes"])
+      ]),
+      _: 1
+    }, 16)) : h("", !0);
+  }
+});
+export {
+  I as default
+};

package/dist/components/database/DatabaseDetailPresenter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DatabaseDetailPresenter.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,37 @@
+import { CellValue as FieldCellValue } from '../table/FieldCell.vue';
+import { DatabaseViewResolvedDetailPresentation } from '../../contracts/database';
+import { DatabaseDetailPropertyItem, DatabaseWorkspaceModeOption } from './databaseViewUtils';
+type __VLS_Props = {
+    rowId: string;
+    title: string;
+    description: string;
+    recordId?: string;
+    viewType: string;
+    presentation: DatabaseViewResolvedDetailPresentation;
+    canSwitchPresentation?: boolean;
+    workspaceModes?: DatabaseWorkspaceModeOption[];
+    propertyItems?: DatabaseDetailPropertyItem[];
+    readonly?: boolean;
+    hasDraftChanges?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (rowId: string) => any;
+    close: () => any;
+    save: () => any;
+    commit: (rowId: string, fieldId: string, value: FieldCellValue) => any;
+    "update:presentation": (value: DatabaseViewResolvedDetailPresentation) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((rowId: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSave?: (() => any) | undefined;
+    onCommit?: ((rowId: string, fieldId: string, value: FieldCellValue) => any) | undefined;
+    "onUpdate:presentation"?: ((value: DatabaseViewResolvedDetailPresentation) => any) | undefined;
+}>, {
+    readonly: boolean;
+    recordId: string;
+    canSwitchPresentation: boolean;
+    workspaceModes: DatabaseWorkspaceModeOption[];
+    propertyItems: DatabaseDetailPropertyItem[];
+    hasDraftChanges: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

package/dist/components/database/DatabaseDetailWorkspace.vue2.js

@@ -0,0 +1,103 @@
+import { defineComponent as v, openBlock as s, createBlock as c, withCtx as n, createElementVNode as t, createElementBlock as i, Fragment as p, renderList as _, toDisplayString as l, normalizeClass as u, createCommentVNode as k } from "vue";
+import m from "../detail/DetailLayout.vue.js";
+import y from "../table/FieldCell.vue.js";
+const h = {
+  key: 0,
+  class: "of-database-view__workspace-modes",
+  "data-role": "workspace-mode-switch"
+}, C = ["data-mode", "onClick"], D = { class: "of-database-view__workspace-chip" }, I = { class: "of-database-view__workspace-chip" }, B = { class: "of-database-view__workspace-chip" }, g = ["data-record-id"], x = { class: "of-database-view__detail-workspace-properties" }, $ = { class: "of-database-view__detail-workspace-label" }, F = { class: "of-database-view__detail-workspace-value" }, S = {
+  key: 1,
+  class: "of-database-view__detail-workspace-fallback"
+}, T = ["disabled"], V = /* @__PURE__ */ v({
+  name: "DatabaseDetailWorkspace",
+  __name: "DatabaseDetailWorkspace",
+  props: {
+    rowId: {},
+    title: {},
+    description: {},
+    recordId: { default: "" },
+    viewType: {},
+    presentation: {},
+    canSwitchPresentation: { type: Boolean, default: !1 },
+    workspaceModes: { default: () => [] },
+    propertyItems: { default: () => [] },
+    readonly: { type: Boolean, default: !1 },
+    hasDraftChanges: { type: Boolean, default: !1 }
+  },
+  emits: ["commit", "save", "delete", "close", "update:presentation"],
+  setup(w, { emit: f }) {
+    const a = w, d = f;
+    function b(r, o, e) {
+      d("commit", r, o, e);
+    }
+    return (r, o) => (s(), c(m, {
+      title: a.title,
+      comments: [],
+      "description-content": a.description,
+      "description-editable": !1
+    }, {
+      meta: n(() => [
+        a.canSwitchPresentation ? (s(), i("div", h, [
+          (s(!0), i(p, null, _(a.workspaceModes, (e) => (s(), i("button", {
+            key: e.value,
+            type: "button",
+            class: u(["of-database-view__workspace-mode-btn", { "of-database-view__workspace-mode-btn--active": a.presentation === e.value }]),
+            "data-mode": e.value,
+            onClick: (E) => d("update:presentation", e.value)
+          }, l(e.label), 11, C))), 128))
+        ])) : k("", !0),
+        t("span", D, l(a.recordId || "record"), 1),
+        t("span", I, l(a.viewType), 1),
+        t("span", B, l(a.presentation), 1)
+      ]),
+      props: n(() => [
+        t("div", {
+          class: "of-database-view__detail-workspace",
+          "data-record-id": a.recordId
+        }, [
+          t("section", x, [
+            (s(!0), i(p, null, _(a.propertyItems, (e) => (s(), i("div", {
+              key: e.key,
+              class: "of-database-view__detail-workspace-field"
+            }, [
+              t("span", $, l(e.label), 1),
+              t("div", F, [
+                e.field ? (s(), c(y, {
+                  key: 0,
+                  "row-id": a.rowId,
+                  field: e.field,
+                  value: e.value,
+                  readonly: a.readonly,
+                  onCommit: b
+                }, null, 8, ["row-id", "field", "value", "readonly"])) : (s(), i("span", S, l(e.fallbackText), 1))
+              ])
+            ]))), 128))
+          ])
+        ], 8, g)
+      ]),
+      footer: n(() => [
+        t("button", {
+          class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--delete",
+          type: "button",
+          onClick: o[0] || (o[0] = (e) => d("delete", a.rowId))
+        }, " 删除 "),
+        o[3] || (o[3] = t("div", { class: "of-database-view__detail-workspace-footer-spacer" }, null, -1)),
+        t("button", {
+          class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--cancel",
+          type: "button",
+          onClick: o[1] || (o[1] = (e) => d("close"))
+        }, " 取消 "),
+        t("button", {
+          class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--save",
+          type: "button",
+          disabled: a.readonly || !a.hasDraftChanges,
+          onClick: o[2] || (o[2] = (e) => d("save"))
+        }, " 保存 ", 8, T)
+      ]),
+      _: 1
+    }, 8, ["title", "description-content"]));
+  }
+});
+export {
+  V as default
+};