@oneflowui/ui 0.5.5 → 0.5.7

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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f18fde43"]]);
 export {
-  f as default
+  a as default
 };

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

@@ -1,13 +1,13 @@
-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 = {
+import { defineComponent as V, ref as L, computed as u, openBlock as o, createBlock as k, Teleport as N, createVNode as E, Transition as H, withCtx as j, createElementBlock as d, normalizeClass as h, createElementVNode as n, Fragment as b, renderList as C, toDisplayString as v, createCommentVNode as p } from "vue";
+import z from "./FieldCell.vue.js";
+import { useMarkdown as O } from "../../composables/useMarkdown.js";
+const R = { class: "of-detail-sheet__properties" }, q = { class: "of-detail-sheet__label" }, A = { class: "of-detail-sheet__cell" }, G = {
   key: 1,
   class: "of-detail-sheet__value"
-}, J = {
+}, I = {
   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({
+}, J = { class: "of-detail-sheet__content-label" }, Q = ["innerHTML"], U = { class: "of-detail-sheet__footer" }, W = ["disabled"], $ = /* @__PURE__ */ V({
   __name: "DetailSheet",
   props: {
     row: {},
@@ -19,50 +19,55 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
     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) {
+  setup(s, { emit: g }) {
+    const a = s, r = g, { renderMarkdown: w } = O({ showCopyButton: !0 }), i = L({}), D = u(() => Object.keys(i.value).length > 0), B = u(() => new Set(a.contentFields ?? []));
+    function y(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);
+      const e = (l = a.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)));
+    const F = u(() => a.columns.filter((t) => !y(t))), m = u(() => a.columns.filter((t) => y(t)));
     function x(t) {
       var e;
-      return ((e = i.fieldDefs) == null ? void 0 : e.find((l) => l.id === t)) ?? {
+      return ((e = a.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 c(t) {
+      return t.key in i.value ? i.value[t.key] : a.row[t.key];
     }
-    function M(t) {
-      const e = u(t);
+    function S(t) {
+      const e = c(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 M(t, e, l) {
+      i.value = { ...i.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");
+      r("save", { rowId: a.row.id, fields: { ...i.value } }), i.value = {}, r("close");
     }
     function _() {
-      a.value = {}, r("close");
+      i.value = {}, r("close");
     }
     function T() {
-      r("delete", i.row.id), r("close");
+      r("delete", a.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"])
+            class: h(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": s.fullPage }])
           }, [
+            n("button", {
+              type: "button",
+              class: "of-detail-sheet-overlay__hitarea",
+              "aria-label": "关闭详情",
+              onClick: _
+            }),
             n("div", {
               class: h(["of-detail-sheet", { "of-detail-sheet--full-page": s.fullPage }])
             }, [
@@ -77,41 +82,41 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
               n("div", {
                 class: h(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": s.fullPage }])
               }, [
-                n("div", q, [
+                n("div", R, [
                   (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, {
+                      n("span", q, v(l.label), 1),
+                      n("div", A, [
+                        (f = s.fieldDefs) != null && f.length ? (o(), k(z, {
                           key: 0,
                           "row-id": s.row.id,
                           field: x(l.key),
-                          value: u(l),
+                          value: c(l),
                           readonly: s.readonly,
-                          onCommit: S
-                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), d("span", I, v(u(l) ?? "—"), 1))
+                          onCommit: M
+                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), d("span", G, v(c(l) ?? "—"), 1))
                       ])
                     ]);
                   }), 128))
                 ]),
-                y.value.length > 0 ? (o(), d("div", J, [
-                  (o(!0), d(b, null, C(y.value, (l) => (o(), d("div", {
+                m.value.length > 0 ? (o(), d("div", I, [
+                  (o(!0), d(b, null, C(m.value, (l) => (o(), d("div", {
                     key: l.key,
                     class: "of-detail-sheet__content-block"
                   }, [
-                    n("label", Q, v(l.label), 1),
+                    n("span", J, v(l.label), 1),
                     n("div", {
                       class: "of-detail-sheet__markdown of-markdown",
-                      innerHTML: M(l)
-                    }, null, 8, U)
+                      innerHTML: S(l)
+                    }, null, 8, Q)
                   ]))), 128))
-                ])) : g("", !0)
+                ])) : p("", !0)
               ], 2),
-              n("div", W, [
+              n("div", U, [
                 n("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--delete",
                   onClick: T
@@ -125,10 +130,10 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
                   class: "of-detail-sheet__btn of-detail-sheet__btn--save",
                   disabled: !D.value,
                   onClick: P
-                }, " 保存 ", 8, X)
+                }, " 保存 ", 8, W)
               ])
             ], 2)
-          ], 2)) : g("", !0)
+          ], 2)) : p("", !0)
         ]),
         _: 1
       })
@@ -136,5 +141,5 @@ const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-shee
   }
 });
 export {
-  K as default
+  $ 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

@@ -10,15 +10,38 @@ type __VLS_Props = {
     statusColorMap?: ColorMap;
     readonly?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "row-click": (row: any) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        cell?(_: {
+            row: TableRow;
+            col: TableColumn;
+        }): any;
+        cell?(_: {
+            row: TableRow;
+            col: TableColumn;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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: 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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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-15efc0e6"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ccf7d630"]]);
 export {
-  f as default
+  e as default
 };

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

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

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

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