geekin-devtoys 0.3.9 → 0.3.11

package/lib/GButton/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("motion-v"),b=require("../GBubble-Dph0YDkU.js"),B=["type","disabled"],h={key:0,class:"g-button__loading"},_={key:1,class:"g-button__icon"},f={key:2,class:"g-button__text"},v=e.defineComponent({name:"GButton",__name:"index",props:{type:{},size:{},loading:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},nativeType:{}},emits:["click"],setup(i,{emit:d}){const s=i,u=d,p=t=>{if(!(s.disabled||s.loading)){if(s.type!=="link"&&!g.value){const o=t.currentTarget.getBoundingClientRect(),c=t.clientX!==0||t.clientY!==0,k={id:++m,x:c?t.clientX-o.left:o.width/2,y:c?t.clientY-o.top:o.height/2,size:Math.hypot(o.width,o.height)*2};l.value.push(k)}u("click",t)}},l=e.ref([]);let m=0;const y=t=>{l.value=l.value.filter(a=>a.id!==t)},g=r.useReducedMotion();return(t,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["g-button",["g-button--"+t.type,"g-button--"+t.size,{"is-block":t.block,"is-loading":t.loading,"is-disabled":t.disabled}]]),type:t.nativeType,disabled:t.disabled||t.loading,onClick:p},[t.loading?(e.openBlock(),e.createElementBlock("span",h)):e.createCommentVNode("",!0),t.$slots.icon?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(e.unref(r.motion).span,{key:o.id,class:"g-button__wave",initial:{x:"-50%",y:"-50%",scale:0,opacity:.2},animate:{x:"-50%",y:"-50%",scale:1,opacity:0},transition:{duration:.6,ease:"easeOut"},style:e.normalizeStyle({left:o.x+"px",top:o.y+"px",width:o.size+"px",height:o.size+"px"}),onAnimationComplete:c=>y(o.id)},null,8,["style","onAnimationComplete"]))),128))],10,B))}}),n=b._export_sfc(v,[["__scopeId","data-v-a31c6a9a"]]);n.install=i=>{i.component(n.name,n)};exports.GButton=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("motion-v"),k=require("../GBubble-Dph0YDkU.js"),B=["type","disabled"],h={key:0,class:"g-button__loading"},_={key:1,class:"g-button__icon"},f={key:2,class:"g-button__text"},v=e.defineComponent({name:"GButton",__name:"index",props:{type:{},size:{},loading:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},nativeType:{}},emits:["click"],setup(i,{emit:d}){const s=i,u=d,p=t=>{if(!(s.disabled||s.loading)){if(s.type!=="link"&&!b.value){const o=t.currentTarget.getBoundingClientRect(),c=t.clientX!==0||t.clientY!==0,g={id:++m,x:c?t.clientX-o.left:o.width/2,y:c?t.clientY-o.top:o.height/2,size:Math.hypot(o.width,o.height)*2};l.value.push(g)}u("click",t)}},l=e.ref([]);let m=0;const y=t=>{l.value=l.value.filter(a=>a.id!==t)},b=r.useReducedMotion();return(t,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["g-button",["g-button--"+t.type,"g-button--"+t.size,{"is-block":t.block,"is-loading":t.loading,"is-disabled":t.disabled}]]),type:t.nativeType,disabled:t.disabled||t.loading,onClick:p},[t.loading?(e.openBlock(),e.createElementBlock("span",h)):e.createCommentVNode("",!0),t.$slots.icon?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(e.unref(r.motion).span,{key:o.id,class:"g-button__wave",initial:{x:"-50%",y:"-50%",scale:0,opacity:.2},animate:{x:"-50%",y:"-50%",scale:1,opacity:0},transition:{duration:.6,ease:"easeOut"},style:e.normalizeStyle({left:o.x+"px",top:o.y+"px",width:o.size+"px",height:o.size+"px"}),onAnimationComplete:c=>y(o.id)},null,8,["style","onAnimationComplete"]))),128))],10,B))}}),n=k._export_sfc(v,[["__scopeId","data-v-054c5b31"]]);n.install=i=>{i.component(n.name,n)};exports.GButton=n;exports.default=n;

package/lib/GButton/index.mjs

@@ -74,7 +74,7 @@ const G = ["type", "disabled"], I = {
       }, null, 8, ["style", "onAnimationComplete"]))), 128))
     ], 10, G));
   }
-}), r = /* @__PURE__ */ A(X, [["__scopeId", "data-v-a31c6a9a"]]);
+}), r = /* @__PURE__ */ A(X, [["__scopeId", "data-v-054c5b31"]]);
 r.install = (s) => {
   s.component(r.name, r);
 };

