@oneflowui/ui 0.4.3 → 0.5.0

package/README.en.md

@@ -4,7 +4,7 @@
 [![npm downloads](https://img.shields.io/npm/dm/@oneflowui/ui.svg)](https://www.npmjs.com/package/@oneflowui/ui)
 [![license](https://img.shields.io/npm/l/@oneflowui/ui.svg)](https://github.com/qixi54/oneui/blob/main/LICENSE)
 
-A **Vue 3 + TypeScript** component library for building task management and productivity applications. Ships **75+ ready-to-use components** covering views, AI chat, dashboards, editors, and more.
+A **Vue 3 + TypeScript** UI library for building task management and productivity applications. It now includes a page-level `DatabaseView` solution on top of the component layer.
 
 > [中文文档](./README.md)
 

package/README.md

@@ -97,6 +97,76 @@ import '@oneflowui/ui/styles'
 
 ---
 
+## 页面级方案
+
+当前已经支持直接从包里接入页面级入口：
+
+```ts
+import { DatabaseView, useDatabaseView } from '@oneflowui/ui'
+```
+
+`DatabaseView` 负责统一页面容器，`useDatabaseView` 负责页面状态编排。`dev` app 也已经接入这条链路，
+用于证明 `local/provider` 双模式、视图切换、selected record 与 detail workspace 可以在同一页面层里闭环。
+
+```ts
+const view = useDatabaseView({
+  mode: 'provider',
+  schemaSource,
+  dataSource,
+  actions: {
+    onFetch,
+    onRefresh,
+    onUpdateRecord,
+    onCreateRecord,
+    onDeleteRecord,
+    onSaveView,
+    onSchemaChange,
+  },
+})
+```
+
+### 模式
+
+- `local` 模式：外部直接传 `schema + records + view`，页面只负责筛选、排序、切视图和展示状态，不触发远程请求。
+- `provider` 模式：外部传入数据获取/刷新能力，页面 shell 只消费 provider 返回的 `schema / records / views`，不绑定具体后端实现。
+
+### actions 契约
+
+页面级方案只回传动作，不在组件内部写死业务逻辑。常见契约如下：
+
+```ts
+type DatabaseViewActions = {
+  onFetch?: (params: { viewId: string }) => Promise<void> | void
+  onRefresh?: () => Promise<void> | void
+  onUpdateRecord?: (recordId: string, patch: Record<string, unknown>) => Promise<void> | void
+  onCreateRecord?: (record: Record<string, unknown>) => Promise<void> | void
+  onDeleteRecord?: (recordId: string) => Promise<void> | void
+  onSaveView?: (viewId: string, payload: Record<string, unknown>) => Promise<void> | void
+  onSchemaChange?: (payload: Record<string, unknown>) => Promise<void> | void
+}
+```
+
+如果接入的是 `provider` 模式，建议把 `onFetch` / `onRefresh` 作为必配项；如果接入的是 `local` 模式，则重点只需要保证 `onUpdateRecord`、`onCreateRecord`、`onDeleteRecord` 和 `onSaveView` 这几类页面动作可回传。
+
+### Selected record / detail workspace
+
+当前 dev app 已经把“选中记录 -> detail workspace”这条链路接起来了：点击 table / kanban / gallery / timeline 中的条目，会把当前记录送入详情工作区，再由 `DetailLayout`、`PropPanel`、`CommentItem` 这组组件展示主内容、属性和活动记录。
+
+这证明页面级方案已经具备“列表视图 + 选中态 + 详情工作区”的最小闭环，并且可以作为业务页面底座直接接入。
+
+### 已支持 / 暂未支持
+
+| 已支持 | 暂未支持 |
+|---|---|
+| `local/provider` 两种模式的页面壳层接入 | 真实 provider 数据闭环、权限与持久化策略 |
+| `normal / loading / empty / error` 四态透传 | 写操作的最终落库与回滚编排 |
+| `table / kanban / gallery / timeline` 多视图切换 | 可编辑 detail workspace 的最终保存、ACL、schema 管理后台 |
+| `search / filter / sort / group / save-view / load-view` 工具栏契约 | 远程视图保存、跨端同步与更重的页面编排 |
+| `schema + records + viewConfig` 数据驱动 | 业务应用侧自定义的 provider 适配层 |
+| `selected record -> detail workspace` 页面链路 | detail 编辑后的最终提交、乐观更新、冲突处理 |
+
+---
+
 ## 组件一览
 
 | 分类 | 组件 |

package/dist/assets/tableWorker-CTsbCPPP.js

@@ -0,0 +1 @@
+(function(){"use strict";function i(r,e,t){return[...r].sort((s,u)=>{const n=s[e],a=u[e];if(n==null&&a==null)return 0;if(n==null)return 1;if(a==null)return-1;if(typeof n=="number"&&typeof a=="number")return t==="asc"?n-a:a-n;const l=String(n),o=String(a);return t==="asc"?l.localeCompare(o):o.localeCompare(l)})}function c(r,e){const t=String(r??"").toLowerCase(),s=e.value.toLowerCase();switch(e.operator){case"equals":return t===s;case"not_equals":return t!==s;case"contains":return t.includes(s);case"not_contains":return!t.includes(s);case"starts_with":return t.startsWith(s);case"ends_with":return t.endsWith(s);case"is_empty":return t===""||r==null;case"is_not_empty":return t!==""&&r!=null;case"gt":return Number(r)>Number(e.value);case"gte":return Number(r)>=Number(e.value);case"lt":return Number(r)<Number(e.value);case"lte":return Number(r)<=Number(e.value);default:return!0}}function f(r,e,t){return e.length===0?r:r.filter(s=>{const u=e.map(n=>n.field?c(s[n.field],n):!0);return t==="and"?u.every(Boolean):u.some(Boolean)})}self.onmessage=r=>{try{const e=r.data;if(e.type==="sort"){const t=i(e.data,e.field,e.order);self.postMessage({type:"sort-result",data:t})}else if(e.type==="filter"){const t=f(e.data,e.conditions,e.logic);self.postMessage({type:"filter-result",data:t})}}catch(e){self.postMessage({type:"error",message:e instanceof Error?e.message:String(e)})}}})();

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

@@ -1,7 +1,8 @@
+import { Component } from 'vue';
 export interface ContextMenuItem {
     key: string;
     label: string;
-    icon?: string;
+    icon?: string | Component;
     disabled?: boolean;
     danger?: boolean;
     separator?: boolean;

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

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

@@ -1,14 +1,12 @@
-import { defineComponent as x, ref as h, computed as w, watch as g, onBeforeUnmount as E, openBlock as t, createBlock as L, Teleport as C, createElementBlock as o, withModifiers as B, normalizeStyle as D, Fragment as p, renderList as M, normalizeClass as S, toDisplayString as y, createCommentVNode as a, createElementVNode as $ } from "vue";
-const z = {
+import { defineComponent as x, ref as h, computed as w, watch as g, onBeforeUnmount as C, openBlock as t, createBlock as p, Teleport as E, createElementBlock as o, withModifiers as L, normalizeStyle as B, Fragment as y, renderList as D, normalizeClass as M, resolveDynamicComponent as S, unref as $, createCommentVNode as a, createElementVNode as z, toDisplayString as N } from "vue";
+import { resolveIcon as R } from "../../utils/icon.js";
+const V = {
   key: 0,
   class: "of-context-menu__sep"
-}, N = ["disabled", "onClick"], R = {
-  key: 0,
-  class: "of-context-menu__icon"
-}, V = { class: "of-context-menu__label" }, F = {
+}, F = ["disabled", "onClick"], I = { class: "of-context-menu__label" }, K = {
   key: 1,
   class: "of-context-menu__submenu-indicator"
-}, U = /* @__PURE__ */ x({
+}, q = /* @__PURE__ */ x({
   name: "ContextMenu",
   __name: "index",
   props: {
@@ -19,67 +17,70 @@ const z = {
   },
   emits: ["select", "close"],
   setup(l, { emit: _ }) {
-    const i = l, c = _, r = h(null), k = w(() => ({
+    const c = l, r = _, i = h(null), k = w(() => ({
       position: "fixed",
-      left: `${i.x}px`,
-      top: `${i.y}px`
+      left: `${c.x}px`,
+      top: `${c.y}px`
     }));
-    function b(e) {
-      e.disabled || e.separator || (c("select", e.key), c("close"));
+    function v(e) {
+      e.disabled || e.separator || (r("select", e.key), r("close"));
     }
-    function d(e) {
+    function u(e) {
       const s = e.target;
-      r.value && s && !r.value.contains(s) && c("close");
+      i.value && s && !i.value.contains(s) && r("close");
     }
-    function u(e) {
-      e.key === "Escape" && c("close");
+    function d(e) {
+      e.key === "Escape" && r("close");
     }
-    function v() {
-      document.addEventListener("mousedown", d), document.addEventListener("keydown", u);
+    function b() {
+      document.addEventListener("mousedown", u), document.addEventListener("keydown", d);
     }
     function m() {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", u);
+      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", d);
     }
     return g(
-      () => i.visible,
+      () => c.visible,
       (e) => {
         if (e) {
-          v();
+          b();
           return;
         }
         m();
       },
       { immediate: !0 }
-    ), E(() => {
+    ), C(() => {
       m();
-    }), (e, s) => (t(), L(C, { to: "body" }, [
+    }), (e, s) => (t(), p(E, { to: "body" }, [
       l.visible ? (t(), o("div", {
         key: 0,
         ref_key: "menuRef",
-        ref: r,
+        ref: i,
         class: "of-context-menu",
-        style: D(k.value),
+        style: B(k.value),
         role: "menu",
-        onMousedown: s[0] || (s[0] = B(() => {
+        onMousedown: s[0] || (s[0] = L(() => {
         }, ["stop"]))
       }, [
-        (t(!0), o(p, null, M(l.items, (n) => {
+        (t(!0), o(y, null, D(l.items, (n) => {
           var f;
-          return t(), o(p, {
+          return t(), o(y, {
             key: n.key
           }, [
-            n.separator ? (t(), o("hr", z)) : (t(), o("button", {
+            n.separator ? (t(), o("hr", V)) : (t(), o("button", {
               key: 1,
               type: "button",
-              class: S(["of-context-menu__item", { "is-disabled": n.disabled, "is-danger": n.danger }]),
+              class: M(["of-context-menu__item", { "is-disabled": n.disabled, "is-danger": n.danger }]),
               disabled: n.disabled,
               role: "menuitem",
-              onClick: (K) => b(n)
+              onClick: (T) => v(n)
             }, [
-              n.icon ? (t(), o("span", R, y(n.icon), 1)) : a("", !0),
-              $("span", V, y(n.label), 1),
-              (f = n.children) != null && f.length ? (t(), o("span", F, "›")) : a("", !0)
-            ], 10, N))
+              n.icon ? (t(), p(S($(R)(n.icon)), {
+                key: 0,
+                class: "of-context-menu__icon"
+              })) : a("", !0),
+              z("span", I, N(n.label), 1),
+              (f = n.children) != null && f.length ? (t(), o("span", K, "›")) : a("", !0)
+            ], 10, F))
           ], 64);
         }), 128))
       ], 36)) : a("", !0)
@@ -87,5 +88,5 @@ const z = {
   }
 });
 export {
-  U as default
+  q as default
 };

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

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

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

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

@@ -11,9 +11,9 @@ declare const _default: import('vue').DefineComponent<MonitorItemProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<MonitorItemProps> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
+    count: string;
     color: string;
     clickable: boolean;
     subtitle: string;
-    count: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,7 +1,8 @@
+import { Component } from 'vue';
 export interface PersonaCardProps {
     name: string;
     title?: string;
-    icon?: string;
+    icon?: string | Component;
     color?: string;
     subtitle?: string;
     tags?: string[];

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { VNode } from 'vue';
+import { Component, VNode } from 'vue';
 export interface RefTagProps {
     type?: "spec" | "wiki" | "task" | string;
-    icon?: string;
+    icon?: string | Component;
     color?: string;
     bg?: string;
     href?: string;

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

@@ -1,7 +1,7 @@
 import o from "./RefTag.vue2.js";
 /* empty css            */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b527ca4"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-69a5acde"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -0,0 +1,6 @@
+import { SearchHighlight } from '../../composables/useSearch';
+type __VLS_Props = {
+    segments: SearchHighlight[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  i as default
+};