@oneflowui/ui 0.4.2 → 0.4.4

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

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

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

@@ -0,0 +1,54 @@
+import { defineComponent as d, computed as e, openBlock as f, createElementBlock as v, mergeProps as p, createElementVNode as c, normalizeStyle as m, renderSlot as _, toDisplayString as g } from "vue";
+const y = { class: "of-status-indicator__label" }, h = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "StatusIndicator",
+  props: {
+    status: {},
+    label: { default: void 0 },
+    size: { default: "md" },
+    color: { default: void 0 }
+  },
+  setup(t) {
+    const n = {
+      in_progress: "var(--of-color-info)",
+      executing: "var(--of-color-info)",
+      analysing: "var(--of-color-info)",
+      completed: "var(--of-color-success)",
+      resolved: "var(--of-color-success)",
+      closed: "var(--of-color-success)",
+      reviewing: "var(--of-color-warning)",
+      blocked: "var(--of-color-error)",
+      cancelled: "var(--of-color-error)",
+      open: "var(--of-color-gray-300)",
+      idle: "var(--of-color-gray-400)",
+      draft: "var(--of-color-gray-400)"
+    }, i = {
+      sm: "6px",
+      md: "8px"
+    }, o = t, u = e(() => o.status.trim().toLowerCase()), r = e(() => o.label ?? o.status), a = e(
+      () => o.color ?? n[u.value] ?? "var(--of-color-gray-300)"
+    ), s = e(() => i[o.size]);
+    return (l, S) => (f(), v("span", p({
+      class: "of-status-indicator",
+      style: { "--of-status-dot-color": a.value }
+    }, l.$attrs), [
+      c("span", {
+        class: "of-status-indicator__dot",
+        style: m({
+          width: s.value,
+          height: s.value
+        })
+      }, null, 4),
+      _(l.$slots, "default", {
+        status: t.status,
+        label: r.value,
+        color: a.value
+      }, () => [
+        c("span", y, g(r.value), 1)
+      ], !0)
+    ], 16));
+  }
+});
+export {
+  h as default
+};

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

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

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

@@ -0,0 +1,64 @@
+import { defineComponent as _, computed as i, openBlock as e, createElementBlock as a, mergeProps as g, Fragment as f, renderList as S, createCommentVNode as d, createElementVNode as r, normalizeStyle as n, toDisplayString as y, renderSlot as z } from "vue";
+const v = {
+  key: 0,
+  class: "of-status-summary__sep",
+  "aria-hidden": "true"
+}, k = { class: "of-status-summary__item" }, x = {
+  key: 0,
+  class: "of-status-summary__extra"
+}, b = /* @__PURE__ */ _({
+  name: "StatusSummary",
+  inheritAttrs: !1,
+  __name: "StatusSummary",
+  props: {
+    items: {},
+    size: { default: "md" },
+    separator: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const l = o, u = i(() => l.size === "sm" ? "6px" : "7px"), m = i(() => l.size === "sm" ? "10px" : "11px");
+    function c(t) {
+      return t.color ?? "var(--of-color-gray-300)";
+    }
+    function p(t) {
+      return t.highlight ? c(t) : "var(--of-color-text-primary)";
+    }
+    return (t, C) => (e(), a("div", g({
+      class: ["of-status-summary", `of-status-summary--${o.size}`]
+    }, t.$attrs), [
+      (e(!0), a(f, null, S(o.items, (s, h) => (e(), a(f, {
+        key: s.key
+      }, [
+        o.separator && h > 0 ? (e(), a("span", v)) : d("", !0),
+        r("span", k, [
+          r("span", {
+            class: "of-status-summary__dot",
+            style: n({
+              width: u.value,
+              height: u.value,
+              backgroundColor: c(s)
+            })
+          }, null, 4),
+          r("span", {
+            class: "of-status-summary__label",
+            style: n({ fontSize: m.value })
+          }, y(s.label), 5),
+          r("span", {
+            class: "of-status-summary__count",
+            style: n({
+              fontSize: m.value,
+              color: p(s),
+              fontWeight: s.highlight ? "700" : "600"
+            })
+          }, y(s.count), 5)
+        ])
+      ], 64))), 128)),
+      t.$slots.extra ? (e(), a("span", x, [
+        z(t.$slots, "extra", {}, void 0, !0)
+      ])) : d("", !0)
+    ], 16));
+  }
+});
+export {
+  b as default
+};

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

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

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