package/lib/GButton/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-button[data-v-a31c6a9a]{--g-button-wave-color: currentcolor;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 15px;font-size:var(--g-button-font-size, 14px);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--g-text-color, rgba(0, 0, 0, .88));background:var(--g-button-bg-color, var(--g-button-default-color, #e8e8eb));border:none;border-radius:var(--g-button-radius, 6px);outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.g-button[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button[data-v-a31c6a9a]:not(.is-disabled):focus-visible{border-color:var(--g-primary-color, #039be5);color:var(--g-primary-color, #039be5)}.g-button[data-v-a31c6a9a]:not(.is-disabled):active{border-color:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000);color:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000)}.g-button.is-block[data-v-a31c6a9a]{display:flex;width:100%}.g-button.is-disabled[data-v-a31c6a9a]{cursor:not-allowed;opacity:.5}.g-button--large[data-v-a31c6a9a]{height:40px;padding:0 20px;font-size:16px;border-radius:calc(var(--g-button-radius, 6px) + 2px)}.g-button--small[data-v-a31c6a9a]{height:24px;padding:0 7px;font-size:12px;border-radius:calc(var(--g-button-radius, 6px) - 2px)}.g-button--primary[data-v-a31c6a9a]{--g-button-wave-color: #fff;color:#fff;background:var(--g-primary-color, #039be5);border-color:var(--g-primary-color, #039be5)}.g-button--primary[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button--primary[data-v-a31c6a9a]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-primary-color, #039be5) 85%,#fff)}.g-button--primary[data-v-a31c6a9a]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000)}.g-button--success[data-v-a31c6a9a],.g-button--warning[data-v-a31c6a9a],.g-button--danger[data-v-a31c6a9a]{--g-button-wave-color: #fff;color:#fff}.g-button--success[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button--success[data-v-a31c6a9a]:not(.is-disabled):focus-visible,.g-button--warning[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button--warning[data-v-a31c6a9a]:not(.is-disabled):focus-visible,.g-button--danger[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button--danger[data-v-a31c6a9a]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 85%,#fff)}.g-button--success[data-v-a31c6a9a]:not(.is-disabled):active,.g-button--warning[data-v-a31c6a9a]:not(.is-disabled):active,.g-button--danger[data-v-a31c6a9a]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 70%,#000)}.g-button--success[data-v-a31c6a9a]{--g-button-type-color: var(--g-success-color, #50c189);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--warning[data-v-a31c6a9a]{--g-button-type-color: var(--g-warning-color, #f78716);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--danger[data-v-a31c6a9a]{--g-button-type-color: var(--g-danger-color, #e1594d);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--link[data-v-a31c6a9a]{height:auto;padding:2px 5px;background:transparent;border-color:transparent}.g-button--link[data-v-a31c6a9a]:not(.is-disabled):hover,.g-button--link[data-v-a31c6a9a]:not(.is-disabled):focus-visible{color:color-mix(in srgb,var(--g-primary-color, #039be5) 85%,#fff);background:transparent}.g-button__loading[data-v-a31c6a9a]{width:1em;height:1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:g-button-spin-a31c6a9a .6s linear infinite}.g-button__icon[data-v-a31c6a9a]{display:inline-flex;align-items:center}.g-button__icon[data-v-a31c6a9a] svg{width:1em;height:1em;display:block}.g-button__wave[data-v-a31c6a9a]{position:absolute;border-radius:50%;background:var(--g-button-wave-color);opacity:.2;pointer-events:none}@keyframes g-button-spin-a31c6a9a{to{transform:rotate(360deg)}}
+@charset "UTF-8";.g-button[data-v-054c5b31]{--g-button-wave-color: currentcolor;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 15px;font-size:var(--g-button-font-size, 14px);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--g-text-color, rgba(0, 0, 0, .88));background:var(--g-button-bg-color, var(--g-button-default-color, #e8e8eb));border:none;border-radius:var(--g-button-radius, 6px);outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.g-button[data-v-054c5b31]:not(.is-disabled):hover,.g-button[data-v-054c5b31]:not(.is-disabled):focus-visible{border-color:var(--g-primary-color, #039be5);color:var(--g-primary-color, #039be5)}.g-button[data-v-054c5b31]:not(.is-disabled):active{border-color:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000);color:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000)}.g-button.is-block[data-v-054c5b31]{display:flex;width:100%}.g-button.is-disabled[data-v-054c5b31]{cursor:not-allowed;opacity:.5}.g-button--large[data-v-054c5b31]{height:40px;padding:0 20px;font-size:16px;border-radius:calc(var(--g-button-radius, 6px) + 2px)}.g-button--small[data-v-054c5b31]{height:24px;padding:0 7px;font-size:12px;border-radius:calc(var(--g-button-radius, 6px) - 2px)}.g-button--primary[data-v-054c5b31]{--g-button-wave-color: #fff;color:#fff;background:var(--g-primary-color, #039be5);border-color:var(--g-primary-color, #039be5)}.g-button--primary[data-v-054c5b31]:not(.is-disabled):hover,.g-button--primary[data-v-054c5b31]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-primary-color, #039be5) 85%,#fff)}.g-button--primary[data-v-054c5b31]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-primary-color, #039be5) 70%,#000)}.g-button--success[data-v-054c5b31],.g-button--warning[data-v-054c5b31],.g-button--danger[data-v-054c5b31]{--g-button-wave-color: #fff;color:#fff}.g-button--success[data-v-054c5b31]:not(.is-disabled):hover,.g-button--success[data-v-054c5b31]:not(.is-disabled):focus-visible,.g-button--warning[data-v-054c5b31]:not(.is-disabled):hover,.g-button--warning[data-v-054c5b31]:not(.is-disabled):focus-visible,.g-button--danger[data-v-054c5b31]:not(.is-disabled):hover,.g-button--danger[data-v-054c5b31]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 85%,#fff)}.g-button--success[data-v-054c5b31]:not(.is-disabled):active,.g-button--warning[data-v-054c5b31]:not(.is-disabled):active,.g-button--danger[data-v-054c5b31]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 70%,#000)}.g-button--success[data-v-054c5b31]{--g-button-type-color: var(--g-success-color, #50c189);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--warning[data-v-054c5b31]{--g-button-type-color: var(--g-warning-color, #f78716);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--danger[data-v-054c5b31]{--g-button-type-color: var(--g-danger-color, #e1594d);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--emphasis[data-v-054c5b31]{--g-button-wave-color: var(--g-emphasis-text-color, #fff);color:var(--g-emphasis-text-color, #fff);background:var(--g-emphasis-color, #000)}.g-button--emphasis[data-v-054c5b31]:not(.is-disabled):hover,.g-button--emphasis[data-v-054c5b31]:not(.is-disabled):focus-visible{color:var(--g-emphasis-text-color, #fff);background:color-mix(in srgb,var(--g-emphasis-color, #000) 85%,var(--g-emphasis-text-color, #fff))}.g-button--emphasis[data-v-054c5b31]:not(.is-disabled):active{color:var(--g-emphasis-text-color, #fff);background:color-mix(in srgb,var(--g-emphasis-color, #000) 70%,var(--g-emphasis-text-color, #fff))}.g-button--link[data-v-054c5b31]{height:auto;padding:2px 5px;background:transparent;border-color:transparent}.g-button--link[data-v-054c5b31]:not(.is-disabled):hover,.g-button--link[data-v-054c5b31]:not(.is-disabled):focus-visible{color:color-mix(in srgb,var(--g-primary-color, #039be5) 85%,#fff);background:transparent}.g-button__loading[data-v-054c5b31]{width:1em;height:1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:g-button-spin-054c5b31 .6s linear infinite}.g-button__icon[data-v-054c5b31]{display:inline-flex;align-items:center}.g-button__icon[data-v-054c5b31] svg{width:1em;height:1em;display:block}.g-button__wave[data-v-054c5b31]{position:absolute;border-radius:50%;background:var(--g-button-wave-color);opacity:.2;pointer-events:none}@keyframes g-button-spin-054c5b31{to{transform:rotate(360deg)}}

package/lib/GInputTreeTag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),ve=require("../GInput/index.js"),me=require("../GTag/index.js"),F=require("element-plus"),x=require("motion-v"),ge=require("../GBubble-Dph0YDkU.js"),be={key:0,class:"g-input-tree-tag__tags"},he=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},echoProps:{},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"primary"},tagVariant:{default:"filled"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(E,{expose:$,emit:H}){const o=E,r=H,q=t.computed(()=>({label:o.props.label||"label",children:o.props.children||"children",disabled:o.props.disabled})),j=t.computed(()=>o.props.value||o.nodeKey||"id"),G=t.computed(()=>o.props.label||"label"),K=t.computed(()=>o.props.children||"children"),S=t.computed(()=>o.props.isLeaf),P=t.computed(()=>o.echoProps?.value||"value"),U=t.computed(()=>o.echoProps?.label||"label"),v=e=>e?e[j.value]:void 0,d=e=>e?e[G.value]:"",T=e=>e?e[K.value]:void 0,D=e=>e?.[P.value]??e?.value,Z=e=>e?.[U.value]??e?.label,c=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(S.value&&e[S.value]!==void 0)return!!e[S.value];const a=T(e);return!a||!a.length},C=t.computed(()=>{const e=new Map,a=(l=[])=>{l.forEach(n=>{c(n)&&e.set(v(n),n);const s=T(n);s?.length&&a(s)})};return a(o.data||[]),e}),u=t.computed(()=>(o.modelValue||[]).map(a=>{const l=o.valueFormat==="object"?D(a):a,n=C.value.get(l),s=o.valueFormat==="object"?Z(a):void 0;return{value:l,label:n?d(n):s??String(l??""),raw:n??(o.valueFormat==="object"?a:void 0)}})),y=e=>u.value.some(a=>a.value===e),w=t.ref(""),i=t.ref(!1),I=t.ref(null),N=t.ref(null),L=t.ref(null),p=t.ref(null),W=e=>{if(!e){p.value=null;return}p.value=e.$el??(e instanceof HTMLElement?e:null)},A=t.ref({}),m=t.ref("bottom"),J=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),Q={opacity:1,scale:1,y:0},X=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),Y={duration:.2,ease:"easeOut"},ee=t.computed(()=>({...A.value,transformOrigin:m.value==="bottom"?"top center":"bottom center"})),te={opacity:0,scale:.8},ae={opacity:1,scale:1},le={opacity:0,scale:.8},oe={duration:.2,ease:"easeOut"},ne=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),M=()=>{o.disabled||(i.value=!0)},k=()=>{if(!i.value)return;const e=L.value,a=p.value;if(!e||!a)return;const l=e.getBoundingClientRect(),n=a.offsetHeight||o.popperMaxHeight,B=window.innerHeight-l.bottom-o.popperOffset,pe=l.top-o.popperOffset,R=B>=n||B>=pe?"bottom":"top";m.value=R;const fe=R==="bottom"?l.bottom+o.popperOffset:l.top-n-o.popperOffset;A.value={position:"fixed",top:`${fe}px`,left:`${l.left}px`,width:`${l.width}px`,zIndex:String(o.popperZIndex)}};let f=null;const g=()=>{i.value&&(f&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{f=null,k()}))};let b=null;const re=()=>{typeof ResizeObserver>"u"||!p.value||(b?.disconnect(),b=new ResizeObserver(()=>g()),b.observe(p.value))},z=()=>{b?.disconnect(),b=null};t.watch(i,async e=>{if(!e){z();return}await t.nextTick(),k(),requestAnimationFrame(k),re()});const O=e=>{if(!i.value)return;const a=e.target;N.value?.contains(a)||p.value?.contains(a)||(i.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",O,!0),window.addEventListener("scroll",g,!0),window.addEventListener("resize",g)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",O,!0),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",g),f&&cancelAnimationFrame(f),z()});const ue=e=>{i.value=!0,I.value?.filter(e),t.nextTick(k)},ie=(e,a)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,a):String(d(a)??"").toLowerCase().includes(String(e).toLowerCase()):!0,se=(e,a)=>{if(r("node-click",e),!c(e)){a&&(a.expanded=!a.expanded);return}_(e),i.value=!1},de=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,_=e=>{const a=v(e);if(a==null||a==="")return;if(y(a)){const s={value:a,label:d(e),raw:e};r("duplicate",s),o.duplicateMessage&&F.ElMessage.warning(o.duplicateMessage);return}const l={value:a,label:d(e),raw:e},n=[...o.modelValue||[],de(l)];r("update:modelValue",n),r("add",l),r("change",n,[...u.value,l]),o.clearInputAfterSelect&&(w.value="")},ce=()=>{if(!o.enterToAdd)return;const e=(w.value||"").trim();if(!e)return;let a=null;for(const l of C.value.values())if(d(l)===e){a=l;break}if(!a){r("not-found",e),o.notFoundMessage&&F.ElMessage.warning(o.notFoundMessage);return}_(a)},V=e=>{if(e<0||e>=u.value.length)return;const a=u.value[e],l=[...o.modelValue||[]];l.splice(e,1),r("update:modelValue",l),a&&r("remove",a,e);const n=u.value.filter((s,B)=>B!==e);r("change",l,n)};return $({open:M,close:()=>i.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const a=C.value.get(e);a&&_(a)},removeByIndex:e=>{V(e)},removeByValue:e=>{const a=u.value.findIndex(l=>l.value===e);a>-1&&V(a)},getSelectedItems:()=>u.value}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:N},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:L,style:t.normalizeStyle({width:ne.value})},[t.createVNode(t.unref(ve.default),{modelValue:w.value,"onUpdate:modelValue":a[0]||(a[0]=l=>w.value=l),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,block:"",class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:ue,onKeyup:t.withKeys(ce,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.unref(x.AnimatePresence),null,{default:t.withCtx(()=>[i.value?(t.openBlock(),t.createBlock(t.unref(x.motion).div,{key:0,ref:W,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${m.value}`]),style:t.normalizeStyle(ee.value),initial:J.value,animate:Q,exit:X.value,transition:Y,onMousedown:a[1]||(a[1]=t.withModifiers(()=>{},["prevent"]))},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(F.ElTree),{ref_key:"treeRef",ref:I,data:e.data,props:q.value,"node-key":e.nodeKey,"filter-node-method":ie,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:se},{default:t.withCtx(l=>[t.renderSlot(e.$slots,"tree-node",{data:l?.data,node:l?.node,selectable:c(l?.data),selected:y(v(l?.data))},()=>[l?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":c(l.data),"is-selected":c(l.data)&&y(v(l.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:l.data,selectable:c(l.data),selected:y(v(l.data))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(d(l.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)]),_:3},8,["class","style","initial","exit"])):t.createCommentVNode("",!0)]),_:3})])),u.value.length?(t.openBlock(),t.createElementBlock("div",be,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:V},()=>[t.createVNode(t.unref(x.AnimatePresence),{mode:"popLayout"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,(l,n)=>(t.openBlock(),t.createBlock(t.unref(x.motion).div,{key:l.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:te,animate:ae,exit:le,transition:oe},{default:t.withCtx(()=>[t.createVNode(t.unref(me.default),{class:"g-input-tree-tag__tag",type:e.tagType,variant:e.tagVariant,closable:e.closable&&!e.disabled,onClose:s=>V(n)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:l,index:n},()=>[t.createTextVNode(t.toDisplayString(l.label),1)],!0)]),_:2},1032,["type","variant","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):t.createCommentVNode("",!0)],512)],2))}}),h=ge._export_sfc(he,[["__scopeId","data-v-e10d8b6e"]]);h.install=E=>{E.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),ve=require("../GInput/index.js"),me=require("../GTag/index.js"),ge=require("../GTree/index.js"),O=require("element-plus"),E=require("motion-v"),be=require("../GBubble-Dph0YDkU.js"),he={key:0,class:"g-input-tree-tag__tags"},ye=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},echoProps:{},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"primary"},tagVariant:{default:"filled"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(x,{expose:R,emit:$}){const a=x,r=$,H=t.computed(()=>({label:a.props.label||"label",children:a.props.children||"children",disabled:a.props.disabled})),q=t.computed(()=>a.props.value||a.nodeKey||"id"),G=t.computed(()=>a.props.label||"label"),j=t.computed(()=>a.props.children||"children"),S=t.computed(()=>a.props.isLeaf),K=t.computed(()=>a.echoProps?.value||"value"),U=t.computed(()=>a.echoProps?.label||"label"),v=e=>e?e[q.value]:void 0,c=e=>e?e[G.value]:"",F=e=>e?e[j.value]:void 0,Z=e=>e?.[K.value]??e?.value,W=e=>e?.[U.value]??e?.label,d=e=>{if(!e)return!1;if(typeof a.selectable=="function")return a.selectable(e);if(S.value&&e[S.value]!==void 0)return!!e[S.value];const l=F(e);return!l||!l.length},C=t.computed(()=>{const e=new Map,l=(o=[])=>{o.forEach(n=>{d(n)&&e.set(v(n),n);const s=F(n);s?.length&&l(s)})};return l(a.data||[]),e}),u=t.computed(()=>(a.modelValue||[]).map(l=>{const o=a.valueFormat==="object"?Z(l):l,n=C.value.get(o),s=a.valueFormat==="object"?W(l):void 0;return{value:o,label:n?c(n):s??String(o??""),raw:n??(a.valueFormat==="object"?l:void 0)}})),y=e=>u.value.some(l=>l.value===e),w=t.ref(""),i=t.ref(!1),T=t.ref(null),I=t.ref(null),N=t.ref(null),p=t.ref(null),J=e=>{if(!e){p.value=null;return}p.value=e.$el??(e instanceof HTMLElement?e:null)},L=t.ref({}),m=t.ref("bottom"),Q=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),X={opacity:1,scale:1,y:0},Y=t.computed(()=>({opacity:0,scale:.95,y:m.value==="bottom"?-8:8})),D={duration:.2,ease:"easeOut"},ee=t.computed(()=>({...L.value,transformOrigin:m.value==="bottom"?"top center":"bottom center"})),te={opacity:0,scale:.8},le={opacity:1,scale:1},oe={opacity:0,scale:.8},ae={duration:.2,ease:"easeOut"},ne=t.computed(()=>typeof a.width=="number"?`${a.width}px`:a.width),M=()=>{a.disabled||(i.value=!0)},k=()=>{if(!i.value)return;const e=N.value,l=p.value;if(!e||!l)return;const o=e.getBoundingClientRect(),n=l.offsetHeight||a.popperMaxHeight,B=window.innerHeight-o.bottom-a.popperOffset,pe=o.top-a.popperOffset,z=B>=n||B>=pe?"bottom":"top";m.value=z;const fe=z==="bottom"?o.bottom+a.popperOffset:o.top-n-a.popperOffset;L.value={position:"fixed",top:`${fe}px`,left:`${o.left}px`,width:`${o.width}px`,zIndex:String(a.popperZIndex)}};let f=null;const g=()=>{i.value&&(f&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{f=null,k()}))};let b=null;const re=()=>{typeof ResizeObserver>"u"||!p.value||(b?.disconnect(),b=new ResizeObserver(()=>g()),b.observe(p.value))},P=()=>{b?.disconnect(),b=null};t.watch(i,async e=>{if(!e){P();return}await t.nextTick(),k(),requestAnimationFrame(k),re()});const A=e=>{if(!i.value)return;const l=e.target;I.value?.contains(l)||p.value?.contains(l)||(i.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",A,!0),window.addEventListener("scroll",g,!0),window.addEventListener("resize",g)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",A,!0),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",g),f&&cancelAnimationFrame(f),P()});const se=e=>{i.value=!0,T.value?.filter(e),t.nextTick(k)},ue=(e,l)=>e?typeof a.filterMethod=="function"?a.filterMethod(e,l):String(c(l)??"").toLowerCase().includes(String(e).toLowerCase()):!0,ie=e=>{r("node-click",e),d(e)&&(_(e),i.value=!1)},ce=e=>a.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,_=e=>{const l=v(e);if(l==null||l==="")return;if(y(l)){const s={value:l,label:c(e),raw:e};r("duplicate",s),a.duplicateMessage&&O.ElMessage.warning(a.duplicateMessage);return}const o={value:l,label:c(e),raw:e},n=[...a.modelValue||[],ce(o)];r("update:modelValue",n),r("add",o),r("change",n,[...u.value,o]),a.clearInputAfterSelect&&(w.value="")},de=()=>{if(!a.enterToAdd)return;const e=(w.value||"").trim();if(!e)return;let l=null;for(const o of C.value.values())if(c(o)===e){l=o;break}if(!l){r("not-found",e),a.notFoundMessage&&O.ElMessage.warning(a.notFoundMessage);return}_(l)},V=e=>{if(e<0||e>=u.value.length)return;const l=u.value[e],o=[...a.modelValue||[]];o.splice(e,1),r("update:modelValue",o),l&&r("remove",l,e);const n=u.value.filter((s,B)=>B!==e);r("change",o,n)};return R({open:M,close:()=>i.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const l=C.value.get(e);l&&_(l)},removeByIndex:e=>{V(e)},removeByValue:e=>{const l=u.value.findIndex(o=>o.value===e);l>-1&&V(l)},getSelectedItems:()=>u.value}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:I},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:N,style:t.normalizeStyle({width:ne.value})},[t.createVNode(t.unref(ve.default),{modelValue:w.value,"onUpdate:modelValue":l[0]||(l[0]=o=>w.value=o),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,block:"",class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:se,onKeyup:t.withKeys(de,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.unref(E.AnimatePresence),null,{default:t.withCtx(()=>[i.value?(t.openBlock(),t.createBlock(t.unref(E.motion).div,{key:0,ref:J,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${m.value}`]),style:t.normalizeStyle(ee.value),initial:Q.value,animate:X,exit:Y.value,transition:D,onMousedown:l[1]||(l[1]=t.withModifiers(()=>{},["prevent"]))},{default:t.withCtx(()=>[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(ge.default),{ref_key:"treeRef",ref:T,data:e.data,props:H.value,"node-key":e.nodeKey,"filter-method":ue,"default-expand-all":e.defaultExpandAll,"highlight-current":!1,onNodeClick:ie},{default:t.withCtx(({data:o,level:n,expanded:s})=>[t.renderSlot(e.$slots,"tree-node",{data:o,node:{level:n,expanded:s},selectable:d(o),selected:y(v(o))},()=>[o?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":d(o),"is-selected":d(o)&&y(v(o))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:o,selectable:d(o),selected:y(v(o))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(c(o)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)]),_:3},8,["class","style","initial","exit"])):t.createCommentVNode("",!0)]),_:3})])),u.value.length?(t.openBlock(),t.createElementBlock("div",he,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:V},()=>[t.createVNode(t.unref(E.AnimatePresence),{mode:"popLayout"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,(o,n)=>(t.openBlock(),t.createBlock(t.unref(E.motion).div,{key:o.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:te,animate:le,exit:oe,transition:ae},{default:t.withCtx(()=>[t.createVNode(t.unref(me.default),{class:"g-input-tree-tag__tag",type:e.tagType,variant:e.tagVariant,closable:e.closable&&!e.disabled,onClose:s=>V(n)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:o,index:n},()=>[t.createTextVNode(t.toDisplayString(o.label),1)],!0)]),_:2},1032,["type","variant","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):t.createCommentVNode("",!0)],512)],2))}}),h=be._export_sfc(ye,[["__scopeId","data-v-4e5882e3"]]);h.install=x=>{x.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;

package/lib/GInputTreeTag/index.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as Le, computed as n, ref as d, watch as Se, nextTick as W, onMounted as Te, onBeforeUnmount as Ae, createElementBlock as M, openBlock as c, normalizeClass as O, createElementVNode as R, createBlock as $, createCommentVNode as z, normalizeStyle as H, createVNode as V, unref as p, withKeys as Ce, Teleport as Oe, withCtx as b, withModifiers as Re, renderSlot as B, createTextVNode as J, toDisplayString as Q, Fragment as $e, renderList as ze } from "vue";
-import He from "../GInput/index.mjs";
-import Ne from "../GTag/index.mjs";
-import { ElTree as Ke, ElMessage as X } from "element-plus";
-import { AnimatePresence as Y, motion as ee } from "motion-v";
-import { _ as je } from "../GBubble-C3cM9Put.mjs";
-const Ge = {
+import { defineComponent as Le, computed as n, ref as p, watch as Se, nextTick as J, onMounted as Te, onBeforeUnmount as Ae, createElementBlock as M, openBlock as d, normalizeClass as P, createElementVNode as O, createBlock as R, createCommentVNode as N, normalizeStyle as $, createVNode as V, unref as c, withKeys as Ce, Teleport as Pe, withCtx as b, withModifiers as Oe, renderSlot as B, createTextVNode as Q, toDisplayString as X, Fragment as Re, renderList as Ne } from "vue";
+import $e from "../GInput/index.mjs";
+import ze from "../GTag/index.mjs";
+import He from "../GTree/index.mjs";
+import { ElMessage as Y } from "element-plus";
+import { AnimatePresence as D, motion as ee } from "motion-v";
+import { _ as Ke } from "../GBubble-C3cM9Put.mjs";
+const je = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, Ue = /* @__PURE__ */ Le({
+}, Ge = /* @__PURE__ */ Le({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
@@ -35,40 +36,40 @@ const Ge = {
     notFoundMessage: { default: "未找到匹配项" }
   },
   emits: ["update:modelValue", "change", "add", "remove", "node-click", "duplicate", "not-found"],
-  setup(L, { expose: te, emit: ae }) {
-    const l = L, r = ae, le = n(() => ({
-      label: l.props.label || "label",
-      children: l.props.children || "children",
-      disabled: l.props.disabled
-    })), oe = n(() => l.props.value || l.nodeKey || "id"), ne = n(() => l.props.label || "label"), re = n(() => l.props.children || "children"), S = n(() => l.props.isLeaf), ie = n(() => l.echoProps?.value || "value"), se = n(() => l.echoProps?.label || "label"), h = (e) => e ? e[oe.value] : void 0, f = (e) => e ? e[ne.value] : "", K = (e) => e ? e[re.value] : void 0, ue = (e) => e?.[ie.value] ?? e?.value, de = (e) => e?.[se.value] ?? e?.label, v = (e) => {
+  setup(L, { expose: te, emit: le }) {
+    const a = L, r = le, ae = n(() => ({
+      label: a.props.label || "label",
+      children: a.props.children || "children",
+      disabled: a.props.disabled
+    })), oe = n(() => a.props.value || a.nodeKey || "id"), ne = n(() => a.props.label || "label"), re = n(() => a.props.children || "children"), S = n(() => a.props.isLeaf), se = n(() => a.echoProps?.value || "value"), ie = n(() => a.echoProps?.label || "label"), h = (e) => e ? e[oe.value] : void 0, f = (e) => e ? e[ne.value] : "", H = (e) => e ? e[re.value] : void 0, ue = (e) => e?.[se.value] ?? e?.value, pe = (e) => e?.[ie.value] ?? e?.label, v = (e) => {
       if (!e) return !1;
-      if (typeof l.selectable == "function") return l.selectable(e);
+      if (typeof a.selectable == "function") return a.selectable(e);
       if (S.value && e[S.value] !== void 0) return !!e[S.value];
-      const t = K(e);
+      const t = H(e);
       return !t || !t.length;
     }, T = n(() => {
-      const e = /* @__PURE__ */ new Map(), t = (a = []) => {
-        a.forEach((o) => {
+      const e = /* @__PURE__ */ new Map(), t = (l = []) => {
+        l.forEach((o) => {
           v(o) && e.set(h(o), o);
-          const u = K(o);
-          u?.length && t(u);
+          const s = H(o);
+          s?.length && t(s);
         });
       };
-      return t(l.data || []), e;
-    }), i = n(() => (l.modelValue || []).map((t) => {
-      const a = l.valueFormat === "object" ? ue(t) : t, o = T.value.get(a), u = l.valueFormat === "object" ? de(t) : void 0;
+      return t(a.data || []), e;
+    }), i = n(() => (a.modelValue || []).map((t) => {
+      const l = a.valueFormat === "object" ? ue(t) : t, o = T.value.get(l), s = a.valueFormat === "object" ? pe(t) : void 0;
       return {
-        value: a,
-        label: o ? f(o) : u ?? String(a ?? ""),
-        raw: o ?? (l.valueFormat === "object" ? t : void 0)
+        value: l,
+        label: o ? f(o) : s ?? String(l ?? ""),
+        raw: o ?? (a.valueFormat === "object" ? t : void 0)
       };
-    })), x = (e) => i.value.some((t) => t.value === e), E = d(""), s = d(!1), j = d(null), G = d(null), U = d(null), m = d(null), ce = (e) => {
+    })), E = (e) => i.value.some((t) => t.value === e), F = p(""), u = p(!1), K = p(null), j = p(null), G = p(null), m = p(null), de = (e) => {
       if (!e) {
         m.value = null;
         return;
       }
       m.value = e.$el ?? (e instanceof HTMLElement ? e : null);
-    }, q = d({}), y = d("bottom"), pe = n(() => ({
+    }, U = p({}), y = p("bottom"), ce = n(() => ({
       opacity: 0,
       scale: 0.95,
       y: y.value === "bottom" ? -8 : 8
@@ -77,101 +78,97 @@ const Ge = {
       scale: 0.95,
       y: y.value === "bottom" ? -8 : 8
     })), me = { duration: 0.2, ease: "easeOut" }, ge = n(() => ({
-      ...q.value,
+      ...U.value,
       transformOrigin: y.value === "bottom" ? "top center" : "bottom center"
     })), be = { opacity: 0, scale: 0.8 }, he = { opacity: 1, scale: 1 }, ye = { opacity: 0, scale: 0.8 }, we = { duration: 0.2, ease: "easeOut" }, ke = n(
-      () => typeof l.width == "number" ? `${l.width}px` : l.width
+      () => typeof a.width == "number" ? `${a.width}px` : a.width
     ), A = () => {
-      l.disabled || (s.value = !0);
-    }, F = () => {
-      if (!s.value) return;
-      const e = U.value, t = m.value;
+      a.disabled || (u.value = !0);
+    }, _ = () => {
+      if (!u.value) return;
+      const e = G.value, t = m.value;
       if (!e || !t) return;
-      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, I = window.innerHeight - a.bottom - l.popperOffset, Me = a.top - l.popperOffset, D = I >= o || I >= Me ? "bottom" : "top";
-      y.value = D;
-      const Be = D === "bottom" ? a.bottom + l.popperOffset : a.top - o - l.popperOffset;
-      q.value = {
+      const l = e.getBoundingClientRect(), o = t.offsetHeight || a.popperMaxHeight, I = window.innerHeight - l.bottom - a.popperOffset, Me = l.top - a.popperOffset, W = I >= o || I >= Me ? "bottom" : "top";
+      y.value = W;
+      const Be = W === "bottom" ? l.bottom + a.popperOffset : l.top - o - a.popperOffset;
+      U.value = {
         position: "fixed",
         top: `${Be}px`,
-        left: `${a.left}px`,
-        width: `${a.width}px`,
-        zIndex: String(l.popperZIndex)
+        left: `${l.left}px`,
+        width: `${l.width}px`,
+        zIndex: String(a.popperZIndex)
       };
     };
     let g = null;
     const w = () => {
-      s.value && (g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-        g = null, F();
+      u.value && (g && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+        g = null, _();
       }));
     };
     let k = null;
     const Ve = () => {
       typeof ResizeObserver > "u" || !m.value || (k?.disconnect(), k = new ResizeObserver(() => w()), k.observe(m.value));
-    }, P = () => {
+    }, q = () => {
       k?.disconnect(), k = null;
     };
-    Se(s, async (e) => {
+    Se(u, async (e) => {
       if (!e) {
-        P();
+        q();
         return;
       }
-      await W(), F(), requestAnimationFrame(F), Ve();
+      await J(), _(), requestAnimationFrame(_), Ve();
     });
     const Z = (e) => {
-      if (!s.value) return;
+      if (!u.value) return;
       const t = e.target;
-      G.value?.contains(t) || m.value?.contains(t) || (s.value = !1);
+      j.value?.contains(t) || m.value?.contains(t) || (u.value = !1);
     };
     Te(() => {
       document.addEventListener("mousedown", Z, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
     }), Ae(() => {
-      document.removeEventListener("mousedown", Z, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), g && cancelAnimationFrame(g), P();
+      document.removeEventListener("mousedown", Z, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), g && cancelAnimationFrame(g), q();
     });
-    const xe = (e) => {
-      s.value = !0, j.value?.filter(e), W(F);
-    }, Ee = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, Fe = (e, t) => {
-      if (r("node-click", e), !v(e)) {
-        t && (t.expanded = !t.expanded);
-        return;
-      }
-      C(e), s.value = !1;
-    }, _e = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
+    const Ee = (e) => {
+      u.value = !0, K.value?.filter(e), J(_);
+    }, Fe = (e, t) => e ? typeof a.filterMethod == "function" ? a.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, _e = (e) => {
+      r("node-click", e), v(e) && (C(e), u.value = !1);
+    }, xe = (e) => a.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
       const t = h(e);
       if (t == null || t === "") return;
-      if (x(t)) {
-        const u = { value: t, label: f(e), raw: e };
-        r("duplicate", u), l.duplicateMessage && X.warning(l.duplicateMessage);
+      if (E(t)) {
+        const s = { value: t, label: f(e), raw: e };
+        r("duplicate", s), a.duplicateMessage && Y.warning(a.duplicateMessage);
         return;
       }
-      const a = { value: t, label: f(e), raw: e }, o = [...l.modelValue || [], _e(a)];
-      r("update:modelValue", o), r("add", a), r("change", o, [...i.value, a]), l.clearInputAfterSelect && (E.value = "");
+      const l = { value: t, label: f(e), raw: e }, o = [...a.modelValue || [], xe(l)];
+      r("update:modelValue", o), r("add", l), r("change", o, [...i.value, l]), a.clearInputAfterSelect && (F.value = "");
     }, Ie = () => {
-      if (!l.enterToAdd) return;
-      const e = (E.value || "").trim();
+      if (!a.enterToAdd) return;
+      const e = (F.value || "").trim();
       if (!e) return;
       let t = null;
-      for (const a of T.value.values())
-        if (f(a) === e) {
-          t = a;
+      for (const l of T.value.values())
+        if (f(l) === e) {
+          t = l;
           break;
         }
       if (!t) {
-        r("not-found", e), l.notFoundMessage && X.warning(l.notFoundMessage);
+        r("not-found", e), a.notFoundMessage && Y.warning(a.notFoundMessage);
         return;
       }
       C(t);
-    }, _ = (e) => {
+    }, x = (e) => {
       if (e < 0 || e >= i.value.length) return;
-      const t = i.value[e], a = [...l.modelValue || []];
-      a.splice(e, 1), r("update:modelValue", a), t && r("remove", t, e);
-      const o = i.value.filter((u, I) => I !== e);
-      r("change", a, o);
+      const t = i.value[e], l = [...a.modelValue || []];
+      l.splice(e, 1), r("update:modelValue", l), t && r("remove", t, e);
+      const o = i.value.filter((s, I) => I !== e);
+      r("change", l, o);
     };
     return te({
       /** 主动打开下拉面板 */
       open: A,
       /** 主动关闭下拉面板 */
-      close: () => s.value = !1,
+      close: () => u.value = !1,
       /** 清空已选 */
       clear: () => {
         r("update:modelValue", []), r("change", [], []);
@@ -183,32 +180,32 @@ const Ge = {
       },
       /** 根据索引移除，触发与关闭 tag 一致的事件 */
       removeByIndex: (e) => {
-        _(e);
+        x(e);
       },
       /** 根据 value 移除，触发与关闭 tag 一致的事件 */
       removeByValue: (e) => {
-        const t = i.value.findIndex((a) => a.value === e);
-        t > -1 && _(t);
+        const t = i.value.findIndex((l) => l.value === e);
+        t > -1 && x(t);
       },
       /** 获取当前归一化后的已选项 */
       getSelectedItems: () => i.value
-    }), (e, t) => (c(), M("div", {
-      class: O(["g-input-tree-tag", { "is-disabled": e.disabled }])
+    }), (e, t) => (d(), M("div", {
+      class: P(["g-input-tree-tag", { "is-disabled": e.disabled }])
     }, [
-      R("div", {
+      O("div", {
         class: "g-input-tree-tag__wrap",
         ref_key: "wrapRef",
-        ref: G
+        ref: j
       }, [
-        R("div", {
+        O("div", {
           class: "g-input-tree-tag__input-box",
           ref_key: "inputBoxRef",
-          ref: U,
-          style: H({ width: ke.value })
+          ref: G,
+          style: $({ width: ke.value })
         }, [
-          V(p(He), {
-            modelValue: E.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => E.value = a),
+          V(c($e), {
+            modelValue: F.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => F.value = l),
             placeholder: e.placeholder,
             clearable: e.clearable,
             disabled: e.disabled,
@@ -216,65 +213,65 @@ const Ge = {
             class: "g-input-tree-tag__input",
             onFocus: A,
             onClick: A,
-            onInput: xe,
+            onInput: Ee,
             onKeyup: Ce(Ie, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
         ], 4),
-        (c(), $(Oe, { to: "body" }, [
-          V(p(Y), null, {
+        (d(), R(Pe, { to: "body" }, [
+          V(c(D), null, {
             default: b(() => [
-              s.value ? (c(), $(p(ee).div, {
+              u.value ? (d(), R(c(ee).div, {
                 key: 0,
-                ref: ce,
-                class: O(["g-input-tree-tag__popover", `is-${y.value}`]),
-                style: H(ge.value),
-                initial: pe.value,
+                ref: de,
+                class: P(["g-input-tree-tag__popover", `is-${y.value}`]),
+                style: $(ge.value),
+                initial: ce.value,
                 animate: fe,
                 exit: ve.value,
                 transition: me,
-                onMousedown: t[1] || (t[1] = Re(() => {
+                onMousedown: t[1] || (t[1] = Oe(() => {
                 }, ["prevent"]))
               }, {
                 default: b(() => [
-                  R("div", {
+                  O("div", {
                     class: "g-input-tree-tag__tree-wrap",
-                    style: H({ maxHeight: e.popperMaxHeight + "px" })
+                    style: $({ maxHeight: e.popperMaxHeight + "px" })
                   }, [
-                    V(p(Ke), {
+                    V(c(He), {
                       ref_key: "treeRef",
-                      ref: j,
+                      ref: K,
                       data: e.data,
-                      props: le.value,
+                      props: ae.value,
                       "node-key": e.nodeKey,
-                      "filter-node-method": Ee,
-                      "expand-on-click-node": !1,
+                      "filter-method": Fe,
                       "default-expand-all": e.defaultExpandAll,
-                      onNodeClick: Fe
+                      "highlight-current": !1,
+                      onNodeClick: _e
                     }, {
-                      default: b((a) => [
+                      default: b(({ data: l, level: o, expanded: s }) => [
                         B(e.$slots, "tree-node", {
-                          data: a?.data,
-                          node: a?.node,
-                          selectable: v(a?.data),
-                          selected: x(h(a?.data))
+                          data: l,
+                          node: { level: o, expanded: s },
+                          selectable: v(l),
+                          selected: E(h(l))
                         }, () => [
-                          a?.data ? (c(), M("span", {
+                          l ? (d(), M("span", {
                             key: 0,
-                            class: O([
+                            class: P([
                               "g-input-tree-tag__node",
                               {
-                                "is-selectable": v(a.data),
-                                "is-selected": v(a.data) && x(h(a.data))
+                                "is-selectable": v(l),
+                                "is-selected": v(l) && E(h(l))
                               }
                             ])
                           }, [
                             B(e.$slots, "leaf-icon", {
-                              data: a.data,
-                              selectable: v(a.data),
-                              selected: x(h(a.data))
+                              data: l,
+                              selectable: v(l),
+                              selected: E(h(l))
                             }, void 0, !0),
-                            J(" " + Q(f(a.data)), 1)
-                          ], 2)) : z("", !0)
+                            Q(" " + X(f(l)), 1)
+                          ], 2)) : N("", !0)
                         ], !0)
                       ]),
                       _: 3
@@ -282,20 +279,20 @@ const Ge = {
                   ], 4)
                 ]),
                 _: 3
-              }, 8, ["class", "style", "initial", "exit"])) : z("", !0)
+              }, 8, ["class", "style", "initial", "exit"])) : N("", !0)
             ]),
             _: 3
           })
         ])),
-        i.value.length ? (c(), M("div", Ge, [
+        i.value.length ? (d(), M("div", je, [
           B(e.$slots, "tags", {
             items: i.value,
-            remove: _
+            remove: x
           }, () => [
-            V(p(Y), { mode: "popLayout" }, {
+            V(c(D), { mode: "popLayout" }, {
               default: b(() => [
-                (c(!0), M($e, null, ze(i.value, (a, o) => (c(), $(p(ee).div, {
-                  key: a.value,
+                (d(!0), M(Re, null, Ne(i.value, (l, o) => (d(), R(c(ee).div, {
+                  key: l.value,
                   layout: !0,
                   class: "g-input-tree-tag__tag-motion",
                   initial: be,
@@ -304,19 +301,19 @@ const Ge = {
                   transition: we
                 }, {
                   default: b(() => [
-                    V(p(Ne), {
+                    V(c(ze), {
                       class: "g-input-tree-tag__tag",
                       type: e.tagType,
                       variant: e.tagVariant,
                       closable: e.closable && !e.disabled,
-                      onClose: (u) => _(o)
+                      onClose: (s) => x(o)
                     }, {
                       default: b(() => [
                         B(e.$slots, "tag", {
-                          item: a,
+                          item: l,
                           index: o
                         }, () => [
-                          J(Q(a.label), 1)
+                          Q(X(l.label), 1)
                         ], !0)
                       ]),
                       _: 2
@@ -328,15 +325,15 @@ const Ge = {
               _: 3
             })
           ], !0)
-        ])) : z("", !0)
+        ])) : N("", !0)
       ], 512)
     ], 2));
   }
-}), N = /* @__PURE__ */ je(Ue, [["__scopeId", "data-v-e10d8b6e"]]);
-N.install = (L) => {
-  L.component(N.name, N);
+}), z = /* @__PURE__ */ Ke(Ge, [["__scopeId", "data-v-4e5882e3"]]);
+z.install = (L) => {
+  L.component(z.name, z);
 };
 export {
-  N as GInputTreeTag,
-  N as default
+  z as GInputTreeTag,
+  z as default
 };

package/lib/GInputTreeTag/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-input-tree-tag[data-v-e10d8b6e]{width:100%}.g-input-tree-tag__wrap[data-v-e10d8b6e]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-e10d8b6e]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag-motion[data-v-e10d8b6e]{display:inline-flex}.g-input-tree-tag__tag[data-v-e10d8b6e]{margin:0}.g-input-tree-tag.is-disabled[data-v-e10d8b6e]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected{color:var(--el-color-primary)}
+@charset "UTF-8";.g-input-tree-tag[data-v-4e5882e3]{width:100%}.g-input-tree-tag__wrap[data-v-4e5882e3]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-4e5882e3]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag-motion[data-v-4e5882e3]{display:inline-flex}.g-input-tree-tag__tag[data-v-4e5882e3]{margin:0}.g-input-tree-tag.is-disabled[data-v-4e5882e3]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected{color:var(--el-color-primary)}