@oneflowui/ui 0.5.9 → 0.7.0

package/dist/components/auxiliary/PersonPanel.vue2.js

@@ -11,8 +11,8 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(n, { emit: _ }) {
-    const c = n, u = _, r = p({
+  setup(s, { emit: _ }) {
+    const c = s, u = _, r = p({
       get: () => c.modelValue,
       set: (a) => {
         u("update:modelValue", a), u("change", a);
@@ -23,15 +23,15 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
     function f(a) {
       return (a || "?").trim().slice(0, 1).toUpperCase();
     }
-    return (a, s) => (e(), l("div", {
-      class: b(["of-person-panel", { disabled: n.disabled }])
+    return (a, n) => (e(), l("div", {
+      class: b(["of-person-panel", { disabled: s.disabled }])
     }, [
-      s[1] || (s[1] = d("span", { class: "of-person-panel__label" }, "负责人", -1)),
+      n[1] || (n[1] = d("span", { class: "of-person-panel__label" }, "负责人", -1)),
       d("div", C, [
         o.value ? (e(), l("div", {
           key: 0,
           class: "of-person-panel__avatar",
-          style: k({ background: o.value.color || "var(--of-color-primary-500)" })
+          style: k({ background: o.value.color || "var(--of-surface-selected)" })
         }, [
           o.value.avatar ? (e(), l("img", {
             key: 0,
@@ -40,13 +40,13 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
           }, null, 8, B)) : (e(), l("span", N, i(f(o.value.name)), 1))
         ], 4)) : (e(), l("div", P, "-")),
         h(d("select", {
-          "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => r.value = t),
           class: "of-person-panel__select",
           "aria-label": "负责人",
-          disabled: n.disabled
+          disabled: s.disabled
         }, [
-          d("option", w, i(n.placeholder), 1),
-          (e(!0), l(m, null, V(n.people, (t) => (e(), l("option", {
+          d("option", w, i(s.placeholder), 1),
+          (e(!0), l(m, null, V(s.people, (t) => (e(), l("option", {
             key: t.id,
             value: t.id
           }, [

package/dist/components/base/Accordion.vue.js

@@ -1,7 +1,7 @@
 import o from "./Accordion.vue2.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6e41a457"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-062c67ea"]]);
 export {
   m as default
 };

package/dist/components/base/Avatar.vue.js

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

package/dist/components/base/Avatar.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, computed as c, openBlock as p, createElementBlock as i, mergeProps as d, toDisplayString as u } from "vue";
-const F = /* @__PURE__ */ v({
+import { defineComponent as g, computed as l, openBlock as d, createElementBlock as i, mergeProps as p, toDisplayString as b } from "vue";
+const h = /* @__PURE__ */ g({
   name: "Avatar",
   inheritAttrs: !1,
   __name: "Avatar",
@@ -11,62 +11,62 @@ const F = /* @__PURE__ */ v({
     role: { default: void 0 }
   },
   setup(n) {
-    const r = n, a = {
-      BE: { color: "var(--of-role-be-text, #4F46E5)", bg: "var(--of-role-be-bg, #EEF2FF)" },
-      FE: { color: "var(--of-role-fe-text, #059669)", bg: "var(--of-role-fe-bg, #ECFDF5)" },
-      PM: { color: "var(--of-role-pm-text, #db2777)", bg: "var(--of-role-pm-bg, #fce7f3)" },
-      DBA: { color: "var(--of-role-dba-text, #c2410c)", bg: "var(--of-role-dba-bg, #fff7ed)" },
-      ARCH: { color: "var(--of-role-arch-text, #7C3AED)", bg: "var(--of-role-arch-bg, #F5F3FF)" },
-      OPM: { color: "var(--of-role-pm-text, #db2777)", bg: "var(--of-role-pm-bg, #fce7f3)" }
-    }, l = [
-      { color: "var(--of-role-be-text, #4F46E5)", bg: "var(--of-role-be-bg, #EEF2FF)" },
-      { color: "var(--of-role-fe-text, #059669)", bg: "var(--of-role-fe-bg, #ECFDF5)" },
-      { color: "var(--of-role-pm-text, #db2777)", bg: "var(--of-role-pm-bg, #fce7f3)" },
-      { color: "var(--of-role-dba-text, #c2410c)", bg: "var(--of-role-dba-bg, #fff7ed)" },
-      { color: "var(--of-role-arch-text, #7C3AED)", bg: "var(--of-role-arch-bg, #F5F3FF)" },
-      { color: "var(--of-role-pm-text, #db2777)", bg: "var(--of-role-pm-bg, #fce7f3)" }
+    const r = n, t = {
+      BE: { color: "var(--of-accent-strong)", bg: "var(--of-surface-selected)" },
+      FE: { color: "var(--of-text-strong)", bg: "var(--of-surface-panel)" },
+      PM: { color: "var(--of-text-primary)", bg: "var(--of-surface-muted)" },
+      DBA: { color: "var(--of-accent-default)", bg: "var(--of-surface-elevated)" },
+      ARCH: { color: "var(--of-text-secondary)", bg: "var(--of-surface-selected)" },
+      OPM: { color: "var(--of-text-primary)", bg: "var(--of-surface-muted)" }
+    }, c = [
+      { color: "var(--of-accent-default)", bg: "var(--of-surface-muted)" },
+      { color: "var(--of-accent-strong)", bg: "var(--of-surface-panel)" },
+      { color: "var(--of-text-primary)", bg: "var(--of-surface-selected)" },
+      { color: "var(--of-text-secondary)", bg: "var(--of-surface-elevated)" },
+      { color: "var(--of-text-strong)", bg: "var(--of-surface-muted)" },
+      { color: "var(--of-accent-default)", bg: "var(--of-surface-panel)" }
     ];
-    function b(o) {
-      let e = 0;
-      for (let t = 0; t < o.length; t++)
-        e = (e << 5) - e + o.charCodeAt(t), e |= 0;
-      return Math.abs(e);
+    function f(e) {
+      let o = 0;
+      for (let a = 0; a < e.length; a++)
+        o = (o << 5) - o + e.charCodeAt(a), o |= 0;
+      return Math.abs(o);
     }
-    const f = c(() => {
-      var t;
+    const s = l(() => {
+      var a;
       if (r.color && r.bg)
         return { color: r.color, bg: r.bg };
-      const o = (t = r.role) == null ? void 0 : t.toUpperCase();
-      if (o && a[o])
+      const e = (a = r.role) == null ? void 0 : a.toUpperCase();
+      if (e && t[e])
         return {
-          color: r.color || a[o].color,
-          bg: r.bg || a[o].bg
+          color: r.color || t[e].color,
+          bg: r.bg || t[e].bg
         };
-      const e = b(r.name) % l.length;
+      const o = f(r.name) % c.length;
       return {
-        color: r.color || l[e].color,
-        bg: r.bg || l[e].bg
+        color: r.color || c[o].color,
+        bg: r.bg || c[o].bg
       };
-    }), s = c(() => {
+    }), u = l(() => {
       if (r.role)
         return r.role.slice(0, 2).toUpperCase();
-      const o = r.name.trim();
-      return o ? /[\u4e00-\u9fff]/.test(o.charAt(0)) ? o.charAt(0) : o.replace(/[^a-zA-Z]/g, "").slice(0, 2).toUpperCase() : "";
-    }), g = c(() => {
-      const o = r.size, e = Math.round(o * 0.36);
+      const e = r.name.trim();
+      return e ? /[\u4e00-\u9fff]/.test(e.charAt(0)) ? e.charAt(0) : e.replace(/[^a-zA-Z]/g, "").slice(0, 2).toUpperCase() : "";
+    }), v = l(() => {
+      const e = r.size, o = Math.round(e * 0.36);
       return {
-        "--one-avatar-size": `${o}px`,
-        "--one-avatar-bg": f.value.bg,
-        "--one-avatar-color": f.value.color,
-        "--one-avatar-font-size": `${e}px`
+        "--one-avatar-size": `${e}px`,
+        "--one-avatar-bg": s.value.bg,
+        "--one-avatar-color": s.value.color,
+        "--one-avatar-font-size": `${o}px`
       };
     });
-    return (o, e) => (p(), i("span", d({
+    return (e, o) => (d(), i("span", p({
       class: "one-avatar",
-      style: g.value
-    }, o.$attrs), u(s.value), 17));
+      style: v.value
+    }, e.$attrs), b(u.value), 17));
   }
 });
 export {
-  F as default
+  h as default
 };

package/dist/components/base/Badge.vue.js

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

package/dist/components/base/Badge.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, computed as d, openBlock as u, createElementBlock as f, mergeProps as l, renderSlot as c } from "vue";
-const p = /* @__PURE__ */ n({
+import { defineComponent as u, computed as a, openBlock as c, createElementBlock as f, mergeProps as b, renderSlot as l } from "vue";
+const i = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "Badge",
   props: {
@@ -8,63 +8,63 @@ const p = /* @__PURE__ */ n({
     size: { default: "md" }
   },
   setup(o) {
-    const r = o, a = {
+    const e = o, t = {
       default: {
-        background: "var(--of-badge-gray-bg)",
-        text: "var(--of-badge-gray-text)",
-        border: "var(--of-badge-gray-border)"
+        background: "var(--of-surface-muted)",
+        text: "var(--of-text-secondary)",
+        border: "var(--of-border-subtle)"
       },
       blue: {
-        background: "var(--of-badge-blue-bg)",
-        text: "var(--of-badge-blue-text)",
-        border: "var(--of-badge-blue-border)"
+        background: "var(--of-surface-selected)",
+        text: "var(--of-accent-strong)",
+        border: "var(--of-border-subtle)"
       },
       green: {
-        background: "var(--of-badge-green-bg)",
-        text: "var(--of-badge-green-text)",
-        border: "var(--of-badge-green-border)"
+        background: "var(--of-surface-panel)",
+        text: "var(--of-text-strong)",
+        border: "var(--of-border-subtle)"
       },
       orange: {
-        background: "var(--of-badge-orange-bg)",
-        text: "var(--of-badge-orange-text)",
-        border: "var(--of-badge-orange-border)"
+        background: "var(--of-surface-muted)",
+        text: "var(--of-text-primary)",
+        border: "var(--of-border-strong)"
       },
       red: {
-        background: "var(--of-badge-red-bg)",
-        text: "var(--of-badge-red-text)",
-        border: "var(--of-badge-red-border)"
+        background: "var(--of-surface-selected)",
+        text: "var(--of-text-strong)",
+        border: "var(--of-border-strong)"
       },
       purple: {
-        background: "var(--of-badge-purple-bg)",
-        text: "var(--of-badge-purple-text)",
-        border: "var(--of-badge-purple-border)"
+        background: "var(--of-surface-panel)",
+        text: "var(--of-text-secondary)",
+        border: "var(--of-border-subtle)"
       },
       gray: {
-        background: "var(--of-badge-gray-bg)",
-        text: "var(--of-badge-gray-text)",
-        border: "var(--of-badge-gray-border)"
+        background: "var(--of-surface-muted)",
+        text: "var(--of-text-secondary)",
+        border: "var(--of-border-subtle)"
       }
-    }, t = {
+    }, d = {
       P0: "red",
       P1: "orange",
       P2: "blue",
       P3: "green"
-    }, b = d(() => r.priority ? t[r.priority] : r.color ? r.color in a ? r.color : "default" : "gray"), g = d(() => {
-      const e = a[b.value];
+    }, n = a(() => e.priority ? d[e.priority] : e.color ? e.color in t ? e.color : "default" : "gray"), s = a(() => {
+      const r = t[n.value];
       return {
-        "--one-badge-bg": e.background,
-        "--one-badge-color": e.text,
-        "--one-badge-border": e.border
+        "--one-badge-bg": r.background,
+        "--one-badge-color": r.text,
+        "--one-badge-border": r.border
       };
     });
-    return (e, v) => (u(), f("span", l({
+    return (r, g) => (c(), f("span", b({
       class: ["one-badge", `one-badge--${o.size}`],
-      style: g.value
-    }, e.$attrs), [
-      c(e.$slots, "default", {}, void 0, !0)
+      style: s.value
+    }, r.$attrs), [
+      l(r.$slots, "default", {}, void 0, !0)
     ], 16));
   }
 });
 export {
-  p as default
+  i as default
 };

package/dist/components/base/ButtonGroup.vue.js

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

package/dist/components/base/ChainItem.vue.js

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

package/dist/components/base/ChainItem.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as h, computed as e, openBlock as l, createElementBlock as c, mergeProps as y, createElementVNode as s, normalizeStyle as d, toDisplayString as t, createCommentVNode as u } from "vue";
-const F = { class: "one-chain-item__header" }, B = {
+import { defineComponent as h, computed as e, openBlock as l, createElementBlock as c, mergeProps as C, createElementVNode as s, normalizeStyle as d, toDisplayString as r, createCommentVNode as u } from "vue";
+const _ = { class: "one-chain-item__header" }, B = {
   key: 0,
   class: "one-chain-item__duration"
-}, A = /* @__PURE__ */ h({
+}, S = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ChainItem",
   props: {
@@ -15,54 +15,54 @@ const F = { class: "one-chain-item__header" }, B = {
     bg: { default: void 0 },
     borderColor: { default: void 0 }
   },
-  setup(o) {
-    const r = o, i = {
+  setup(a) {
+    const t = a, i = {
       source: {
-        color: "var(--of-badge-purple-text, #7C3AED)",
-        bg: "var(--of-badge-purple-bg, #F9F0FF)",
-        border: "var(--of-badge-purple-border, #E9D5FF)",
-        avatarBg: "var(--of-badge-purple-border, #E9D5FF)",
-        descColor: "var(--of-badge-purple-text, #6B21A8)",
+        color: "var(--of-accent-strong)",
+        bg: "var(--of-surface-panel)",
+        border: "var(--of-border-subtle)",
+        avatarBg: "var(--of-surface-selected)",
+        descColor: "var(--of-text-secondary)",
         defaultAvatar: "A"
       },
       result: {
-        color: "var(--of-color-success, #22C55E)",
-        bg: "var(--of-color-success-light, #F6FFED)",
-        border: "var(--of-color-success-border, #B7EB8F)",
-        avatarBg: "var(--of-color-success-border, #B7EB8F)",
-        descColor: "var(--of-color-success-dark, #165E26)",
+        color: "var(--of-accent-default)",
+        bg: "var(--of-surface-muted)",
+        border: "var(--of-border-subtle)",
+        avatarBg: "var(--of-surface-selected)",
+        descColor: "var(--of-text-primary)",
         defaultAvatar: "✓"
       }
-    }, a = e(() => i[r.type || "source"]), n = e(() => r.color || a.value.color), v = e(() => r.bg || a.value.bg), f = e(() => r.borderColor || a.value.border), b = e(() => a.value.descColor), p = e(() => r.avatar || a.value.defaultAvatar), g = e(() => ({
+    }, o = e(() => i[t.type || "source"]), n = e(() => t.color || o.value.color), v = e(() => t.bg || o.value.bg), f = e(() => t.borderColor || o.value.border), m = e(() => o.value.descColor), b = e(() => t.avatar || o.value.defaultAvatar), y = e(() => ({
       background: v.value,
       borderColor: f.value
-    })), m = e(() => ({
-      backgroundColor: a.value.avatarBg,
+    })), g = e(() => ({
+      backgroundColor: o.value.avatarBg,
       color: n.value
     }));
-    return (C, E) => (l(), c("div", y({
+    return (p, k) => (l(), c("div", C({
       class: "one-chain-item",
-      style: g.value
-    }, C.$attrs), [
-      s("div", F, [
+      style: y.value
+    }, p.$attrs), [
+      s("div", _, [
         s("span", {
           class: "one-chain-item__avatar",
-          style: d(m.value)
-        }, t(p.value), 5),
+          style: d(g.value)
+        }, r(b.value), 5),
         s("span", {
           class: "one-chain-item__title",
           style: d({ color: n.value })
-        }, t(o.title), 5),
-        o.duration ? (l(), c("span", B, t(o.duration), 1)) : u("", !0)
+        }, r(a.title), 5),
+        a.duration ? (l(), c("span", B, r(a.duration), 1)) : u("", !0)
       ]),
-      o.description ? (l(), c("div", {
+      a.description ? (l(), c("div", {
         key: 0,
         class: "one-chain-item__desc",
-        style: d({ color: b.value })
-      }, t(o.description), 5)) : u("", !0)
+        style: d({ color: m.value })
+      }, r(a.description), 5)) : u("", !0)
     ], 16));
   }
 });
 export {
-  A as default
+  S as default
 };

package/dist/components/base/DescBlock.vue.js

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

package/dist/components/base/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a8f0ddac"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0531c21a"]]);
 export {
-  d as default
+  m as default
 };

package/dist/components/base/EmptyState.vue.js

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

package/dist/components/base/InfoCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./InfoCard.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e865ef8d"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d068732"]]);
 export {
-  e as default
+  m as default
 };