@oneflowui/ui 0.4.3 → 0.4.4

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

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

@@ -0,0 +1,21 @@
+import { defineComponent as h, openBlock as e, createElementBlock as t, mergeProps as l, Fragment as s, renderList as m, toDisplayString as n } from "vue";
+const i = {
+  key: 0,
+  class: "of-search-hl__match"
+}, p = { key: 1 }, u = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "SearchHighlight",
+  props: {
+    segments: {}
+  },
+  setup(a) {
+    return (o, _) => (e(), t("span", l({ class: "of-search-hl" }, o.$attrs), [
+      (e(!0), t(s, null, m(a.segments, (r, c) => (e(), t(s, { key: c }, [
+        r.match ? (e(), t("mark", i, n(r.text), 1)) : (e(), t("span", p, n(r.text), 1))
+      ], 64))), 128))
+    ], 16));
+  }
+});
+export {
+  u as default
+};

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

@@ -1,5 +1,6 @@
+import { Component } from 'vue';
 type __VLS_Props = {
-    icon: string;
+    icon: string | Component;
     label: string;
     active?: boolean;
 };

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

@@ -1,7 +1,7 @@
 import o from "./ToolbarBtn.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a47e32a0"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8452ab02"]]);
 export {
   p as default
 };

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

@@ -1,6 +1,7 @@
+import { Component } from 'vue';
 export interface ViewModeOption {
     value: string;
-    icon: string;
+    icon: string | Component;
     label?: string;
 }
 export interface ViewModeGroupProps {

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

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

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

@@ -1,7 +1,8 @@
+import { Component } from 'vue';
 export interface ViewSwitcherTab {
     value: string;
     label: string;
-    icon?: string;
+    icon?: string | Component;
 }
 export interface ViewSwitcherProps {
     tabs?: ViewSwitcherTab[];

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

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

package/dist/components/base/index.d.ts

@@ -44,3 +44,4 @@ export { default as MonitorItem } from './MonitorItem.vue';
 export type { MonitorItemProps } from './MonitorItem.vue';
 export { default as PersonaCard } from './PersonaCard.vue';
 export type { PersonaCardProps } from './PersonaCard.vue';
+export { default as SearchHighlight } from './SearchHighlight.vue';