@oneflowui/ui 0.4.2 → 0.4.3

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

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

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

package/dist/composables/useInlineEdit.js

@@ -0,0 +1,28 @@
+import { readonly as c, ref as f } from "vue";
+const n = f(null);
+function I() {
+  function o(e, l) {
+    n.value = { rowId: e, fieldId: l };
+  }
+  function r(e, l, u) {
+    var i, t;
+    return ((i = n.value) == null ? void 0 : i.rowId) === e && ((t = n.value) == null ? void 0 : t.fieldId) === l && (n.value = null), u;
+  }
+  function a() {
+    n.value = null;
+  }
+  function d(e, l) {
+    var u, i;
+    return ((u = n.value) == null ? void 0 : u.rowId) === e && ((i = n.value) == null ? void 0 : i.fieldId) === l;
+  }
+  return {
+    editingCell: c(n),
+    activate: o,
+    commit: r,
+    cancel: a,
+    isEditing: d
+  };
+}
+export {
+  I as useInlineEdit
+};

package/dist/composables/useMarkdown.js

@@ -0,0 +1,69 @@
+import { marked as o } from "marked";
+import e from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/core.js";
+import l from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/javascript.js";
+import p from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/typescript.js";
+import u from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/python.js";
+import n from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/bash.js";
+import j from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/json.js";
+import w from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/sql.js";
+import c from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/xml.js";
+import k from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/css.js";
+import f from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/markdown.js";
+import L from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/yaml.js";
+import $ from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/java.js";
+import q from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/go.js";
+import B from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/rust.js";
+import i from "../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/plaintext.js";
+e.registerLanguage("plaintext", i);
+e.registerLanguage("text", i);
+e.registerLanguage("txt", i);
+e.registerLanguage("javascript", l);
+e.registerLanguage("js", l);
+e.registerLanguage("typescript", p);
+e.registerLanguage("ts", p);
+e.registerLanguage("python", u);
+e.registerLanguage("py", u);
+e.registerLanguage("bash", n);
+e.registerLanguage("sh", n);
+e.registerLanguage("shell", n);
+e.registerLanguage("json", j);
+e.registerLanguage("sql", w);
+e.registerLanguage("xml", c);
+e.registerLanguage("html", c);
+e.registerLanguage("css", k);
+e.registerLanguage("markdown", f);
+e.registerLanguage("md", f);
+e.registerLanguage("yaml", L);
+e.registerLanguage("yml", L);
+e.registerLanguage("java", $);
+e.registerLanguage("go", q);
+e.registerLanguage("rust", B);
+function Q(h = {}) {
+  const { showCopyButton: d = !1, t: y = (r) => r } = h, s = new o.Renderer();
+  s.code = function(r, x) {
+    const m = typeof r == "object" ? r.text || "" : r, t = typeof r == "object" ? r.lang || "" : x || "", a = t && e.getLanguage(t) ? t : "plaintext";
+    let g = "";
+    try {
+      g = e.highlight(m, { language: a }).value;
+    } catch {
+      g = e.highlight(m, { language: "plaintext" }).value;
+    }
+    const v = d ? `<button onclick="navigator.clipboard.writeText(this.parentElement.nextElementSibling.innerText)" class="of-markdown-copy-btn">${y("common.copy")}</button>` : "";
+    return `<div class="of-code-block-wrapper">
+    <div class="of-code-block-header">
+      <span class="of-code-block-lang">${a}</span>
+      ${v}
+    </div>
+    <pre class="of-code-block-pre"><code class="hljs language-${a}">${g}</code></pre>
+  </div>`;
+  }, o.use({ renderer: s });
+  function b(r) {
+    return o.parse(r);
+  }
+  return {
+    renderMarkdown: b
+  };
+}
+export {
+  Q as useMarkdown
+};

package/dist/composables/useStream.js

@@ -0,0 +1,80 @@
+import { ref as y, readonly as b } from "vue";
+function P(e = {}) {
+  const t = y(!1), c = y(!1), k = y(null), l = y(0);
+  let r = null, n = "";
+  async function O(q) {
+    var x, I, R, T, A, B, C, E, F;
+    c.value = !0, t.value = !1, k.value = null, n = "", r = new AbortController();
+    let w = null;
+    e.timeout && e.timeout > 0 && (w = setTimeout(() => {
+      r == null || r.abort();
+    }, e.timeout));
+    let m = "", v = [], D = !1;
+    const S = () => {
+      var a, u;
+      if (m && ((a = e.onChunk) == null || a.call(e, m), m = ""), v.length > 0) {
+        for (const f of v)
+          (u = e.onData) == null || u.call(e, f);
+        v = [];
+      }
+      D = !1;
+    }, g = () => {
+      D || (D = !0, requestAnimationFrame(S));
+    };
+    try {
+      const a = q.getReader(), u = new TextDecoder();
+      for (c.value = !1, t.value = !0; ; ) {
+        const { done: f, value: i } = await a.read();
+        if (f) break;
+        const d = u.decode(i, { stream: !0 });
+        if (e.mode === "sse") {
+          n += d;
+          const L = n.split(`
+`);
+          n = L.pop() ?? "";
+          for (const J of L) {
+            const h = J.trim();
+            if (!(!h || h.startsWith(":")) && h.startsWith("data: ")) {
+              const s = h.slice(6);
+              if (s === "[DONE]") continue;
+              try {
+                const N = JSON.parse(s);
+                (e.bufferInterval ?? 0) > 0 ? (v.push(N), g()) : (x = e.onData) == null || x.call(e, N);
+              } catch {
+                (e.bufferInterval ?? 0) > 0 ? (m += s, g()) : (I = e.onChunk) == null || I.call(e, s);
+              }
+            }
+          }
+        } else
+          (e.bufferInterval ?? 0) > 0 ? (m += d, g()) : (R = e.onChunk) == null || R.call(e, d);
+      }
+      S(), (T = e.onDone) == null || T.call(e);
+    } catch (a) {
+      if (a.name !== "AbortError") {
+        const u = ((A = e.retry) == null ? void 0 : A.maxRetries) ?? 0;
+        if (l.value < u) {
+          const f = ((B = e.retry) == null ? void 0 : B.baseDelay) ?? 1e3, i = ((C = e.retry) == null ? void 0 : C.backoff) === "linear" ? f * (l.value + 1) : f * Math.pow(2, l.value);
+          l.value++, await new Promise((d) => setTimeout(d, i)), (E = e.onRetry) == null || E.call(e, l.value);
+          return;
+        }
+        k.value = a, (F = e.onError) == null || F.call(e, a);
+      }
+    } finally {
+      w && clearTimeout(w), t.value = !1, c.value = !1;
+    }
+  }
+  function W() {
+    r == null || r.abort(), t.value = !1, c.value = !1;
+  }
+  return {
+    isStreaming: b(t),
+    isLoading: b(c),
+    error: b(k),
+    retryCount: b(l),
+    start: O,
+    cancel: W
+  };
+}
+export {
+  P as useStream
+};