@oneflowui/ui 0.5.9 → 0.7.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as g, openBlock as s, createElementBlock as o, Fragment as f, renderList as m, createElementVNode as e, createCommentVNode as n, normalizeStyle as u, renderSlot as h, toDisplayString as a } from "vue";
+import { defineComponent as k, computed as g, openBlock as s, createElementBlock as o, Fragment as f, renderList as m, createElementVNode as e, createCommentVNode as a, normalizeStyle as u, renderSlot as h, toDisplayString as n } from "vue";
 const b = ["aria-busy"], C = {
   key: 0,
   class: "of-activity-timeline__skeleton",
@@ -9,7 +9,7 @@ const b = ["aria-busy"], C = {
 }, B = { class: "of-activity-timeline__rail" }, S = {
   key: 0,
   class: "of-activity-timeline__line"
-}, V = { class: "of-activity-timeline__content" }, w = { class: "of-activity-timeline__header" }, z = { class: "of-activity-timeline__action" }, D = {
+}, V = { class: "of-activity-timeline__content" }, x = { class: "of-activity-timeline__header" }, z = { class: "of-activity-timeline__action" }, D = {
   key: 0,
   class: "of-activity-timeline__actor"
 }, E = {
@@ -18,40 +18,40 @@ const b = ["aria-busy"], C = {
 }, M = {
   key: 1,
   class: "of-activity-timeline__progress"
-}, A = { class: "of-activity-timeline__progress-track" }, F = { class: "of-activity-timeline__progress-value" }, I = {
+}, w = { class: "of-activity-timeline__progress-track" }, A = { class: "of-activity-timeline__progress-value" }, F = {
   key: 2,
   class: "of-activity-timeline__time"
-}, P = /* @__PURE__ */ k({
+}, L = /* @__PURE__ */ k({
   __name: "ActivityTimeline",
   props: {
     items: {},
     loading: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const p = r, d = [0, 1, 2], v = g(
+  setup(c) {
+    const p = c, y = [0, 1, 2], d = g(
       () => p.items.map((i) => ({
         ...i,
         status: i.status ?? "default"
       }))
     );
-    function y(i) {
-      return i === "done" ? "var(--of-color-success)" : i === "start" ? "var(--of-color-warning)" : "var(--of-color-info)";
+    function v(i) {
+      return i === "done" ? "var(--of-text-primary, var(--of-color-gray-700))" : i === "start" ? "var(--of-text-secondary, var(--of-color-gray-500))" : "var(--of-text-tertiary, var(--of-color-gray-400))";
     }
     function _(i) {
       return typeof i != "number" || Number.isNaN(i) ? null : Math.min(100, Math.max(0, i));
     }
     return (i, l) => (s(), o("div", {
       class: "of-activity-timeline",
-      "aria-busy": r.loading
+      "aria-busy": c.loading
     }, [
-      r.loading ? (s(), o("div", C, [
-        (s(), o(f, null, m(d, (t) => e("div", {
+      c.loading ? (s(), o("div", C, [
+        (s(), o(f, null, m(y, (t) => e("div", {
           key: t,
           class: "of-activity-timeline__item of-activity-timeline__item--skeleton"
         }, [
           e("div", N, [
             l[0] || (l[0] = e("span", { class: "of-activity-timeline__dot of-activity-timeline__dot--skeleton" }, null, -1)),
-            t < d.length - 1 ? (s(), o("span", $)) : n("", !0)
+            t < y.length - 1 ? (s(), o("span", $)) : a("", !0)
           ]),
           l[1] || (l[1] = e("div", { class: "of-activity-timeline__content" }, [
             e("span", { class: "of-activity-timeline__skeleton-bar of-activity-timeline__skeleton-bar--lg" }),
@@ -59,40 +59,40 @@ const b = ["aria-busy"], C = {
             e("span", { class: "of-activity-timeline__skeleton-bar of-activity-timeline__skeleton-bar--sm" })
           ], -1))
         ])), 64))
-      ])) : (s(!0), o(f, { key: 1 }, m(v.value, (t, c) => (s(), o("div", {
-        key: `${t.action}-${t.time ?? c}-${c}`,
+      ])) : (s(!0), o(f, { key: 1 }, m(d.value, (t, r) => (s(), o("div", {
+        key: `${t.action}-${t.time ?? r}-${r}`,
         class: "of-activity-timeline__item"
       }, [
         e("div", B, [
           e("span", {
             class: "of-activity-timeline__dot",
-            style: u({ backgroundColor: y(t.status) })
+            style: u({ backgroundColor: v(t.status) })
           }, null, 4),
-          c < v.value.length - 1 ? (s(), o("span", S)) : n("", !0)
+          r < d.value.length - 1 ? (s(), o("span", S)) : a("", !0)
         ]),
         e("div", V, [
           h(i.$slots, "item", {
             item: t,
-            index: c
+            index: r
           }, () => [
-            e("div", w, [
-              e("span", z, a(t.action), 1),
-              t.actor ? (s(), o("span", D, a(t.actor), 1)) : n("", !0)
+            e("div", x, [
+              e("span", z, n(t.action), 1),
+              t.actor ? (s(), o("span", D, n(t.actor), 1)) : a("", !0)
             ]),
-            t.detail ? (s(), o("p", E, a(t.detail), 1)) : n("", !0),
+            t.detail ? (s(), o("p", E, n(t.detail), 1)) : a("", !0),
             _(t.progress) !== null ? (s(), o("div", M, [
-              e("div", A, [
+              e("div", w, [
                 e("div", {
                   class: "of-activity-timeline__progress-fill",
                   style: u({
                     width: `${_(t.progress)}%`,
-                    backgroundColor: y(t.status)
+                    backgroundColor: v(t.status)
                   })
                 }, null, 4)
               ]),
-              e("span", F, a(_(t.progress)) + "% ", 1)
-            ])) : n("", !0),
-            t.time ? (s(), o("p", I, a(t.time), 1)) : n("", !0)
+              e("span", A, n(_(t.progress)) + "% ", 1)
+            ])) : a("", !0),
+            t.time ? (s(), o("p", F, n(t.time), 1)) : a("", !0)
           ], !0)
         ])
       ]))), 128))
@@ -100,5 +100,5 @@ const b = ["aria-busy"], C = {
   }
 });
 export {
-  P as default
+  L as 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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-27ccf798"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd4c6c6a"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -21,30 +21,33 @@ const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K =
         t.item.priority || "",
         M(U, t.priorityColorMap)
       )
-    ), D = n(() => t.item.barColor ? { background: t.item.barColor, color: "var(--of-color-gray-800)" } : {
+    ), D = n(() => t.item.barColor ? {
+      background: t.item.barColor,
+      color: "var(--of-text-primary, var(--of-color-gray-800))"
+    } : {
       background: y.value.style.background,
       color: y.value.style.color
     }), E = n(() => y.value.style), $ = n(() => {
-      const e = h(
+      const a = h(
         t.item.status || "",
         M(X, t.statusColorMap)
       );
-      return e.dot ?? e.style.color;
+      return a.dot ?? a.style.color;
     }), L = n(() => {
-      const e = (a) => {
-        const o = /* @__PURE__ */ new Date(`${a}T00:00:00`);
+      const a = (e) => {
+        const o = /* @__PURE__ */ new Date(`${e}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)}`;
+      return `${a(t.item.startDate)} - ${a(t.item.endDate)}`;
     });
-    function v(e, a) {
-      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 v(a, e) {
+      t.readonly || (a.preventDefault(), a.stopPropagation(), s.value = !0, u.value = e, g = a.clientX, f = t.offsetDays, c = t.durationDays, window.addEventListener("mousemove", p), window.addEventListener("mouseup", w));
     }
-    function p(e) {
+    function p(a) {
       if (!s.value || !u.value) return;
-      const a = Math.round((e.clientX - g) / t.dayWidth);
+      const e = Math.round((a.clientX - g) / t.dayWidth);
       if (u.value === "move") {
-        const B = Math.max(0, Math.min(f + a, t.totalDays - 1));
+        const B = Math.max(0, Math.min(f + e, t.totalDays - 1));
         d("change", {
           id: t.item.id,
           offsetDays: B,
@@ -54,7 +57,7 @@ const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K =
         });
         return;
       }
-      const o = Math.max(1, c + a), W = Math.max(1, t.totalDays - t.offsetDays);
+      const o = Math.max(1, c + e), W = Math.max(1, t.totalDays - t.offsetDays);
       d("change", {
         id: t.item.id,
         offsetDays: t.offsetDays,
@@ -66,14 +69,14 @@ const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K =
     function w() {
       s.value = !1, u.value = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w);
     }
-    function P(e) {
-      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), d("click", t.item));
+    function P(a) {
+      a.key !== "Enter" && a.key !== " " || (a.preventDefault(), d("click", t.item));
     }
-    return (e, a) => (A(), R("div", {
+    return (a, e) => (A(), R("div", {
       class: "gantt-row",
       role: "button",
       tabindex: "0",
-      onClick: a[2] || (a[2] = (o) => d("click", i.item)),
+      onClick: e[2] || (e[2] = (o) => d("click", i.item)),
       onKeydown: P
     }, [
       r("div", F, [
@@ -106,7 +109,7 @@ const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K =
               color: D.value.color
             }),
             "aria-label": "拖动时间条",
-            onMousedown: a[0] || (a[0] = (o) => v(o, "move"))
+            onMousedown: e[0] || (e[0] = (o) => v(o, "move"))
           }, [
             r("span", K, m(L.value), 1)
           ], 38),
@@ -114,7 +117,7 @@ const F = { class: "gantt-row__label" }, I = { class: "gantt-row__title" }, K =
             type: "button",
             class: "gantt-row__handle",
             "aria-label": "调整结束时间",
-            onMousedown: a[1] || (a[1] = z((o) => v(o, "resize-end"), ["stop"]))
+            onMousedown: e[1] || (e[1] = z((o) => v(o, "resize-end"), ["stop"]))
           }, null, 32)
         ], 6)
       ], 4)

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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2d350e85"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-44d8d394"]]);
 export {
-  a as default
+  e as default
 };

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

@@ -1,7 +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"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c0c8e01"]]);
 export {
-  p as default
+  c as default
 };

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

@@ -1,76 +1,76 @@
-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 = {
+import { defineComponent as g, computed as a, openBlock as c, createElementBlock as f, normalizeStyle as m, normalizeClass as p, createElementVNode as r, createBlock as y, resolveDynamicComponent as C, toDisplayString as s, createCommentVNode as _, createVNode as k, unref as h } from "vue";
+import { XCircle as L, AlertTriangle as w, CheckCircle2 as z, Info as $, X as B } from "lucide-vue-next";
+const I = ["role", "aria-label"], N = { class: "of-toast__icon" }, V = { class: "of-toast__content" }, x = {
   key: 0,
   class: "of-toast__title"
-}, D = { class: "of-toast__message" }, X = /* @__PURE__ */ m({
+}, D = { class: "of-toast__message" }, X = /* @__PURE__ */ g({
   __name: "ToastItem",
   props: {
     toast: {}
   },
   emits: ["close"],
-  setup(o, { emit: f }) {
-    const t = o, i = f, d = {
-      info: B,
-      success: $,
-      warning: z,
+  setup(o, { emit: n }) {
+    const t = o, i = n, v = {
+      info: $,
+      success: z,
+      warning: w,
       error: L
-    }, b = {
+    }, d = {
       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)"
+        icon: "var(--of-color-info, var(--of-accent-default, #334155))",
+        border: "var(--of-border-subtle, var(--of-color-gray-200, #e5e7eb))",
+        borderLeft: "var(--of-color-info, var(--of-accent-default, #334155))",
+        bg: "var(--of-surface-panel, var(--of-color-bg-elevated, #ffffff))"
       },
       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)"
+        icon: "var(--of-color-success, var(--of-accent-default, #334155))",
+        border: "var(--of-border-subtle, var(--of-color-gray-200, #e5e7eb))",
+        borderLeft: "var(--of-color-success, var(--of-accent-default, #334155))",
+        bg: "var(--of-surface-panel, var(--of-color-bg-elevated, #ffffff))"
       },
       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)"
+        icon: "var(--of-color-warning, var(--of-accent-default, #334155))",
+        border: "var(--of-border-subtle, var(--of-color-gray-200, #e5e7eb))",
+        borderLeft: "var(--of-color-warning, var(--of-accent-default, #334155))",
+        bg: "var(--of-surface-panel, var(--of-color-bg-elevated, #ffffff))"
       },
       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)"
+        icon: "var(--of-color-error, var(--of-accent-default, #334155))",
+        border: "var(--of-border-subtle, var(--of-color-gray-200, #e5e7eb))",
+        borderLeft: "var(--of-color-error, var(--of-accent-default, #334155))",
+        bg: "var(--of-surface-panel, var(--of-color-bg-elevated, #ffffff))"
       }
-    }, 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({
+    }, u = a(() => v[t.toast.type]), e = a(() => d[t.toast.type]), b = a(() => t.toast.type === "error" ? "alertdialog" : "alert");
+    return (E, l) => (c(), f("div", {
+      class: p(["of-toast", `of-toast--${o.toast.type}`]),
+      style: m({
         borderColor: e.value.border,
         borderLeftColor: e.value.borderLeft,
         backgroundColor: e.value.bg
       }),
-      role: u.value,
+      role: b.value,
       "aria-label": `${o.toast.type}: ${o.toast.message}`
     }, [
-      r("div", V, [
-        (l(), _(p(v.value), {
+      r("div", N, [
+        (c(), y(C(u.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("div", V, [
+        o.toast.title ? (c(), f("p", x, s(o.toast.title), 1)) : _("", !0),
+        r("p", D, s(o.toast.message), 1)
       ]),
       r("button", {
         class: "of-toast__close",
         type: "button",
         "aria-label": "关闭通知",
-        onClick: c[0] || (c[0] = (M) => i("close"))
+        onClick: l[0] || (l[0] = (M) => i("close"))
       }, [
-        k(h(I), { size: 16 })
+        k(h(B), { size: 16 })
       ])
-    ], 14, N));
+    ], 14, I));
   }
 });
 export {

package/dist/plugin.js

@@ -1,5 +1,7 @@
 import { defineAsyncComponent as i } from "vue";
 /* empty css                     */
+/* empty css                          */
+/* empty css                              */
 /* empty css                    */
 function t(n, r) {
   const o = i(() => n().then((e) => e.default));
@@ -253,7 +255,7 @@ const a = t(() => import("./components/base/ViewTab.vue.js"), "ViewTab"), s = t(
   G,
   f,
   F
-], qt = {
+], Wt = {
   install(n) {
     _t.forEach((r) => {
       const o = r;
@@ -262,6 +264,6 @@ const a = t(() => import("./components/base/ViewTab.vue.js"), "ViewTab"), s = t(
   }
 };
 export {
-  qt as OneflowUI,
-  qt as default
+  Wt as OneflowUI,
+  Wt as default
 };