@oneflowui/ui 0.5.8 → 0.6.0

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
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as E, useCssVars as L, computed as b, openBlock as t, createElementBlock as r, mergeProps as w, Fragment as f, renderSlot as c, createCommentVNode as n, createElementVNode as d, toDisplayString as i, normalizeStyle as u, renderList as B } from "vue";
-const P = {
+import { defineComponent as E, useCssVars as L, computed as y, openBlock as o, createElementBlock as a, mergeProps as B, Fragment as l, renderSlot as c, createCommentVNode as n, createElementVNode as s, toDisplayString as i, normalizeStyle as u, renderList as P } from "vue";
+const w = {
   key: 0,
   class: "of-info-card__icon-area"
 }, A = { class: "of-info-card__body" }, T = { class: "of-info-card__title" }, V = { class: "of-info-card__footer" }, D = {
@@ -44,126 +44,126 @@ const P = {
     typeColor: { default: void 0 }
   },
   emits: ["click"],
-  setup(o, { emit: m }) {
+  setup(t, { emit: g }) {
     L((e) => ({
-      e6754980: e.unread ? "var(--of-color-warning-light)" : "var(--of-color-bg-elevated)"
+      v36da208e: e.unread ? "var(--of-surface-selected)" : "var(--of-surface-elevated)"
     }));
-    const a = o, h = m, g = {
-      模板: "var(--of-color-primary-500)",
-      template: "var(--of-color-primary-500)",
-      会话: "var(--of-color-success)",
-      session: "var(--of-color-success)"
-    }, k = b(() => a.variant === "memo" ? a.importance === "high" ? "var(--of-color-error)" : a.borderColor ?? "var(--of-color-info)" : a.variant === "history" ? a.typeColor ? a.typeColor : a.type && g[a.type] ? g[a.type] : a.borderColor ?? "var(--of-color-primary-500)" : "transparent"), _ = b(() => {
+    const r = t, h = g, m = {
+      模板: "var(--of-accent-default)",
+      template: "var(--of-accent-default)",
+      会话: "var(--of-text-strong)",
+      session: "var(--of-text-strong)"
+    }, k = y(() => r.variant === "memo" ? r.importance === "high" ? "var(--of-border-strong)" : r.borderColor ?? "var(--of-accent-default)" : r.variant === "history" ? r.typeColor ? r.typeColor : r.type && m[r.type] ? m[r.type] : r.borderColor ?? "var(--of-accent-default)" : "transparent"), _ = y(() => {
       const e = {
         "--of-ic-border": k.value
       };
-      return a.variant === "notify" && (e["--of-ic-unread-dot"] = a.unread ? "var(--of-color-info)" : "var(--of-color-text-tertiary)"), e;
-    }), v = b(
+      return r.variant === "notify" && (e["--of-ic-unread-dot"] = r.unread ? "var(--of-accent-default)" : "var(--of-text-tertiary)"), e;
+    }), v = y(
       () => ({
-        "--of-ic-clamp": String(a.contentLines ?? 3)
+        "--of-ic-clamp": String(r.contentLines ?? 3)
       })
     );
     function C(e) {
-      const l = [
+      const f = [
         {
-          bg: "var(--of-badge-blue-bg)",
-          color: "var(--of-badge-blue-text)",
-          border: "var(--of-badge-blue-border)"
+          bg: "var(--of-surface-muted)",
+          color: "var(--of-accent-default)",
+          border: "var(--of-border-subtle)"
         },
         {
-          bg: "var(--of-badge-green-bg)",
-          color: "var(--of-badge-green-text)",
-          border: "var(--of-badge-green-border)"
+          bg: "var(--of-surface-panel)",
+          color: "var(--of-text-strong)",
+          border: "var(--of-border-subtle)"
         },
         {
-          bg: "var(--of-badge-orange-bg)",
-          color: "var(--of-badge-orange-text)",
-          border: "var(--of-badge-orange-border)"
+          bg: "var(--of-surface-selected)",
+          color: "var(--of-accent-strong)",
+          border: "var(--of-border-strong)"
         },
         {
-          bg: "var(--of-badge-purple-bg)",
-          color: "var(--of-badge-purple-text)",
-          border: "var(--of-badge-purple-border)"
+          bg: "var(--of-surface-panel)",
+          color: "var(--of-text-secondary)",
+          border: "var(--of-border-subtle)"
         },
         {
-          bg: "var(--of-badge-gray-bg)",
-          color: "var(--of-badge-gray-text)",
-          border: "var(--of-badge-gray-border)"
+          bg: "var(--of-surface-muted)",
+          color: "var(--of-text-tertiary)",
+          border: "var(--of-border-subtle)"
         }
-      ], s = l[e % l.length];
+      ], d = f[e % f.length];
       return {
-        "--of-ic-tag-bg": s.bg,
-        "--of-ic-tag-color": s.color,
-        "--of-ic-tag-border": s.border
+        "--of-ic-tag-bg": d.bg,
+        "--of-ic-tag-color": d.color,
+        "--of-ic-tag-border": d.border
       };
     }
-    function y(e) {
+    function b(e) {
       h("click", e);
     }
     function $(e) {
-      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), y(new MouseEvent("click")));
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), b(new MouseEvent("click")));
     }
-    return (e, l) => (t(), r("div", w({
-      class: ["of-info-card", `of-info-card--${o.variant}`],
+    return (e, f) => (o(), a("div", B({
+      class: ["of-info-card", `of-info-card--${t.variant}`],
       style: _.value,
       role: "button",
       tabindex: "0"
     }, e.$attrs, {
-      onClick: y,
+      onClick: b,
       onKeydown: $
     }), [
-      o.variant === "memo" ? (t(), r(f, { key: 0 }, [
-        e.$slots.icon ? (t(), r("div", P, [
+      t.variant === "memo" ? (o(), a(l, { key: 0 }, [
+        e.$slots.icon ? (o(), a("div", w, [
           c(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        d("div", A, [
-          d("div", T, i(o.title), 1),
-          o.content ? (t(), r("div", {
+        s("div", A, [
+          s("div", T, i(t.title), 1),
+          t.content ? (o(), a("div", {
             key: 0,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(o.content), 5)) : n("", !0),
-          d("div", V, [
-            o.tags && o.tags.length ? (t(!0), r(f, { key: 0 }, B(o.tags, (s, S) => (t(), r("span", {
-              key: s,
+          }, i(t.content), 5)) : n("", !0),
+          s("div", V, [
+            t.tags && t.tags.length ? (o(!0), a(l, { key: 0 }, P(t.tags, (d, S) => (o(), a("span", {
+              key: d,
               class: "of-info-card__tag",
               style: u(C(S))
-            }, i(s), 5))), 128)) : n("", !0),
-            o.author ? (t(), r("span", D, i(o.author), 1)) : n("", !0),
-            o.date ? (t(), r("span", I, i(o.date), 1)) : n("", !0),
+            }, i(d), 5))), 128)) : n("", !0),
+            t.author ? (o(), a("span", D, i(t.author), 1)) : n("", !0),
+            t.date ? (o(), a("span", I, i(t.date), 1)) : n("", !0),
             c(e.$slots, "footer", {}, void 0, !0)
           ])
         ])
-      ], 64)) : o.variant === "notify" ? (t(), r(f, { key: 1 }, [
-        l[0] || (l[0] = d("span", { class: "of-info-card__dot" }, null, -1)),
-        d("div", K, [
-          d("div", M, i(o.title), 1),
-          o.content ? (t(), r("div", {
+      ], 64)) : t.variant === "notify" ? (o(), a(l, { key: 1 }, [
+        f[0] || (f[0] = s("span", { class: "of-info-card__dot" }, null, -1)),
+        s("div", K, [
+          s("div", M, i(t.title), 1),
+          t.content ? (o(), a("div", {
             key: 0,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(o.content), 5)) : n("", !0),
-          o.meta ? (t(), r("div", N, i(o.meta), 1)) : n("", !0),
+          }, i(t.content), 5)) : n("", !0),
+          t.meta ? (o(), a("div", N, i(t.meta), 1)) : n("", !0),
           c(e.$slots, "footer", {}, void 0, !0)
         ]),
-        e.$slots.actions ? (t(), r("div", O, [
+        e.$slots.actions ? (o(), a("div", O, [
           c(e.$slots, "actions", {}, void 0, !0)
         ])) : n("", !0)
-      ], 64)) : o.variant === "history" ? (t(), r(f, { key: 2 }, [
-        e.$slots.icon ? (t(), r("div", z, [
+      ], 64)) : t.variant === "history" ? (o(), a(l, { key: 2 }, [
+        e.$slots.icon ? (o(), a("div", z, [
           c(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        d("div", F, [
-          d("div", R, i(o.title), 1),
-          o.subtitle ? (t(), r("div", Y, i(o.subtitle), 1)) : n("", !0),
-          o.content ? (t(), r("div", {
+        s("div", F, [
+          s("div", R, i(t.title), 1),
+          t.subtitle ? (o(), a("div", Y, i(t.subtitle), 1)) : n("", !0),
+          t.content ? (o(), a("div", {
             key: 1,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
-          }, i(o.content), 5)) : n("", !0),
+          }, i(t.content), 5)) : n("", !0),
           c(e.$slots, "footer", {}, void 0, !0)
         ]),
-        e.$slots.actions ? (t(), r("div", j, [
+        e.$slots.actions ? (o(), a("div", j, [
           c(e.$slots, "actions", {}, void 0, !0)
         ])) : n("", !0)
       ], 64)) : n("", !0)

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

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