@oneflowui/ui 0.5.5 → 0.5.7

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

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;