@oneflowui/ui 0.4.3 → 0.5.0

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

@@ -0,0 +1,43 @@
+import { FieldDef as CellFieldDef } from './FieldCell.vue';
+import { TableColumn } from '../../types';
+type TableRow = Record<string, unknown> & {
+    id: string;
+};
+type __VLS_Props = {
+    row: TableRow;
+    columns: TableColumn[];
+    fieldDefs?: CellFieldDef[];
+    visible: boolean;
+    /** 标记哪些字段是 content 字段（全宽 markdown 渲染） */
+    contentFields?: string[];
+    /** 是否显示为全屏模式（桌面端宽面板） */
+    fullPage?: boolean;
+    /** 只读模式 */
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (rowId: string) => any;
+    close: () => any;
+    save: (payload: {
+        rowId: string;
+        fields: Record<string, unknown>;
+    }) => any;
+    "cell-edit": (payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((rowId: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSave?: ((payload: {
+        rowId: string;
+        fields: Record<string, unknown>;
+    }) => any) | undefined;
+    "onCell-edit"?: ((payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,140 @@
+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 { 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,
+  class: "of-detail-sheet__value"
+}, 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({
+  __name: "DetailSheet",
+  props: {
+    row: {},
+    columns: {},
+    fieldDefs: {},
+    visible: { 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";
+    }
+    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,
+        type: "text",
+        label: t
+      };
+    }
+    function u(t) {
+      return t.key in a.value ? a.value[t.key] : i.row[t.key];
+    }
+    function M(t) {
+      const e = u(t);
+      return typeof e != "string" || !e ? "" : w(e);
+    }
+    function S(t, e, l) {
+      a.value = { ...a.value, [e]: l }, r("cell-edit", { rowId: t, fieldId: e, value: l });
+    }
+    function P() {
+      r("save", { rowId: i.row.id, fields: { ...a.value } }), a.value = {}, r("close");
+    }
+    function _() {
+      a.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", {
+            key: 0,
+            class: h(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": s.fullPage }]),
+            onClick: z(_, ["self"])
+          }, [
+            n("div", {
+              class: h(["of-detail-sheet", { "of-detail-sheet--full-page": s.fullPage }])
+            }, [
+              n("div", { class: "of-detail-sheet__header" }, [
+                n("button", {
+                  class: "of-detail-sheet__close",
+                  onClick: _
+                }, "✕"),
+                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))
+              ]),
+              n("div", {
+                class: h(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": s.fullPage }])
+              }, [
+                n("div", q, [
+                  (o(!0), d(b, null, C(F.value, (l) => {
+                    var f;
+                    return o(), d("div", {
+                      key: l.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, {
+                          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))
+                      ])
+                    ]);
+                  }), 128))
+                ]),
+                y.value.length > 0 ? (o(), d("div", J, [
+                  (o(!0), d(b, null, C(y.value, (l) => (o(), d("div", {
+                    key: l.key,
+                    class: "of-detail-sheet__content-block"
+                  }, [
+                    n("label", Q, v(l.label), 1),
+                    n("div", {
+                      class: "of-detail-sheet__markdown of-markdown",
+                      innerHTML: M(l)
+                    }, null, 8, U)
+                  ]))), 128))
+                ])) : g("", !0)
+              ], 2),
+              n("div", W, [
+                n("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", {
+                  class: "of-detail-sheet__btn of-detail-sheet__btn--cancel",
+                  onClick: _
+                }, " 取消 "),
+                n("button", {
+                  class: "of-detail-sheet__btn of-detail-sheet__btn--save",
+                  disabled: !D.value,
+                  onClick: P
+                }, " 保存 ", 8, X)
+              ])
+            ], 2)
+          ], 2)) : g("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  K as default
+};

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

@@ -1,4 +1,4 @@
-export type FieldType = "text" | "number" | "checkbox" | "select" | "multiselect" | "date" | "datetime" | "rating" | "url" | "email";
+export type FieldType = "text" | "number" | "checkbox" | "select" | "multiselect" | "date" | "datetime" | "rating" | "url" | "email" | "currency" | "richtext" | "auto_number" | "creator" | "progress" | "relation" | "attachment" | "phone";
 export interface FieldOption {
     label: string;
     value: string;

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f3efd289"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-33585ca9"]]);
 export {
   m as default
 };

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