@@ -0,0 +1,70 @@
+import { defineComponent as h, computed as v, openBlock as r, createElementBlock as s, mergeProps as m, Fragment as u, renderList as k, createElementVNode as a, normalizeClass as l, createBlock as g, unref as z, toDisplayString as _, renderSlot as $, createCommentVNode as f } from "vue";
+import { Check as y } from "lucide-vue-next";
+const S = ["aria-current"], C = { key: 1 }, b = { class: "of-stepper__content" }, B = { class: "of-stepper__label" }, E = {
+  key: 0,
+  class: "of-stepper__description"
+}, w = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "Stepper",
+  props: {
+    steps: {},
+    current: {},
+    direction: { default: "horizontal" }
+  },
+  setup(c) {
+    const p = c, i = v(() => p.direction === "horizontal");
+    function o(t) {
+      return t < p.current ? "done" : t === p.current ? "active" : "pending";
+    }
+    function d(t) {
+      return t < p.current ? "done" : "pending";
+    }
+    return (t, L) => (r(), s("div", m({
+      class: ["of-stepper", i.value ? "of-stepper--horizontal" : "of-stepper--vertical"]
+    }, t.$attrs), [
+      (r(!0), s(u, null, k(c.steps, (n, e) => (r(), s(u, {
+        key: `${n.label}-${e}`
+      }, [
+        a("div", {
+          class: l([
+            "of-stepper__step",
+            `of-stepper__step--${o(e)}`,
+            i.value ? "of-stepper__step--horizontal" : "of-stepper__step--vertical"
+          ])
+        }, [
+          a("div", {
+            class: l(["of-stepper__indicator", `of-stepper__indicator--${o(e)}`]),
+            "aria-current": o(e) === "active" ? "step" : void 0
+          }, [
+            o(e) === "done" ? (r(), g(z(y), {
+              key: 0,
+              size: 14,
+              "stroke-width": 3
+            })) : (r(), s("span", C, _(e + 1), 1))
+          ], 10, S),
+          a("div", b, [
+            $(t.$slots, "step-content", {
+              item: n,
+              index: e,
+              status: o(e)
+            }, () => [
+              a("p", B, _(n.label), 1),
+              n.description ? (r(), s("p", E, _(n.description), 1)) : f("", !0)
+            ], !0)
+          ])
+        ], 2),
+        e < c.steps.length - 1 ? (r(), s("div", {
+          key: 0,
+          class: l([
+            "of-stepper__line",
+            `of-stepper__line--${d(e)}`,
+            i.value ? "of-stepper__line--horizontal" : "of-stepper__line--vertical"
+          ])
+        }, null, 2)) : f("", !0)
+      ], 64))), 128))
+    ], 16));
+  }
+});
+export {
+  w as default
+};

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

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

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

@@ -0,0 +1,43 @@
+import { defineComponent as m, computed as r, openBlock as i, createElementBlock as d, mergeProps as f, withKeys as h, withModifiers as b, createElementVNode as n, toDisplayString as w, createCommentVNode as V } from "vue";
+const k = ["aria-checked", "aria-label", "disabled", "onKeydown"], p = {
+  key: 0,
+  class: "of-switch__label"
+}, g = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    label: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: c }) {
+    const a = e, l = c, u = r(() => `of-switch--${a.size}`);
+    function s() {
+      if (a.disabled)
+        return;
+      const t = !a.modelValue;
+      l("update:modelValue", t), l("change", t);
+    }
+    return (t, o) => (i(), d("button", f({
+      type: "button",
+      class: ["of-switch", [u.value, { "of-switch--checked": e.modelValue, "of-switch--disabled": e.disabled }]],
+      role: "switch",
+      "aria-checked": e.modelValue,
+      "aria-label": e.label,
+      disabled: e.disabled
+    }, t.$attrs, {
+      onClick: s,
+      onKeydown: h(b(s, ["prevent"]), ["space"])
+    }), [
+      o[0] || (o[0] = n("span", { class: "of-switch__track" }, [
+        n("span", { class: "of-switch__thumb" })
+      ], -1)),
+      e.label ? (i(), d("span", p, w(e.label), 1)) : V("", !0)
+    ], 16, k));
+  }
+});
+export {
+  g as default
+};

package/dist/components/base/ToolbarBtn.vue.d.ts

@@ -1,5 +1,6 @@
+import { Component } from 'vue';
 type __VLS_Props = {
-    icon: string;
+    icon: string | Component;
     label: string;
     active?: boolean;
 };

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

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

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

