@routa/ui-vue 0.1.0

package/dist/mentions/index.js

@@ -0,0 +1,5 @@
+require('../style/mentions.css');
+require('../style/Input.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const X=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const C=require("../chunks/index-DWAWrVaT.js"),Y=require("../chunks/id-CfLxBW9l.js"),H=require("../chunks/use-signals-Bz1smiXh.js"),U=require("../config-provider/index.js"),G=require("../chunks/use-id-BycaM3-h.js"),J=require("../chunks/use-form-item-CloIcyon.js"),Q=require("../chunks/Input.vue_vue_type_script_setup_true_lang-8x2HE2Cj.js");function Z(s){const h=s.idPrefix??Y.useId("mentions"),f=Array.isArray(s.prefix)?s.prefix:[s.prefix??"@"],g=s.split??" ",c=C.signal(!1),y=C.signal([]),r=C.signal(-1),V=C.signal(!1),d=C.signal(null),b=(o,u)=>{var w;const i=o.substring(0,u);let a=null;for(const m of f){const v=i.lastIndexOf(m);if(v!==-1){const _=i[v-1];if(v===0||_===g||_===`
+`){const z=i.substring(v+m.length);!z.includes(g)&&!z.includes(`
+`)&&(!a||v>a.index)&&(a={prefix:m,index:v})}}}if(a){const m=i.substring(a.index+a.prefix.length);d.value={prefix:a.prefix,keyword:m,start:a.index,end:u},c.value=!0,r.value=-1,(w=s.onSearch)==null||w.call(s,a.prefix,m)}else d.value=null,c.value=!1},x=o=>{var u;d.value&&((u=s.onSelect)==null||u.call(s,o,d.value.prefix),c.value=!1,d.value=null)};return{state:{get isOpen(){return c.value},set isOpen(o){c.value=o},get suggestions(){return y.value},set suggestions(o){y.value=o},get activeIndex(){return r.value},set activeIndex(o){r.value=o},get loading(){return V.value},set loading(o){V.value=o},get context(){return d.value}},actions:{checkMention:b,select:x,navigate:o=>{if(!c.value||y.value.length===0)return;const u=y.value.length;if(r.value===-1){r.value=o==="down"?0:u-1;return}o==="down"?r.value=(r.value+1)%u:r.value=(r.value-1+u)%u},confirmSelection:()=>{r.value>=0&&r.value<y.value.length?x(y.value[r.value]):c.value=!1},close:()=>{c.value=!1,d.value=null}},getInputProps:()=>({role:"combobox","aria-autocomplete":"list","aria-expanded":c.value,"aria-controls":`${h}-listbox`,"aria-activedescendant":r.value>=0?`${h}-option-${r.value}`:void 0}),getListProps:()=>({id:`${h}-listbox`,role:"listbox"}),getItemProps:o=>({id:`${h}-option-${o}`,role:"option","aria-selected":r.value===o})}}const D={modelValue:{type:String,default:""},type:{type:String,default:"textarea"},prefix:{type:[String,Array],default:"@"},split:{type:String,default:" "},placeholder:String,disabled:Boolean,size:{type:String,default:"md"},fetchSuggestions:{type:Function,required:!0},valueKey:{type:String,default:"value"},rows:{type:[Number,String],default:3}},N={"update:modelValue":s=>!0,select:(s,h)=>!0,search:(s,h)=>!0,focus:s=>!0,blur:s=>!0},ee=["data-theme"],te={key:0,class:"l-mentions__loading"},ne=["onMousedown"],le=e.defineComponent({name:"LMentions",__name:"Mentions",props:D,emits:N,setup(s,{emit:h}){const f=s,g=h,{teleportedCssVars:c,teleportedTheme:y}=U.useTeleportedConfig(),{size:r,disabled:V,inputId:d}=J.useFormItem(),b=e.computed(()=>f.disabled||V.value),x=e.ref(null),P=e.ref({top:0,left:0}),o=G.useId("mentions"),u=(d==null?void 0:d.value)||o,i=Z({prefix:f.prefix,split:f.split,idPrefix:u,onSearch:(t,l)=>{g("search",t,l),T(t,l)},onSelect:(t,l)=>{R(t,l)}}),{isOpen:a,suggestions:w,activeIndex:m,loading:v,context:_}=H.useController(i),T=(t,l)=>{v.value=!0,f.fetchSuggestions(t,l,n=>{v.value=!1,w.value=n,n.length===0&&(a.value=!1)})},z=()=>{var B,$;const t=($=(B=x.value)==null?void 0:B.$el)==null?void 0:$.querySelector("input, textarea");if(!t)return{top:0,left:0};const l=t.selectionStart??0,n=document.createElement("div"),p=window.getComputedStyle(t);["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize"].forEach(L=>{n.style[L]=p[L]}),n.style.position="absolute",n.style.visibility="hidden",n.style.whiteSpace="pre-wrap",n.style.wordWrap="break-word",n.style.top="0",n.style.left="-9999px";const E=t.value.substring(0,l);n.textContent=E;const k=document.createElement("span");k.textContent=t.value.substring(l,l+1)||".",n.appendChild(k),document.body.appendChild(n);const{offsetTop:q,offsetLeft:M}=k,I=t.getBoundingClientRect();return document.body.removeChild(n),{top:I.top+q+window.scrollY-t.scrollTop,left:I.left+M+window.scrollX-t.scrollLeft}},F=()=>{P.value=z()},O=t=>{var n,p;if(b.value)return;g("update:modelValue",t);const l=(p=(n=x.value)==null?void 0:n.$el)==null?void 0:p.querySelector("input, textarea");if(l){const S=l.selectionStart||0;i.actions.checkMention(t,S),a.value&&e.nextTick(F)}},R=(t,l)=>{var M,I;if(!_.value)return;const n=(I=(M=x.value)==null?void 0:M.$el)==null?void 0:I.querySelector("input, textarea");if(!n)return;const p=typeof t=="string"?t:t[f.valueKey],S=f.modelValue,{start:E,end:k}=_.value,q=S.substring(0,E)+l+p+f.split+S.substring(k);g("update:modelValue",q),g("select",t,l),e.nextTick(()=>{const B=E+l.length+p.length+f.split.length;n.setSelectionRange(B,B),n.focus()})},W=t=>{if(a.value)switch(t.key){case"ArrowUp":t.preventDefault(),i.actions.navigate("up");break;case"ArrowDown":t.preventDefault(),i.actions.navigate("down");break;case"Enter":m.value!==-1?(t.preventDefault(),i.actions.confirmSelection()):a.value=!1;break;case"Escape":a.value=!1;break}},K=t=>{g("blur",t),setTimeout(()=>{a.value=!1},200)},j=e.computed(()=>({position:"fixed",top:`${P.value.top+20}px`,left:`${P.value.left}px`,zIndex:3e3,...c.value}));return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-mentions",[`l-mentions--${t.size||e.unref(r)}`,{"is-disabled":b.value}]])},[e.createVNode(Q._sfc_main,e.mergeProps({ref_key:"inputRef",ref:x,id:e.unref(u),type:t.type,"model-value":t.modelValue,placeholder:t.placeholder},e.unref(i).getInputProps(),{disabled:b.value,size:t.size||e.unref(r),rows:t.rows,onInput:O,onKeydown:W,onFocus:l[0]||(l[0]=n=>g("focus",n)),onBlur:K}),null,16,["id","type","model-value","placeholder","disabled","size","rows"]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-fade"},{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"l-mentions__popper","data-theme":e.unref(y),style:e.normalizeStyle(j.value)},[e.createElementVNode("ul",e.mergeProps({class:"l-mentions__suggestions"},e.unref(i).getListProps()),[e.unref(v)?(e.openBlock(),e.createElementBlock("li",te,[...l[1]||(l[1]=[e.createElementVNode("svg",{class:"l-mentions__loading-icon",viewBox:"0 0 1024 1024",width:"16",height:"16"},[e.createElementVNode("path",{fill:"currentColor",d:"M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",opacity:".2"}),e.createElementVNode("path",{fill:"currentColor",d:"M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"})],-1)])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(w),(n,p)=>(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:p,class:["l-mentions__item",{"is-active":p===e.unref(m)}]},{ref_for:!0},e.unref(i).getItemProps(p),{onMousedown:e.withModifiers(S=>e.unref(i).actions.select(n),["prevent"])}),[e.renderSlot(t.$slots,"default",{item:n},()=>[e.createTextVNode(e.toDisplayString(typeof n=="string"?n:n[t.valueKey]),1)])],16,ne))),128))],16)],12,ee)):e.createCommentVNode("",!0)]),_:3})]))],2))}}),A=X.withInstall(le);exports.LMentions=A;exports.default=A;exports.mentionsEmits=N;exports.mentionsProps=D;

package/dist/mentions/index.mjs

@@ -0,0 +1,357 @@
+import '../style/mentions.css';
+import '../style/Input.css';
+import { w as J } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as Q, computed as K, ref as N, openBlock as b, createElementBlock as V, normalizeClass as Z, unref as u, createVNode as O, mergeProps as A, createBlock as ee, Teleport as te, Transition as ne, withCtx as le, normalizeStyle as oe, createElementVNode as L, Fragment as se, renderList as ae, withModifiers as re, renderSlot as ie, createTextVNode as ue, toDisplayString as ce, createCommentVNode as de, nextTick as q } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as $ } from "../chunks/index-B0yEC3RG.mjs";
+import { u as pe } from "../chunks/id-VS2potoV.mjs";
+import { u as fe } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as ve } from "../config-provider/index.mjs";
+import { u as ge } from "../chunks/use-id-D3casveg.mjs";
+import { u as me } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { _ as he } from "../chunks/Input.vue_vue_type_script_setup_true_lang-PeDZ7smO.mjs";
+function ye(o) {
+  const h = o.idPrefix ?? pe("mentions"), f = Array.isArray(o.prefix) ? o.prefix : [o.prefix ?? "@"], g = o.split ?? " ", c = $(!1), y = $([]), s = $(-1), P = $(!1), d = $(null), w = (l, i) => {
+    var _;
+    const r = l.substring(0, i);
+    let a = null;
+    for (const m of f) {
+      const v = r.lastIndexOf(m);
+      if (v !== -1) {
+        const C = r[v - 1];
+        if (v === 0 || C === g || C === `
+`) {
+          const M = r.substring(v + m.length);
+          !M.includes(g) && !M.includes(`
+`) && (!a || v > a.index) && (a = { prefix: m, index: v });
+        }
+      }
+    }
+    if (a) {
+      const m = r.substring(a.index + a.prefix.length);
+      d.value = {
+        prefix: a.prefix,
+        keyword: m,
+        start: a.index,
+        end: i
+      }, c.value = !0, s.value = -1, (_ = o.onSearch) == null || _.call(o, a.prefix, m);
+    } else
+      d.value = null, c.value = !1;
+  }, x = (l) => {
+    var i;
+    d.value && ((i = o.onSelect) == null || i.call(o, l, d.value.prefix), c.value = !1, d.value = null);
+  };
+  return {
+    state: {
+      get isOpen() {
+        return c.value;
+      },
+      set isOpen(l) {
+        c.value = l;
+      },
+      get suggestions() {
+        return y.value;
+      },
+      set suggestions(l) {
+        y.value = l;
+      },
+      get activeIndex() {
+        return s.value;
+      },
+      set activeIndex(l) {
+        s.value = l;
+      },
+      get loading() {
+        return P.value;
+      },
+      set loading(l) {
+        P.value = l;
+      },
+      get context() {
+        return d.value;
+      }
+    },
+    actions: {
+      checkMention: w,
+      select: x,
+      navigate: (l) => {
+        if (!c.value || y.value.length === 0) return;
+        const i = y.value.length;
+        if (s.value === -1) {
+          s.value = l === "down" ? 0 : i - 1;
+          return;
+        }
+        l === "down" ? s.value = (s.value + 1) % i : s.value = (s.value - 1 + i) % i;
+      },
+      confirmSelection: () => {
+        s.value >= 0 && s.value < y.value.length ? x(y.value[s.value]) : c.value = !1;
+      },
+      close: () => {
+        c.value = !1, d.value = null;
+      }
+    },
+    getInputProps: () => ({
+      role: "combobox",
+      "aria-autocomplete": "list",
+      "aria-expanded": c.value,
+      "aria-controls": `${h}-listbox`,
+      "aria-activedescendant": s.value >= 0 ? `${h}-option-${s.value}` : void 0
+    }),
+    getListProps: () => ({
+      id: `${h}-listbox`,
+      role: "listbox"
+    }),
+    getItemProps: (l) => ({
+      id: `${h}-option-${l}`,
+      role: "option",
+      "aria-selected": s.value === l
+    })
+  };
+}
+const xe = {
+  /** 绑定值 | Binding value */
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  /** 类型 | Input type */
+  type: {
+    type: String,
+    default: "textarea"
+  },
+  /** 触发前缀 | Trigger prefix */
+  prefix: {
+    type: [String, Array],
+    default: "@"
+  },
+  /** 分隔符 | Split character */
+  split: {
+    type: String,
+    default: " "
+  },
+  /** 占位文字 | Placeholder */
+  placeholder: String,
+  /** 禁用 | Disabled */
+  disabled: Boolean,
+  /** 尺寸 | Size */
+  size: {
+    type: String,
+    default: "md"
+  },
+  /** 获取建议列表的回调 | Callback to fetch suggestions */
+  fetchSuggestions: {
+    type: Function,
+    required: !0
+  },
+  /** 显示字段名 | Display label field */
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  /** 文本域行数 | Rows for textarea */
+  rows: {
+    type: [Number, String],
+    default: 3
+  }
+}, Se = {
+  "update:modelValue": (o) => !0,
+  select: (o, h) => !0,
+  search: (o, h) => !0,
+  focus: (o) => !0,
+  blur: (o) => !0
+}, be = ["data-theme"], we = {
+  key: 0,
+  class: "l-mentions__loading"
+}, _e = ["onMousedown"], Ce = /* @__PURE__ */ Q({
+  name: "LMentions",
+  __name: "Mentions",
+  props: xe,
+  emits: Se,
+  setup(o, { emit: h }) {
+    const f = o, g = h, { teleportedCssVars: c, teleportedTheme: y } = ve(), { size: s, disabled: P, inputId: d } = me(), w = K(() => f.disabled || P.value), x = N(null), B = N({ top: 0, left: 0 }), l = ge("mentions"), i = (d == null ? void 0 : d.value) || l, r = ye({
+      prefix: f.prefix,
+      split: f.split,
+      idPrefix: i,
+      onSearch: (e, n) => {
+        g("search", e, n), R(e, n);
+      },
+      onSelect: (e, n) => {
+        j(e, n);
+      }
+    }), {
+      isOpen: a,
+      suggestions: _,
+      activeIndex: m,
+      loading: v,
+      context: C
+    } = fe(r), R = (e, n) => {
+      v.value = !0, f.fetchSuggestions(e, n, (t) => {
+        v.value = !1, _.value = t, t.length === 0 && (a.value = !1);
+      });
+    }, M = () => {
+      var z, W;
+      const e = (W = (z = x.value) == null ? void 0 : z.$el) == null ? void 0 : W.querySelector("input, textarea");
+      if (!e) return { top: 0, left: 0 };
+      const n = e.selectionStart ?? 0, t = document.createElement("div"), p = window.getComputedStyle(e);
+      [
+        "direction",
+        "boxSizing",
+        "width",
+        "height",
+        "overflowX",
+        "overflowY",
+        "borderTopWidth",
+        "borderRightWidth",
+        "borderBottomWidth",
+        "borderLeftWidth",
+        "borderStyle",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "fontStyle",
+        "fontVariant",
+        "fontWeight",
+        "fontStretch",
+        "fontSize",
+        "fontSizeAdjust",
+        "lineHeight",
+        "fontFamily",
+        "textAlign",
+        "textTransform",
+        "textIndent",
+        "textDecoration",
+        "letterSpacing",
+        "wordSpacing",
+        "tabSize"
+      ].forEach((F) => {
+        t.style[F] = p[F];
+      }), t.style.position = "absolute", t.style.visibility = "hidden", t.style.whiteSpace = "pre-wrap", t.style.wordWrap = "break-word", t.style.top = "0", t.style.left = "-9999px";
+      const T = e.value.substring(0, n);
+      t.textContent = T;
+      const k = document.createElement("span");
+      k.textContent = e.value.substring(n, n + 1) || ".", t.appendChild(k), document.body.appendChild(t);
+      const { offsetTop: E, offsetLeft: D } = k, I = e.getBoundingClientRect();
+      return document.body.removeChild(t), {
+        top: I.top + E + window.scrollY - e.scrollTop,
+        left: I.left + D + window.scrollX - e.scrollLeft
+      };
+    }, X = () => {
+      B.value = M();
+    }, Y = (e) => {
+      var t, p;
+      if (w.value) return;
+      g("update:modelValue", e);
+      const n = (p = (t = x.value) == null ? void 0 : t.$el) == null ? void 0 : p.querySelector("input, textarea");
+      if (n) {
+        const S = n.selectionStart || 0;
+        r.actions.checkMention(e, S), a.value && q(X);
+      }
+    }, j = (e, n) => {
+      var D, I;
+      if (!C.value) return;
+      const t = (I = (D = x.value) == null ? void 0 : D.$el) == null ? void 0 : I.querySelector("input, textarea");
+      if (!t) return;
+      const p = typeof e == "string" ? e : e[f.valueKey], S = f.modelValue, { start: T, end: k } = C.value, E = S.substring(0, T) + n + p + f.split + S.substring(k);
+      g("update:modelValue", E), g("select", e, n), q(() => {
+        const z = T + n.length + p.length + f.split.length;
+        t.setSelectionRange(z, z), t.focus();
+      });
+    }, H = (e) => {
+      if (a.value)
+        switch (e.key) {
+          case "ArrowUp":
+            e.preventDefault(), r.actions.navigate("up");
+            break;
+          case "ArrowDown":
+            e.preventDefault(), r.actions.navigate("down");
+            break;
+          case "Enter":
+            m.value !== -1 ? (e.preventDefault(), r.actions.confirmSelection()) : a.value = !1;
+            break;
+          case "Escape":
+            a.value = !1;
+            break;
+        }
+    }, U = (e) => {
+      g("blur", e), setTimeout(() => {
+        a.value = !1;
+      }, 200);
+    }, G = K(() => ({
+      position: "fixed",
+      top: `${B.value.top + 20}px`,
+      left: `${B.value.left}px`,
+      zIndex: 3e3,
+      ...c.value
+    }));
+    return (e, n) => (b(), V("div", {
+      class: Z(["l-mentions", [`l-mentions--${e.size || u(s)}`, { "is-disabled": w.value }]])
+    }, [
+      O(he, A({
+        ref_key: "inputRef",
+        ref: x,
+        id: u(i),
+        type: e.type,
+        "model-value": e.modelValue,
+        placeholder: e.placeholder
+      }, u(r).getInputProps(), {
+        disabled: w.value,
+        size: e.size || u(s),
+        rows: e.rows,
+        onInput: Y,
+        onKeydown: H,
+        onFocus: n[0] || (n[0] = (t) => g("focus", t)),
+        onBlur: U
+      }), null, 16, ["id", "type", "model-value", "placeholder", "disabled", "size", "rows"]),
+      (b(), ee(te, { to: "body" }, [
+        O(ne, { name: "l-fade" }, {
+          default: le(() => [
+            u(a) ? (b(), V("div", {
+              key: 0,
+              class: "l-mentions__popper",
+              "data-theme": u(y),
+              style: oe(G.value)
+            }, [
+              L("ul", A({ class: "l-mentions__suggestions" }, u(r).getListProps()), [
+                u(v) ? (b(), V("li", we, [...n[1] || (n[1] = [
+                  L("svg", {
+                    class: "l-mentions__loading-icon",
+                    viewBox: "0 0 1024 1024",
+                    width: "16",
+                    height: "16"
+                  }, [
+                    L("path", {
+                      fill: "currentColor",
+                      d: "M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
+                      opacity: ".2"
+                    }),
+                    L("path", {
+                      fill: "currentColor",
+                      d: "M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"
+                    })
+                  ], -1)
+                ])])) : (b(!0), V(se, { key: 1 }, ae(u(_), (t, p) => (b(), V("li", A({
+                  key: p,
+                  class: ["l-mentions__item", { "is-active": p === u(m) }]
+                }, { ref_for: !0 }, u(r).getItemProps(p), {
+                  onMousedown: re((S) => u(r).actions.select(t), ["prevent"])
+                }), [
+                  ie(e.$slots, "default", { item: t }, () => [
+                    ue(ce(typeof t == "string" ? t : t[e.valueKey]), 1)
+                  ])
+                ], 16, _e))), 128))
+              ], 16)
+            ], 12, be)) : de("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 2));
+  }
+}), Le = J(Ce);
+export {
+  Le as LMentions,
+  Le as default,
+  Se as mentionsEmits,
+  xe as mentionsProps
+};

package/dist/mentions/types.d.ts

@@ -0,0 +1,55 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const mentionsProps: {
+    /** 绑定值 | Binding value */
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 类型 | Input type */
+    readonly type: {
+        readonly type: PropType<"text" | "textarea">;
+        readonly default: "textarea";
+    };
+    /** 触发前缀 | Trigger prefix */
+    readonly prefix: {
+        readonly type: PropType<string | string[]>;
+        readonly default: "@";
+    };
+    /** 分隔符 | Split character */
+    readonly split: {
+        readonly type: StringConstructor;
+        readonly default: " ";
+    };
+    /** 占位文字 | Placeholder */
+    readonly placeholder: StringConstructor;
+    /** 禁用 | Disabled */
+    readonly disabled: BooleanConstructor;
+    /** 尺寸 | Size */
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    /** 获取建议列表的回调 | Callback to fetch suggestions */
+    readonly fetchSuggestions: {
+        readonly type: PropType<(prefix: string, keyword: string, cb: (data: any[]) => void) => void>;
+        readonly required: true;
+    };
+    /** 显示字段名 | Display label field */
+    readonly valueKey: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    /** 文本域行数 | Rows for textarea */
+    readonly rows: {
+        readonly type: PropType<number | string>;
+        readonly default: 3;
+    };
+};
+export type MentionsProps = ExtractPropTypes<typeof mentionsProps>;
+export declare const mentionsEmits: {
+    'update:modelValue': (_val: string) => boolean;
+    select: (_item: any, _prefix: string) => boolean;
+    search: (_prefix: string, _keyword: string) => boolean;
+    focus: (_e: FocusEvent) => boolean;
+    blur: (_e: FocusEvent) => boolean;
+};

package/dist/menu/Menu.vue.d.ts

@@ -0,0 +1,120 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLUListElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly openKeys: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultOpenKeys: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue[]>;
+        readonly default: () => never[];
+    };
+    readonly mode: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuMode>;
+        readonly default: "vertical";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly collapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly items: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuItemInput[]>;
+        readonly default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (_value: import('../../../headless/src/index.ts').MenuValue) => void;
+    "update:modelValue": (_value: import('../../../headless/src/index.ts').MenuValue) => void;
+    "update:openKeys": (_keys: import('../../../headless/src/index.ts').MenuValue[]) => void;
+    "open-change": (_keys: import('../../../headless/src/index.ts').MenuValue[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly openKeys: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultOpenKeys: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue[]>;
+        readonly default: () => never[];
+    };
+    readonly mode: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuMode>;
+        readonly default: "vertical";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly collapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly items: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuItemInput[]>;
+        readonly default: () => never[];
+    };
+}>> & Readonly<{
+    onSelect?: ((_value: import('../../../headless/src/index.ts').MenuValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import('../../../headless/src/index.ts').MenuValue) => any) | undefined;
+    "onUpdate:openKeys"?: ((_keys: import('../../../headless/src/index.ts').MenuValue[]) => any) | undefined;
+    "onOpen-change"?: ((_keys: import('../../../headless/src/index.ts').MenuValue[]) => any) | undefined;
+}>, {
+    readonly mode: import('../../../headless/src/index.ts').MenuMode;
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly modelValue: import('../../../headless/src/index.ts').MenuValue | undefined;
+    readonly accordion: boolean;
+    readonly items: import('../../../headless/src/index.ts').MenuItemInput[];
+    readonly defaultValue: import('../../../headless/src/index.ts').MenuValue | undefined;
+    readonly openKeys: import('../../../headless/src/index.ts').MenuValue[] | undefined;
+    readonly defaultOpenKeys: import('../../../headless/src/index.ts').MenuValue[];
+    readonly collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLUListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuDivider.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>;
+export default _default;

package/dist/menu/MenuGroup.vue.d.ts

@@ -0,0 +1,29 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>> & Readonly<{}>, {
+    readonly title: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItem.vue.d.ts

@@ -0,0 +1,48 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly value: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly value: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').MenuValue>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly disabled: boolean;
+    readonly danger: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuNodeRenderer.vue.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemInput } from '../../../headless/src/index.ts';
+type __VLS_Props = {
+    items: MenuItemInput[];
+};
+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;