@oneflowui/ui 0.5.6 → 0.5.8

package/dist/components/table/DetailSheet.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     columns: TableColumn[];
     fieldDefs?: CellFieldDef[];
     visible: boolean;
+    /** 作为右侧工作区内嵌时，不渲染 Teleport / 遮罩层 */
+    embedded?: boolean;
     /** 标记哪些字段是 content 字段（全宽 markdown 渲染） */
     contentFields?: string[];
     /** 是否显示为全屏模式（桌面端宽面板） */

package/dist/components/table/DetailSheet.vue.js

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

package/dist/components/table/DetailSheet.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as V, ref as L, computed as c, openBlock as o, createBlock as k, Teleport as N, createVNode as E, Transition as H, withCtx as j, createElementBlock as d, withModifiers as z, normalizeClass as h, createElementVNode as n, Fragment as b, renderList as C, toDisplayString as v, createCommentVNode as g } from "vue";
-import O from "./FieldCell.vue.js";
+import { defineComponent as H, ref as N, computed as h, openBlock as o, createBlock as C, Teleport as E, createVNode as j, Transition as z, withCtx as O, createElementBlock as a, normalizeClass as v, createElementVNode as e, Fragment as y, renderList as k, toDisplayString as _, createCommentVNode as m } from "vue";
+import x from "./FieldCell.vue.js";
 import { useMarkdown as R } from "../../composables/useMarkdown.js";
 const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-sheet__label" }, G = { class: "of-detail-sheet__cell" }, I = {
   key: 1,
