@oneflowui/ui 0.5.6 → 0.5.7

package/dist/components/ContextMenu/index.vue.js

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

package/dist/components/Dashboard/charts/BarChart.vue.js

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

package/dist/components/Dashboard/charts/PieChart.vue.js

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

package/dist/components/Dashboard/index.vue.d.ts

@@ -1,9 +1,10 @@
 type ChartType = "bar" | "pie" | "doughnut" | "number-card" | "table";
+type DashboardWidgetData = Record<string, unknown> | unknown[];
 interface DashboardWidget {
     id: string;
     type: ChartType;
     title?: string;
-    data?: unknown;
+    data?: DashboardWidgetData;
     config?: Record<string, unknown>;
     colSpan?: 1 | 2 | 3 | 4;
     rowSpan?: 1 | 2;

package/dist/components/Dashboard/index.vue.js

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

package/dist/components/ai/AiSender.vue.js

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

package/dist/components/ai/AiSender.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as f, computed as H, openBlock as o, createElementBlock as a, normalizeClass as m, renderSlot as h, createCommentVNode as v, createElementVNode as l, withDirectives as S, vModelText as $, createBlock as b, unref as y, nextTick as p } from "vue";
+import { defineComponent as B, ref as f, computed as H, openBlock as o, createElementBlock as i, normalizeClass as m, renderSlot as h, createCommentVNode as v, createElementVNode as l, withDirectives as S, vModelText as $, createBlock as b, unref as y, nextTick as p } from "vue";
 import { Square as z, ArrowUp as A } from "lucide-vue-next";
 const E = {
   key: 0,
@@ -15,7 +15,7 @@ const E = {
   },
   emits: ["send", "cancel"],
   setup(t, { emit: x }) {
-    const i = t, d = x, n = f(""), r = f(null), k = H(() => i.maxRows ?? 6);
+    const a = t, d = x, n = f(""), r = f(null), k = H(() => a.maxRows ?? 6);
     function c() {
       const e = r.value;
       if (!e) return;
@@ -31,7 +31,7 @@ const E = {
     }
     function u() {
       const e = n.value.trim();
-      !e || i.disabled || (d("send", e), n.value = "", p(() => {
+      !e || a.disabled || (d("send", e), n.value = "", p(() => {
         c();
       }));
     }
@@ -39,16 +39,16 @@ const E = {
       d("cancel");
     }
     function C() {
-      i.disabled ? g() : u();
+      a.disabled ? g() : u();
     }
-    return (e, s) => (o(), a("div", {
+    return (e, s) => (o(), i("div", {
       class: m(["of-ai-sender", { "is-disabled": t.disabled }])
     }, [
-      e.$slots.tools ? (o(), a("div", E, [
+      e.$slots.tools ? (o(), i("div", E, [
         h(e.$slots, "tools", {}, void 0, !0)
       ])) : v("", !0),
       l("div", K, [
-        e.$slots.prefix ? (o(), a("div", V, [
+        e.$slots.prefix ? (o(), i("div", V, [
           h(e.$slots, "prefix", {}, void 0, !0)
         ])) : v("", !0),
         S(l("textarea", {
@@ -56,6 +56,7 @@ const E = {
           ref: r,
           "onUpdate:modelValue": s[0] || (s[0] = (R) => n.value = R),
           class: "of-ai-sender__textarea",
+          "aria-label": "消息输入框",
           placeholder: t.placeholder ?? "输入消息...",
           disabled: t.disabled,
           rows: "1",

package/dist/components/auxiliary/ColorPanel.vue.js

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

package/dist/components/auxiliary/ColorPanel.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, computed as _, openBlock as s, createElementBlock as d, normalizeClass as h, createElementVNode as t, toDisplayString as u, withDirectives as r, vModelText as b, createCommentVNode as v, Fragment as k, renderList as y, normalizeStyle as V } from "vue";
-const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__label" }, w = { class: "of-color-panel__value" }, x = { class: "of-color-panel__picker-row" }, B = ["disabled"], P = ["disabled"], z = { class: "of-color-panel__presets" }, D = ["title", "disabled", "onClick"], N = /* @__PURE__ */ m({
+import { defineComponent as p, computed as _, openBlock as s, createElementBlock as d, normalizeClass as h, createElementVNode as o, toDisplayString as r, withDirectives as u, vModelText as b, createCommentVNode as v, Fragment as k, renderList as y, normalizeStyle as V } from "vue";
+const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__label" }, w = { class: "of-color-panel__value" }, x = { class: "of-color-panel__picker-row" }, B = ["aria-label", "disabled"], P = ["aria-label", "disabled"], $ = { class: "of-color-panel__presets" }, z = ["title", "disabled", "onClick"], I = /* @__PURE__ */ p({
   __name: "ColorPanel",
   props: {
     modelValue: {},
@@ -9,44 +9,46 @@ const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__lab
     label: { default: "颜色" }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: p }) {
-    const i = e, c = p, o = _({
+  setup(e, { emit: f }) {
+    const i = e, c = f, a = _({
       get: () => i.modelValue || "#3b82f6",
-      set: (a) => {
-        c("update:modelValue", a), c("change", a);
+      set: (t) => {
+        c("update:modelValue", t), c("change", t);
       }
     });
-    function f(a) {
-      i.disabled || (o.value = a);
+    function m(t) {
+      i.disabled || (a.value = t);
     }
-    return (a, n) => (s(), d("div", {
+    return (t, n) => (s(), d("div", {
       class: h(["of-color-panel", { disabled: e.disabled }])
     }, [
-      t("div", C, [
-        t("span", g, u(e.label), 1),
-        t("span", w, u(o.value), 1)
+      o("div", C, [
+        o("span", g, r(e.label), 1),
+        o("span", w, r(a.value), 1)
       ]),
-      t("div", x, [
-        r(t("input", {
-          "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
+      o("div", x, [
+        u(o("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (l) => a.value = l),
           class: "of-color-panel__picker",
           type: "color",
+          "aria-label": `${e.label}选择器`,
           disabled: e.disabled
         }, null, 8, B), [
-          [b, o.value]
+          [b, a.value]
         ]),
-        e.showInput ? r((s(), d("input", {
+        e.showInput ? u((s(), d("input", {
           key: 0,
-          "onUpdate:modelValue": n[1] || (n[1] = (l) => o.value = l),
+          "onUpdate:modelValue": n[1] || (n[1] = (l) => a.value = l),
           class: "of-color-panel__input",
           type: "text",
+          "aria-label": `${e.label}值输入`,
           disabled: e.disabled,
           placeholder: "#3b82f6"
         }, null, 8, P)), [
-          [b, o.value]
+          [b, a.value]
         ]) : v("", !0)
       ]),
-      t("div", z, [
+      o("div", $, [
         (s(!0), d(k, null, y(e.presets, (l) => (s(), d("button", {
           key: l,
           type: "button",
@@ -54,12 +56,12 @@ const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__lab
           title: l,
           style: V({ backgroundColor: l }),
           disabled: e.disabled,
-          onClick: (E) => f(l)
-        }, null, 12, D))), 128))
+          onClick: (D) => m(l)
+        }, null, 12, z))), 128))
       ])
     ], 2));
   }
 });
 export {
-  N as default
+  I as default
 };

package/dist/components/auxiliary/FileUpload.vue.js

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

package/dist/components/auxiliary/FileUpload.vue2.js

@@ -48,6 +48,7 @@ const A = { class: "of-file-upload" }, E = ["multiple", "accept", "disabled"], I
         ref: r,
         class: "of-file-upload__native",
         type: "file",
+        "aria-label": "选择文件",
         multiple: t.multiple,
         accept: t.accept,
         disabled: t.disabled,

package/dist/components/auxiliary/PersonPanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./PersonPanel.vue2.js";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0693c313"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-00c38dd5"]]);
 export {
   m as default
 };

package/dist/components/auxiliary/PersonPanel.vue2.js

@@ -26,7 +26,7 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
     return (a, s) => (e(), l("div", {
       class: b(["of-person-panel", { disabled: n.disabled }])
     }, [
-      s[1] || (s[1] = d("label", { class: "of-person-panel__label" }, "负责人", -1)),
+      s[1] || (s[1] = d("span", { class: "of-person-panel__label" }, "负责人", -1)),
       d("div", C, [
         o.value ? (e(), l("div", {
           key: 0,
@@ -42,6 +42,7 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
         h(d("select", {
           "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
           class: "of-person-panel__select",
+          "aria-label": "负责人",
           disabled: n.disabled
         }, [
           d("option", w, i(n.placeholder), 1),

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

@@ -1,7 +1,7 @@
 import o from "./Accordion.vue2.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2ab50b87"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6e41a457"]]);
 export {
   m as default
 };

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

@@ -7,5 +7,8 @@ export interface AvatarProps {
 }
 declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
     size: number;
+    color: string;
+    role: string;
+    bg: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -1,14 +1,14 @@
-import { defineComponent as v, computed as c, openBlock as p, createElementBlock as i, mergeProps as u, toDisplayString as m } from "vue";
-const d = /* @__PURE__ */ v({
+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({
   name: "Avatar",
   inheritAttrs: !1,
   __name: "Avatar",
   props: {
     name: {},
     size: { default: 28 },
-    color: {},
-    bg: {},
-    role: {}
+    color: { default: void 0 },
+    bg: { default: void 0 },
+    role: { default: void 0 }
   },
   setup(n) {
     const r = n, a = {
@@ -61,12 +61,12 @@ const d = /* @__PURE__ */ v({
         "--one-avatar-font-size": `${e}px`
       };
     });
-    return (o, e) => (p(), i("span", u({
+    return (o, e) => (p(), i("span", d({
       class: "one-avatar",
       style: g.value
-    }, o.$attrs), m(s.value), 17));
+    }, o.$attrs), u(s.value), 17));
   }
 });
 export {
-  d as default
+  F as default
 };

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

@@ -17,7 +17,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    priority: "P0" | "P1" | "P2" | "P3";
     size: "sm" | "md";
+    color: LooseString<"default" | "blue" | "green" | "orange" | "red" | "purple" | "gray">;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b71e2f8"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d612270f"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -3,8 +3,8 @@ const p = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "Badge",
   props: {
-    color: {},
-    priority: {},
+    color: { default: void 0 },
+    priority: { default: void 0 },
     size: { default: "md" }
   },
   setup(o) {

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

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

@@ -21,11 +21,11 @@ const k = ["onClick"], h = {
     }, t.$attrs), [
       (o(!0), n(m, null, p(l.options, (e) => (o(), n("button", {
         key: e.value,
-        onClick: (V) => t.$emit("update:modelValue", e.value),
         class: d([
           "of-button-group__item",
           l.modelValue === e.value ? "of-button-group__item--active" : ""
-        ])
+        ]),
+        onClick: (V) => t.$emit("update:modelValue", e.value)
       }, [
         e.icon ? (o(), n("div", h, [
           (o(), f(_(g(v)(e.icon)), { class: "of-button-group__item-icon" })),

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

@@ -9,6 +9,12 @@ export interface ChainItemProps {
     borderColor?: string;
 }
 declare const _default: import('vue').DefineComponent<ChainItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChainItemProps> & Readonly<{}>, {
+    description: string;
+    color: string;
     type: "source" | "result";
+    duration: string;
+    bg: string;
+    borderColor: string;
+    avatar: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85fb8155"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-329c8055"]]);
 export {
-  f as default
+  p as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as h, computed as e, openBlock as l, createElementBlock as c, mergeProps as y, createElementVNode as s, normalizeStyle as n, toDisplayString as t, createCommentVNode as u } from "vue";
+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 = {
   key: 0,
   class: "one-chain-item__duration"
@@ -8,15 +8,15 @@ const F = { class: "one-chain-item__header" }, B = {
   props: {
     type: { default: "source" },
     title: {},
-    description: {},
-    avatar: {},
-    duration: {},
-    color: {},
-    bg: {},
-    borderColor: {}
+    description: { default: void 0 },
+    avatar: { default: void 0 },
+    duration: { default: void 0 },
+    color: { default: void 0 },
+    bg: { default: void 0 },
+    borderColor: { default: void 0 }
   },
   setup(o) {
-    const a = o, i = {
+    const r = o, i = {
       source: {
         color: "var(--of-badge-purple-text, #7C3AED)",
         bg: "var(--of-badge-purple-bg, #F9F0FF)",
@@ -33,32 +33,32 @@ const F = { class: "one-chain-item__header" }, B = {
         descColor: "var(--of-color-success-dark, #165E26)",
         defaultAvatar: "✓"
       }
-    }, r = e(() => i[a.type || "source"]), d = e(() => a.color || r.value.color), v = e(() => a.bg || r.value.bg), b = e(() => a.borderColor || r.value.border), p = e(() => r.value.descColor), g = e(() => a.avatar || r.value.defaultAvatar), f = e(() => ({
+    }, 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(() => ({
       background: v.value,
-      borderColor: b.value
+      borderColor: f.value
     })), m = e(() => ({
-      backgroundColor: r.value.avatarBg,
-      color: d.value
+      backgroundColor: a.value.avatarBg,
+      color: n.value
     }));
     return (C, E) => (l(), c("div", y({
       class: "one-chain-item",
-      style: f.value
+      style: g.value
     }, C.$attrs), [
       s("div", F, [
         s("span", {
           class: "one-chain-item__avatar",
-          style: n(m.value)
-        }, t(g.value), 5),
+          style: d(m.value)
+        }, t(p.value), 5),
         s("span", {
           class: "one-chain-item__title",
-          style: n({ color: d.value })
+          style: d({ color: n.value })
         }, t(o.title), 5),
         o.duration ? (l(), c("span", B, t(o.duration), 1)) : u("", !0)
       ]),
       o.description ? (l(), c("div", {
         key: 0,
         class: "one-chain-item__desc",
-        style: n({ color: p.value })
+        style: d({ color: b.value })
       }, t(o.description), 5)) : u("", !0)
     ], 16));
   }

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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2c7dd355"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a8f0ddac"]]);
 export {
-  m as default
+  d as default
 };

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