@oneflowui/ui 0.4.2 → 0.4.4

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

@@ -0,0 +1,110 @@
+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({
+  __name: "GanttRow",
+  props: {
+    item: {},
+    dayWidth: {},
+    offsetDays: {},
+    durationDays: {},
+    totalDays: {},
+    readonly: { type: Boolean, default: !1 },
+    priorityColorMap: {},
+    statusColorMap: {}
+  },
+  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(
+      () => h(
+        t.item.priority || "",
+        M(z, 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(() => {
+      const e = h(
+        t.item.status || "",
+        M(R, t.statusColorMap)
+      );
+      return e.dot ?? e.style.color;
+    }), E = r(() => {
+      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")}`;
+      };
+      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));
+    }
+    function p(e) {
+      if (!l.value || !i.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", {
+          id: t.item.id,
+          offsetDays: P,
+          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", {
+        id: t.item.id,
+        offsetDays: t.offsetDays,
+        durationDays: Math.min(o, L),
+        startDate: t.item.startDate,
+        endDate: t.item.endDate
+      });
+    }
+    function w() {
+      l.value = !1, i.value = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w);
+    }
+    return (e, a) => (B(), T("div", {
+      class: "gantt-row",
+      onClick: a[2] || (a[2] = (o) => u("click", s.item))
+    }, [
+      n("div", U, [
+        n("span", {
+          class: "gantt-row__dot",
+          style: d({ backgroundColor: $.value })
+        }, null, 4),
+        n("span", X, y(s.item.title), 1),
+        n("span", {
+          class: "gantt-row__priority",
+          style: d(x.value)
+        }, y(s.item.priority), 5)
+      ]),
+      n("div", {
+        class: "gantt-row__chart",
+        style: d({ width: `${C.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"))
+        }, [
+          n("span", F, y(E.value), 1),
+          n("span", {
+            class: "gantt-row__handle",
+            onMousedown: a[0] || (a[0] = (o) => v(o, "resize-end"))
+          }, null, 32)
+        ], 38)
+      ], 4)
+    ]));
+  }
+});
+export {
+  G as default
+};

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

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

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

@@ -0,0 +1,186 @@
+import { defineComponent as J, computed as s, ref as K, watch as P, openBlock as l, createElementBlock as c, normalizeStyle as _, createElementVNode as I, Fragment as R, renderList as T, normalizeClass as Q, toDisplayString as U, createCommentVNode as b, createBlock as X } from "vue";
+import Z from "./GanttRow.vue.js";
+import { taskToDataRecord as tt, buildGanttItems as et } from "../../types/index.js";
+const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__rows" }, rt = {
+  key: 0,
+  class: "gantt-timeline__empty"
+}, f = 40, lt = /* @__PURE__ */ J({
+  __name: "GanttTimeline",
+  props: {
+    records: {},
+    schema: {},
+    viewConfig: {},
+    startFieldId: { default: "startDate" },
+    endFieldId: { default: "endDate" },
+    labelFieldId: { default: "title" },
+    items: {},
+    data: {},
+    startDate: {},
+    days: { default: 30 }
+  },
+  emits: ["row-click", "record-change", "update:records"],
+  setup(E, { emit: L }) {
+    const n = E, S = L;
+    function i(e) {
+      return /* @__PURE__ */ new Date(`${e}T00:00:00`);
+    }
+    function h(e) {
+      const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+      return `${t}-${a}-${r}`;
+    }
+    function y(e, t) {
+      return Math.round((i(t).getTime() - i(e).getTime()) / 864e5);
+    }
+    function p(e, t) {
+      const a = i(e), r = new Date(a);
+      return r.setDate(a.getDate() + t), h(r);
+    }
+    function w(e) {
+      if (typeof e != "string" || !e) return null;
+      const t = e.match(/^(\d{4}-\d{2}-\d{2})/);
+      return t ? t[1] : null;
+    }
+    function x() {
+      const e = /* @__PURE__ */ new Date();
+      return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-01`;
+    }
+    const z = s(() => n.startFieldId ?? "startDate"), B = s(() => n.endFieldId ?? "endDate"), G = s(() => n.labelFieldId ?? "title"), F = s(() => {
+      var e, t;
+      return (e = n.records) != null && e.length ? n.records : (t = n.data) != null && t.length ? n.data.map(tt) : [];
+    }), H = s(() => {
+      var e, t, a;
+      return (e = n.items) != null && e.length ? n.items : (t = n.records) != null && t.length || (a = n.data) != null && a.length ? et(F.value, {
+        startFieldId: z.value,
+        endFieldId: B.value,
+        labelFieldId: G.value
+      }) : [];
+    }), m = s(() => H.value.map((t) => {
+      const a = w(t.startDate), r = w(t.endDate);
+      return {
+        id: t.id,
+        sourceRecordId: t.id,
+        title: t.title,
+        status: t.status,
+        priority: t.priority,
+        startDate: a ?? t.startDate,
+        endDate: r ?? t.endDate,
+        barColor: t.barColor
+      };
+    }).filter(
+      (t) => w(t.startDate) !== null && w(t.endDate) !== null
+    )), 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.direction === "desc" ? -M : M;
+      }), e;
+    }), V = s(() => {
+      if (!m.value.length) return n.startDate || x();
+      const e = Math.min(
+        ...m.value.map((a) => i(a.startDate).getTime())
+      ), t = new Date(e);
+      return t.setDate(t.getDate() - 1), h(t);
+    }), Y = s(() => {
+      if (!m.value.length)
+        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(() => {
+      const e = [];
+      for (let t = 0; t < g.value; t++)
+        e.push(p(D.value, t));
+      return e;
+    }), u = K([]);
+    P(
+      O,
+      (e) => {
+        u.value = e.map((t) => ({ ...t }));
+      },
+      { immediate: !0 }
+    );
+    const C = s(() => {
+      const e = D.value, t = g.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 };
+      });
+    }), $ = h(/* @__PURE__ */ new Date());
+    function A(e) {
+      return e === $;
+    }
+    function W(e) {
+      const t = i(e);
+      return `${String(t.getMonth() + 1).padStart(2, "0")}/${String(t.getDate()).padStart(2, "0")}`;
+    }
+    const k = s(() => {
+      const e = y(D.value, $);
+      return e < 0 || e > g.value - 1 ? null : e * f + f / 2;
+    });
+    function j(e) {
+      const t = u.value.findIndex((o) => o.id === e.id);
+      if (t === -1) return;
+      const a = p(D.value, e.offsetDays), r = p(a, e.durationDays - 1);
+      u.value[t] = {
+        ...u.value[t],
+        startDate: a,
+        endDate: r
+      };
+      const d = u.value[t].sourceRecordId;
+      if (!d) return;
+      S("record-change", {
+        recordId: d,
+        startDate: a,
+        endDate: r
+      });
+      const v = F.value.map((o) => o.id !== d ? o : {
+        ...o,
+        fields: {
+          ...o.fields,
+          [n.startFieldId]: a,
+          [n.endFieldId]: r
+        }
+      });
+      S("update:records", v);
+    }
+    return (e, t) => (l(), c("div", {
+      class: "gantt-timeline",
+      style: _({ "--day-width": `${f}px` })
+    }, [
+      I("div", at, [
+        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` })
+        }, [
+          (l(!0), c(R, null, T(N.value, (a) => (l(), c("div", {
+            key: a,
+            class: Q(["gantt-timeline__header-cell", { "gantt-timeline__header-cell--today": A(a) }]),
+            style: _({ width: `${f}px` })
+          }, U(W(a)), 7))), 128)),
+          k.value !== null ? (l(), c("div", {
+            key: 0,
+            class: "gantt-timeline__today-line",
+            style: _({ left: `${k.value}px` })
+          }, null, 4)) : b("", !0)
+        ], 4)
+      ]),
+      I("div", nt, [
+        (l(!0), c(R, null, T(C.value, (a) => (l(), X(Z, {
+          key: a.row.id,
+          item: a.row,
+          "offset-days": a.offsetDays,
+          "duration-days": a.durationDays,
+          "day-width": f,
+          "total-days": g.value,
+          onChange: j,
+          onClick: (r) => S("row-click", a.row)
+        }, null, 8, ["item", "offset-days", "duration-days", "total-days", "onClick"]))), 128)),
+        C.value.length === 0 ? (l(), c("div", rt, "暂无任务数据")) : b("", !0)
+      ])
+    ], 4));
+  }
+});
+export {
+  lt as default
+};

package/dist/components/toast/ToastContainer.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as s, openBlock as t, createBlock as o, Teleport as i, createElementVNode as l, createVNode as c, TransitionGroup as m, withCtx as d, createElementBlock as f, Fragment as p, renderList as u, unref as r } from "vue";
+import { useToast as _ } from "../../composables/useToast.js";
+import v from "./ToastItem.vue.js";
+const C = {
+  class: "of-toast-container",
+  "aria-live": "polite",
+  "aria-atomic": "false"
+}, E = /* @__PURE__ */ s({
+  __name: "ToastContainer",
+  setup(T) {
+    const { toasts: a, remove: n } = _();
+    return (k, h) => (t(), o(i, { to: "body" }, [
+      l("div", C, [
+        c(m, {
+          name: "of-toast",
+          tag: "div",
+          class: "of-toast-list"
+        }, {
+          default: d(() => [
+            (t(!0), f(p, null, u(r(a), (e) => (t(), o(v, {
+              key: e.id,
+              toast: e,
+              onClose: (x) => r(n)(e.id)
+            }, null, 8, ["toast", "onClose"]))), 128))
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/components/toast/ToastContainer.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ToastContainer.vue.js";
+/* empty css                    */
+export {
+  o as default
+};

package/dist/components/toast/ToastItem.vue.js

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

package/dist/components/toast/ToastItem.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent as m, computed as a, openBlock as l, createElementBlock as s, normalizeStyle as g, normalizeClass as C, createElementVNode as r, createBlock as _, resolveDynamicComponent as p, toDisplayString as n, createCommentVNode as y, createVNode as k, unref as h } from "vue";
+import { XCircle as L, AlertTriangle as z, CheckCircle2 as $, Info as B, X as I } from "lucide-vue-next";
+const N = ["role", "aria-label"], V = { class: "of-toast__icon" }, w = { class: "of-toast__content" }, x = {
+  key: 0,
+  class: "of-toast__title"
+}, D = { class: "of-toast__message" }, X = /* @__PURE__ */ m({
+  __name: "ToastItem",
+  props: {
+    toast: {}
+  },
+  emits: ["close"],
+  setup(o, { emit: f }) {
+    const t = o, i = f, d = {
+      info: B,
+      success: $,
+      warning: z,
+      error: L
+    }, b = {
+      info: {
+        icon: "var(--of-color-blue-500, #3b82f6)",
+        border: "var(--of-color-blue-200, #bfdbfe)",
+        borderLeft: "var(--of-color-blue-500, #3b82f6)",
+        bg: "var(--of-color-blue-50, #eff6ff)"
+      },
+      success: {
+        icon: "var(--of-color-green-500, #22c55e)",
+        border: "var(--of-color-green-200, #bbf7d0)",
+        borderLeft: "var(--of-color-green-500, #22c55e)",
+        bg: "var(--of-color-green-50, #f0fdf4)"
+      },
+      warning: {
+        icon: "var(--of-color-orange-500, #f97316)",
+        border: "var(--of-color-orange-200, #fed7aa)",
+        borderLeft: "var(--of-color-orange-500, #f97316)",
+        bg: "var(--of-color-orange-50, #fff7ed)"
+      },
+      error: {
+        icon: "var(--of-color-red-500, #ef4444)",
+        border: "var(--of-color-red-200, #fecaca)",
+        borderLeft: "var(--of-color-red-500, #ef4444)",
+        bg: "var(--of-color-red-50, #fef2f2)"
+      }
+    }, v = a(() => d[t.toast.type]), e = a(() => b[t.toast.type]), u = a(() => t.toast.type === "error" ? "alertdialog" : "alert");
+    return (E, c) => (l(), s("div", {
+      class: C(["of-toast", `of-toast--${o.toast.type}`]),
+      style: g({
+        borderColor: e.value.border,
+        borderLeftColor: e.value.borderLeft,
+        backgroundColor: e.value.bg
+      }),
+      role: u.value,
+      "aria-label": `${o.toast.type}: ${o.toast.message}`
+    }, [
+      r("div", V, [
+        (l(), _(p(v.value), {
+          size: 20,
+          color: e.value.icon,
+          "aria-hidden": "true"
+        }, null, 8, ["color"]))
+      ]),
+      r("div", w, [
+        o.toast.title ? (l(), s("p", x, n(o.toast.title), 1)) : y("", !0),
+        r("p", D, n(o.toast.message), 1)
+      ]),
+      r("button", {
+        class: "of-toast__close",
+        type: "button",
+        "aria-label": "关闭通知",
+        onClick: c[0] || (c[0] = (M) => i("close"))
+      }, [
+        k(h(I), { size: 16 })
+      ])
+    ], 14, N));
+  }
+});
+export {
+  X as default
+};

package/dist/composables/index.d.ts

@@ -23,3 +23,22 @@ export type { UseTableDataOptions } from './useTableData';
 export { useTableColumns } from './useTableColumns';
 export type { UseTableColumnsOptions } from './useTableColumns';
 export { useBreakpoint } from './useBreakpoint';
+export { useColumnResize } from './useColumnResize';
+export type { UseColumnResizeOptions } from './useColumnResize';
+export { useFixedColumns } from './useFixedColumns';
+export type { UseFixedColumnsOptions } from './useFixedColumns';
+export { useKeyboardNavigation } from './useKeyboardNavigation';
+export type { UseKeyboardNavigationOptions, SelectedCell } from './useKeyboardNavigation';
+export { useRowDrag } from './useRowDrag';
+export type { RowReorderPayload, RowGroupChangePayload } from './useRowDrag';
+export { useDraftRows } from './useDraftRows';
+export type { UseDraftRowsOptions } from './useDraftRows';
+export { useWorkerSort } from './useWorkerSort';
+export { useSchemaEngine } from './useSchemaEngine';
+export type { ValidationRule, FilterFieldConfig, FilterPanelConfig, UseSchemaEngineOptions, } from './useSchemaEngine';
+export { useSupabaseProvider } from './useSupabaseProvider';
+export type { SupabaseQueryBuilder, SupabaseFilterBuilder, UseSupabaseProviderOptions, } from './useSupabaseProvider';
+export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, } from './useViewPersistence';
+export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './useViewPersistence';
+export { useSearch } from './useSearch';
+export type { UseSearchOptions, SearchHighlight } from './useSearch';

package/dist/composables/useAiChat.js

@@ -0,0 +1,103 @@
+import { shallowRef as A, ref as o, readonly as m, triggerRef as f } from "vue";
+import { useStream as D } from "./useStream.js";
+import { useTypewriter as I } from "./useTypewriter.js";
+function g() {
+  return Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+}
+function E(r) {
+  const a = A([]), s = o(!1), n = o(null), l = r.typewriter ? I({
+    speed: r.typewriterSpeed ?? 15,
+    onUpdate: (e) => {
+      if (n.value) {
+        const t = a.value.findIndex((u) => u.id === n.value);
+        t !== -1 && (a.value[t].content = e, f(a));
+      }
+    }
+  }) : null;
+  function h(e) {
+    const t = {
+      id: g(),
+      role: "user",
+      content: e,
+      timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" })
+    };
+    return a.value.push(t), f(a), t;
+  }
+  function S() {
+    const e = {
+      id: g(),
+      role: "ai",
+      content: "",
+      isStreaming: !0,
+      timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" })
+    };
+    return a.value.push(e), f(a), n.value = e.id, e;
+  }
+  function c(e, t) {
+    const u = a.value.findIndex((i) => i.id === e);
+    u !== -1 && (a.value[u] = { ...a.value[u], ...t }, f(a));
+  }
+  function d(e, t) {
+    const u = a.value.findIndex((i) => i.id === e);
+    u !== -1 && (a.value[u].content += t, f(a));
+  }
+  const {
+    start: w,
+    cancel: p,
+    isStreaming: x
+  } = D({
+    mode: r.parseChunk ? "sse" : "raw",
+    onData: r.parseChunk ? (e) => {
+      const t = r.parseChunk(e);
+      t && n.value && (l ? l.append(t) : d(n.value, t));
+    } : void 0,
+    onChunk: r.parseChunk ? void 0 : (e) => {
+      n.value && (l ? l.append(e) : d(n.value, e));
+    },
+    onDone: () => {
+      n.value && (l && l.flush(), c(n.value, { isStreaming: !1 })), s.value = !1, n.value = null;
+    },
+    onError: (e) => {
+      var t;
+      n.value && c(n.value, {
+        isStreaming: !1,
+        error: !0,
+        content: `错误：${e.message}`
+      }), s.value = !1, n.value = null, (t = r.onError) == null || t.call(r, e);
+    }
+  });
+  async function C(e) {
+    var u;
+    if (s.value || !e.trim()) return;
+    h(e);
+    const t = S();
+    s.value = !0, l && l.reset();
+    try {
+      const i = await r.sendRequest(e, a.value.slice(0, -2)), M = i instanceof Response ? i.body : i;
+      await w(M);
+    } catch (i) {
+      c(t.id, {
+        isStreaming: !1,
+        error: !0,
+        content: `请求失败：${i.message}`
+      }), s.value = !1, n.value = null, (u = r.onError) == null || u.call(r, i);
+    }
+  }
+  function v() {
+    p(), n.value && c(n.value, { isStreaming: !1 }), s.value = !1, n.value = null;
+  }
+  function y() {
+    v(), a.value = [], f(a);
+  }
+  return {
+    messages: m(a),
+    isGenerating: m(s),
+    isStreaming: x,
+    send: C,
+    cancel: v,
+    clear: y
+  };
+}
+export {
+  E as useAiChat
+};

package/dist/composables/useBadge.js

@@ -0,0 +1,76 @@
+const a = {
+  P0: { text: "var(--of-priority-p0-text)", bg: "var(--of-priority-p0-bg)", label: "P0" },
+  P1: { text: "var(--of-priority-p1-text)", bg: "var(--of-priority-p1-bg)", label: "P1" },
+  P2: { text: "var(--of-priority-p2-text)", bg: "var(--of-priority-p2-bg)", label: "P2" },
+  P3: { text: "var(--of-priority-p3-text)", bg: "var(--of-priority-p3-bg)", label: "P3" }
+}, r = {
+  todo: { text: "var(--of-status-todo-text)", bg: "var(--of-status-todo-bg)", label: "待处理" },
+  in_progress: {
+    text: "var(--of-status-in-progress-text)",
+    bg: "var(--of-status-in-progress-bg)",
+    label: "进行中"
+  },
+  blocked: {
+    text: "var(--of-status-blocked-text)",
+    bg: "var(--of-status-blocked-bg)",
+    label: "已阻塞",
+    dot: "var(--of-status-blocked-text)"
+  },
+  done: { text: "var(--of-status-done-text)", bg: "var(--of-status-done-bg)", label: "已完成" },
+  // 常见英文别名
+  pending: { text: "var(--of-status-todo-text)", bg: "var(--of-status-todo-bg)", label: "Pending" },
+  open: {
+    text: "var(--of-status-in-progress-text)",
+    bg: "var(--of-status-in-progress-bg)",
+    label: "Open"
+  },
+  closed: { text: "var(--of-status-done-text)", bg: "var(--of-status-done-bg)", label: "Closed" },
+  cancelled: {
+    text: "var(--of-status-cancelled-text)",
+    bg: "var(--of-status-cancelled-bg)",
+    label: "Cancelled"
+  },
+  // 常见中文 key
+  待处理: { text: "var(--of-status-todo-text)", bg: "var(--of-status-todo-bg)", label: "待处理" },
+  进行中: {
+    text: "var(--of-status-in-progress-text)",
+    bg: "var(--of-status-in-progress-bg)",
+    label: "进行中"
+  },
+  已阻塞: {
+    text: "var(--of-status-blocked-text)",
+    bg: "var(--of-status-blocked-bg)",
+    label: "已阻塞",
+    dot: "var(--of-status-blocked-text)"
+  },
+  已完成: { text: "var(--of-status-done-text)", bg: "var(--of-status-done-bg)", label: "已完成" }
+}, s = {
+  text: "var(--of-badge-gray-text)",
+  bg: "var(--of-badge-gray-bg)"
+};
+function b(t, e) {
+  const o = e[t] ?? s;
+  return {
+    style: { color: o.text, background: o.bg },
+    label: o.label ?? t,
+    dot: o.dot
+  };
+}
+function l(t, e) {
+  return e ? { ...t, ...e } : t;
+}
+function g() {
+  return {
+    DEFAULT_PRIORITY_MAP: a,
+    DEFAULT_STATUS_MAP: r,
+    resolveBadge: b,
+    mergeColorMap: l
+  };
+}
+export {
+  a as DEFAULT_PRIORITY_MAP,
+  r as DEFAULT_STATUS_MAP,
+  l as mergeColorMap,
+  b as resolveBadge,
+  g as useBadge
+};

package/dist/composables/useBreakpoint.d.ts

@@ -1,5 +1,6 @@
 export declare function useBreakpoint(): {
     isMobile: import('vue').Ref<boolean, boolean>;
     isTablet: import('vue').Ref<boolean, boolean>;
-    isDesktop: import('vue').Ref<boolean, boolean>;
+    isDesktop: import('vue').ComputedRef<boolean>;
+    hasTouch: import('vue').Ref<boolean, boolean>;
 };

package/dist/composables/useBreakpoint.js

@@ -0,0 +1,18 @@
+import { ref as i, onMounted as r, onUnmounted as d, computed as a } from "vue";
+function c() {
+  const e = i(!1), n = i(!1), s = i(typeof window < "u" && "ontouchstart" in window);
+  function o() {
+    const t = window.innerWidth;
+    e.value = t < 768, n.value = t >= 768 && t < 1024;
+  }
+  r(() => {
+    o(), window.addEventListener("resize", o, { passive: !0 });
+  }), d(() => {
+    window.removeEventListener("resize", o);
+  });
+  const u = a(() => !e.value && !n.value);
+  return { isMobile: e, isTablet: n, isDesktop: u, hasTouch: s };
+}
+export {
+  c as useBreakpoint
+};

package/dist/composables/useColumnResize.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { TableColumn } from '../types';
+export interface UseColumnResizeOptions {
+    columns: Ref<TableColumn[]>;
+    /** Minimum column width in px (default 60) */
+    minWidth?: number;
+    /** Called on every mousemove during resize */
+    onResize?: (colKey: string, newWidth: number) => void;
+}
+export declare function useColumnResize(options: UseColumnResizeOptions): {
+    startResize: (event: MouseEvent, colKey: string) => void;
+    isResizing: Readonly<Ref<boolean, boolean>>;
+    resizingColumn: Readonly<Ref<string | null, string | null>>;
+    columnWidthOverrides: Readonly<Ref<ReadonlyMap<string, number>, ReadonlyMap<string, number>>>;
+    resolvedWidth: (colKey: string) => number;
+    autoFitColumn: (colKey: string, containerEl: HTMLElement | null) => void;
+    resizeIndicatorX: Readonly<Ref<number, number>>;
+    showResizeIndicator: Readonly<Ref<boolean, boolean>>;
+};