@oneflowui/ui 0.5.5 → 0.5.7

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

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

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

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

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

@@ -40,11 +40,11 @@ const ie = { class: "of-table-toolbar" }, fe = {
   },
   emits: ["update:currentView", "update:columns", "update:searchKeyword", "add-filter", "remove-filter", "update-filter", "clear-filters", "update:filterLogic", "sort", "group", "save-view", "load-view"],
   setup(l, { emit: N }) {
-    const I = [
+    const R = l, u = N, I = [
       { value: "table", label: "表格", icon: "table-2" },
       { value: "kanban", label: "看板", icon: "columns-3" },
       { value: "timeline", label: "时间线", icon: "calendar" }
-    ], R = l, u = N, j = T(() => R.viewTabs ?? I), k = i(!1), v = i(!1), c = i(!1), p = i(!1), D = i(null), G = i(null), A = i(null), z = i(null), F = i({}), P = i({}), U = i({}), E = i({});
+    ], j = T(() => R.viewTabs ?? I), k = i(!1), v = i(!1), c = i(!1), p = i(!1), D = i(null), G = i(null), A = i(null), z = i(null), F = i({}), P = i({}), U = i({}), E = i({});
     function q(r) {
       if (!r) return {};
       const e = r.getBoundingClientRect();

package/dist/components/tabs/TabPanel.vue.js

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

package/dist/components/tabs/TabPanel.vue2.js

@@ -9,9 +9,9 @@ const f = ["id", "aria-labelledby", "hidden"], k = /* @__PURE__ */ o({
     const l = e, t = i("of-tabs-active"), a = d(() => (t == null ? void 0 : t.value) === l.name);
     return (n, b) => e.keepAlive || a.value ? c((r(), u("div", {
       key: 0,
+      id: `of-panel-${e.name}`,
       class: "of-tab-panel",
       role: "tabpanel",
-      id: `of-panel-${e.name}`,
       "aria-labelledby": `of-tab-${e.name}`,
       hidden: e.keepAlive && !a.value ? !0 : void 0
     }, [

package/dist/components/tabs/Tabs.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tabs.vue2.js";
 /* empty css          */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd5210e5"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c4531cc"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/tabs/Tabs.vue2.js

@@ -4,7 +4,7 @@ const B = {
   class: "of-tabs__nav",
   role: "tablist",
   "aria-label": "tabs"
-}, E = ["disabled", "id", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "onClick", "onKeydown"], I = { class: "of-tabs__tab-label" }, K = {
+}, E = ["id", "disabled", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "onClick", "onKeydown"], I = { class: "of-tabs__tab-label" }, K = {
   key: 1,
   class: "of-tabs__badge"
 }, L = { class: "of-tabs__content" }, F = /* @__PURE__ */ h({
@@ -53,6 +53,7 @@ const B = {
     }, [
       c("div", B, [
         (l(!0), r(D, null, x(i.tabs, (e) => (l(), r("button", {
+          id: `of-tab-${e.key}`,
           key: e.key,
           class: m(["of-tabs__tab", {
             "of-tabs__tab--active": o.value === e.key,
@@ -60,7 +61,6 @@ const B = {
           }]),
           disabled: e.disabled,
           role: "tab",
-          id: `of-tab-${e.key}`,
           "aria-selected": o.value === e.key,
           "aria-controls": `of-panel-${e.key}`,
           "aria-disabled": e.disabled,

package/dist/components/timeline/GanttRow.vue.d.ts

@@ -37,6 +37,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         endDate: string;
     }) => any) | undefined;
 }>, {
+    priorityColorMap: ColorMap;
+    statusColorMap: ColorMap;
     readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/timeline/GanttRow.vue.js

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

package/dist/components/timeline/GanttRow.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as W, ref as _, computed as r, openBlock as B, createElementBlock as T, createElementVNode as n, normalizeStyle as d, toDisplayString as y, normalizeClass as A } from "vue";
-import { resolveBadge as h, mergeColorMap as M, DEFAULT_PRIORITY_MAP as z, DEFAULT_STATUS_MAP as R } from "../../composables/useBadge.js";
-const U = { class: "gantt-row__label" }, X = { class: "gantt-row__title" }, F = { class: "gantt-row__bar-label" }, G = /* @__PURE__ */ W({
+import { defineComponent as T, ref as b, computed as n, openBlock as A, createElementBlock as R, createElementVNode as r, normalizeStyle as l, toDisplayString as m, normalizeClass as _, withModifiers as z } from "vue";
+import { resolveBadge as h, mergeColorMap as M, DEFAULT_PRIORITY_MAP as U, DEFAULT_STATUS_MAP as X } from "../../composables/useBadge.js";
+const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K = { class: "gantt-row__bar-label" }, N = /* @__PURE__ */ T({
   __name: "GanttRow",
   props: {
     item: {},
@@ -9,28 +9,28 @@ const U = { class: "gantt-row__label" }, X = { class: "gantt-row__title" }, F =
     durationDays: {},
     totalDays: {},
     readonly: { type: Boolean, default: !1 },
-    priorityColorMap: {},
-    statusColorMap: {}
+    priorityColorMap: { default: void 0 },
+    statusColorMap: { default: void 0 }
   },
   emits: ["click", "change"],
-  setup(s, { emit: b }) {
-    const t = s, u = b, l = _(!1), i = _(null);
-    let g = 0, D = 0, c = 0;
-    const C = r(() => t.totalDays * t.dayWidth), S = r(() => t.offsetDays * t.dayWidth), k = r(() => Math.max(t.durationDays, 1) * t.dayWidth), m = r(
+  setup(i, { emit: k }) {
+    const t = i, d = k, s = b(!1), u = b(null);
+    let g = 0, f = 0, c = 0;
+    const x = n(() => t.totalDays * t.dayWidth), C = n(() => t.offsetDays * t.dayWidth), S = n(() => Math.max(t.durationDays, 1) * t.dayWidth), y = n(
       () => h(
         t.item.priority || "",
-        M(z, t.priorityColorMap)
+        M(U, t.priorityColorMap)
       )
-    ), f = r(() => t.item.barColor ? { background: t.item.barColor, color: "var(--of-color-gray-800)" } : {
-      background: m.value.style.background,
-      color: m.value.style.color
-    }), x = r(() => m.value.style), $ = r(() => {
+    ), D = n(() => t.item.barColor ? { background: t.item.barColor, color: "var(--of-color-gray-800)" } : {
+      background: y.value.style.background,
+      color: y.value.style.color
+    }), E = n(() => y.value.style), $ = n(() => {
       const e = h(
         t.item.status || "",
-        M(R, t.statusColorMap)
+        M(X, t.statusColorMap)
       );
       return e.dot ?? e.style.color;
-    }), E = r(() => {
+    }), L = n(() => {
       const e = (a) => {
         const o = /* @__PURE__ */ new Date(`${a}T00:00:00`);
         return `${String(o.getMonth() + 1).padStart(2, "0")}/${String(o.getDate()).padStart(2, "0")}`;
@@ -38,73 +38,89 @@ const U = { class: "gantt-row__label" }, X = { class: "gantt-row__title" }, F =
       return `${e(t.item.startDate)} - ${e(t.item.endDate)}`;
     });
     function v(e, a) {
-      t.readonly || (e.preventDefault(), e.stopPropagation(), l.value = !0, i.value = a, g = e.clientX, D = t.offsetDays, c = t.durationDays, window.addEventListener("mousemove", p), window.addEventListener("mouseup", w));
+      t.readonly || (e.preventDefault(), e.stopPropagation(), s.value = !0, u.value = a, g = e.clientX, f = t.offsetDays, c = t.durationDays, window.addEventListener("mousemove", p), window.addEventListener("mouseup", w));
     }
     function p(e) {
-      if (!l.value || !i.value) return;
+      if (!s.value || !u.value) return;
       const a = Math.round((e.clientX - g) / t.dayWidth);
-      if (i.value === "move") {
-        const P = Math.max(0, Math.min(D + a, t.totalDays - 1));
-        u("change", {
+      if (u.value === "move") {
+        const B = Math.max(0, Math.min(f + a, t.totalDays - 1));
+        d("change", {
           id: t.item.id,
-          offsetDays: P,
+          offsetDays: B,
           durationDays: c,
           startDate: t.item.startDate,
           endDate: t.item.endDate
         });
         return;
       }
-      const o = Math.max(1, c + a), L = Math.max(1, t.totalDays - t.offsetDays);
-      u("change", {
+      const o = Math.max(1, c + a), W = Math.max(1, t.totalDays - t.offsetDays);
+      d("change", {
         id: t.item.id,
         offsetDays: t.offsetDays,
-        durationDays: Math.min(o, L),
+        durationDays: Math.min(o, W),
         startDate: t.item.startDate,
         endDate: t.item.endDate
       });
     }
     function w() {
-      l.value = !1, i.value = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w);
+      s.value = !1, u.value = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w);
     }
-    return (e, a) => (B(), T("div", {
+    function P(e) {
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), d("click", t.item));
+    }
+    return (e, a) => (A(), R("div", {
       class: "gantt-row",
-      onClick: a[2] || (a[2] = (o) => u("click", s.item))
+      role: "button",
+      tabindex: "0",
+      onClick: a[2] || (a[2] = (o) => d("click", i.item)),
+      onKeydown: P
     }, [
-      n("div", U, [
-        n("span", {
+      r("div", F, [
+        r("span", {
           class: "gantt-row__dot",
-          style: d({ backgroundColor: $.value })
+          style: l({ backgroundColor: $.value })
         }, null, 4),
-        n("span", X, y(s.item.title), 1),
-        n("span", {
+        r("span", I, m(i.item.title), 1),
+        r("span", {
           class: "gantt-row__priority",
-          style: d(x.value)
-        }, y(s.item.priority), 5)
+          style: l(E.value)
+        }, m(i.item.priority), 5)
       ]),
-      n("div", {
+      r("div", {
         class: "gantt-row__chart",
-        style: d({ width: `${C.value}px` })
+        style: l({ width: `${x.value}px` })
       }, [
-        n("div", {
-          class: A(["gantt-row__bar", { "gantt-row__bar--dragging": l.value }]),
-          style: d({
-            left: `${S.value}px`,
-            width: `${k.value}px`,
-            backgroundColor: f.value.background,
-            color: f.value.color
-          }),
-          onMousedown: a[1] || (a[1] = (o) => v(o, "move"))
+        r("div", {
+          class: _(["gantt-row__bar-shell", { "gantt-row__bar--dragging": s.value }]),
+          style: l({
+            left: `${C.value}px`,
+            width: `${S.value}px`
+          })
         }, [
-          n("span", F, y(E.value), 1),
-          n("span", {
+          r("button", {
+            type: "button",
+            class: _(["gantt-row__bar", { "gantt-row__bar--dragging": s.value }]),
+            style: l({
+              backgroundColor: D.value.background,
+              color: D.value.color
+            }),
+            "aria-label": "拖动时间条",
+            onMousedown: a[0] || (a[0] = (o) => v(o, "move"))
+          }, [
+            r("span", K, m(L.value), 1)
+          ], 38),
+          r("button", {
+            type: "button",
             class: "gantt-row__handle",
-            onMousedown: a[0] || (a[0] = (o) => v(o, "resize-end"))
+            "aria-label": "调整结束时间",
+            onMousedown: a[1] || (a[1] = z((o) => v(o, "resize-end"), ["stop"]))
           }, null, 32)
-        ], 38)
+        ], 6)
       ], 4)
-    ]));
+    ], 32));
   }
 });
 export {
-  G as default
+  N as default
 };

package/dist/components/timeline/GanttTimeline.vue.d.ts

@@ -38,6 +38,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     }) => any) | undefined;
     "onUpdate:records"?: ((records: DataRecord[]) => any) | undefined;
 }>, {
+    startDate: string;
+    items: GanttItem[];
+    data: Task[];
+    records: DataRecord[];
+    schema: TableSchema;
+    viewConfig: ViewConfig;
     startFieldId: string;
     endFieldId: string;
     labelFieldId: string;

package/dist/components/timeline/GanttTimeline.vue.js

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

package/dist/components/timeline/GanttTimeline.vue2.js

@@ -7,15 +7,15 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
 }, f = 40, lt = /* @__PURE__ */ J({
   __name: "GanttTimeline",
   props: {
-    records: {},
-    schema: {},
-    viewConfig: {},
+    records: { default: void 0 },
+    schema: { default: void 0 },
+    viewConfig: { default: void 0 },
     startFieldId: { default: "startDate" },
     endFieldId: { default: "endDate" },
     labelFieldId: { default: "title" },
-    items: {},
-    data: {},
-    startDate: {},
+    items: { default: void 0 },
+    data: { default: void 0 },
+    startDate: { default: void 0 },
     days: { default: 30 }
   },
   emits: ["row-click", "record-change", "update:records"],
@@ -71,8 +71,8 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
     )), O = s(() => {
       var a, r;
       const e = [...m.value], t = (r = (a = n.viewConfig) == null ? void 0 : a.sorts) == null ? void 0 : r[0];
-      return t && e.sort((d, v) => {
-        const o = d[t.fieldId] ?? "", q = v[t.fieldId] ?? "", M = String(o).localeCompare(String(q));
+      return t && e.sort((o, g) => {
+        const d = o[t.fieldId] ?? "", q = g[t.fieldId] ?? "", M = String(d).localeCompare(String(q));
         return t.direction === "desc" ? -M : M;
       }), e;
     }), V = s(() => {
@@ -86,9 +86,9 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         return p(n.startDate || x(), n.days - 1);
       const e = Math.max(...m.value.map((a) => i(a.endDate).getTime())), t = new Date(e);
       return t.setDate(t.getDate() + 1), h(t);
-    }), D = s(() => n.startDate || V.value), g = s(() => n.startDate ? n.days : Math.max(n.days, y(D.value, Y.value) + 1)), N = s(() => {
+    }), D = s(() => n.startDate || V.value), v = s(() => n.startDate ? n.days : Math.max(n.days, y(D.value, Y.value) + 1)), N = s(() => {
       const e = [];
-      for (let t = 0; t < g.value; t++)
+      for (let t = 0; t < v.value; t++)
         e.push(p(D.value, t));
       return e;
     }), u = K([]);
@@ -100,10 +100,10 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
       { immediate: !0 }
     );
     const C = s(() => {
-      const e = D.value, t = g.value;
+      const e = D.value, t = v.value;
       return u.value.map((a) => {
-        const r = Math.max(0, y(e, a.startDate)), d = Math.max(r, y(e, a.endDate)), v = Math.max(1, d - r + 1);
-        return { row: a, offsetDays: Math.min(r, t - 1), durationDays: v };
+        const r = Math.max(0, y(e, a.startDate)), o = Math.max(r, y(e, a.endDate)), g = Math.max(1, o - r + 1);
+        return { row: a, offsetDays: Math.min(r, t - 1), durationDays: g };
       });
     }), $ = h(/* @__PURE__ */ new Date());
     function A(e) {
@@ -115,10 +115,10 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
     }
     const k = s(() => {
       const e = y(D.value, $);
-      return e < 0 || e > g.value - 1 ? null : e * f + f / 2;
+      return e < 0 || e > v.value - 1 ? null : e * f + f / 2;
     });
     function j(e) {
-      const t = u.value.findIndex((o) => o.id === e.id);
+      const t = u.value.findIndex((d) => d.id === e.id);
       if (t === -1) return;
       const a = p(D.value, e.offsetDays), r = p(a, e.durationDays - 1);
       u.value[t] = {
@@ -126,22 +126,22 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         startDate: a,
         endDate: r
       };
-      const d = u.value[t].sourceRecordId;
-      if (!d) return;
+      const o = u.value[t].sourceRecordId;
+      if (!o) return;
       S("record-change", {
-        recordId: d,
+        recordId: o,
         startDate: a,
         endDate: r
       });
-      const v = F.value.map((o) => o.id !== d ? o : {
-        ...o,
+      const g = F.value.map((d) => d.id !== o ? d : {
+        ...d,
         fields: {
-          ...o.fields,
+          ...d.fields,
           [n.startFieldId]: a,
           [n.endFieldId]: r
         }
       });
-      S("update:records", v);
+      S("update:records", g);
     }
     return (e, t) => (l(), c("div", {
       class: "gantt-timeline",
@@ -151,7 +151,7 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
         t[0] || (t[0] = I("div", { class: "gantt-timeline__header-label" }, "任务", -1)),
         I("div", {
           class: "gantt-timeline__header-dates",
-          style: _({ width: `${g.value * f}px` })
+          style: _({ width: `${v.value * f}px` })
         }, [
           (l(!0), c(R, null, T(N.value, (a) => (l(), c("div", {
             key: a,
@@ -172,7 +172,7 @@ const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__r
           "offset-days": a.offsetDays,
           "duration-days": a.durationDays,
           "day-width": f,
-          "total-days": g.value,
+          "total-days": v.value,
           onChange: j,
           onClick: (r) => S("row-click", a.row)
         }, null, 8, ["item", "offset-days", "duration-days", "total-days", "onClick"]))), 128)),

package/dist/composables/useKeyboardNavigation.d.ts

@@ -5,7 +5,7 @@ export interface UseKeyboardNavigationOptions {
     columns: Ref<TableColumn[]>;
     rows: Ref<Array<{
         id: string;
-    } & Record<string, any>>>;
+    } & Record<string, unknown>>>;
     containerRef: Ref<HTMLElement | null>;
     editingCell: Ref<EditingCell | null>;
     enabled: Ref<boolean>;

package/dist/composables/useRowDrag.d.ts

@@ -17,16 +17,18 @@ export interface RowGroupChangePayload {
     groupFieldId: string;
     newValue: unknown;
 }
-export declare function useRowDrag<T extends Record<string, any>>(options: UseRowDragOptions<T>): {
+type RowDragItem<T> = T | GroupedListItem<T>;
+export declare function useRowDrag<T extends Record<string, unknown>>(options: UseRowDragOptions<T>): {
     isDragging: Readonly<Ref<boolean, boolean>>;
     draggedRowId: Readonly<Ref<string | null, string | null>>;
     dropTargetId: Readonly<Ref<string | null, string | null>>;
     dropPosition: Readonly<Ref<"before" | "after" | "into-group", "before" | "after" | "into-group">>;
-    handleDragStart: (e: DragEvent, item: GroupedListItem<T>) => void;
-    handleDragOver: (e: DragEvent, targetItem: GroupedListItem<T>) => void;
-    handleDrop: (e: DragEvent, targetItem: GroupedListItem<T>, callbacks: {
+    handleDragStart: (e: DragEvent, item: RowDragItem<T>) => void;
+    handleDragOver: (e: DragEvent, targetItem: RowDragItem<T>) => void;
+    handleDrop: (e: DragEvent, targetItem: RowDragItem<T>, callbacks: {
         onReorder?: (payload: RowReorderPayload) => void;
         onGroupChange?: (payload: RowGroupChangePayload) => void;
     }) => void;
     handleDragEnd: () => void;
 };
+export {};