@oneflowui/ui 0.5.4 → 0.5.6

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

@@ -10,7 +10,23 @@ type __VLS_Props = {
     statusColorMap?: ColorMap;
     readonly?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+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: any) => any;
     "add-row": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -21,4 +37,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e312b60f"]]);
 export {
   f as default
 };

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

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

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

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

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

@@ -1,24 +1,24 @@
-import { defineComponent as S, computed as p, openBlock as o, createElementBlock as s, normalizeClass as $, withModifiers as B, createElementVNode as D, createCommentVNode as T, Fragment as g, renderList as A, normalizeStyle as d, renderSlot as P, toDisplayString as a } from "vue";
+import { defineComponent as S, computed as m, openBlock as n, createElementBlock as s, normalizeClass as $, withModifiers as B, createElementVNode as D, createCommentVNode as T, Fragment as p, renderList as A, normalizeStyle as d, renderSlot as P, toDisplayString as a } from "vue";
 import { mergeColorMap as w, DEFAULT_PRIORITY_MAP as R, DEFAULT_STATUS_MAP as _, resolveBadge as h } from "../../composables/useBadge.js";
-const E = ["checked"], N = {
+const E = ["aria-selected"], N = ["checked"], V = {
   key: 0,
   class: "of-badge of-badge--role"
-}, V = {
+}, F = {
   key: 1,
   class: "of-td-empty"
-}, F = {
+}, I = {
   key: 3,
   class: "of-td-text"
-}, I = {
+}, L = {
   key: 4,
   class: "of-td-id"
-}, L = {
+}, U = {
   key: 5,
   class: "of-td-title"
-}, U = {
+}, z = {
   key: 6,
   class: "of-td-text"
-}, W = /* @__PURE__ */ S({
+}, G = /* @__PURE__ */ S({
   __name: "TableDataRow",
   props: {
     row: {},
@@ -30,18 +30,18 @@ const E = ["checked"], N = {
     statusColorMap: {}
   },
   emits: ["select", "click"],
-  setup(r, { emit: b }) {
-    const i = r, u = b;
+  setup(l, { emit: b }) {
+    const i = l, u = b;
     function C(e) {
       if (e.width === "fill") {
-        const n = `${e.minWidth ?? 220}px`;
-        return { flex: `1 1 ${n}`, minWidth: n };
+        const o = `${e.minWidth ?? 220}px`;
+        return { flex: `1 1 ${o}`, minWidth: o };
       }
       return { width: `${e.width}px`, flexShrink: "0", flexGrow: "0" };
     }
-    const v = p(
+    const v = m(
       () => w(R, i.priorityColorMap)
-    ), x = p(() => w(_, i.statusColorMap));
+    ), x = m(() => w(_, i.statusColorMap));
     function c(e) {
       return h(e, v.value);
     }
@@ -50,66 +50,70 @@ const E = ["checked"], N = {
     }
     function M(e) {
       if (!e) return "-";
-      const n = new Date(e);
-      return isNaN(n.getTime()) ? e : `${n.getMonth() + 1}/${n.getDate()}`;
+      const o = new Date(e);
+      return isNaN(o.getTime()) ? e : `${o.getMonth() + 1}/${o.getDate()}`;
     }
     function y(e) {
       return i.row[e.key];
     }
     function k(e) {
-      const n = y(e);
-      return n != null ? String(n) : "-";
+      const o = y(e);
+      return o != null ? String(o) : "-";
     }
-    function l(e) {
-      const n = y(e);
-      return typeof n == "string" ? n : "";
+    function r(e) {
+      const o = y(e);
+      return typeof o == "string" ? o : "";
     }
-    function m() {
+    function g() {
       const e = i.row[i.rowKey];
       return e != null ? String(e) : "";
     }
-    return (e, n) => (o(), s("div", {
-      class: $(["of-table-row", { "of-table-row--selected": r.selected }]),
-      onClick: n[2] || (n[2] = (t) => u("click", r.row))
+    return (e, o) => (n(), s("div", {
+      class: $(["of-table-row", { "of-table-row--selected": l.selected }]),
+      role: "row",
+      "aria-selected": l.selected || void 0,
+      onClick: o[2] || (o[2] = (t) => u("click", l.row))
     }, [
-      r.selectable ? (o(), s("div", {
+      l.selectable ? (n(), s("div", {
         key: 0,
         class: "of-td of-td-checkbox",
-        onClick: n[1] || (n[1] = B(() => {
+        role: "gridcell",
+        onClick: o[1] || (o[1] = B(() => {
         }, ["stop"]))
       }, [
         D("input", {
           type: "checkbox",
           class: "of-checkbox",
-          checked: r.selected,
-          onChange: n[0] || (n[0] = (t) => u("select", m()))
-        }, null, 40, E)
+          checked: l.selected,
+          onChange: o[0] || (o[0] = (t) => u("select", g()))
+        }, null, 40, N)
       ])) : T("", !0),
-      (o(!0), s(g, null, A(r.columns, (t) => (o(), s("div", {
+      (n(!0), s(p, null, A(l.columns, (t) => (n(), s("div", {
         key: t.key,
         class: "of-td",
+        role: "gridcell",
         style: d(C(t))
       }, [
         P(e.$slots, "cell", {
-          row: r.row,
+          row: l.row,
           col: t
         }, () => [
-          t.key === "status" ? (o(), s("span", {
+          t.key === "status" ? (n(), s("span", {
             key: 0,
             class: "of-badge",
-            style: d(f(l(t)).style)
-          }, a(f(l(t)).label), 5)) : t.key === "priority" ? (o(), s("span", {
+            style: d(f(r(t)).style)
+          }, a(f(r(t)).label), 5)) : t.key === "priority" ? (n(), s("span", {
             key: 1,
             class: "of-badge",
-            style: d(c(l(t)).style)
-          }, a(c(l(t)).label), 5)) : t.key === "role" ? (o(), s(g, { key: 2 }, [
-            l(t) ? (o(), s("span", N, a(l(t)), 1)) : (o(), s("span", V, "-"))
-          ], 64)) : t.key === "updatedAt" ? (o(), s("span", F, a(M(l(t))), 1)) : t.key === "id" ? (o(), s("span", I, a(m()), 1)) : t.key === "title" ? (o(), s("span", L, a(k(t)), 1)) : (o(), s("span", U, a(k(t)), 1))
+            style: d(c(r(t)).style)
+          }, a(c(r(t)).label), 5)) : t.key === "role" ? (n(), s(p, { key: 2 }, [
+            r(t) ? (n(), s("span", V, a(r(t)), 1)) : (n(), s("span", F, "-"))
+          ], 64)) : t.key === "updatedAt" ? (n(), s("span", I, a(M(r(t))), 1)) : t.key === "id" ? (n(), s("span", L, a(g()), 1)) : t.key === "title" ? (n(), s("span", U, a(k(t)), 1)) : (n(), s("span", z, a(k(t)), 1))
         ], !0)
       ], 4))), 128))
-    ], 2));
+    ], 10, E));
   }
 });
 export {
-  W as default
+  G as 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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c6e2f1e0"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-52c60c99"]]);
 export {
-  a as default
+  c as default
 };

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

@@ -1,12 +1,15 @@
-import { defineComponent as w, computed as u, openBlock as l, createElementBlock as a, normalizeStyle as p, createCommentVNode as g, createElementVNode as d, normalizeClass as k, createTextVNode as x, toDisplayString as n, Fragment as h, renderList as B } from "vue";
+import { defineComponent as w, computed as c, openBlock as l, createElementBlock as a, normalizeStyle as p, createElementVNode as g, createCommentVNode as d, normalizeClass as k, createTextVNode as x, toDisplayString as s, Fragment as h, renderList as B } from "vue";
 import { resolveBadge as C } from "../../composables/useBadge.js";
 const N = {
+  class: "of-table-group-row__cell",
+  role: "gridcell"
+}, K = {
   key: 0,
   class: "of-table-group-row__checkbox-spacer"
-}, K = {
+}, L = {
   key: 2,
   class: "of-table-group-row__label"
-}, L = { class: "of-table-group-row__count" }, T = /* @__PURE__ */ w({
+}, M = { class: "of-table-group-row__count" }, V = /* @__PURE__ */ w({
   name: "TableGroupRow",
   __name: "TableGroupRow",
   props: {
@@ -19,40 +22,43 @@ const N = {
     aggregations: {}
   },
   emits: ["toggle"],
-  setup(s, { emit: i }) {
-    const o = s, m = i, r = u(() => o.colorMap ? C(o.groupKey, o.colorMap) : null), b = u(() => o.groupKey || "(空)"), f = u(() => o.level * 16), _ = u(() => o.aggregations ? Object.entries(o.aggregations).map(([c, t]) => {
-      const [, e] = c.split(":"), y = e === "sum" ? "总计" : e === "avg" ? "平均" : e === "min" ? "最小" : e === "max" ? "最大" : "计数", v = typeof t == "number" && !Number.isInteger(t) ? t.toFixed(2) : String(t);
-      return { key: c, label: y, value: v };
+  setup(n, { emit: i }) {
+    const o = n, b = i, r = c(() => o.colorMap ? C(o.groupKey, o.colorMap) : null), m = c(() => o.groupKey || "(空)"), f = c(() => o.level * 16), _ = c(() => o.aggregations ? Object.entries(o.aggregations).map(([u, t]) => {
+      const [, e] = u.split(":"), y = e === "sum" ? "总计" : e === "avg" ? "平均" : e === "min" ? "最小" : e === "max" ? "最大" : "计数", v = typeof t == "number" && !Number.isInteger(t) ? t.toFixed(2) : String(t);
+      return { key: u, label: y, value: v };
     }) : []);
-    return (c, t) => (l(), a("div", {
+    return (u, t) => (l(), a("div", {
       class: "of-table-group-row",
-      onClick: t[0] || (t[0] = (e) => m("toggle")),
+      role: "row",
+      onClick: t[0] || (t[0] = (e) => b("toggle")),
       style: p({ paddingLeft: `${12 + f.value}px` })
     }, [
-      s.selectable ? (l(), a("div", N)) : g("", !0),
-      d("span", {
-        class: k(["of-table-group-row__chevron", { "of-table-group-row__chevron--collapsed": s.collapsed }])
-      }, "▼", 2),
-      r.value ? (l(), a("span", {
-        key: 1,
-        class: "of-table-group-row__badge",
-        style: p(r.value.style)
-      }, [
-        r.value.dot ? (l(), a("span", {
-          key: 0,
-          class: "of-table-group-row__badge-dot",
-          style: p({ background: r.value.dot })
-        }, null, 4)) : g("", !0),
-        x(" " + n(r.value.label), 1)
-      ], 4)) : (l(), a("span", K, n(b.value), 1)),
-      d("span", L, "(" + n(s.count) + ")", 1),
-      (l(!0), a(h, null, B(_.value, (e) => (l(), a("span", {
-        key: e.key,
-        class: "of-table-group-row__agg"
-      }, n(e.label) + ": " + n(e.value), 1))), 128))
+      g("div", N, [
+        n.selectable ? (l(), a("div", K)) : d("", !0),
+        g("span", {
+          class: k(["of-table-group-row__chevron", { "of-table-group-row__chevron--collapsed": n.collapsed }])
+        }, "▼", 2),
+        r.value ? (l(), a("span", {
+          key: 1,
+          class: "of-table-group-row__badge",
+          style: p(r.value.style)
+        }, [
+          r.value.dot ? (l(), a("span", {
+            key: 0,
+            class: "of-table-group-row__badge-dot",
+            style: p({ background: r.value.dot })
+          }, null, 4)) : d("", !0),
+          x(" " + s(r.value.label), 1)
+        ], 4)) : (l(), a("span", L, s(m.value), 1)),
+        g("span", M, "(" + s(n.count) + ")", 1),
+        (l(!0), a(h, null, B(_.value, (e) => (l(), a("span", {
+          key: e.key,
+          class: "of-table-group-row__agg"
+        }, s(e.label) + ": " + s(e.value), 1))), 128))
+      ])
     ], 4));
   }
 });
 export {
-  T as default
+  V as default
 };

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

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

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

@@ -1,8 +1,13 @@
-import { defineComponent as v, openBlock as o, createElementBlock as i, createElementVNode as c, createCommentVNode as f, Fragment as x, renderList as z, withModifiers as d, normalizeStyle as C, normalizeClass as w, toDisplayString as B, createBlock as u, unref as r, createVNode as S } from "vue";
-import { ChevronUp as $, ChevronDown as k, Plus as g } from "lucide-vue-next";
-const D = { class: "of-table-header" }, F = {
+import { defineComponent as v, openBlock as o, createElementBlock as s, createElementVNode as c, createCommentVNode as f, Fragment as x, renderList as z, withModifiers as r, normalizeStyle as C, normalizeClass as w, toDisplayString as B, createBlock as u, unref as d, createVNode as S } from "vue";
+import { ChevronUp as $, ChevronDown as h, Plus as g } from "lucide-vue-next";
+const D = {
+  class: "of-table-header",
+  role: "row"
+}, F = {
   key: 0,
-  class: "of-th of-th-checkbox"
+  class: "of-th of-th-checkbox",
+  role: "columnheader",
+  "aria-label": "选择全部行"
 }, M = ["checked", "indeterminate"], K = ["aria-sort", "onClick", "onContextmenu", "onDblclick"], O = { class: "of-th-label" }, R = { class: "of-th-sort-icon" }, N = ["onMousedown", "onDblclick"], E = /* @__PURE__ */ v({
   __name: "TableHeaderRow",
   props: {
@@ -17,8 +22,8 @@ const D = { class: "of-table-header" }, F = {
     enableAddField: { type: Boolean, default: !1 }
   },
   emits: ["sort", "select-all", "resize-start", "resize-dblclick", "header-contextmenu", "header-dblclick", "add-field"],
-  setup(e, { emit: h }) {
-    const s = h;
+  setup(e, { emit: k }) {
+    const a = k;
     function y(n) {
       if (n.width === "fill") {
         const l = `${n.minWidth ?? 220}px`;
@@ -27,60 +32,62 @@ const D = { class: "of-table-header" }, F = {
       return { width: `${n.width}px`, flexShrink: "0", flexGrow: "0" };
     }
     function m(n) {
-      s("sort", n);
+      a("sort", n);
     }
     function b(n, l) {
-      n.stopPropagation(), s("resize-start", n, l);
+      n.stopPropagation(), a("resize-start", n, l);
     }
-    return (n, l) => (o(), i("div", D, [
-      e.selectable ? (o(), i("div", F, [
+    return (n, l) => (o(), s("div", D, [
+      e.selectable ? (o(), s("div", F, [
         c("input", {
           type: "checkbox",
           class: "of-checkbox",
           checked: e.allSelected,
           indeterminate: e.indeterminate,
-          onChange: l[0] || (l[0] = (t) => s("select-all"))
+          onChange: l[0] || (l[0] = (t) => a("select-all"))
         }, null, 40, M)
       ])) : f("", !0),
-      (o(!0), i(x, null, z(e.columns, (t) => (o(), i("div", {
+      (o(!0), s(x, null, z(e.columns, (t) => (o(), s("div", {
         key: t.key,
         role: "columnheader",
         class: w(["of-th", { "of-th--sortable": !0, "of-th--active": e.sortKey === t.key }]),
         style: C(y(t)),
         "aria-sort": e.sortKey === t.key ? e.sortOrder === "asc" ? "ascending" : "descending" : "none",
-        onClick: (a) => m(t.key),
-        onContextmenu: d((a) => e.enableFieldMenu && s("header-contextmenu", a, t.key), ["prevent"]),
-        onDblclick: d((a) => e.enableFieldMenu && s("header-dblclick", t.key), ["stop"])
+        onClick: (i) => m(t.key),
+        onContextmenu: r((i) => e.enableFieldMenu && a("header-contextmenu", i, t.key), ["prevent"]),
+        onDblclick: r((i) => e.enableFieldMenu && a("header-dblclick", t.key), ["stop"])
       }, [
         c("span", O, B(t.label), 1),
         c("span", R, [
-          e.sortKey === t.key && e.sortOrder === "asc" ? (o(), u(r($), {
+          e.sortKey === t.key && e.sortOrder === "asc" ? (o(), u(d($), {
             key: 0,
             size: 12,
             class: "of-sort-icon-active"
-          })) : e.sortKey === t.key && e.sortOrder === "desc" ? (o(), u(r(k), {
+          })) : e.sortKey === t.key && e.sortOrder === "desc" ? (o(), u(d(h), {
             key: 1,
             size: 12,
             class: "of-sort-icon-active"
-          })) : (o(), u(r(k), {
+          })) : (o(), u(d(h), {
             key: 2,
             size: 12,
             class: "of-sort-icon-idle"
           }))
         ]),
-        e.enableResize ? (o(), i("div", {
+        e.enableResize ? (o(), s("div", {
           key: 0,
           class: "of-th-resizer",
-          onMousedown: (a) => b(a, t.key),
-          onDblclick: d((a) => s("resize-dblclick", t.key), ["stop"])
+          onMousedown: (i) => b(i, t.key),
+          onDblclick: r((i) => a("resize-dblclick", t.key), ["stop"])
         }, null, 40, N)) : f("", !0)
       ], 46, K))), 128)),
-      e.enableAddField ? (o(), i("div", {
+      e.enableAddField ? (o(), s("div", {
         key: 1,
         class: "of-th of-th-add",
-        onClick: l[1] || (l[1] = d((t) => s("add-field"), ["stop"]))
+        role: "columnheader",
+        "aria-label": "添加字段",
+        onClick: l[1] || (l[1] = r((t) => a("add-field"), ["stop"]))
       }, [
-        S(r(g), { size: 14 })
+        S(d(g), { size: 14 })
       ])) : f("", !0)
     ]));
   }