@oneflowui/ui 0.4.2 → 0.4.4

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

@@ -0,0 +1,185 @@
+import { defineComponent as w, computed as r, openBlock as t, createElementBlock as n, mergeProps as A, createElementVNode as c, normalizeStyle as f, createBlock as E, resolveDynamicComponent as F, Fragment as y, createTextVNode as N, toDisplayString as l, renderSlot as b, createCommentVNode as i, renderList as T } from "vue";
+import { resolveIcon as V } from "../../utils/icon.js";
+const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__name-row" }, L = {
+  key: 0,
+  class: "of-persona-card__title-badge"
+}, H = {
+  key: 1,
+  class: "of-persona-card__tags"
+}, M = { class: "of-persona-card__right" }, j = {
+  key: 0,
+  class: "of-persona-card__done-mark"
+}, q = { class: "of-persona-card__chevron" }, G = {
+  key: 0,
+  class: "of-persona-card__detail"
+}, O = /* @__PURE__ */ w({
+  name: "PersonaCard",
+  inheritAttrs: !1,
+  __name: "PersonaCard",
+  props: {
+    name: {},
+    title: {},
+    icon: {},
+    color: {},
+    subtitle: {},
+    tags: {},
+    expanded: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    done: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["update:expanded", "click"],
+  setup(o, { emit: _ }) {
+    const e = o, v = _, u = [
+      {
+        accent: "var(--of-color-warning)",
+        bg: "var(--of-color-warning-light)",
+        border: "var(--of-badge-orange-border)",
+        tagBg: "var(--of-badge-orange-bg)"
+      },
+      {
+        accent: "var(--of-color-primary-500)",
+        bg: "var(--of-color-primary-50)",
+        border: "var(--of-color-primary-200)",
+        tagBg: "var(--of-color-primary-100)"
+      },
+      {
+        accent: "var(--of-role-pm-text)",
+        bg: "var(--of-role-pm-bg)",
+        border: "var(--of-badge-red-border)",
+        tagBg: "var(--of-badge-red-bg)"
+      },
+      {
+        accent: "var(--of-color-success)",
+        bg: "var(--of-color-success-light)",
+        border: "var(--of-badge-green-border)",
+        tagBg: "var(--of-badge-green-bg)"
+      },
+      {
+        accent: "var(--of-color-info)",
+        bg: "var(--of-color-info-light)",
+        border: "var(--of-badge-blue-border)",
+        tagBg: "var(--of-badge-blue-bg)"
+      },
+      {
+        accent: "var(--of-role-arch-text)",
+        bg: "var(--of-role-arch-bg)",
+        border: "var(--of-badge-purple-border)",
+        tagBg: "var(--of-badge-purple-bg)"
+      },
+      {
+        accent: "var(--of-color-error)",
+        bg: "var(--of-color-error-light)",
+        border: "var(--of-badge-red-border)",
+        tagBg: "var(--of-badge-red-bg)"
+      },
+      {
+        accent: "var(--of-role-fe-text)",
+        bg: "var(--of-role-fe-bg)",
+        border: "var(--of-badge-green-border)",
+        tagBg: "var(--of-badge-green-bg)"
+      }
+    ];
+    function B(a) {
+      let s = 0;
+      for (let d = 0; d < a.length; d++)
+        s = (s << 5) - s + a.charCodeAt(d), s |= 0;
+      return Math.abs(s);
+    }
+    const g = r(() => {
+      if (e.color) {
+        const a = e.color.replace("#", "");
+        return {
+          accent: e.color,
+          bg: `#${a}24`,
+          border: `#${a}52`,
+          tagBg: `#${a}1a`
+        };
+      }
+      return u[B(e.name) % u.length];
+    }), p = r(() => e.size === "sm" ? 24 : 32), m = r(() => e.size === "sm" ? 12 : 16), k = r(() => e.size === "sm" ? 12 : 13), x = r(() => e.size === "sm" ? 11 : 12), h = r(() => {
+      if (e.icon)
+        return V(e.icon);
+    }), z = r(() => {
+      if (e.icon && typeof e.icon == "string") return e.icon;
+      if (e.icon) return "";
+      const a = e.name.trim();
+      return a ? a.charAt(0) : "?";
+    }), S = r(() => [
+      "of-persona-card",
+      `of-persona-card--${e.size}`,
+      {
+        "of-persona-card--active": e.active,
+        "of-persona-card--done": e.done,
+        "of-persona-card--disabled": e.disabled,
+        "of-persona-card--expanded": e.expanded
+      }
+    ]), $ = r(() => ({
+      "--pc-accent": g.value.accent,
+      "--pc-accent-bg": g.value.bg,
+      "--pc-accent-border": g.value.border,
+      "--pc-accent-tag-bg": g.value.tagBg
+    })), C = r(() => ({
+      width: `${p.value}px`,
+      height: `${p.value}px`,
+      fontSize: `${m.value}px`
+    }));
+    function P() {
+      e.disabled || (v("update:expanded", !e.expanded), v("click"));
+    }
+    return (a, s) => (t(), n("div", A({
+      class: S.value,
+      style: $.value
+    }, a.$attrs), [
+      c("div", {
+        class: "of-persona-card__header",
+        onClick: P
+      }, [
+        c("span", {
+          class: "of-persona-card__avatar",
+          style: f(C.value)
+        }, [
+          h.value ? (t(), E(F(h.value), {
+            key: 0,
+            size: m.value
+          }, null, 8, ["size"])) : (t(), n(y, { key: 1 }, [
+            N(l(z.value), 1)
+          ], 64))
+        ], 4),
+        c("div", D, [
+          c("div", I, [
+            c("span", {
+              class: "of-persona-card__name",
+              style: f({ fontSize: `${k.value}px` })
+            }, l(o.name), 5),
+            b(a.$slots, "badge", {}, void 0, !0),
+            o.title ? (t(), n("span", L, l(o.title), 1)) : i("", !0)
+          ]),
+          o.subtitle ? (t(), n("span", {
+            key: 0,
+            class: "of-persona-card__subtitle",
+            style: f({ fontSize: `${x.value}px` })
+          }, l(o.subtitle), 5)) : i("", !0),
+          o.tags && o.tags.length > 0 ? (t(), n("div", H, [
+            (t(!0), n(y, null, T(o.tags, (d) => (t(), n("span", {
+              key: d,
+              class: "of-persona-card__tag"
+            }, l(d), 1))), 128))
+          ])) : i("", !0)
+        ]),
+        c("div", M, [
+          b(a.$slots, "actions", {}, void 0, !0),
+          o.done ? (t(), n("span", j, "✓")) : i("", !0),
+          c("span", q, l(o.expanded ? "▲" : "▼"), 1)
+        ])
+      ]),
+      o.expanded ? (t(), n("div", G, [
+        b(a.$slots, "default", {}, void 0, !0)
+      ])) : i("", !0)
+    ], 16));
+  }
+});
+export {
+  O as default
+};

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

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

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

@@ -0,0 +1,49 @@
+import { defineComponent as p, computed as r, openBlock as t, createElementBlock as c, mergeProps as f, createElementVNode as a, normalizeStyle as d, normalizeClass as b, renderSlot as v, toDisplayString as m, createCommentVNode as _ } from "vue";
+const g = {
+  key: 0,
+  class: "of-progress-bar__label"
+}, h = { class: "of-progress-bar__slot" }, y = { class: "of-progress-bar__value" }, $ = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "ProgressBar",
+  props: {
+    value: {},
+    height: { default: 4 },
+    color: {},
+    bgColor: { default: "var(--of-color-gray-100)" },
+    showLabel: { type: Boolean, default: !1 },
+    borderRadius: { default: 2 }
+  },
+  setup(s) {
+    const e = s, o = r(() => Math.min(100, Math.max(0, e.value))), u = r(
+      () => o.value === 100 ? "var(--of-color-success)" : e.color ?? "var(--of-color-primary-500)"
+    ), n = r(() => ({
+      height: `${e.height}px`,
+      backgroundColor: e.bgColor,
+      borderRadius: `${e.borderRadius}px`
+    })), i = r(() => ({
+      width: `${o.value}%`,
+      background: u.value,
+      borderRadius: `${e.borderRadius}px`
+    }));
+    return (l, k) => (t(), c("div", f({ class: "of-progress-bar" }, l.$attrs), [
+      a("div", {
+        class: "of-progress-bar__track pb",
+        style: d(n.value)
+      }, [
+        a("div", {
+          class: b(["of-progress-bar__fill pf", { dn: o.value === 100 }]),
+          style: d(i.value)
+        }, null, 6)
+      ], 4),
+      s.showLabel ? (t(), c("div", g, [
+        a("div", h, [
+          v(l.$slots, "default", {}, void 0, !0)
+        ]),
+        a("span", y, m(o.value) + "%", 1)
+      ])) : _("", !0)
+    ], 16));
+  }
+});
+export {
+  $ as default
+};

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

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

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

