@oneflowui/ui 0.5.6 → 0.5.8

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

@@ -1,9 +1,9 @@
-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 { defineComponent as P, computed as r, openBlock as t, createElementBlock as n, mergeProps as A, createElementVNode as c, normalizeStyle as g, createBlock as F, resolveDynamicComponent as D, Fragment as _, createTextVNode as N, toDisplayString as l, renderSlot as v, 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 = {
+const H = { class: "of-persona-card__body" }, I = { class: "of-persona-card__name-row" }, K = {
   key: 0,
   class: "of-persona-card__title-badge"
-}, H = {
+}, L = {
   key: 1,
   class: "of-persona-card__tags"
 }, M = { class: "of-persona-card__right" }, j = {
@@ -12,17 +12,17 @@ const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__nam
 }, q = { class: "of-persona-card__chevron" }, G = {
   key: 0,
   class: "of-persona-card__detail"
-}, O = /* @__PURE__ */ w({
+}, Q = /* @__PURE__ */ P({
   name: "PersonaCard",
   inheritAttrs: !1,
   __name: "PersonaCard",
   props: {
     name: {},
-    title: {},
-    icon: {},
-    color: {},
-    subtitle: {},
-    tags: {},
+    title: { default: void 0 },
+    icon: { default: void 0 },
+    color: { default: void 0 },
+    subtitle: { default: void 0 },
+    tags: { default: void 0 },
     expanded: { type: Boolean, default: !1 },
     active: { type: Boolean, default: !1 },
     done: { type: Boolean, default: !1 },
@@ -30,8 +30,8 @@ const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__nam
     size: { default: "md" }
   },
   emits: ["update:expanded", "click"],
-  setup(o, { emit: _ }) {
-    const e = o, v = _, u = [
+  setup(o, { emit: k }) {
+    const e = o, u = k, b = [
       {
         accent: "var(--of-color-warning)",
         bg: "var(--of-color-warning-light)",
@@ -81,13 +81,13 @@ const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__nam
         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);
+    function x(a) {
+      let d = 0;
+      for (let s = 0; s < a.length; s++)
+        d = (d << 5) - d + a.charCodeAt(s), d |= 0;
+      return Math.abs(d);
     }
-    const g = r(() => {
+    const f = r(() => {
       if (e.color) {
         const a = e.color.replace("#", "");
         return {
@@ -97,16 +97,16 @@ const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__nam
           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(() => {
+      return b[x(e.name) % b.length];
+    }), p = r(() => e.size === "sm" ? 24 : 32), m = r(() => e.size === "sm" ? 12 : 16), B = r(() => e.size === "sm" ? 12 : 13), z = r(() => e.size === "sm" ? 11 : 12), h = r(() => {
       if (e.icon)
         return V(e.icon);
-    }), z = r(() => {
+    }), S = 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(() => [
+    }), $ = r(() => [
       "of-persona-card",
       `of-persona-card--${e.size}`,
       {
@@ -115,71 +115,77 @@ const D = { class: "of-persona-card__body" }, I = { class: "of-persona-card__nam
         "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(() => ({
+    ]), C = r(() => ({
+      "--pc-accent": f.value.accent,
+      "--pc-accent-bg": f.value.bg,
+      "--pc-accent-border": f.value.border,
+      "--pc-accent-tag-bg": f.value.tagBg
+    })), w = r(() => ({
       width: `${p.value}px`,
       height: `${p.value}px`,
       fontSize: `${m.value}px`
     }));
-    function P() {
-      e.disabled || (v("update:expanded", !e.expanded), v("click"));
+    function y() {
+      e.disabled || (u("update:expanded", !e.expanded), u("click"));
     }
-    return (a, s) => (t(), n("div", A({
-      class: S.value,
-      style: $.value
+    function E(a) {
+      a.key !== "Enter" && a.key !== " " || (a.preventDefault(), y());
+    }
+    return (a, d) => (t(), n("div", A({
+      class: $.value,
+      style: C.value
     }, a.$attrs), [
       c("div", {
         class: "of-persona-card__header",
-        onClick: P
+        role: "button",
+        tabindex: "0",
+        onClick: y,
+        onKeydown: E
       }, [
         c("span", {
           class: "of-persona-card__avatar",
-          style: f(C.value)
+          style: g(w.value)
         }, [
-          h.value ? (t(), E(F(h.value), {
+          h.value ? (t(), F(D(h.value), {
             key: 0,
             size: m.value
-          }, null, 8, ["size"])) : (t(), n(y, { key: 1 }, [
-            N(l(z.value), 1)
+          }, null, 8, ["size"])) : (t(), n(_, { key: 1 }, [
+            N(l(S.value), 1)
           ], 64))
         ], 4),
-        c("div", D, [
+        c("div", H, [
           c("div", I, [
             c("span", {
               class: "of-persona-card__name",
-              style: f({ fontSize: `${k.value}px` })
+              style: g({ fontSize: `${B.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)
+            v(a.$slots, "badge", {}, void 0, !0),
+            o.title ? (t(), n("span", K, l(o.title), 1)) : i("", !0)
           ]),
           o.subtitle ? (t(), n("span", {
             key: 0,
             class: "of-persona-card__subtitle",
-            style: f({ fontSize: `${x.value}px` })
+            style: g({ fontSize: `${z.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,
+          o.tags && o.tags.length > 0 ? (t(), n("div", L, [
+            (t(!0), n(_, null, T(o.tags, (s) => (t(), n("span", {
+              key: s,
               class: "of-persona-card__tag"
-            }, l(d), 1))), 128))
+            }, l(s), 1))), 128))
           ])) : i("", !0)
         ]),
         c("div", M, [
-          b(a.$slots, "actions", {}, void 0, !0),
+          v(a.$slots, "actions", {}, void 0, !0),
           o.done ? (t(), n("span", j, "✓")) : i("", !0),
           c("span", q, l(o.expanded ? "▲" : "▼"), 1)
         ])
-      ]),
+      ], 32),
       o.expanded ? (t(), n("div", G, [
-        b(a.$slots, "default", {}, void 0, !0)
+        v(a.$slots, "default", {}, void 0, !0)
       ])) : i("", !0)
     ], 16));
   }
 });
 export {
-  O as default
+  Q as default
 };

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

@@ -19,6 +19,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
+    color: string;
     height: number;
     bgColor: string;
     showLabel: boolean;

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

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

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

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

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

@@ -1,3 +1,18 @@
+/**
+ * RangeSlider 组件 - 范围滑块输入
+ *
+ * 用于快速创建 label + range input + description 三件套
+ *
+ * @example
+ * <RangeSlider
+ *   label="最大长度"
+ *   v-model="maxLength"
+ *   :min="100"
+ *   :max="2000"
+ *   :step="100"
+ *   description="调整文本长度限制"
+ * />
+ */
 type __VLS_Props = {
     label: string;
     modelValue: number;

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

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

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

@@ -1,8 +1,8 @@
-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 = {
+import { defineComponent as d, openBlock as i, createElementBlock as r, mergeProps as m, createElementVNode as t, toDisplayString as s, createCommentVNode as u } from "vue";
+const c = ["value", "min", "max", "step"], p = {
   key: 0,
   class: "of-range-slider__description"
-}, g = /* @__PURE__ */ r({
+}, g = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "RangeSlider",
   props: {
@@ -15,18 +15,25 @@ const u = { class: "of-range-slider__label" }, c = ["value", "min", "max", "step
   },
   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)
+    const l = `of-range-slider-${Math.random().toString(36).slice(2, 10)}`;
+    return (a, n) => (i(), r("div", m({ class: "of-range-slider" }, a.$attrs), [
+      t("label", {
+        class: "of-range-slider__label",
+        for: l
+      }, [
+        t("span", null, s(e.label), 1),
+        t("input", {
+          id: l,
+          value: e.modelValue,
+          type: "range",
+          min: e.min,
+          max: e.max,
+          step: e.step ?? 1,
+          class: "of-range-slider__input",
+          onInput: n[0] || (n[0] = (o) => a.$emit("update:modelValue", Number(o.target.value)))
+        }, null, 40, c)
+      ]),
+      e.description ? (i(), r("p", p, s(e.description), 1)) : u("", !0)
     ], 16));
   }
 });

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

@@ -18,7 +18,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<RefTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RefTagProps> & Readonly<{}>, {
+    color: string;
     type: "spec" | "wiki" | "task" | string;
+    href: string;
+    icon: string | Component;
+    bg: 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/RefTag.vue.js

@@ -1,7 +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"]]);
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-fbd2cfa1"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,18 +1,18 @@
-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 { defineComponent as d, computed as n, openBlock as c, createBlock as f, resolveDynamicComponent as s, mergeProps as g, withCtx as u, createCommentVNode as v, createElementVNode as m, renderSlot as p } from "vue";
 import { resolveIcon as h } from "../../utils/icon.js";
-const b = { class: "one-ref-tag__text" }, S = /* @__PURE__ */ g({
+const b = { class: "one-ref-tag__text" }, S = /* @__PURE__ */ d({
   name: "RefTag",
   inheritAttrs: !1,
   __name: "RefTag",
   props: {
     type: { default: "spec" },
-    icon: {},
-    color: {},
-    bg: {},
-    href: {}
+    icon: { default: void 0 },
+    color: { default: void 0 },
+    bg: { default: void 0 },
+    href: { default: void 0 }
   },
   setup(e) {
-    const a = {
+    const o = e, a = {
       spec: {
         icon: "file-text",
         color: "var(--of-color-primary-700)",
@@ -20,27 +20,27 @@ const b = { class: "one-ref-tag__text" }, S = /* @__PURE__ */ g({
       },
       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(() => {
+    }, t = n(() => a[o.type ?? ""] ?? a.spec), l = 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({
+    return (r, y) => (c(), f(s(e.href ? "a" : "span"), g({
       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), {
+      default: u(() => [
+        l.value ? (c(), f(s(l.value), {
           key: 0,
           class: "one-ref-tag__icon"
-        })) : u("", !0),
-        v("span", b, [
-          d(r.$slots, "default", {}, void 0, !0)
+        })) : v("", !0),
+        m("span", b, [
+          p(r.$slots, "default", {}, void 0, !0)
         ])
       ]),
       _: 3

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

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

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

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

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent as T, computed as a, openBlock as l, createElementBlock as c, mergeProps as A, createElementVNode as t, withKeys as k, withModifiers as u, createBlock as L, resolveDynamicComponent as $, createCommentVNode as b, toDisplayString as y, normalizeStyle as z, renderSlot as f, normalizeClass as g } from "vue";
+import { resolveIcon as D } from "../../utils/icon.js";
+const K = ["onKeydown"], N = { class: "of-section-block__header-left" }, U = { class: "of-section-block__title" }, M = ["aria-expanded", "aria-label"], P = { class: "of-section-block__body" }, I = /* @__PURE__ */ T({
   name: "SectionBlock",
   inheritAttrs: !1,
   __name: "SectionBlock",
@@ -13,103 +13,109 @@ const D = { class: "of-section-block__header-left" }, N = { class: "of-section-b
     statusLabels: { default: void 0 }
   },
   emits: ["update:collapsed", "edit", "save"],
-  setup(e, { emit: g }) {
-    const o = e, c = g, m = {
+  setup(e, { emit: m }) {
+    const o = e, i = 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 = {
+    }, h = {
       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" ? {
+    }, r = a(() => o.status ? _[o.status] ?? null : null), C = a(() => {
+      var s;
+      return o.status ? ((s = o.statusLabels) == null ? void 0 : s[o.status]) ?? h[o.status] ?? o.status : null;
+    }), S = a(() => r.value ? {
+      backgroundColor: r.value.background,
+      color: r.value.text
+    } : {}), x = a(() => 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);
+    } : o.status === "done" ? { borderColor: "var(--of-color-success-light)" } : {}), d = a(() => o.status === "editing"), B = a(() => o.editable && o.status === "done"), p = a(() => D(o.icon));
+    function n() {
+      i("update:collapsed", !o.collapsed);
     }
-    function x() {
-      c("edit");
+    function w() {
+      i("edit");
     }
-    function B() {
-      c("save");
+    function E() {
+      i("save");
     }
-    return (a, p) => (l(), n("div", T({
+    return (s, v) => (l(), c("div", A({
       class: ["of-section-block", {
         "of-section-block--collapsed": e.collapsed,
-        "of-section-block--editing": r.value,
+        "of-section-block--editing": d.value,
         "of-section-block--done": e.status === "done"
       }],
-      style: C.value
-    }, a.$attrs), [
+      style: x.value
+    }, s.$attrs), [
       t("div", {
         class: "of-section-block__header",
-        onClick: b
+        role: "button",
+        tabindex: "0",
+        onClick: n,
+        onKeydown: [
+          k(u(n, ["prevent"]), ["enter"]),
+          k(u(n, ["prevent"]), ["space"])
+        ]
       }, [
-        t("div", D, [
-          f.value ? (l(), A(L(f.value), {
+        t("div", N, [
+          p.value ? (l(), L($(p.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", {
+          })) : b("", !0),
+          t("span", U, y(e.title), 1),
+          e.status ? (l(), c("span", {
             key: 1,
             class: "of-section-block__status-badge",
-            style: w(h.value)
-          }, k(_.value), 5)) : d("", !0)
+            style: z(S.value)
+          }, y(C.value), 5)) : b("", !0)
         ]),
         t("div", {
           class: "of-section-block__header-right",
-          onClick: p[0] || (p[0] = $(() => {
+          onClick: v[0] || (v[0] = u(() => {
           }, ["stop"]))
         }, [
-          u(a.$slots, "header-extra", {}, void 0, !0),
-          r.value ? (l(), n("button", {
+          f(s.$slots, "header-extra", {}, void 0, !0),
+          d.value ? (l(), c("button", {
             key: 0,
             type: "button",
             class: "of-section-block__action-btn of-section-block__action-btn--save",
-            onClick: B
-          }, " 保存 ")) : S.value ? (l(), n("button", {
+            onClick: E
+          }, " 保存 ")) : B.value ? (l(), c("button", {
             key: 1,
             type: "button",
             class: "of-section-block__action-btn",
-            onClick: x
-          }, " 编辑 ")) : d("", !0),
+            onClick: w
+          }, " 编辑 ")) : b("", !0),
           t("button", {
             type: "button",
             class: "of-section-block__collapse-btn",
             "aria-expanded": !e.collapsed,
             "aria-label": e.collapsed ? "展开" : "折叠",
-            onClick: b
+            onClick: n
           }, [
             t("span", {
-              class: v(["of-section-block__collapse-icon", { "of-section-block__collapse-icon--collapsed": e.collapsed }]),
+              class: g(["of-section-block__collapse-icon", { "of-section-block__collapse-icon--collapsed": e.collapsed }]),
               "aria-hidden": "true"
-            }, "▾", 2)
-          ], 8, U)
+            }, " ▾ ", 2)
+          ], 8, M)
         ])
-      ]),
+      ], 40, K),
       t("div", {
-        class: v(["of-section-block__body-wrapper", { "of-section-block__body-wrapper--collapsed": e.collapsed }])
+        class: g(["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)
+        t("div", P, [
+          d.value ? f(s.$slots, "editor", { key: 0 }, void 0, !0) : f(s.$slots, "default", { key: 1 }, void 0, !0)
         ])
       ], 2)
     ], 16));
   }
 });
 export {
-  F as default
+  I as default
 };

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

@@ -24,7 +24,12 @@ declare const __VLS_component: import('vue').DefineComponent<SelectBadgeProps, {
 }, string, import('vue').PublicProps, Readonly<SelectBadgeProps> & Readonly<{
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
+    color: string;
+    bgColor: string;
+    dotColor: string;
     dot: boolean;
+    textColor: string;
+    borderColor: string;
     clickable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;