@@ -7,128 +7,212 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
 }, J = {
   key: 0,
   class: "of-detail-sheet__content"
-}, Q = { class: "of-detail-sheet__content-label" }, U = ["innerHTML"], W = { class: "of-detail-sheet__footer" }, X = ["disabled"], K = /* @__PURE__ */ V({
+}, Q = { class: "of-detail-sheet__content-label" }, U = ["innerHTML"], W = { class: "of-detail-sheet__footer" }, X = ["disabled"], Y = {
+  key: 1,
+  class: "of-detail-sheet-shell of-detail-sheet-shell--embedded"
+}, Z = { class: "of-detail-sheet__properties" }, $ = { class: "of-detail-sheet__label" }, K = { class: "of-detail-sheet__cell" }, ee = {
+  key: 1,
+  class: "of-detail-sheet__value"
+}, te = {
+  key: 0,
+  class: "of-detail-sheet__content"
+}, le = { class: "of-detail-sheet__content-label" }, se = ["innerHTML"], oe = { class: "of-detail-sheet__footer" }, ae = ["disabled"], fe = /* @__PURE__ */ H({
   __name: "DetailSheet",
   props: {
     row: {},
     columns: {},
     fieldDefs: {},
     visible: { type: Boolean },
+    embedded: { type: Boolean },
     contentFields: {},
     fullPage: { type: Boolean },
     readonly: { type: Boolean }
   },
   emits: ["close", "save", "delete", "cell-edit"],
-  setup(s, { emit: p }) {
-    const i = s, r = p, { renderMarkdown: w } = R({ showCopyButton: !0 }), a = L({}), D = c(() => Object.keys(a.value).length > 0), B = c(() => new Set(i.contentFields ?? []));
-    function m(t) {
-      var l;
-      if (B.value.has(t.key)) return !0;
-      const e = (l = i.fieldDefs) == null ? void 0 : l.find((f) => f.id === t.key);
-      return (e == null ? void 0 : e.type) === "richtext";
+  setup(n, { emit: L }) {
+    const i = n, r = L, { renderMarkdown: S } = R({ showCopyButton: !0 }), d = N({}), g = h(() => Object.keys(d.value).length > 0), p = h(() => i.embedded || i.visible), V = h(() => new Set(i.contentFields ?? []));
+    function w(s) {
+      var t;
+      if (V.value.has(s.key)) return !0;
+      const l = (t = i.fieldDefs) == null ? void 0 : t.find((f) => f.id === s.key);
+      return (l == null ? void 0 : l.type) === "richtext";
     }
-    const F = c(() => i.columns.filter((t) => !m(t))), y = c(() => i.columns.filter((t) => m(t)));
-    function x(t) {
-      var e;
-      return ((e = i.fieldDefs) == null ? void 0 : e.find((l) => l.id === t)) ?? {
-        id: t,
+    const D = h(() => i.columns.filter((s) => !w(s))), b = h(() => i.columns.filter((s) => w(s)));
+    function B(s) {
+      var l;
+      return ((l = i.fieldDefs) == null ? void 0 : l.find((t) => t.id === s)) ?? {
+        id: s,
         type: "text",
-        label: t
+        label: s
       };
     }
-    function u(t) {
-      return t.key in a.value ? a.value[t.key] : i.row[t.key];
+    function u(s) {
+      return s.key in d.value ? d.value[s.key] : i.row[s.key];
     }
-    function M(t) {
-      const e = u(t);
-      return typeof e != "string" || !e ? "" : w(e);
+    function F(s) {
+      const l = u(s);
+      return typeof l != "string" || !l ? "" : S(l);
     }
-    function S(t, e, l) {
-      a.value = { ...a.value, [e]: l }, r("cell-edit", { rowId: t, fieldId: e, value: l });
+    function M(s, l, t) {
+      d.value = { ...d.value, [l]: t }, r("cell-edit", { rowId: s, fieldId: l, value: t });
     }
     function P() {
-      r("save", { rowId: i.row.id, fields: { ...a.value } }), a.value = {}, r("close");
+      r("save", { rowId: i.row.id, fields: { ...d.value } }), d.value = {}, r("close");
     }
-    function _() {
-      a.value = {}, r("close");
+    function c() {
+      d.value = {}, r("close");
     }
     function T() {
       r("delete", i.row.id), r("close");
     }
-    return (t, e) => (o(), k(N, { to: "body" }, [
-      E(H, { name: "of-sheet" }, {
-        default: j(() => [
-          s.visible ? (o(), d("div", {
+    return (s, l) => n.embedded ? p.value ? (o(), a("div", Y, [
+      e("div", {
+        class: v(["of-detail-sheet", { "of-detail-sheet--full-page": n.fullPage }])
+      }, [
+        e("div", { class: "of-detail-sheet__header" }, [
+          e("button", {
+            class: "of-detail-sheet__close",
+            onClick: c
+          }, "✕"),
+          l[3] || (l[3] = e("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
+          l[4] || (l[4] = e("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
+        ]),
+        e("div", {
+          class: v(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": n.fullPage }])
+        }, [
+          e("div", Z, [
+            (o(!0), a(y, null, k(D.value, (t) => {
+              var f;
+              return o(), a("div", {
+                key: t.key,
+                class: "of-detail-sheet__field"
+              }, [
+                e("span", $, _(t.label), 1),
+                e("div", K, [
+                  (f = n.fieldDefs) != null && f.length ? (o(), C(x, {
+                    key: 0,
+                    "row-id": n.row.id,
+                    field: B(t.key),
+                    value: u(t),
+                    readonly: n.readonly,
+                    onCommit: M
+                  }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), a("span", ee, _(u(t) ?? "—"), 1))
+                ])
+              ]);
+            }), 128))
+          ]),
+          b.value.length > 0 ? (o(), a("div", te, [
+            (o(!0), a(y, null, k(b.value, (t) => (o(), a("div", {
+              key: t.key,
+              class: "of-detail-sheet__content-block"
+            }, [
+              e("span", le, _(t.label), 1),
+              e("div", {
+                class: "of-detail-sheet__markdown of-markdown",
+                innerHTML: F(t)
+              }, null, 8, se)
+            ]))), 128))
+          ])) : m("", !0)
+        ], 2),
+        e("div", oe, [
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--delete",
+            onClick: T
+          }, " 删除 "),
+          l[5] || (l[5] = e("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--cancel",
+            onClick: c
+          }, " 取消 "),
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--save",
+            disabled: !g.value,
+            onClick: P
+          }, " 保存 ", 8, ae)
+        ])
+      ], 2)
+    ])) : m("", !0) : (o(), C(E, {
+      key: 0,
+      to: "body"
+    }, [
+      j(z, { name: "of-sheet" }, {
+        default: O(() => [
+          p.value ? (o(), a("div", {
             key: 0,
-            class: h(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": s.fullPage }]),
-            onClick: z(_, ["self"])
+            class: v(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": n.fullPage }])
           }, [
-            n("div", {
-              class: h(["of-detail-sheet", { "of-detail-sheet--full-page": s.fullPage }])
+            e("button", {
+              type: "button",
+              class: "of-detail-sheet-overlay__hitarea",
+              "aria-label": "关闭详情",
+              onClick: c
+            }),
+            e("div", {
+              class: v(["of-detail-sheet", { "of-detail-sheet--full-page": n.fullPage }])
             }, [
-              n("div", { class: "of-detail-sheet__header" }, [
-                n("button", {
+              e("div", { class: "of-detail-sheet__header" }, [
+                e("button", {
                   class: "of-detail-sheet__close",
-                  onClick: _
+                  onClick: c
                 }, "✕"),
-                e[0] || (e[0] = n("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
-                e[1] || (e[1] = n("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
+                l[0] || (l[0] = e("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
+                l[1] || (l[1] = e("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
               ]),
-              n("div", {
-                class: h(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": s.fullPage }])
+              e("div", {
+                class: v(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": n.fullPage }])
               }, [
-                n("div", q, [
-                  (o(!0), d(b, null, C(F.value, (l) => {
+                e("div", q, [
+                  (o(!0), a(y, null, k(D.value, (t) => {
                     var f;
-                    return o(), d("div", {
-                      key: l.key,
+                    return o(), a("div", {
+                      key: t.key,
                       class: "of-detail-sheet__field"
                     }, [
-                      n("label", A, v(l.label), 1),
-                      n("div", G, [
-                        (f = s.fieldDefs) != null && f.length ? (o(), k(O, {
+                      e("span", A, _(t.label), 1),
+                      e("div", G, [
+                        (f = n.fieldDefs) != null && f.length ? (o(), C(x, {
                           key: 0,
-                          "row-id": s.row.id,
-                          field: x(l.key),
-                          value: u(l),
-                          readonly: s.readonly,
-                          onCommit: S
-                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), d("span", I, v(u(l) ?? "—"), 1))
+                          "row-id": n.row.id,
+                          field: B(t.key),
+                          value: u(t),
+                          readonly: n.readonly,
+                          onCommit: M
+                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), a("span", I, _(u(t) ?? "—"), 1))
                       ])
                     ]);
                   }), 128))
                 ]),
-                y.value.length > 0 ? (o(), d("div", J, [
-                  (o(!0), d(b, null, C(y.value, (l) => (o(), d("div", {
-                    key: l.key,
+                b.value.length > 0 ? (o(), a("div", J, [
+                  (o(!0), a(y, null, k(b.value, (t) => (o(), a("div", {
+                    key: t.key,
                     class: "of-detail-sheet__content-block"
                   }, [
-                    n("label", Q, v(l.label), 1),
-                    n("div", {
+                    e("span", Q, _(t.label), 1),
+                    e("div", {
                       class: "of-detail-sheet__markdown of-markdown",
-                      innerHTML: M(l)
+                      innerHTML: F(t)
                     }, null, 8, U)
                   ]))), 128))
-                ])) : g("", !0)
+                ])) : m("", !0)
               ], 2),
-              n("div", W, [
-                n("button", {
+              e("div", W, [
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--delete",
                   onClick: T
                 }, " 删除 "),
-                e[2] || (e[2] = n("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
-                n("button", {
+                l[2] || (l[2] = e("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--cancel",
-                  onClick: _
+                  onClick: c
                 }, " 取消 "),
-                n("button", {
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--save",
-                  disabled: !D.value,
+                  disabled: !g.value,
                   onClick: P
                 }, " 保存 ", 8, X)
               ])
             ], 2)
-          ], 2)) : g("", !0)
+          ], 2)) : m("", !0)
         ]),
         _: 1
       })
@@ -136,5 +220,5 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
   }
 });
 export {
-  K as default
+  fe as default
 };

package/dist/components/table/FieldCell.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onCommit?: ((rowId: string, fieldId: string, value: CellValue) => any) | undefined;
     onTabNext?: (() => any) | undefined;
 }>, {
+    value: string | number | boolean | string[] | null;
     readonly: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/table/FieldCell.vue.js

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

package/dist/components/table/FieldCell.vue2.js

@@ -1,32 +1,32 @@
-import { defineComponent as N, computed as o, defineAsyncComponent as e, openBlock as n, createElementBlock as a, normalizeClass as A, createBlock as c, Suspense as B, withCtx as f, resolveDynamicComponent as S, createElementVNode as F, Fragment as D, unref as M, toDisplayString as T } from "vue";
-import { useInlineEdit as V } from "../../composables/useInlineEdit.js";
-const j = {
+import { defineComponent as S, computed as r, defineAsyncComponent as e, openBlock as n, createBlock as d, resolveDynamicComponent as s, withKeys as p, withModifiers as y, normalizeClass as F, withCtx as u, Suspense as K, createElementVNode as M, createElementBlock as v, Fragment as D, unref as T, toDisplayString as V } from "vue";
+import { useInlineEdit as j } from "../../composables/useInlineEdit.js";
+const z = {
   key: 1,
   class: "of-field-cell__display"
-}, R = /* @__PURE__ */ N({
+}, $ = /* @__PURE__ */ S({
   __name: "FieldCell",
   props: {
     rowId: {},
     field: {},
-    value: { type: [String, Number, Boolean, Array, null] },
+    value: { type: [String, Number, Boolean, Array, null], default: void 0 },
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(l, { emit: s }) {
-    const t = l, r = s, { isEditing: p, activate: y, commit: v, cancel: k } = V(), d = o(() => p(t.rowId, t.field.id)), m = o(() => t.readonly || t.field.readonly);
-    function x() {
-      m.value || y(t.rowId, t.field.id);
+  setup(i, { emit: b }) {
+    const t = i, c = b, { isEditing: h, activate: k, commit: w, cancel: x } = j(), o = r(() => h(t.rowId, t.field.id)), a = r(() => t.readonly || t.field.readonly);
+    function m() {
+      a.value || k(t.rowId, t.field.id);
     }
-    function C(i) {
-      v(t.rowId, t.field.id, i), r("commit", t.rowId, t.field.id, i);
+    function C(l) {
+      w(t.rowId, t.field.id, l), c("commit", t.rowId, t.field.id, l);
     }
     function g() {
-      k(), r("cancel");
+      x(), c("cancel");
     }
-    function b() {
-      r("tabNext");
+    function E() {
+      c("tabNext");
     }
-    const h = {
+    const I = {
       text: e(() => import("../field/FieldText.vue.js")),
       number: e(() => import("../field/FieldNumber.vue.js")),
       checkbox: e(() => import("../field/FieldCheckbox.vue.js")),
@@ -45,43 +45,52 @@ const j = {
       relation: e(() => import("../field/FieldRelation.vue.js")),
       attachment: e(() => import("../field/FieldAttachment.vue.js")),
       phone: e(() => import("../field/FieldPhone.vue.js"))
-    }, w = e(
+    }, N = e(
       () => import("../field/FieldMarkdownPreview.vue.js")
-    ), E = o(() => h[t.field.type]), I = o(() => {
-      const i = t.value;
-      return i == null || i === "" ? "—" : Array.isArray(i) ? i.join(", ") : typeof i == "boolean" ? i ? "✓" : "—" : String(i);
+    ), A = r(() => I[t.field.type]), B = r(() => {
+      const l = t.value;
+      return l == null || l === "" ? "—" : Array.isArray(l) ? l.join(", ") : typeof l == "boolean" ? l ? "✓" : "—" : String(l);
     });
-    return (i, u) => (n(), a("div", {
-      class: A(["of-field-cell", {
-        "of-field-cell--editing": d.value,
-        "of-field-cell--readonly": m.value
+    return (l, f) => (n(), d(s(a.value || o.value ? "div" : "button"), {
+      class: F(["of-field-cell", {
+        "of-field-cell--editing": o.value,
+        "of-field-cell--readonly": a.value
       }]),
-      onClick: x
-    }, [
-      d.value ? (n(), c(B, { key: 0 }, {
-        fallback: f(() => [...u[0] || (u[0] = [
-          F("span", { class: "of-field-cell__loading" }, "...", -1)
-        ])]),
-        default: f(() => [
-          (n(), c(S(E.value), {
-            value: l.value,
-            field: l.field,
-            onCommit: C,
-            onCancel: g,
-            onTabNext: b
-          }, null, 40, ["value", "field"]))
-        ]),
-        _: 1
-      })) : (n(), a(D, { key: 1 }, [
-        l.field.type === "richtext" && typeof l.value == "string" && l.value ? (n(), c(M(w), {
-          key: 0,
-          content: l.value,
-          "max-lines": 2
-        }, null, 8, ["content"])) : (n(), a("span", j, T(I.value), 1))
-      ], 64))
-    ], 2));
+      type: a.value || o.value ? void 0 : "button",
+      "aria-label": `${i.field.label}字段`,
+      onClick: m,
+      onKeydown: [
+        p(y(m, ["prevent"]), ["enter"]),
+        p(y(m, ["prevent"]), ["space"])
+      ]
+    }, {
+      default: u(() => [
+        o.value ? (n(), d(K, { key: 0 }, {
+          fallback: u(() => [...f[0] || (f[0] = [
+            M("span", { class: "of-field-cell__loading" }, "...", -1)
+          ])]),
+          default: u(() => [
+            (n(), d(s(A.value), {
+              value: i.value,
+              field: i.field,
+              onCommit: C,
+              onCancel: g,
+              onTabNext: E
+            }, null, 40, ["value", "field"]))
+          ]),
+          _: 1
+        })) : (n(), v(D, { key: 1 }, [
+          i.field.type === "richtext" && typeof i.value == "string" && i.value ? (n(), d(T(N), {
+            key: 0,
+            content: i.value,
+            "max-lines": 2
+          }, null, 8, ["content"])) : (n(), v("span", z, V(B.value), 1))
+        ], 64))
+      ]),
+      _: 1
+    }, 40, ["class", "type", "aria-label", "onKeydown"]));
   }
 });
 export {
-  R as default
+  $ as default
 };

package/dist/components/table/FieldTypePicker.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((type: FieldType) => any) | undefined;
 }>, {
+    currentType: FieldType;
     searchable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/table/FieldTypePicker.vue.js

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

package/dist/components/table/FieldTypePicker.vue2.js

@@ -6,7 +6,7 @@ const j = { class: "of-field-type-picker" }, A = {
 }, J = { class: "of-field-type-picker__list" }, K = { class: "of-field-type-picker__group-label" }, R = ["onClick"], ee = /* @__PURE__ */ k({
   __name: "FieldTypePicker",
   props: {
-    currentType: {},
+    currentType: { default: void 0 },
     searchable: { type: Boolean, default: !0 }
   },
   emits: ["select"],

package/dist/components/table/MobileListView.vue.d.ts

@@ -27,13 +27,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "row-click": (row: any) => any;
+    "row-click": (row: TableRow) => any;
     "add-row": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onRow-click"?: ((row: any) => any) | undefined;
+    "onRow-click"?: ((row: TableRow) => any) | undefined;
     "onAdd-row"?: (() => any) | undefined;
 }>, {
     selectable: boolean;
+    statusColorMap: ColorMap;
     addable: boolean;
     readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/table/MobileListView.vue.js

@@ -1,7 +1,7 @@
 import o from "./MobileListView.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e312b60f"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ccf7d630"]]);
 export {
-  f as default
+  e as default
 };