@@ -0,0 +1,30 @@
+import { defineComponent as r, computed as s, openBlock as t, createElementBlock as m, mergeProps as b, createBlock as p, resolveDynamicComponent as f, createElementVNode as u, toDisplayString as k } from "vue";
+import { resolveIcon as _ } from "../../utils/icon.js";
+const d = { class: "of-toolbar-btn__label" }, h = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "ToolbarBtn",
+  props: {
+    icon: {},
+    label: {},
+    active: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(o, { emit: n }) {
+    const c = o, l = n, a = s(() => _(c.icon));
+    function i(e) {
+      l("click", e);
+    }
+    return (e, v) => (t(), m("button", b({
+      class: ["of-toolbar-btn", { "of-toolbar-btn--active": o.active }]
+    }, e.$attrs, { onClick: i }), [
+      (t(), p(f(a.value), {
+        class: "of-toolbar-btn__icon",
+        size: 13
+      })),
+      u("span", d, k(o.label), 1)
+    ], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/base/ViewModeGroup.vue.d.ts

@@ -1,6 +1,7 @@
+import { Component } from 'vue';
 export interface ViewModeOption {
     value: string;
-    icon: string;
+    icon: string | Component;
     label?: string;
 }
 export interface ViewModeGroupProps {

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

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

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

@@ -0,0 +1,32 @@
+import { defineComponent as s, computed as u, openBlock as o, createElementBlock as l, mergeProps as m, Fragment as c, renderList as d, normalizeClass as p, createBlock as v, resolveDynamicComponent as _, unref as f } from "vue";
+import { resolveIcon as b } from "../../utils/icon.js";
+const g = ["title", "onClick"], h = /* @__PURE__ */ s({
+  name: "ViewModeGroup",
+  inheritAttrs: !1,
+  __name: "ViewModeGroup",
+  props: {
+    options: { default: void 0 },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const a = [
+      { value: "side", icon: "panel-right", label: "侧边面板" },
+      { value: "modal", icon: "maximize-2", label: "弹窗" },
+      { value: "fullscreen", icon: "maximize", label: "全屏" }
+    ], i = n, r = u(() => i.options ?? a);
+    return (t, k) => (o(), l("div", m({ class: "one-view-mode-group" }, t.$attrs), [
+      (o(!0), l(c, null, d(r.value, (e) => (o(), l("button", {
+        key: e.value,
+        class: p(["one-view-mode-group__btn", { "one-view-mode-group__btn--active": n.modelValue === e.value }]),
+        title: e.label,
+        onClick: (w) => t.$emit("update:modelValue", e.value)
+      }, [
+        (o(), v(_(f(b)(e.icon)), { class: "one-view-mode-group__icon" }))
+      ], 10, g))), 128))
+    ], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/base/ViewSwitcher.vue.d.ts

@@ -1,7 +1,8 @@
+import { Component } from 'vue';
 export interface ViewSwitcherTab {
     value: string;
     label: string;
-    icon?: string;
+    icon?: string | Component;
 }
 export interface ViewSwitcherProps {
     tabs?: ViewSwitcherTab[];

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

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

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

@@ -0,0 +1,73 @@
+import { defineComponent as b, computed as f, openBlock as o, createElementBlock as n, mergeProps as p, createElementVNode as r, Fragment as k, renderList as y, normalizeClass as $, createBlock as u, resolveDynamicComponent as c, unref as d, createCommentVNode as a, toDisplayString as i, renderSlot as C } from "vue";
+import { resolveIcon as v } from "../../utils/icon.js";
+const g = { class: "one-view-switcher__tabs" }, B = ["onClick"], L = {
+  key: 3,
+  class: "one-view-switcher__search"
+}, S = ["placeholder"], D = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "ViewSwitcher",
+  props: {
+    tabs: { default: void 0 },
+    modelValue: { default: "table" },
+    showFilter: { type: Boolean, default: !0 },
+    showGroup: { type: Boolean, default: !0 },
+    showSort: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 },
+    filterLabel: { default: "筛选" },
+    groupLabel: { default: "分组" },
+    sortLabel: { default: "排序" },
+    searchPlaceholder: { default: "搜索..." }
+  },
+  emits: ["update:modelValue", "filter", "group", "sort", "search"],
+  setup(l) {
+    const w = [
+      { value: "table", label: "表格", icon: "table-2" },
+      { value: "kanban", label: "看板", icon: "columns-3" },
+      { value: "timeline", label: "时间线", icon: "calendar" }
+    ], h = l, m = f(() => h.tabs ?? w);
+    return (s, e) => (o(), n("div", p({ class: "one-view-switcher" }, s.$attrs), [
+      r("div", g, [
+        (o(!0), n(k, null, y(m.value, (t) => (o(), n("button", {
+          key: t.value,
+          class: $(["one-view-switcher__tab", { "one-view-switcher__tab--active": l.modelValue === t.value }]),
+          onClick: (V) => s.$emit("update:modelValue", t.value)
+        }, [
+          t.icon ? (o(), u(c(d(v)(t.icon)), {
+            key: 0,
+            class: "one-view-switcher__tab-icon"
+          })) : a("", !0),
+          r("span", null, i(t.label), 1)
+        ], 10, B))), 128))
+      ]),
+      e[4] || (e[4] = r("div", { class: "one-view-switcher__sep" }, null, -1)),
+      l.showFilter ? (o(), n("button", {
+        key: 0,
+        class: "one-view-switcher__tool-btn",
+        onClick: e[0] || (e[0] = (t) => s.$emit("filter"))
+      }, i(l.filterLabel), 1)) : a("", !0),
+      l.showGroup ? (o(), n("button", {
+        key: 1,
+        class: "one-view-switcher__tool-btn",
+        onClick: e[1] || (e[1] = (t) => s.$emit("group"))
+      }, i(l.groupLabel), 1)) : a("", !0),
+      l.showSort ? (o(), n("button", {
+        key: 2,
+        class: "one-view-switcher__tool-btn",
+        onClick: e[2] || (e[2] = (t) => s.$emit("sort"))
+      }, i(l.sortLabel), 1)) : a("", !0),
+      e[5] || (e[5] = r("div", { class: "one-view-switcher__spacer" }, null, -1)),
+      l.showSearch ? (o(), n("div", L, [
+        (o(), u(c(d(v)("search")), { class: "one-view-switcher__search-icon" })),
+        r("input", {
+          class: "one-view-switcher__search-input",
+          placeholder: l.searchPlaceholder,
+          onInput: e[3] || (e[3] = (t) => s.$emit("search", t.target.value))
+        }, null, 40, S)
+      ])) : a("", !0),
+      C(s.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,42 @@
+import { defineComponent as m, openBlock as o, createElementBlock as n, mergeProps as u, Fragment as _, renderList as d, normalizeClass as b, createBlock as f, resolveDynamicComponent as p, createElementVNode as k, toDisplayString as v } from "vue";
+import { GanttChartIcon as y, LayoutGridIcon as C, KanbanIcon as h, Table2Icon as w } from "lucide-vue-next";
+const I = ["onClick"], V = { class: "of-view-tab__label" }, D = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "ViewTab",
+  props: {
+    modelValue: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: l }) {
+    const s = {
+      "table-2": w,
+      kanban: h,
+      "layout-grid": C,
+      "gantt-chart": y
+    };
+    function c(e) {
+      return s[e];
+    }
+    const i = l;
+    function r(e) {
+      i("update:modelValue", e);
+    }
+    return (e, g) => (o(), n("div", u({ class: "of-view-tab" }, e.$attrs), [
+      (o(!0), n(_, null, d(a.items, (t) => (o(), n("button", {
+        key: t.key,
+        class: b(["of-view-tab__item", { "of-view-tab__item--active": a.modelValue === t.key }]),
+        onClick: (B) => r(t.key)
+      }, [
+        (o(), f(p(c(t.icon)), {
+          class: "of-view-tab__icon",
+          size: 14
+        })),
+        k("span", V, v(t.label), 1)
+      ], 10, I))), 128))
+    ], 16));
+  }
+});
+export {
+  D as default
+};

package/dist/components/base/index.d.ts

@@ -44,3 +44,4 @@ export { default as MonitorItem } from './MonitorItem.vue';
 export type { MonitorItemProps } from './MonitorItem.vue';
 export { default as PersonaCard } from './PersonaCard.vue';
 export type { PersonaCardProps } from './PersonaCard.vue';
+export { default as SearchHighlight } from './SearchHighlight.vue';

package/dist/components/breadcrumb/Breadcrumb.vue.js

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

package/dist/components/breadcrumb/Breadcrumb.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as f, openBlock as t, createElementBlock as n, createElementVNode as h, Fragment as k, renderList as _, normalizeClass as c, createBlock as l, resolveDynamicComponent as s, withModifiers as C, withCtx as v, unref as p, createCommentVNode as i, createTextVNode as m, toDisplayString as u, renderSlot as d } from "vue";
+import { resolveIcon as y } from "../../utils/icon.js";
+const g = {
+  class: "of-breadcrumb",
+  "aria-label": "breadcrumb"
+}, B = { class: "of-breadcrumb__list" }, N = {
+  key: 0,
+  class: "of-breadcrumb__separator",
+  "aria-hidden": "true"
+}, E = /* @__PURE__ */ f({
+  __name: "Breadcrumb",
+  props: {
+    items: {},
+    separator: {}
+  },
+  setup(e) {
+    function b(a) {
+      a.onClick && a.onClick();
+    }
+    return (a, V) => (t(), n("nav", g, [
+      h("ol", B, [
+        e.items && e.items.length ? (t(!0), n(k, { key: 0 }, _(e.items, (r, o) => (t(), n("li", {
+          key: o,
+          class: c(["of-breadcrumb__item", { "of-breadcrumb__item--active": o === e.items.length - 1 }])
+        }, [
+          (t(), l(s(r.path ? "a" : "span"), {
+            href: r.path,
+            class: c(["of-breadcrumb__link", { "of-breadcrumb__link--active": o === e.items.length - 1 }]),
+            onClick: C(($) => r.onClick ? b(r) : null, ["prevent"])
+          }, {
+            default: v(() => [
+              r.icon ? (t(), l(s(p(y)(r.icon)), {
+                key: 0,
+                class: "of-breadcrumb__icon"
+              })) : i("", !0),
+              m(" " + u(r.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "class", "onClick"])),
+          o < e.items.length - 1 ? (t(), n("span", N, [
+            d(a.$slots, "separator", {}, () => [
+              m(u(e.separator || "/"), 1)
+            ], !0)
+          ])) : i("", !0)
+        ], 2))), 128)) : d(a.$slots, "default", { key: 1 }, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/components/breadcrumb/BreadcrumbItem.vue.js

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

package/dist/components/breadcrumb/BreadcrumbItem.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as t, createElementBlock as f, normalizeClass as o, createBlock as a, resolveDynamicComponent as r, withModifiers as u, withCtx as d, unref as b, createCommentVNode as k, renderSlot as v } from "vue";
+import { resolveIcon as h } from "../../utils/icon.js";
+const B = /* @__PURE__ */ s({
+  __name: "BreadcrumbItem",
+  props: {
+    path: {},
+    icon: {},
+    active: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(e, { emit: i }) {
+    const n = i;
+    return (m, c) => (t(), f("li", {
+      class: o(["of-breadcrumb__item", { "of-breadcrumb__item--active": e.active }])
+    }, [
+      (t(), a(r(e.path ? "a" : "span"), {
+        href: e.path,
+        class: o(["of-breadcrumb__link", { "of-breadcrumb__link--active": e.active }]),
+        onClick: c[0] || (c[0] = u((l) => n("click", l), ["prevent"]))
+      }, {
+        default: d(() => [
+          e.icon ? (t(), a(r(b(h)(e.icon)), {
+            key: 0,
+            class: "of-breadcrumb__icon"
+          })) : k("", !0),
+          v(m.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["href", "class"]))
+    ], 2));
+  }
+});
+export {
+  B as default
+};

package/dist/components/detail/CommentItem.vue.js

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

package/dist/components/detail/CommentItem.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as c, openBlock as o, createElementBlock as n, createElementVNode as e, normalizeStyle as a, toDisplayString as m, createCommentVNode as i } from "vue";
+const s = { class: "comment-item" }, _ = { class: "comment-item__content" }, l = { class: "comment-item__header" }, r = { class: "comment-item__author" }, d = {
+  key: 0,
+  class: "comment-item__action"
+}, h = { class: "comment-item__time" }, u = { class: "comment-item__text" }, C = /* @__PURE__ */ c({
+  __name: "CommentItem",
+  props: {
+    comment: {}
+  },
+  setup(t) {
+    return (v, f) => (o(), n("div", s, [
+      e("div", {
+        class: "comment-item__avatar",
+        style: a({ backgroundColor: t.comment.avatarColor ?? "var(--of-color-primary-500)" })
+      }, m(t.comment.authorInitial), 5),
+      e("div", _, [
+        e("div", l, [
+          e("span", r, m(t.comment.author), 1),
+          t.comment.action ? (o(), n("span", d, m(t.comment.action), 1)) : i("", !0),
+          e("span", h, m(t.comment.time), 1)
+        ]),
+        e("div", u, m(t.comment.content), 1)
+      ])
+    ]));
+  }
+});
+export {
+  C as default
+};