@@ -1,9 +1,10 @@
-import { defineComponent as E, computed as i, defineAsyncComponent as l, openBlock as o, createElementBlock as m, normalizeClass as I, createBlock as s, Suspense as N, withCtx as f, resolveDynamicComponent as B, createElementVNode as A, toDisplayString as S } from "vue";
-import { useInlineEdit as D } from "../../composables/useInlineEdit.js";
-const T = {
+import { defineComponent as I, computed as n, defineAsyncComponent as e, openBlock as o, createElementBlock as a, normalizeClass as N, createBlock as c, Suspense as B, withCtx as f, resolveDynamicComponent as A, createElementVNode as S, Fragment as F, toDisplayString as D } from "vue";
+import { useInlineEdit as M } from "../../composables/useInlineEdit.js";
+import T from "../field/FieldMarkdownPreview.vue.js";
+const V = {
   key: 1,
   class: "of-field-cell__display"
-}, z = /* @__PURE__ */ E({
+}, R = /* @__PURE__ */ I({
   __name: "FieldCell",
   props: {
     rowId: {},
@@ -12,60 +13,74 @@ const T = {
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["commit", "cancel", "tabNext"],
-  setup(n, { emit: u }) {
-    const e = n, a = u, { isEditing: p, activate: y, commit: v, cancel: C } = D(), r = i(() => p(e.rowId, e.field.id)), d = i(() => e.readonly || e.field.readonly);
-    function b() {
-      d.value || y(e.rowId, e.field.id);
-    }
-    function k(t) {
-      v(e.rowId, e.field.id, t), a("commit", e.rowId, e.field.id, t);
-    }
+  setup(l, { emit: s }) {
+    const t = l, r = s, { isEditing: p, activate: y, commit: v, cancel: k } = M(), d = n(() => p(t.rowId, t.field.id)), m = n(() => t.readonly || t.field.readonly);
     function x() {
-      C(), a("cancel");
+      m.value || y(t.rowId, t.field.id);
+    }
+    function C(i) {
+      v(t.rowId, t.field.id, i), r("commit", t.rowId, t.field.id, i);
     }
     function g() {
-      a("tabNext");
+      k(), r("cancel");
+    }
+    function b() {
+      r("tabNext");
     }
-    const _ = {
-      text: l(() => import("../field/FieldText.vue.js")),
-      number: l(() => import("../field/FieldNumber.vue.js")),
-      checkbox: l(() => import("../field/FieldCheckbox.vue.js")),
-      select: l(() => import("../field/FieldSelect.vue.js")),
-      multiselect: l(() => import("../field/FieldMultiSelect.vue.js")),
-      date: l(() => import("../field/FieldDate.vue.js")),
-      datetime: l(() => import("../field/FieldDatetime.vue.js")),
-      rating: l(() => import("../field/FieldRating.vue.js")),
-      url: l(() => import("../field/FieldUrl.vue.js")),
-      email: l(() => import("../field/FieldEmail.vue.js"))
-    }, h = i(() => _[e.field.type]), w = i(() => {
-      const t = e.value;
-      return t == null || t === "" ? "—" : Array.isArray(t) ? t.join(", ") : typeof t == "boolean" ? t ? "✓" : "—" : String(t);
+    const h = {
+      text: e(() => import("../field/FieldText.vue.js")),
+      number: e(() => import("../field/FieldNumber.vue.js")),
+      checkbox: e(() => import("../field/FieldCheckbox.vue.js")),
+      select: e(() => import("../field/FieldSelect.vue.js")),
+      multiselect: e(() => import("../field/FieldMultiSelect.vue.js")),
+      date: e(() => import("../field/FieldDate.vue.js")),
+      datetime: e(() => import("../field/FieldDatetime.vue.js")),
+      rating: e(() => import("../field/FieldRating.vue.js")),
+      url: e(() => import("../field/FieldUrl.vue.js")),
+      email: e(() => import("../field/FieldEmail.vue.js")),
+      currency: e(() => import("../field/FieldCurrency.vue.js")),
+      richtext: e(() => import("../field/FieldRichText.vue.js")),
+      auto_number: e(() => import("../field/FieldAutoNumber.vue.js")),
+      creator: e(() => import("../field/FieldCreator.vue.js")),
+      progress: e(() => import("../field/FieldProgress.vue.js")),
+      relation: e(() => import("../field/FieldRelation.vue.js")),
+      attachment: e(() => import("../field/FieldAttachment.vue.js")),
+      phone: e(() => import("../field/FieldPhone.vue.js"))
+    }, w = n(() => h[t.field.type]), E = n(() => {
+      const i = t.value;
+      return i == null || i === "" ? "—" : Array.isArray(i) ? i.join(", ") : typeof i == "boolean" ? i ? "✓" : "—" : String(i);
     });
-    return (t, c) => (o(), m("div", {
-      class: I(["of-field-cell", {
-        "of-field-cell--editing": r.value,
-        "of-field-cell--readonly": d.value
+    return (i, u) => (o(), a("div", {
+      class: N(["of-field-cell", {
+        "of-field-cell--editing": d.value,
+        "of-field-cell--readonly": m.value
       }]),
-      onClick: b
+      onClick: x
     }, [
-      r.value ? (o(), s(N, { key: 0 }, {
-        fallback: f(() => [...c[0] || (c[0] = [
-          A("span", { class: "of-field-cell__loading" }, "...", -1)
+      d.value ? (o(), c(B, { key: 0 }, {
+        fallback: f(() => [...u[0] || (u[0] = [
+          S("span", { class: "of-field-cell__loading" }, "...", -1)
         ])]),
         default: f(() => [
-          (o(), s(B(h.value), {
-            value: n.value,
-            field: n.field,
-            onCommit: k,
-            onCancel: x,
-            onTabNext: g
+          (o(), c(A(w.value), {
+            value: l.value,
+            field: l.field,
+            onCommit: C,
+            onCancel: g,
+            onTabNext: b
           }, null, 40, ["value", "field"]))
         ]),
         _: 1
-      })) : (o(), m("span", T, S(w.value), 1))
+      })) : (o(), a(F, { key: 1 }, [
+        l.field.type === "richtext" && typeof l.value == "string" && l.value ? (o(), c(T, {
+          key: 0,
+          content: l.value,
+          "max-lines": 2
+        }, null, 8, ["content"])) : (o(), a("span", V, D(E.value), 1))
+      ], 64))
     ], 2));
   }
 });
 export {
-  z as default
+  R as default
 };

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

@@ -0,0 +1,15 @@
+import { FieldType } from '../../types';
+type __VLS_Props = {
+    /** 当前选中的类型（高亮） */
+    currentType?: FieldType;
+    /** 搜索过滤 */
+    searchable?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (type: FieldType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((type: FieldType) => any) | undefined;
+}>, {
+    searchable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,92 @@
+import { defineComponent as k, ref as v, computed as y, openBlock as l, createElementBlock as a, withDirectives as C, createElementVNode as i, vModelText as T, createCommentVNode as x, Fragment as p, renderList as u, toDisplayString as d, normalizeClass as S, createBlock as B, resolveDynamicComponent as L } from "vue";
+import { Type as D, Hash as F, CheckSquare as E, ListChecks as g, Calendar as M, CalendarClock as P, Link as q, Mail as w, Phone as U, Star as V, DollarSign as z, BarChart3 as N, FileText as G, User as H, UserCheck as I, ListOrdered as O, GitBranch as Q, Paperclip as Y, FunctionSquare as $ } from "lucide-vue-next";
+const j = { class: "of-field-type-picker" }, A = {
+  key: 0,
+  class: "of-field-type-picker__search"
+}, J = { class: "of-field-type-picker__list" }, K = { class: "of-field-type-picker__group-label" }, R = ["onClick"], ee = /* @__PURE__ */ k({
+  __name: "FieldTypePicker",
+  props: {
+    currentType: {},
+    searchable: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(n, { emit: f }) {
+    const m = f, r = v(""), s = [
+      // 基础
+      { type: "text", label: "文本", icon: D, category: "基础" },
+      { type: "number", label: "数字", icon: F, category: "基础" },
+      { type: "checkbox", label: "复选框", icon: E, category: "基础" },
+      { type: "select", label: "单选", icon: g, category: "基础" },
+      { type: "multi_select", label: "多选", icon: g, category: "基础" },
+      // 日期
+      { type: "date", label: "日期", icon: M, category: "日期" },
+      { type: "datetime", label: "日期时间", icon: P, category: "日期" },
+      // 联系方式
+      { type: "url", label: "链接", icon: q, category: "联系" },
+      { type: "email", label: "邮箱", icon: w, category: "联系" },
+      { type: "phone", label: "电话", icon: U, category: "联系" },
+      // 高级
+      { type: "rating", label: "评分", icon: V, category: "高级" },
+      { type: "currency", label: "货币", icon: z, category: "高级" },
+      { type: "progress", label: "进度", icon: N, category: "高级" },
+      { type: "richtext", label: "富文本", icon: G, category: "高级" },
+      // 系统
+      { type: "user", label: "用户", icon: H, category: "系统" },
+      { type: "creator", label: "创建者", icon: I, category: "系统" },
+      { type: "auto_number", label: "自动编号", icon: O, category: "系统" },
+      // 关联
+      { type: "relation", label: "关联", icon: Q, category: "关联" },
+      { type: "attachment", label: "附件", icon: Y, category: "关联" },
+      { type: "formula", label: "公式", icon: $, category: "关联" }
+    ], _ = y(() => {
+      if (!r.value) return s;
+      const o = r.value.toLowerCase();
+      return s.filter(
+        (t) => t.label.includes(o) || t.type.includes(o) || t.category.includes(o)
+      );
+    }), b = y(() => {
+      const o = [], t = /* @__PURE__ */ new Map();
+      for (const e of _.value)
+        t.has(e.category) || t.set(e.category, []), t.get(e.category).push(e);
+      for (const [e, c] of t)
+        o.push({ category: e, items: c });
+      return o;
+    });
+    function h(o) {
+      m("select", o);
+    }
+    return (o, t) => (l(), a("div", j, [
+      n.searchable ? (l(), a("div", A, [
+        C(i("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => r.value = e),
+          class: "of-field-type-picker__search-input",
+          placeholder: "搜索字段类型..."
+        }, null, 512), [
+          [T, r.value]
+        ])
+      ])) : x("", !0),
+      i("div", J, [
+        (l(!0), a(p, null, u(b.value, (e) => (l(), a("div", {
+          key: e.category,
+          class: "of-field-type-picker__group"
+        }, [
+          i("div", K, d(e.category), 1),
+          (l(!0), a(p, null, u(e.items, (c) => (l(), a("button", {
+            key: c.type,
+            class: S(["of-field-type-picker__item", { "of-field-type-picker__item--active": n.currentType === c.type }]),
+            onClick: (W) => h(c.type)
+          }, [
+            (l(), B(L(c.icon), {
+              size: 14,
+              class: "of-field-type-picker__icon"
+            })),
+            i("span", null, d(c.label), 1)
+          ], 10, R))), 128))
+        ]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  ee as default
+};

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

@@ -0,0 +1,24 @@
+import { TableColumn, ColorMap } from '../../types';
+type TableRow = Record<string, unknown> & {
+    id: string;
+};
+type __VLS_Props = {
+    rows: TableRow[];
+    columns: TableColumn[];
+    selectable?: boolean;
+    addable?: boolean;
+    statusColorMap?: ColorMap;
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "row-click": (row: any) => any;
+    "add-row": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-click"?: ((row: any) => any) | undefined;
+    "onAdd-row"?: (() => any) | undefined;
+}>, {
+    selectable: boolean;
+    addable: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +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-15efc0e6"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,90 @@
+import { defineComponent as V, computed as f, ref as g, openBlock as l, createElementBlock as o, Fragment as v, renderList as C, createElementVNode as X, normalizeStyle as M, toDisplayString as d, createCommentVNode as i } from "vue";
+import { mergeColorMap as A, DEFAULT_STATUS_MAP as L, resolveBadge as Y } from "../../composables/useBadge.js";
+const $ = { class: "of-mobile-list" }, D = ["onClick", "onTouchstart"], F = {
+  key: 0,
+  class: "of-mobile-card__title"
+}, N = {
+  key: 1,
+  class: "of-mobile-card__meta"
+}, U = {
+  key: 1,
+  class: "of-mobile-card__tag"
+}, w = {
+  key: 0,
+  class: "of-mobile-card__action-delete"
+}, O = /* @__PURE__ */ V({
+  __name: "MobileListView",
+  props: {
+    rows: {},
+    columns: {},
+    selectable: { type: Boolean, default: !1 },
+    addable: { type: Boolean, default: !0 },
+    statusColorMap: {},
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["row-click", "add-row"],
+  setup(r, { emit: S }) {
+    const m = r, y = S, T = f(() => A(L, m.statusColorMap)), h = f(() => m.columns[0]), _ = f(() => m.columns.slice(1, 4));
+    function u(a, n) {
+      const e = a[n.key];
+      return e != null ? String(e) : "";
+    }
+    function p(a) {
+      return Y(a, T.value);
+    }
+    let b = 0, k = 0;
+    const c = g(null), s = g(0);
+    function B(a, n) {
+      b = a.touches[0].clientX, k = a.touches[0].clientY, c.value = n, s.value = 0;
+    }
+    function x(a) {
+      if (!c.value) return;
+      const n = a.touches[0].clientX - b, e = a.touches[0].clientY - k;
+      if (Math.abs(e) > Math.abs(n)) {
+        c.value = null;
+        return;
+      }
+      s.value = Math.max(-80, Math.min(0, n));
+    }
+    function E() {
+      s.value < -40 ? s.value = -80 : (s.value = 0, c.value = null);
+    }
+    return (a, n) => (l(), o("div", $, [
+      (l(!0), o(v, null, C(r.rows, (e) => (l(), o("div", {
+        key: e.id,
+        class: "of-mobile-card-wrapper"
+      }, [
+        X("div", {
+          class: "of-mobile-card",
+          style: M({ transform: c.value === e.id ? `translateX(${s.value}px)` : "" }),
+          onClick: (t) => y("row-click", e),
+          onTouchstart: (t) => B(t, e.id),
+          onTouchmove: x,
+          onTouchend: E
+        }, [
+          h.value ? (l(), o("div", F, d(u(e, h.value) || "—"), 1)) : i("", !0),
+          _.value.length > 0 ? (l(), o("div", N, [
+            (l(!0), o(v, null, C(_.value, (t) => (l(), o(v, {
+              key: t.key
+            }, [
+              t.key === "status" && u(e, t) ? (l(), o("span", {
+                key: 0,
+                class: "of-mobile-card__badge",
+                style: M(p(u(e, t)).style)
+              }, d(p(u(e, t)).label), 5)) : u(e, t) ? (l(), o("span", U, d(t.label) + ": " + d(u(e, t)), 1)) : i("", !0)
+            ], 64))), 128))
+          ])) : i("", !0)
+        ], 44, D),
+        c.value === e.id && s.value < -40 ? (l(), o("div", w, " 删除 ")) : i("", !0)
+      ]))), 128)),
+      r.addable && !r.readonly ? (l(), o("button", {
+        key: 0,
+        class: "of-mobile-add-btn",
+        onClick: n[0] || (n[0] = (e) => y("add-row"))
+      }, " + 新增记录 ")) : i("", !0)
+    ]));
+  }
+});
+export {
+  O as default
+};

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

@@ -5,6 +5,10 @@ type __VLS_Props = {
     collapsed?: boolean;
     colorMap?: ColorMap;
     selectable?: boolean;
+    /** Nesting level for multi-level grouping (0-based) */
+    level?: number;
+    /** Aggregation results to display inline */
+    aggregations?: Record<string, number>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     toggle: () => any;
@@ -13,5 +17,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     collapsed: boolean;
     selectable: boolean;
+    level: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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