@oneflowui/ui 0.4.2 → 0.4.3

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.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-a47e32a0"]]);
+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.js

@@ -0,0 +1,7 @@
+import o from "./ViewModeGroup.vue2.js";
+/* empty css                   */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1fa6a5bf"]]);
+export {
+  p 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.js

@@ -0,0 +1,7 @@
+import o from "./ViewSwitcher.vue2.js";
+/* empty css                  */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e11bb993"]]);
+export {
+  m 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/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
+};

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

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