@oneflowui/ui 0.5.5 → 0.5.7

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

@@ -1,10 +1,10 @@
-import { defineComponent as b, ref as k, watch as C, openBlock as r, createElementBlock as d, createElementVNode as n, createVNode as l, unref as s, createTextVNode as u, withCtx as V, Fragment as y, renderList as E, normalizeClass as x, toDisplayString as z, createCommentVNode as w } from "vue";
-import { X as N, Eye as B, EyeOff as D, GripVertical as A } from "lucide-vue-next";
-import { VueDraggable as T } from "vue-draggable-plus";
-const U = {
+import { defineComponent as v, ref as k, watch as C, openBlock as r, createElementBlock as d, createElementVNode as n, createVNode as l, unref as s, createTextVNode as u, withCtx as V, Fragment as y, renderList as E, normalizeClass as x, toDisplayString as z, createCommentVNode as w } from "vue";
+import { X as N, Eye as B, EyeOff as D, GripVertical as $ } from "lucide-vue-next";
+import { VueDraggable as A } from "vue-draggable-plus";
+const T = {
   key: 0,
   class: "of-col-manager"
-}, $ = { class: "of-col-manager__header" }, F = { class: "of-col-manager__actions" }, G = { class: "of-col-manager__drag" }, L = ["checked", "onChange"], j = /* @__PURE__ */ b({
+}, U = { class: "of-col-manager__header" }, F = { class: "of-col-manager__actions" }, G = { class: "of-col-manager__drag" }, L = ["aria-label", "checked", "onChange"], j = /* @__PURE__ */ v({
   __name: "TableColumnManager",
   props: {
     columns: {},
@@ -15,35 +15,35 @@ const U = {
     const _ = c, m = f, t = k([]);
     C(
       () => _.columns,
-      (o) => {
-        t.value = o.map((e) => ({ ...e }));
+      (a) => {
+        t.value = a.map((e) => ({ ...e }));
       },
       { immediate: !0, deep: !0 }
     );
     function i() {
       m(
         "update:columns",
-        t.value.map((o) => ({ ...o }))
+        t.value.map((a) => ({ ...a }))
       );
     }
-    function g(o) {
-      o.hidden = !o.hidden, i();
+    function g(a) {
+      a.hidden = !a.hidden, i();
     }
     function p() {
-      t.value.forEach((o) => o.hidden = !1), i();
+      t.value.forEach((a) => a.hidden = !1), i();
     }
-    function h() {
-      t.value.forEach((o) => o.hidden = !0), i();
+    function b() {
+      t.value.forEach((a) => a.hidden = !0), i();
     }
-    function v() {
+    function h() {
       i();
     }
-    return (o, e) => c.visible ? (r(), d("div", U, [
-      n("div", $, [
+    return (a, e) => c.visible ? (r(), d("div", T, [
+      n("div", U, [
         e[2] || (e[2] = n("span", { class: "of-col-manager__title" }, "管理列", -1)),
         n("button", {
           class: "of-col-manager__close",
-          onClick: e[0] || (e[0] = (a) => m("close"))
+          onClick: e[0] || (e[0] = (o) => m("close"))
         }, [
           l(s(N), { size: 14 })
         ])
@@ -58,36 +58,37 @@ const U = {
         ]),
         n("button", {
           class: "of-col-manager__action-btn",
-          onClick: h
+          onClick: b
         }, [
           l(s(D), { size: 12 }),
           e[4] || (e[4] = u(" 隐藏全部 ", -1))
         ])
       ]),
-      l(s(T), {
+      l(s(A), {
         modelValue: t.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value = a),
+        "onUpdate:modelValue": e[1] || (e[1] = (o) => t.value = o),
         handle: ".of-col-manager__drag",
         animation: 150,
-        onEnd: v
+        onEnd: h
       }, {
         default: V(() => [
-          (r(!0), d(y, null, E(t.value, (a) => (r(), d("div", {
-            key: a.key,
+          (r(!0), d(y, null, E(t.value, (o) => (r(), d("div", {
+            key: o.key,
             class: "of-col-manager__row"
           }, [
             n("span", G, [
-              l(s(A), { size: 14 })
+              l(s($), { size: 14 })
             ]),
             n("input", {
               type: "checkbox",
               class: "of-col-manager__checkbox",
-              checked: !a.hidden,
-              onChange: (M) => g(a)
+              "aria-label": `显示列 ${o.label}`,
+              checked: !o.hidden,
+              onChange: (M) => g(o)
             }, null, 40, L),
             n("span", {
-              class: x(["of-col-manager__label", { dimmed: a.hidden }])
-            }, z(a.label), 3)
+              class: x(["of-col-manager__label", { dimmed: o.hidden }])
+            }, z(o.label), 3)
           ]))), 128))
         ]),
         _: 1

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

@@ -39,6 +39,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     selectable: boolean;
     rowKey: string;
     selected: boolean;
+    priorityColorMap: ColorMap;
+    statusColorMap: ColorMap;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import o from "./TableFilterPanel.vue2.js";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30556b88"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e9c57c5"]]);
 export {
-  m as default
+  c as default
 };

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

@@ -85,6 +85,7 @@ const x = {
           ])),
           i("select", {
             class: "of-filter-condition__select of-filter-condition__select--field",
+            "aria-label": "筛选字段",
             value: l.field,
             onChange: (t) => a("update-condition", l.id, { field: t.target.value })
           }, [
@@ -95,6 +96,7 @@ const x = {
           ], 40, w),
           i("select", {
             class: "of-filter-condition__select",
+            "aria-label": "筛选条件",
             value: l.operator,
             onChange: (t) => a("update-condition", l.id, {
               operator: t.target.value
@@ -108,6 +110,7 @@ const x = {
           h(l.operator) ? (o(), n("span", L)) : (o(), n("input", {
             key: 2,
             class: "of-filter-condition__input",
+            "aria-label": "筛选值",
             value: l.value,
             placeholder: "输入值...",
             onInput: (t) => a("update-condition", l.id, { value: t.target.value })

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

@@ -17,6 +17,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     collapsed: boolean;
     selectable: boolean;
+    colorMap: ColorMap;
     level: number;
+    aggregations: Record<string, 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 c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-52c60c99"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-42db94c3"]]);
 export {
-  c as default
+  m as default
 };

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

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

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-cbab1336"]]);
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-55ef62f3"]]);
 export {
-  m as default
+  f as default
 };