@@ -0,0 +1,35 @@
+import { defineComponent as r, openBlock as l, createElementBlock as n, mergeProps as m, createElementVNode as i, toDisplayString as s, createCommentVNode as d } from "vue";
+const u = { class: "of-range-slider__label" }, c = ["value", "min", "max", "step"], p = {
+  key: 0,
+  class: "of-range-slider__description"
+}, g = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "RangeSlider",
+  props: {
+    label: {},
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    description: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (t, a) => (l(), n("div", m({ class: "of-range-slider" }, t.$attrs), [
+      i("label", u, s(e.label), 1),
+      i("input", {
+        value: e.modelValue,
+        onInput: a[0] || (a[0] = (o) => t.$emit("update:modelValue", Number(o.target.value))),
+        type: "range",
+        min: e.min,
+        max: e.max,
+        step: e.step ?? 1,
+        class: "of-range-slider__input"
+      }, null, 40, c),
+      e.description ? (l(), n("p", p, s(e.description), 1)) : d("", !0)
+    ], 16));
+  }
+});
+export {
+  g as default
+};

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

@@ -1,7 +1,7 @@
-import { VNode } from 'vue';
+import { Component, VNode } from 'vue';
 export interface RefTagProps {
     type?: "spec" | "wiki" | "task" | string;
-    icon?: string;
+    icon?: string | Component;
     color?: string;
     bg?: string;
     href?: string;

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

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

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

@@ -0,0 +1,52 @@
+import { defineComponent as g, computed as n, openBlock as l, createBlock as s, resolveDynamicComponent as f, mergeProps as m, withCtx as p, createCommentVNode as u, createElementVNode as v, renderSlot as d } from "vue";
+import { resolveIcon as h } from "../../utils/icon.js";
+const b = { class: "one-ref-tag__text" }, S = /* @__PURE__ */ g({
+  name: "RefTag",
+  inheritAttrs: !1,
+  __name: "RefTag",
+  props: {
+    type: { default: "spec" },
+    icon: {},
+    color: {},
+    bg: {},
+    href: {}
+  },
+  setup(e) {
+    const a = {
+      spec: {
+        icon: "file-text",
+        color: "var(--of-color-primary-700)",
+        bg: "var(--of-color-primary-50)"
+      },
+      wiki: { icon: "book-open", color: "var(--of-color-green-600)", bg: "var(--of-color-green-50)" },
+      task: { icon: "link", color: "var(--of-color-orange-600)", bg: "var(--of-color-orange-50)" }
+    }, o = e, t = n(() => a[o.type ?? ""] ?? a.spec), c = n(() => {
+      const r = o.icon ?? t.value.icon;
+      return h(r);
+    }), i = n(() => ({
+      "--one-ref-tag-color": o.color ?? t.value.color,
+      "--one-ref-tag-bg": o.bg ?? t.value.bg
+    }));
+    return (r, y) => (l(), s(f(e.href ? "a" : "span"), m({
+      class: "one-ref-tag",
+      style: i.value,
+      href: e.href ?? void 0,
+      target: e.href ? "_blank" : void 0,
+      rel: e.href ? "noopener noreferrer" : void 0
+    }, r.$attrs), {
+      default: p(() => [
+        c.value ? (l(), s(f(c.value), {
+          key: 0,
+          class: "one-ref-tag__icon"
+        })) : u("", !0),
+        v("span", b, [
+          d(r.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["style", "href", "target", "rel"]));
+  }
+});
+export {
+  S as default
+};

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

@@ -0,0 +1,6 @@
+import { SearchHighlight } from '../../composables/useSearch';
+type __VLS_Props = {
+    segments: SearchHighlight[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,21 @@
+import { defineComponent as h, openBlock as e, createElementBlock as t, mergeProps as l, Fragment as s, renderList as m, toDisplayString as n } from "vue";
+const i = {
+  key: 0,
+  class: "of-search-hl__match"
+}, p = { key: 1 }, u = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "SearchHighlight",
+  props: {
+    segments: {}
+  },
+  setup(a) {
+    return (o, _) => (e(), t("span", l({ class: "of-search-hl" }, o.$attrs), [
+      (e(!0), t(s, null, m(a.segments, (r, c) => (e(), t(s, { key: c }, [
+        r.match ? (e(), t("mark", i, n(r.text), 1)) : (e(), t("span", p, n(r.text), 1))
+      ], 64))), 128))
+    ], 16));
+  }
+});
+export {
+  u as default
+};

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

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

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

@@ -0,0 +1,115 @@
+import { defineComponent as E, computed as s, openBlock as l, createElementBlock as n, mergeProps as T, createElementVNode as t, createBlock as A, resolveDynamicComponent as L, createCommentVNode as d, toDisplayString as k, normalizeStyle as w, withModifiers as $, renderSlot as u, normalizeClass as v } from "vue";
+import { resolveIcon as z } from "../../utils/icon.js";
+const D = { class: "of-section-block__header-left" }, N = { class: "of-section-block__title" }, U = ["aria-expanded", "aria-label"], M = { class: "of-section-block__body" }, F = /* @__PURE__ */ E({
+  name: "SectionBlock",
+  inheritAttrs: !1,
+  __name: "SectionBlock",
+  props: {
+    title: {},
+    icon: { default: void 0 },
+    status: { default: void 0 },
+    collapsed: { type: Boolean, default: !1 },
+    editable: { type: Boolean, default: !1 },
+    statusLabels: { default: void 0 }
+  },
+  emits: ["update:collapsed", "edit", "save"],
+  setup(e, { emit: g }) {
+    const o = e, c = g, m = {
+      pending: { background: "var(--of-color-gray-100)", text: "var(--of-color-gray-400)" },
+      updating: { background: "var(--of-color-primary-50)", text: "var(--of-color-primary-500)" },
+      done: { background: "var(--of-color-success-light)", text: "var(--of-badge-green-text)" },
+      editing: { background: "var(--of-color-primary-50)", text: "var(--of-color-primary-500)" }
+    }, y = {
+      pending: "待处理",
+      updating: "更新中",
+      done: "已完成",
+      editing: "编辑中"
+    }, i = s(() => o.status ? m[o.status] ?? null : null), _ = s(() => {
+      var a;
+      return o.status ? ((a = o.statusLabels) == null ? void 0 : a[o.status]) ?? y[o.status] ?? o.status : null;
+    }), h = s(() => i.value ? {
+      backgroundColor: i.value.background,
+      color: i.value.text
+    } : {}), C = s(() => o.status === "editing" ? {
+      borderColor: "var(--of-color-primary-500)",
+      boxShadow: "0 0 0 3px color-mix(in srgb, var(--of-color-primary-500) 8%, transparent)"
+    } : o.status === "done" ? { borderColor: "var(--of-color-success-light)" } : {}), r = s(() => o.status === "editing"), S = s(() => o.editable && o.status === "done"), f = s(() => z(o.icon));
+    function b() {
+      c("update:collapsed", !o.collapsed);
+    }
+    function x() {
+      c("edit");
+    }
+    function B() {
+      c("save");
+    }
+    return (a, p) => (l(), n("div", T({
+      class: ["of-section-block", {
+        "of-section-block--collapsed": e.collapsed,
+        "of-section-block--editing": r.value,
+        "of-section-block--done": e.status === "done"
+      }],
+      style: C.value
+    }, a.$attrs), [
+      t("div", {
+        class: "of-section-block__header",
+        onClick: b
+      }, [
+        t("div", D, [
+          f.value ? (l(), A(L(f.value), {
+            key: 0,
+            class: "of-section-block__icon",
+            size: 14,
+            "aria-hidden": "true"
+          })) : d("", !0),
+          t("span", N, k(e.title), 1),
+          e.status ? (l(), n("span", {
+            key: 1,
+            class: "of-section-block__status-badge",
+            style: w(h.value)
+          }, k(_.value), 5)) : d("", !0)
+        ]),
+        t("div", {
+          class: "of-section-block__header-right",
+          onClick: p[0] || (p[0] = $(() => {
+          }, ["stop"]))
+        }, [
+          u(a.$slots, "header-extra", {}, void 0, !0),
+          r.value ? (l(), n("button", {
+            key: 0,
+            type: "button",
+            class: "of-section-block__action-btn of-section-block__action-btn--save",
+            onClick: B
+          }, " 保存 ")) : S.value ? (l(), n("button", {
+            key: 1,
+            type: "button",
+            class: "of-section-block__action-btn",
+            onClick: x
+          }, " 编辑 ")) : d("", !0),
+          t("button", {
+            type: "button",
+            class: "of-section-block__collapse-btn",
+            "aria-expanded": !e.collapsed,
+            "aria-label": e.collapsed ? "展开" : "折叠",
+            onClick: b
+          }, [
+            t("span", {
+              class: v(["of-section-block__collapse-icon", { "of-section-block__collapse-icon--collapsed": e.collapsed }]),
+              "aria-hidden": "true"
+            }, "▾", 2)
+          ], 8, U)
+        ])
+      ]),
+      t("div", {
+        class: v(["of-section-block__body-wrapper", { "of-section-block__body-wrapper--collapsed": e.collapsed }])
+      }, [
+        t("div", M, [
+          r.value ? u(a.$slots, "editor", { key: 0 }, void 0, !0) : u(a.$slots, "default", { key: 1 }, void 0, !0)
+        ])
+      ], 2)
+    ], 16));
+  }
+});
+export {
+  F as default
+};

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

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

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

@@ -0,0 +1,81 @@
+import { defineComponent as x, computed as o, openBlock as l, createElementBlock as d, mergeProps as m, normalizeStyle as y, createCommentVNode as c, createElementVNode as k, renderSlot as B, unref as g, createBlock as _, resolveDynamicComponent as h } from "vue";
+import { resolveIcon as S } from "../../utils/icon.js";
+const w = { class: "one-select-badge__text" }, N = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "SelectBadge",
+  props: {
+    color: {},
+    dot: { type: Boolean, default: !1 },
+    dotColor: {},
+    textColor: {},
+    bgColor: {},
+    borderColor: {},
+    clickable: { type: Boolean, default: !0 }
+  },
+  emits: ["click"],
+  setup(t, { emit: s }) {
+    const e = t, u = s, r = {
+      red: {
+        text: "var(--of-badge-red-text)",
+        bg: "var(--of-badge-red-bg)",
+        border: "var(--of-badge-red-border)"
+      },
+      orange: {
+        text: "var(--of-badge-orange-text)",
+        bg: "var(--of-badge-orange-bg)",
+        border: "var(--of-badge-orange-border)"
+      },
+      green: {
+        text: "var(--of-badge-green-text)",
+        bg: "var(--of-badge-green-bg)",
+        border: "var(--of-badge-green-border)"
+      },
+      blue: {
+        text: "var(--of-badge-blue-text)",
+        bg: "var(--of-badge-blue-bg)",
+        border: "var(--of-badge-blue-border)"
+      },
+      purple: {
+        text: "var(--of-badge-purple-text)",
+        bg: "var(--of-badge-purple-bg)",
+        border: "var(--of-badge-purple-border)"
+      },
+      gray: {
+        text: "var(--of-badge-gray-text)",
+        bg: "var(--of-badge-gray-bg)",
+        border: "var(--of-badge-gray-border)"
+      }
+    }, n = o(() => e.textColor ? e.textColor : e.color && r[e.color] ? r[e.color].text : r.gray.text), f = o(() => e.bgColor ? e.bgColor : e.color && r[e.color] ? r[e.color].bg : r.gray.bg), v = o(() => e.borderColor ? e.borderColor : e.color && r[e.color] ? r[e.color].border : r.gray.border), i = o(
+      () => ({
+        "--one-sb-text": n.value,
+        "--one-sb-bg": f.value,
+        "--one-sb-border": v.value
+      })
+    ), C = o(() => ({
+      backgroundColor: e.dotColor || n.value
+    })), b = S("chevron-down");
+    function p(a) {
+      u("click", a);
+    }
+    return (a, A) => (l(), d("span", m({
+      class: ["one-select-badge", { "one-select-badge--clickable": t.clickable }],
+      style: i.value
+    }, a.$attrs, { onClick: p }), [
+      t.dot ? (l(), d("span", {
+        key: 0,
+        class: "one-select-badge__dot",
+        style: y(C.value)
+      }, null, 4)) : c("", !0),
+      k("span", w, [
+        B(a.$slots, "default", {}, void 0, !0)
+      ]),
+      t.clickable && g(b) ? (l(), _(h(g(b)), {
+        key: 1,
+        class: "one-select-badge__arrow"
+      })) : c("", !0)
+    ], 16));
+  }
+});
+export {
+  N as default
+};

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent as i, computed as f, openBlock as l, createElementBlock as u, mergeProps as d, createElementVNode as e, normalizeStyle as a, createBlock as v, resolveDynamicComponent as p, unref as b, toDisplayString as s } from "vue";
+import { resolveIcon as g } from "../../utils/icon.js";
+const _ = { class: "of-statistic-card__content" }, m = { class: "of-statistic-card__value" }, x = { class: "of-statistic-card__label" }, k = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "StatisticCard",
+  props: {
+    icon: {},
+    iconColor: {},
+    value: {},
+    label: {}
+  },
+  setup(o) {
+    const n = o, r = {
+      blue: {
+        bg: "var(--of-color-blue-50)",
+        text: "var(--of-color-blue-600)"
+      },
+      green: {
+        bg: "var(--of-color-green-50)",
+        text: "var(--of-color-green-600)"
+      },
+      orange: {
+        bg: "var(--of-color-orange-50)",
+        text: "var(--of-color-orange-600)"
+      },
+      red: {
+        bg: "var(--of-color-red-50)",
+        text: "var(--of-color-red-600)"
+      },
+      purple: {
+        bg: "var(--of-color-purple-50)",
+        text: "var(--of-color-purple-600)"
+      }
+    }, c = f(() => {
+      const t = n.iconColor || "blue";
+      return r[t] || r.blue;
+    });
+    return (t, C) => (l(), u("div", d({ class: "of-statistic-card" }, t.$attrs), [
+      e("div", {
+        class: "of-statistic-card__icon-container",
+        style: a({ backgroundColor: c.value.bg })
+      }, [
+        (l(), v(p(b(g)(o.icon)), {
+          class: "of-statistic-card__icon",
+          style: a({ color: c.value.text })
+        }, null, 8, ["style"]))
+      ], 4),
+      e("div", _, [
+        e("p", m, s(o.value), 1),
+        e("p", x, s(o.label), 1)
+      ])
+    ], 16));
+  }
+});
+export {
+  k as default
+};