@oneflowui/ui 0.5.6 → 0.5.8

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, ref as s, onBeforeUnmount as E, openBlock as r, createElementBlock as l, mergeProps as h, createElementVNode as f, createVNode as d, unref as m, Transition as p, withCtx as v, createCommentVNode as i, Fragment as L, renderList as b, normalizeClass as x, createBlock as B, resolveDynamicComponent as M, toDisplayString as R, nextTick as z } from "vue";
+import { defineComponent as C, ref as s, onBeforeUnmount as b, openBlock as r, createElementBlock as l, mergeProps as E, createElementVNode as f, createVNode as i, unref as m, Transition as p, withCtx as v, createCommentVNode as c, Fragment as h, renderList as L, normalizeClass as x, createBlock as B, resolveDynamicComponent as M, toDisplayString as R, nextTick as z } from "vue";
 import { MoreHorizontal as D } from "lucide-vue-next";
 import { resolveIcon as N } from "../../utils/icon.js";
 const V = ["aria-expanded"], $ = ["onClick"], F = /* @__PURE__ */ C({
@@ -8,32 +8,32 @@ const V = ["aria-expanded"], $ = ["onClick"], F = /* @__PURE__ */ C({
     items: {}
   },
   setup(_) {
-    const n = s(!1), a = s(null), c = s(null);
+    const n = s(!1), a = s(null), d = s(null);
     function u(e) {
       var o;
       e.key === "Escape" && n.value && (n.value = !1, (o = a.value) == null || o.focus());
     }
-    E(() => {
+    b(() => {
       typeof document > "u" || document.removeEventListener("keydown", u);
     });
     function k(e) {
       var o;
       e.onClick(), n.value = !1, document.removeEventListener("keydown", u), (o = a.value) == null || o.focus();
     }
-    function w() {
+    function y() {
       var e;
       n.value = !n.value, n.value ? z(() => {
         var t;
         document.addEventListener("keydown", u);
-        const o = (t = c.value) == null ? void 0 : t.querySelector('[role="menuitem"]');
+        const o = (t = d.value) == null ? void 0 : t.querySelector('[role="menuitem"]');
         o == null || o.focus();
       }) : (document.removeEventListener("keydown", u), (e = a.value) == null || e.focus());
     }
-    function y() {
+    function w() {
       var e;
       n.value = !1, document.removeEventListener("keydown", u), (e = a.value) == null || e.focus();
     }
-    return (e, o) => (r(), l("div", h({ class: "of-dropdown-menu" }, e.$attrs), [
+    return (e, o) => (r(), l("div", E({ class: "of-dropdown-menu" }, e.$attrs), [
       f("button", {
         ref_key: "triggerRef",
         ref: a,
@@ -41,45 +41,47 @@ const V = ["aria-expanded"], $ = ["onClick"], F = /* @__PURE__ */ C({
         "aria-haspopup": "true",
         "aria-expanded": n.value,
         "aria-label": "更多操作",
-        onClick: w
+        onClick: y
       }, [
-        d(m(D), { size: 18 })
+        i(m(D), { size: 18 })
       ], 8, V),
-      d(p, { name: "of-dropdown-fade" }, {
+      i(p, { name: "of-dropdown-fade" }, {
         default: v(() => [
-          n.value ? (r(), l("div", {
+          n.value ? (r(), l("button", {
             key: 0,
+            type: "button",
             class: "of-dropdown-menu__backdrop",
-            onClick: y
-          })) : i("", !0)
+            "aria-label": "关闭菜单",
+            onClick: w
+          })) : c("", !0)
         ]),
         _: 1
       }),
-      d(p, { name: "of-dropdown-slide" }, {
+      i(p, { name: "of-dropdown-slide" }, {
         default: v(() => [
           n.value ? (r(), l("div", {
             key: 0,
             ref_key: "menuRef",
-            ref: c,
+            ref: d,
             class: "of-dropdown-menu__content",
             role: "menu"
           }, [
-            (r(!0), l(L, null, b(_.items, (t, g) => (r(), l("button", {
+            (r(!0), l(h, null, L(_.items, (t, g) => (r(), l("button", {
               key: g,
-              onClick: (S) => k(t),
               class: x([
                 "of-dropdown-menu__item",
                 `of-dropdown-menu__item--${t.variant || "default"}`
               ]),
-              role: "menuitem"
+              role: "menuitem",
+              onClick: (S) => k(t)
             }, [
               t.icon ? (r(), B(M(m(N)(t.icon)), {
                 key: 0,
                 class: "of-dropdown-menu__item-icon"
-              })) : i("", !0),
+              })) : c("", !0),
               f("span", null, R(t.label), 1)
             ], 10, $))), 128))
-          ], 512)) : i("", !0)
+          ], 512)) : c("", !0)
         ]),
         _: 1
       })

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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7d70479e"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a4f8b1ed"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -25,9 +25,9 @@ const u = { class: "of-empty-state__content" }, p = {
         t.description ? (e(), o("p", h, i(t.description), 1)) : n("", !0),
         t.action ? (e(), o("button", {
           key: 2,
+          class: "of-empty-state__action",
           onClick: c[0] || (c[0] = //@ts-ignore
-          (...l) => t.action.onClick && t.action.onClick(...l)),
-          class: "of-empty-state__action"
+          (...l) => t.action.onClick && t.action.onClick(...l))
         }, i(t.action.label), 1)) : n("", !0)
       ])
     ], 16));

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

@@ -35,10 +35,19 @@ declare const __VLS_component: import('vue').DefineComponent<InfoCardProps, {},
 }, string, import('vue').PublicProps, Readonly<InfoCardProps> & Readonly<{
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
+    date: string;
+    tags: string[];
+    type: string;
+    meta: string;
+    borderColor: string;
     variant: "memo" | "notify" | "history";
+    content: string;
     contentLines: number;
     importance: "normal" | "high";
+    author: string;
     unread: boolean;
+    subtitle: string;
+    typeColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-79431801"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e865ef8d"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -1,61 +1,61 @@
-import { defineComponent as S, useCssVars as E, computed as b, openBlock as t, createElementBlock as r, mergeProps as L, Fragment as f, renderSlot as s, createCommentVNode as n, createElementVNode as c, toDisplayString as i, normalizeStyle as u, renderList as B } from "vue";
+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 = {
   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" }, I = {
+}, A = { class: "of-info-card__body" }, T = { class: "of-info-card__title" }, V = { class: "of-info-card__footer" }, D = {
   key: 1,
   class: "of-info-card__meta-text"
-}, N = {
+}, I = {
   key: 2,
   class: "of-info-card__meta-text"
-}, O = { class: "of-info-card__body" }, w = { class: "of-info-card__title" }, z = {
+}, K = { class: "of-info-card__body" }, M = { class: "of-info-card__title" }, N = {
   key: 1,
   class: "of-info-card__notify-meta"
-}, D = {
+}, O = {
   key: 0,
   class: "of-info-card__actions"
-}, F = {
+}, z = {
   key: 0,
   class: "of-info-card__icon-area"
-}, M = { class: "of-info-card__body" }, R = { class: "of-info-card__title" }, Y = {
+}, F = { class: "of-info-card__body" }, R = { class: "of-info-card__title" }, Y = {
   key: 0,
   class: "of-info-card__subtitle"
 }, j = {
   key: 1,
   class: "of-info-card__actions"
-}, G = /* @__PURE__ */ S({
+}, G = /* @__PURE__ */ E({
   name: "InfoCard",
   inheritAttrs: !1,
   __name: "InfoCard",
   props: {
     variant: { default: "memo" },
     title: {},
-    content: {},
+    content: { default: void 0 },
     contentLines: { default: 3 },
-    borderColor: {},
-    tags: {},
+    borderColor: { default: void 0 },
+    tags: { default: void 0 },
     importance: { default: "normal" },
-    author: {},
-    date: {},
+    author: { default: void 0 },
+    date: { default: void 0 },
     unread: { type: Boolean, default: !1 },
-    meta: {},
-    subtitle: {},
-    type: {},
-    typeColor: {}
+    meta: { default: void 0 },
+    subtitle: { default: void 0 },
+    type: { default: void 0 },
+    typeColor: { default: void 0 }
   },
   emits: ["click"],
-  setup(o, { emit: y }) {
-    E((e) => ({
-      v4daa9b0a: e.unread ? "var(--of-color-warning-light)" : "var(--of-color-bg-elevated)"
+  setup(o, { emit: m }) {
+    L((e) => ({
+      e6754980: e.unread ? "var(--of-color-warning-light)" : "var(--of-color-bg-elevated)"
     }));
-    const a = o, m = y, g = {
+    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)"
-    }, h = 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"), k = b(() => {
+    }, 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 e = {
-        "--of-ic-border": h.value
+        "--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(
@@ -63,7 +63,7 @@ const P = {
         "--of-ic-clamp": String(a.contentLines ?? 3)
       })
     );
-    function _(e) {
+    function C(e) {
       const l = [
         {
           bg: "var(--of-badge-blue-bg)",
@@ -90,73 +90,81 @@ const P = {
           color: "var(--of-badge-gray-text)",
           border: "var(--of-badge-gray-border)"
         }
-      ], d = l[e % l.length];
+      ], s = l[e % l.length];
       return {
-        "--of-ic-tag-bg": d.bg,
-        "--of-ic-tag-color": d.color,
-        "--of-ic-tag-border": d.border
+        "--of-ic-tag-bg": s.bg,
+        "--of-ic-tag-color": s.color,
+        "--of-ic-tag-border": s.border
       };
     }
-    function C(e) {
-      m("click", e);
+    function y(e) {
+      h("click", e);
+    }
+    function $(e) {
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), y(new MouseEvent("click")));
     }
-    return (e, l) => (t(), r("div", L({
+    return (e, l) => (t(), r("div", w({
       class: ["of-info-card", `of-info-card--${o.variant}`],
-      style: k.value
-    }, e.$attrs, { onClick: C }), [
+      style: _.value,
+      role: "button",
+      tabindex: "0"
+    }, e.$attrs, {
+      onClick: y,
+      onKeydown: $
+    }), [
       o.variant === "memo" ? (t(), r(f, { key: 0 }, [
         e.$slots.icon ? (t(), r("div", P, [
-          s(e.$slots, "icon", {}, void 0, !0)
+          c(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        c("div", A, [
-          c("div", T, i(o.title), 1),
+        d("div", A, [
+          d("div", T, i(o.title), 1),
           o.content ? (t(), r("div", {
             key: 0,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
           }, i(o.content), 5)) : n("", !0),
-          c("div", V, [
-            o.tags && o.tags.length ? (t(!0), r(f, { key: 0 }, B(o.tags, (d, $) => (t(), r("span", {
-              key: d,
+          d("div", V, [
+            o.tags && o.tags.length ? (t(!0), r(f, { key: 0 }, B(o.tags, (s, S) => (t(), r("span", {
+              key: s,
               class: "of-info-card__tag",
-              style: u(_($))
-            }, i(d), 5))), 128)) : n("", !0),
-            o.author ? (t(), r("span", I, i(o.author), 1)) : n("", !0),
-            o.date ? (t(), r("span", N, i(o.date), 1)) : n("", !0),
-            s(e.$slots, "footer", {}, void 0, !0)
+              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),
+            c(e.$slots, "footer", {}, void 0, !0)
           ])
         ])
       ], 64)) : o.variant === "notify" ? (t(), r(f, { key: 1 }, [
-        l[0] || (l[0] = c("span", { class: "of-info-card__dot" }, null, -1)),
-        c("div", O, [
-          c("div", w, i(o.title), 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", {
             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", z, i(o.meta), 1)) : n("", !0),
-          s(e.$slots, "footer", {}, void 0, !0)
+          o.meta ? (t(), r("div", N, i(o.meta), 1)) : n("", !0),
+          c(e.$slots, "footer", {}, void 0, !0)
         ]),
-        e.$slots.actions ? (t(), r("div", D, [
-          s(e.$slots, "actions", {}, void 0, !0)
+        e.$slots.actions ? (t(), r("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", F, [
-          s(e.$slots, "icon", {}, void 0, !0)
+        e.$slots.icon ? (t(), r("div", z, [
+          c(e.$slots, "icon", {}, void 0, !0)
         ])) : n("", !0),
-        c("div", M, [
-          c("div", R, i(o.title), 1),
+        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", {
             key: 1,
             class: "of-info-card__content of-info-card__content--clamp",
             style: u(v.value)
           }, i(o.content), 5)) : n("", !0),
-          s(e.$slots, "footer", {}, void 0, !0)
+          c(e.$slots, "footer", {}, void 0, !0)
         ]),
         e.$slots.actions ? (t(), r("div", j, [
-          s(e.$slots, "actions", {}, void 0, !0)
+          c(e.$slots, "actions", {}, void 0, !0)
         ])) : n("", !0)
       ], 64)) : n("", !0)
     ], 16));

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce396706"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-264421cd"]]);
 export {
-  p as default
+  _ as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as b, computed as o, openBlock as a, createElementBlock as n, mergeProps as h, toDisplayString as l, createCommentVNode as s, createElementVNode as e, normalizeStyle as r } from "vue";
-const y = {
+import { defineComponent as y, computed as o, openBlock as a, createElementBlock as s, mergeProps as p, withKeys as r, withModifiers as m, toDisplayString as i, createCommentVNode as d, createElementVNode as t, normalizeStyle as u } from "vue";
+const g = ["onKeydown"], C = {
   key: 0,
   class: "of-monitor-item__subtitle"
-}, g = { class: "of-monitor-item__label" }, p = { class: "of-monitor-item__progress" }, C = { class: "of-monitor-item__percentage" }, M = {
+}, w = { class: "of-monitor-item__label" }, M = { class: "of-monitor-item__progress" }, S = { class: "of-monitor-item__percentage" }, x = {
   key: 1,
   class: "of-monitor-item__count"
-}, V = /* @__PURE__ */ b({
+}, V = /* @__PURE__ */ y({
   name: "MonitorItem",
   inheritAttrs: !1,
   __name: "MonitorItem",
@@ -18,37 +18,45 @@ const y = {
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: m }) {
-    const i = t, u = m, c = o(() => Math.min(100, Math.max(0, i.value))), d = o(
-      () => c.value === 100 ? "var(--of-color-success)" : i.color ?? "var(--of-color-primary-500)"
-    ), f = o(() => ({
+  setup(e, { emit: f }) {
+    const l = e, v = f, c = o(() => Math.min(100, Math.max(0, l.value))), _ = o(
+      () => c.value === 100 ? "var(--of-color-success)" : l.color ?? "var(--of-color-primary-500)"
+    ), k = o(() => ({
       backgroundColor: "var(--of-color-gray-100)"
-    })), v = o(() => ({
+    })), b = o(() => ({
       width: `${c.value}%`,
-      background: d.value
+      background: _.value
     }));
-    function _() {
-      i.clickable && u("click");
+    function n() {
+      l.clickable && v("click");
     }
-    return (k, S) => (a(), n("div", h({
-      class: ["of-monitor-item", { "of-monitor-item--clickable": t.clickable }]
-    }, k.$attrs, { onClick: _ }), [
-      t.subtitle !== void 0 ? (a(), n("div", y, l(t.subtitle), 1)) : s("", !0),
-      e("div", g, l(t.label), 1),
-      e("div", p, [
-        e("div", {
+    return (h, B) => (a(), s("div", p({
+      class: ["of-monitor-item", { "of-monitor-item--clickable": e.clickable }],
+      role: "button",
+      tabindex: "0"
+    }, h.$attrs, {
+      onClick: n,
+      onKeydown: [
+        r(m(n, ["prevent"]), ["enter"]),
+        r(m(n, ["prevent"]), ["space"])
+      ]
+    }), [
+      e.subtitle !== void 0 ? (a(), s("div", C, i(e.subtitle), 1)) : d("", !0),
+      t("div", w, i(e.label), 1),
+      t("div", M, [
+        t("div", {
           class: "of-monitor-item__track",
-          style: r(f.value)
+          style: u(k.value)
         }, [
-          e("div", {
+          t("div", {
             class: "of-monitor-item__fill",
-            style: r(v.value)
+            style: u(b.value)
           }, null, 4)
         ], 4)
       ]),
-      e("div", C, l(c.value) + "%", 1),
-      t.count !== void 0 ? (a(), n("div", M, l(t.count), 1)) : s("", !0)
-    ], 16));
+      t("div", S, i(c.value) + "%", 1),
+      e.count !== void 0 ? (a(), s("div", x, i(e.count), 1)) : d("", !0)
+    ], 16, g));
   }
 });
 export {

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

@@ -30,10 +30,15 @@ declare const __VLS_component: import('vue').DefineComponent<PersonaCardProps, {
     onClick?: (() => any) | undefined;
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
 }>, {
+    title: string;
+    tags: string[];
     done: boolean;
     size: "sm" | "md";
+    color: string;
+    icon: string | Component;
     active: boolean;
     disabled: boolean;
+    subtitle: string;
     expanded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

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