geekin-devtoys 0.3.8 → 0.3.10

package/lib/GDialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Q=require("../AnimatePresence-26Wy0TGN.js"),ee=require("../index-B8Ap0044.js"),R=require("../_plugin-vue_export-helper-BHFhmbuH.js"),B=require("../index-Q0Ej8RIj.js"),L=Symbol("GDialogManager"),I={small:"380px",medium:"480px",large:"580px"},E={ICON_WIDTH:92,ICON_HEIGHT:34,GAP:8,BOTTOM_OFFSET:18,RIGHT_OFFSET:18,MAX_PER_ROW:8};function te(s){const f=new Map,{ICON_WIDTH:l,ICON_HEIGHT:r,GAP:p,BOTTOM_OFFSET:a,RIGHT_OFFSET:o,MAX_PER_ROW:c}=E;return s.forEach((d,u)=>{const i=Math.floor(u/c),n=u%c;f.set(d,{right:o+n*(l+p),bottom:a+i*(r+p)})}),f}function oe(){const s=e.reactive(new Map),f=e.computed(()=>{const i=[];return s.forEach(n=>{n.isMinimized&&i.push(n.id)}),i}),l=e.computed(()=>te(f.value));function r(i){s.set(i.id,{attentionTick:0,...i})}function p(i){s.delete(i)}function a(i){const n=s.get(i);if(n){if(n.isMinimized){n.attentionTick=(n.attentionTick??0)+1;return}n.isMinimized=!0}}function o(i){const n=s.get(i);n?.isMinimized&&(n.attentionTick=(n.attentionTick??0)+1)}function c(i){const n=s.get(i);n&&(n.isMinimized=!1)}function d(i){return e.computed(()=>l.value.get(i)??{right:E.RIGHT_OFFSET,bottom:E.BOTTOM_OFFSET})}const u=e.computed(()=>f.value.map(i=>s.get(i)).filter(Boolean));return{dialogs:s,register:r,unregister:p,minimize:a,remindMinimized:o,restore:c,getPosition:d,minimizedList:u}}function F(){return e.inject(L,null)}const b={viewBox:"0 0 1024 1024",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em"},H=()=>e.h("svg",b,[e.h("path",{d:"M874.666667 512a362.666667 362.666667 0 1 0-362.666667 362.666667V938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667v-64a362.666667 362.666667 0 0 0 362.666667-362.666667z"}),e.h("path",{d:"M318.72 318.72a32 32 0 0 1 45.226667 0l341.333333 341.333333a32 32 0 1 1-45.226667 45.226667l-341.333333-341.333333a32 32 0 0 1 0-45.226667z"}),e.h("path",{d:"M705.28 318.72a32 32 0 0 0-45.226667 0l-341.333333 341.333333a32 32 0 1 0 45.226667 45.226667l341.333333-341.333333a32 32 0 0 0 0-45.226667z"})]),P=()=>e.h("svg",b,[e.h("path",{d:"M661.333333 309.333333a266.666667 266.666667 0 1 1 0 533.333334H170.666667a32 32 0 0 1 0-64h490.666666a202.666667 202.666667 0 1 0 0-405.333334H170.666667a32 32 0 0 1 0-64h490.666666z"}),e.h("path",{d:"M98.133333 348.714667a8.533333 8.533333 0 0 1 0-14.762667l166.4-96.085333a8.533333 8.533333 0 0 1 12.8 7.381333v192.170667a8.533333 8.533333 0 0 1-12.8 7.381333L98.133333 348.714667z"})]),$=()=>e.h("svg",b,[e.h("path",{d:"M874.666667 512a362.666667 362.666667 0 1 0-362.666667 362.666667V938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667v-64a362.666667 362.666667 0 0 0 362.666667-362.666667z"}),e.h("path",{d:"M685.653333 361.386667a32 32 0 1 1 45.226667 45.226666l-249.472 249.514667a40.533333 40.533333 0 0 1-59.434667-2.304l-122.026666-142.336a32 32 0 0 1 48.64-41.642667l105.472 123.050667L685.653333 361.386667z"})]),q=()=>e.h("svg",b,[e.h("path",{d:"M130.133333 746.666667v-469.333334A138.666667 138.666667 0 0 1 268.8 138.666667h362.666667a32 32 0 0 1 0 64H268.8A74.666667 74.666667 0 0 0 194.133333 277.333333v469.333334c0 41.216 33.450667 74.666667 74.666667 74.666666h362.666667a32 32 0 0 1 0 64H268.8a138.666667 138.666667 0 0 1-138.666667-138.666666z"}),e.h("path",{d:"M635.562667 738.304a32.042667 32.042667 0 0 0 45.312 0l203.605333-203.690667a32 32 0 0 0 0-45.226666l-203.605333-203.690667a32.042667 32.042667 0 0 0-45.312 45.312l149.077333 148.992H477.866667a32 32 0 0 0 0 64h306.773333l-149.077333 148.992a32.042667 32.042667 0 0 0 0 45.312z"})]),ie={class:"g-dialog-pro-minimized-icon__icon","aria-hidden":"true"},ne={class:"g-dialog-pro-minimized-icon__title"},ae=e.defineComponent({name:"GDialogMinimizedIcon",__name:"GDialogMinimizedIcon",props:{title:{},position:{},attentionTick:{default:0}},emits:["restore"],setup(s,{emit:f}){const l=s,r=f,p=e.computed(()=>l.title||"弹窗"),a=e.computed(()=>`恢复 ${p.value}`),o={opacity:0,scale:.8,x:-24,y:12},c={opacity:1,scale:1,x:0,y:0},d={opacity:0,scale:.8,x:-24,y:12},u={duration:.28,ease:[.2,.8,.2,1]},i={scale:1.04,y:-2},n={scale:.98},y=e.computed(()=>({position:"fixed",right:`${l.position.right}px`,bottom:`${l.position.bottom}px`})),v=e.ref(!1);let k;e.watch(()=>l.attentionTick,(M,g)=>{g===void 0||M===g||(v.value=!1,window.clearTimeout(k),window.requestAnimationFrame(()=>{v.value=!0,k=window.setTimeout(()=>{v.value=!1},580)}))}),e.onUnmounted(()=>{window.clearTimeout(k)});function w(){r("restore")}return(M,g)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(ee.motion).div,{class:e.normalizeClass(["g-dialog-pro-minimized-icon",{"is-attention":v.value}]),type:"button",style:e.normalizeStyle(y.value),title:a.value,"aria-label":a.value,initial:o,animate:c,exit:d,transition:u,"while-hover":i,"while-press":n,onClick:w},{default:e.withCtx(()=>[g[0]||(g[0]=e.createElementVNode("span",{class:"g-dialog-pro-minimized-icon__glow","aria-hidden":"true"},null,-1)),g[1]||(g[1]=e.createElementVNode("span",{class:"g-dialog-pro-minimized-icon__wave","aria-hidden":"true"},null,-1)),e.createElementVNode("span",ie,[e.createVNode(e.unref(q))]),e.createElementVNode("span",ne,e.toDisplayString(p.value),1)]),_:1,__:[0,1]},8,["class","style","title","aria-label"])]))}}),V=R._export_sfc(ae,[["__scopeId","data-v-e7d8c859"]]),le={class:"g-dialog-pro-header"},se={class:"g-dialog-pro-title"},re={class:"g-dialog-pro-operation-container","aria-label":"弹窗操作"},ce=["aria-label","title"],de={class:"g-dialog-pro-body"},ue={key:0,class:"g-dialog-pro-footer"},me={class:"g-dialog-pro-actions"},x="关闭",fe=e.defineComponent({name:"GDialog",inheritAttrs:!1,__name:"index",props:{title:{default:""},size:{default:"medium"},modelValue:{type:Boolean},hideFooter:{type:Boolean,default:!1},actions:{},showCancel:{type:Boolean,default:!0},showReset:{type:Boolean,default:!0},showSave:{type:Boolean,default:!0},cancelText:{default:"取消"},resetText:{default:"重置"},saveText:{default:"保存"},saveLoading:{type:Boolean,default:!1},saveDisabled:{type:Boolean,default:!1},beforeClose:{}},emits:["cancel","reset","save","minimize","action","update:modelValue"],setup(s,{emit:f}){const l=s,r=f,p=e.computed(()=>l.modelValue),a=e.useId?e.useId():`g-dialog-pro-${Date.now()}-${Math.random().toString(36).slice(2)}`,o=F(),c=e.ref(!1),d=e.ref(!0),u=e.ref(0),i=e.ref(!1),n=e.ref(!1),y=e.ref(!1),v=e.computed(()=>o?o.dialogs.get(a)?.isMinimized??!1:c.value),k=e.computed(()=>o?o.dialogs.get(a)?.attentionTick??0:u.value),w=e.computed(()=>o?!n.value:d.value),M=e.computed(()=>o?o.getPosition(a).value:{right:20,bottom:20});e.onMounted(()=>{o?.register({id:a,title:l.title,isMinimized:!1}),document.addEventListener("keydown",S)}),e.onUnmounted(()=>{o?.unregister(a),document.removeEventListener("keydown",S)}),e.watch(()=>l.title,t=>{if(o){const h=o.dialogs.get(a);h&&(h.title=t)}}),e.watch(()=>l.modelValue,t=>{if(t===!1){if(i.value)return;o?(o.restore(a),n.value=!1):(d.value=!0,c.value=!1)}t===!0&&(o?.dialogs.get(a)?.isMinimized?o.remindMinimized(a):c.value&&(u.value+=1))});const g=e.computed(()=>Object.prototype.hasOwnProperty.call(I,l.size)?I[l.size]:l.size),W=e.computed(()=>z.value?{}:{width:g.value});async function _(t){if(!l.beforeClose)return!0;try{return await l.beforeClose(t)!==!1}catch{return!1}}async function T(){await _("close")&&r("update:modelValue",!1)}function U(){T()}function S(t){t.key==="Escape"&&(!l.modelValue||!w.value||v.value||(t.stopPropagation(),T()))}async function D(){await _("cancel")&&r("cancel")}function O(){r("reset")}async function A(){await _("save")&&r("save")}const N=e.reactive({});async function Y(t){if(await _("action")&&(r("action",t.key),!!t.onClick))try{const h=t.onClick();h instanceof Promise&&(N[t.key]=!0,await h)}finally{N[t.key]=!1}}const z=e.ref(!1),Z=()=>{z.value=!z.value},G=e.computed(()=>z.value?"退出全屏":"全屏"),j=async()=>{if(!await _("minimize"))return;if(o?o.dialogs.get(a)?.isMinimized??!1:c.value){o?o.minimize(a):u.value+=1,r("minimize",{id:a});return}i.value=!0,o?o.minimize(a):c.value=!0,r("update:modelValue",!1),r("minimize",{id:a})},K=()=>{y.value=!0,i.value=!1,o?(n.value=!1,o.restore(a)):(d.value=!0,c.value=!1),r("update:modelValue",!0)},X=()=>{i.value&&(o?n.value=!0:d.value=!1,i.value=!1)},J=()=>{y.value=!1};return(t,h)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"g-dialog-pro-fade",onAfterEnter:J,onAfterLeave:X},{default:e.withCtx(()=>[w.value&&p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"g-dialog-pro-overlay",onClick:e.withModifiers(U,["self"])},[e.createElementVNode("div",e.mergeProps(t.$attrs,{class:["g-dialog-pro",{"is-fullscreen":z.value,"is-leave-to-minimize":i.value,"is-enter-from-minimize":y.value}],style:W.value,role:"dialog","aria-modal":"true"}),[e.createElementVNode("header",le,[e.createElementVNode("p",se,e.toDisplayString(t.title),1),e.createElementVNode("div",re,[e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--minimize","aria-label":"最小化",title:"最小化",onClick:j}),e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--fullscreen","aria-label":G.value,title:G.value,onClick:Z},null,8,ce),e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--close","aria-label":x,title:x,onClick:T})])]),e.createElementVNode("div",de,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.hideFooter?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("footer",ue,[e.renderSlot(t.$slots,"footer",{cancel:D,reset:O,save:A,close:T,loading:t.saveLoading},()=>[e.createElementVNode("div",me,[t.actions&&t.actions.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.actions,m=>(e.openBlock(),e.createBlock(B.GButton,{key:m.key,type:m.type,danger:m.danger,loading:m.loading||N[m.key],disabled:m.disabled,size:"small",onClick:pe=>Y(m)},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(m.label),1)]),_:2},[m.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.icon)))]),key:"0"}:void 0]),1032,["type","danger","loading","disabled","onClick"]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.showCancel?(e.openBlock(),e.createBlock(B.GButton,{key:0,size:"small",onClick:D},{icon:e.withCtx(()=>[e.createVNode(e.unref(H))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.cancelText),1)]),_:1})):e.createCommentVNode("",!0),t.showReset?(e.openBlock(),e.createBlock(B.GButton,{key:1,size:"small",onClick:O},{icon:e.withCtx(()=>[e.createVNode(e.unref(P))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.resetText),1)]),_:1})):e.createCommentVNode("",!0),t.showSave?(e.openBlock(),e.createBlock(B.GButton,{key:2,type:"primary",loading:t.saveLoading,disabled:t.saveDisabled,size:"small",onClick:A},{icon:e.withCtx(()=>[e.createVNode(e.unref($))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.saveText),1)]),_:1},8,["loading","disabled"])):e.createCommentVNode("",!0)],64)),e.renderSlot(t.$slots,"moreOperations",{},void 0,!0)])],!0)]))],16)])):e.createCommentVNode("",!0)]),_:3}),e.createVNode(e.unref(Q.AnimatePresence_default),null,{default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(V,{key:0,title:t.title,position:M.value,"attention-tick":k.value,onRestore:K},null,8,["title","position","attention-tick"])):e.createCommentVNode("",!0)]),_:1})]))}}),C=R._export_sfc(fe,[["__scopeId","data-v-5e0eed3b"]]);C.install=s=>{s.component(C.name,C),s.component(V.name,V)};exports.ChatDotRound=q;exports.CircleCheck=$;exports.DIALOG_MANAGER_KEY=L;exports.DIALOG_SIZES=I;exports.GDialog=C;exports.GDialogMinimizedIcon=V;exports.MINIMIZED_LAYOUT=E;exports.Refresh=P;exports.Remove=H;exports.createDialogManager=oe;exports.default=C;exports.useDialogManager=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("motion-v"),L=require("../GBubble-Dph0YDkU.js"),E=require("../GButton/index.js"),F=Symbol("GDialogManager"),I={small:"380px",medium:"480px",large:"580px"},V={ICON_WIDTH:92,ICON_HEIGHT:34,GAP:8,BOTTOM_OFFSET:18,RIGHT_OFFSET:18,MAX_PER_ROW:8};function ee(s){const f=new Map,{ICON_WIDTH:l,ICON_HEIGHT:r,GAP:p,BOTTOM_OFFSET:n,RIGHT_OFFSET:o,MAX_PER_ROW:c}=V;return s.forEach((d,u)=>{const i=Math.floor(u/c),a=u%c;f.set(d,{right:o+a*(l+p),bottom:n+i*(r+p)})}),f}function te(){const s=e.reactive(new Map),f=e.computed(()=>{const i=[];return s.forEach(a=>{a.isMinimized&&i.push(a.id)}),i}),l=e.computed(()=>ee(f.value));function r(i){s.set(i.id,{attentionTick:0,...i})}function p(i){s.delete(i)}function n(i){const a=s.get(i);if(a){if(a.isMinimized){a.attentionTick=(a.attentionTick??0)+1;return}a.isMinimized=!0}}function o(i){const a=s.get(i);a?.isMinimized&&(a.attentionTick=(a.attentionTick??0)+1)}function c(i){const a=s.get(i);a&&(a.isMinimized=!1)}function d(i){return e.computed(()=>l.value.get(i)??{right:V.RIGHT_OFFSET,bottom:V.BOTTOM_OFFSET})}const u=e.computed(()=>f.value.map(i=>s.get(i)).filter(Boolean));return{dialogs:s,register:r,unregister:p,minimize:n,remindMinimized:o,restore:c,getPosition:d,minimizedList:u}}function H(){return e.inject(F,null)}const B={viewBox:"0 0 1024 1024",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em"},P=()=>e.h("svg",B,[e.h("path",{d:"M874.666667 512a362.666667 362.666667 0 1 0-362.666667 362.666667V938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667v-64a362.666667 362.666667 0 0 0 362.666667-362.666667z"}),e.h("path",{d:"M318.72 318.72a32 32 0 0 1 45.226667 0l341.333333 341.333333a32 32 0 1 1-45.226667 45.226667l-341.333333-341.333333a32 32 0 0 1 0-45.226667z"}),e.h("path",{d:"M705.28 318.72a32 32 0 0 0-45.226667 0l-341.333333 341.333333a32 32 0 1 0 45.226667 45.226667l341.333333-341.333333a32 32 0 0 0 0-45.226667z"})]),$=()=>e.h("svg",B,[e.h("path",{d:"M661.333333 309.333333a266.666667 266.666667 0 1 1 0 533.333334H170.666667a32 32 0 0 1 0-64h490.666666a202.666667 202.666667 0 1 0 0-405.333334H170.666667a32 32 0 0 1 0-64h490.666666z"}),e.h("path",{d:"M98.133333 348.714667a8.533333 8.533333 0 0 1 0-14.762667l166.4-96.085333a8.533333 8.533333 0 0 1 12.8 7.381333v192.170667a8.533333 8.533333 0 0 1-12.8 7.381333L98.133333 348.714667z"})]),W=()=>e.h("svg",B,[e.h("path",{d:"M874.666667 512a362.666667 362.666667 0 1 0-362.666667 362.666667V938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667v-64a362.666667 362.666667 0 0 0 362.666667-362.666667z"}),e.h("path",{d:"M685.653333 361.386667a32 32 0 1 1 45.226667 45.226666l-249.472 249.514667a40.533333 40.533333 0 0 1-59.434667-2.304l-122.026666-142.336a32 32 0 0 1 48.64-41.642667l105.472 123.050667L685.653333 361.386667z"})]),q=()=>e.h("svg",B,[e.h("path",{d:"M130.133333 746.666667v-469.333334A138.666667 138.666667 0 0 1 268.8 138.666667h362.666667a32 32 0 0 1 0 64H268.8A74.666667 74.666667 0 0 0 194.133333 277.333333v469.333334c0 41.216 33.450667 74.666667 74.666667 74.666666h362.666667a32 32 0 0 1 0 64H268.8a138.666667 138.666667 0 0 1-138.666667-138.666666z"}),e.h("path",{d:"M635.562667 738.304a32.042667 32.042667 0 0 0 45.312 0l203.605333-203.690667a32 32 0 0 0 0-45.226666l-203.605333-203.690667a32.042667 32.042667 0 0 0-45.312 45.312l149.077333 148.992H477.866667a32 32 0 0 0 0 64h306.773333l-149.077333 148.992a32.042667 32.042667 0 0 0 0 45.312z"})]),oe={class:"g-dialog-pro-minimized-icon__icon","aria-hidden":"true"},ie={class:"g-dialog-pro-minimized-icon__title"},ae=e.defineComponent({name:"GDialogMinimizedIcon",__name:"GDialogMinimizedIcon",props:{title:{},position:{},attentionTick:{default:0}},emits:["restore"],setup(s,{emit:f}){const l=s,r=f,p=e.computed(()=>l.title||"弹窗"),n=e.computed(()=>`恢复 ${p.value}`),o={opacity:0,scale:.8,x:-24,y:12},c={opacity:1,scale:1,x:0,y:0},d={opacity:0,scale:.8,x:-24,y:12},u={duration:.28,ease:[.2,.8,.2,1]},i={scale:1.04,y:-2},a={scale:.98},y=e.computed(()=>({position:"fixed",right:`${l.position.right}px`,bottom:`${l.position.bottom}px`})),v=e.ref(!1);let k;e.watch(()=>l.attentionTick,(M,g)=>{g===void 0||M===g||(v.value=!1,window.clearTimeout(k),window.requestAnimationFrame(()=>{v.value=!0,k=window.setTimeout(()=>{v.value=!1},580)}))}),e.onUnmounted(()=>{window.clearTimeout(k)});function w(){r("restore")}return(M,g)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(x.motion).div,{class:e.normalizeClass(["g-dialog-pro-minimized-icon",{"is-attention":v.value}]),type:"button",style:e.normalizeStyle(y.value),title:n.value,"aria-label":n.value,initial:o,animate:c,exit:d,transition:u,"while-hover":i,"while-press":a,onClick:w},{default:e.withCtx(()=>[g[0]||(g[0]=e.createElementVNode("span",{class:"g-dialog-pro-minimized-icon__glow","aria-hidden":"true"},null,-1)),g[1]||(g[1]=e.createElementVNode("span",{class:"g-dialog-pro-minimized-icon__wave","aria-hidden":"true"},null,-1)),e.createElementVNode("span",oe,[e.createVNode(e.unref(q))]),e.createElementVNode("span",ie,e.toDisplayString(p.value),1)]),_:1,__:[0,1]},8,["class","style","title","aria-label"])]))}}),b=L._export_sfc(ae,[["__scopeId","data-v-e7d8c859"]]),ne={class:"g-dialog-pro-header"},le={class:"g-dialog-pro-title"},se={class:"g-dialog-pro-operation-container","aria-label":"弹窗操作"},re=["aria-label","title"],ce={class:"g-dialog-pro-body"},de={key:0,class:"g-dialog-pro-footer"},ue={class:"g-dialog-pro-actions"},R="关闭",me=e.defineComponent({name:"GDialog",inheritAttrs:!1,__name:"index",props:{title:{default:""},size:{default:"medium"},modelValue:{type:Boolean},hideFooter:{type:Boolean,default:!1},actions:{},showCancel:{type:Boolean,default:!0},showReset:{type:Boolean,default:!0},showSave:{type:Boolean,default:!0},cancelText:{default:"取消"},resetText:{default:"重置"},saveText:{default:"保存"},saveLoading:{type:Boolean,default:!1},saveDisabled:{type:Boolean,default:!1},beforeClose:{}},emits:["cancel","reset","save","minimize","action","update:modelValue"],setup(s,{emit:f}){const l=s,r=f,p=e.computed(()=>l.modelValue),n=e.useId?e.useId():`g-dialog-pro-${Date.now()}-${Math.random().toString(36).slice(2)}`,o=H(),c=e.ref(!1),d=e.ref(!0),u=e.ref(0),i=e.ref(!1),a=e.ref(!1),y=e.ref(!1),v=e.computed(()=>o?o.dialogs.get(n)?.isMinimized??!1:c.value),k=e.computed(()=>o?o.dialogs.get(n)?.attentionTick??0:u.value),w=e.computed(()=>o?!a.value:d.value),M=e.computed(()=>o?o.getPosition(n).value:{right:20,bottom:20});e.onMounted(()=>{o?.register({id:n,title:l.title,isMinimized:!1}),document.addEventListener("keydown",S)}),e.onUnmounted(()=>{o?.unregister(n),document.removeEventListener("keydown",S)}),e.watch(()=>l.title,t=>{if(o){const h=o.dialogs.get(n);h&&(h.title=t)}}),e.watch(()=>l.modelValue,t=>{if(t===!1){if(i.value)return;o?(o.restore(n),a.value=!1):(d.value=!0,c.value=!1)}t===!0&&(o?.dialogs.get(n)?.isMinimized?o.remindMinimized(n):c.value&&(u.value+=1))});const g=e.computed(()=>Object.prototype.hasOwnProperty.call(I,l.size)?I[l.size]:l.size),U=e.computed(()=>C.value?{}:{width:g.value});async function z(t){if(!l.beforeClose)return!0;try{return await l.beforeClose(t)!==!1}catch{return!1}}async function T(){await z("close")&&r("update:modelValue",!1)}function Y(){T()}function S(t){t.key==="Escape"&&(!l.modelValue||!w.value||v.value||(t.stopPropagation(),T()))}async function D(){await z("cancel")&&r("cancel")}function O(){r("reset")}async function A(){await z("save")&&r("save")}const N=e.reactive({});async function Z(t){if(await z("action")&&(r("action",t.key),!!t.onClick))try{const h=t.onClick();h instanceof Promise&&(N[t.key]=!0,await h)}finally{N[t.key]=!1}}const C=e.ref(!1),j=()=>{C.value=!C.value},G=e.computed(()=>C.value?"退出全屏":"全屏"),K=async()=>{if(!await z("minimize"))return;if(o?o.dialogs.get(n)?.isMinimized??!1:c.value){o?o.minimize(n):u.value+=1,r("minimize",{id:n});return}i.value=!0,o?o.minimize(n):c.value=!0,r("update:modelValue",!1),r("minimize",{id:n})},X=()=>{y.value=!0,i.value=!1,o?(a.value=!1,o.restore(n)):(d.value=!0,c.value=!1),r("update:modelValue",!0)},J=()=>{i.value&&(o?a.value=!0:d.value=!1,i.value=!1)},Q=()=>{y.value=!1};return(t,h)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"g-dialog-pro-fade",onAfterEnter:Q,onAfterLeave:J},{default:e.withCtx(()=>[w.value&&p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"g-dialog-pro-overlay",onClick:e.withModifiers(Y,["self"])},[e.createElementVNode("div",e.mergeProps(t.$attrs,{class:["g-dialog-pro",{"is-fullscreen":C.value,"is-leave-to-minimize":i.value,"is-enter-from-minimize":y.value}],style:U.value,role:"dialog","aria-modal":"true"}),[e.createElementVNode("header",ne,[e.createElementVNode("p",le,e.toDisplayString(t.title),1),e.createElementVNode("div",se,[e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--minimize","aria-label":"最小化",title:"最小化",onClick:K}),e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--fullscreen","aria-label":G.value,title:G.value,onClick:j},null,8,re),e.createElementVNode("button",{type:"button",class:"g-dialog-pro-control g-dialog-pro-control--close","aria-label":R,title:R,onClick:T})])]),e.createElementVNode("div",ce,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.hideFooter?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("footer",de,[e.renderSlot(t.$slots,"footer",{cancel:D,reset:O,save:A,close:T,loading:t.saveLoading},()=>[e.createElementVNode("div",ue,[t.actions&&t.actions.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.actions,m=>(e.openBlock(),e.createBlock(E.default,{key:m.key,type:m.type,danger:m.danger,loading:m.loading||N[m.key],disabled:m.disabled,size:"small",onClick:fe=>Z(m)},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(m.label),1)]),_:2},[m.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.icon)))]),key:"0"}:void 0]),1032,["type","danger","loading","disabled","onClick"]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.showCancel?(e.openBlock(),e.createBlock(E.default,{key:0,size:"small",onClick:D},{icon:e.withCtx(()=>[e.createVNode(e.unref(P))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.cancelText),1)]),_:1})):e.createCommentVNode("",!0),t.showReset?(e.openBlock(),e.createBlock(E.default,{key:1,size:"small",onClick:O},{icon:e.withCtx(()=>[e.createVNode(e.unref($))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.resetText),1)]),_:1})):e.createCommentVNode("",!0),t.showSave?(e.openBlock(),e.createBlock(E.default,{key:2,type:"primary",loading:t.saveLoading,disabled:t.saveDisabled,size:"small",onClick:A},{icon:e.withCtx(()=>[e.createVNode(e.unref(W))]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(t.saveText),1)]),_:1},8,["loading","disabled"])):e.createCommentVNode("",!0)],64)),e.renderSlot(t.$slots,"moreOperations",{},void 0,!0)])],!0)]))],16)])):e.createCommentVNode("",!0)]),_:3}),e.createVNode(e.unref(x.AnimatePresence),null,{default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(b,{key:0,title:t.title,position:M.value,"attention-tick":k.value,onRestore:X},null,8,["title","position","attention-tick"])):e.createCommentVNode("",!0)]),_:1})]))}}),_=L._export_sfc(me,[["__scopeId","data-v-5e0eed3b"]]);_.install=s=>{s.component(_.name,_),s.component(b.name,b)};exports.ChatDotRound=q;exports.CircleCheck=W;exports.DIALOG_MANAGER_KEY=F;exports.DIALOG_SIZES=I;exports.GDialog=_;exports.GDialogMinimizedIcon=b;exports.MINIMIZED_LAYOUT=V;exports.Refresh=$;exports.Remove=P;exports.createDialogManager=te;exports.default=_;exports.useDialogManager=H;

package/lib/GDialog/index.mjs

@@ -1,8 +1,7 @@
-import { inject as fe, reactive as ee, computed as r, h as u, defineComponent as te, ref as _, watch as N, onUnmounted as ie, createBlock as k, openBlock as m, Teleport as oe, createVNode as w, unref as O, normalizeStyle as ge, normalizeClass as pe, withCtx as f, createElementVNode as d, toDisplayString as b, useId as Z, onMounted as ve, Transition as he, createElementBlock as F, createCommentVNode as C, withModifiers as ye, mergeProps as ze, renderSlot as P, Fragment as q, renderList as _e, createSlots as ke, createTextVNode as H, resolveDynamicComponent as Me } from "vue";
-import { A as Te } from "../AnimatePresence-nl0c23TZ.mjs";
-import { m as we } from "../index-Bbr5fWvI.mjs";
-import { _ as ae } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { G as L } from "../index-CWxEZ_zc.mjs";
+import { inject as fe, reactive as ee, computed as r, h as u, defineComponent as te, ref as _, watch as N, onUnmounted as ie, createBlock as k, openBlock as m, Teleport as oe, createVNode as w, unref as O, normalizeStyle as ge, normalizeClass as pe, withCtx as f, createElementVNode as d, toDisplayString as b, useId as Z, onMounted as ve, Transition as he, createElementBlock as G, createCommentVNode as C, withModifiers as ye, mergeProps as ze, renderSlot as P, Fragment as q, renderList as _e, createSlots as ke, createTextVNode as H, resolveDynamicComponent as Me } from "vue";
+import { motion as Te, AnimatePresence as we } from "motion-v";
+import { _ as ae } from "../GBubble-C3cM9Put.mjs";
+import L from "../GButton/index.mjs";
 const Ce = /* @__PURE__ */ Symbol("GDialogManager"), J = {
   small: "380px",
   medium: "480px",
@@ -25,7 +24,7 @@ function be(l) {
     });
   }), h;
 }
-function Ye() {
+function Xe() {
   const l = ee(/* @__PURE__ */ new Map()), h = r(() => {
     const i = [];
     return l.forEach((o) => {
@@ -111,17 +110,17 @@ const R = {
   u("path", {
     d: "M685.653333 361.386667a32 32 0 1 1 45.226667 45.226666l-249.472 249.514667a40.533333 40.533333 0 0 1-59.434667-2.304l-122.026666-142.336a32 32 0 0 1 48.64-41.642667l105.472 123.050667L685.653333 361.386667z"
   })
-]), Ae = () => u("svg", R, [
+]), De = () => u("svg", R, [
   u("path", {
     d: "M130.133333 746.666667v-469.333334A138.666667 138.666667 0 0 1 268.8 138.666667h362.666667a32 32 0 0 1 0 64H268.8A74.666667 74.666667 0 0 0 194.133333 277.333333v469.333334c0 41.216 33.450667 74.666667 74.666667 74.666666h362.666667a32 32 0 0 1 0 64H268.8a138.666667 138.666667 0 0 1-138.666667-138.666666z"
   }),
   u("path", {
     d: "M635.562667 738.304a32.042667 32.042667 0 0 0 45.312 0l203.605333-203.690667a32 32 0 0 0 0-45.226666l-203.605333-203.690667a32.042667 32.042667 0 0 0-45.312 45.312l149.077333 148.992H477.866667a32 32 0 0 0 0 64h306.773333l-149.077333 148.992a32.042667 32.042667 0 0 0 0 45.312z"
   })
-]), De = {
+]), Ae = {
   class: "g-dialog-pro-minimized-icon__icon",
   "aria-hidden": "true"
-}, Be = { class: "g-dialog-pro-minimized-icon__title" }, Ge = /* @__PURE__ */ te({
+}, Be = { class: "g-dialog-pro-minimized-icon__title" }, Fe = /* @__PURE__ */ te({
   name: "GDialogMinimizedIcon",
   __name: "GDialogMinimizedIcon",
   props: {
@@ -146,11 +145,11 @@ const R = {
     }), ie(() => {
       window.clearTimeout(S);
     });
-    function D() {
+    function A() {
       s("restore");
     }
     return (B, z) => (m(), k(oe, { to: "body" }, [
-      w(O(we).div, {
+      w(O(Te).div, {
         class: pe(["g-dialog-pro-minimized-icon", { "is-attention": M.value }]),
         type: "button",
         style: ge(I.value),
@@ -162,7 +161,7 @@ const R = {
         transition: p,
         "while-hover": i,
         "while-press": o,
-        onClick: D
+        onClick: A
       }, {
         default: f(() => [
           z[0] || (z[0] = d("span", {
@@ -173,8 +172,8 @@ const R = {
             class: "g-dialog-pro-minimized-icon__wave",
             "aria-hidden": "true"
           }, null, -1)),
-          d("span", De, [
-            w(O(Ae))
+          d("span", Ae, [
+            w(O(De))
           ]),
           d("span", Be, b(y.value), 1)
         ]),
@@ -183,7 +182,7 @@ const R = {
       }, 8, ["class", "style", "title", "aria-label"])
     ]));
   }
-}), W = /* @__PURE__ */ ae(Ge, [["__scopeId", "data-v-e7d8c859"]]), Fe = { class: "g-dialog-pro-header" }, He = { class: "g-dialog-pro-title" }, Le = {
+}), W = /* @__PURE__ */ ae(Fe, [["__scopeId", "data-v-e7d8c859"]]), Ge = { class: "g-dialog-pro-header" }, He = { class: "g-dialog-pro-title" }, Le = {
   class: "g-dialog-pro-operation-container",
   "aria-label": "弹窗操作"
 }, Re = ["aria-label", "title"], Ve = { class: "g-dialog-pro-body" }, Pe = {
@@ -211,7 +210,7 @@ const R = {
   },
   emits: ["cancel", "reset", "save", "minimize", "action", "update:modelValue"],
   setup(l, { emit: h }) {
-    const n = l, s = h, y = r(() => n.modelValue), a = Z ? Z() : `g-dialog-pro-${Date.now()}-${Math.random().toString(36).slice(2)}`, t = Oe(), c = _(!1), g = _(!0), p = _(0), i = _(!1), o = _(!1), I = _(!1), M = r(() => t ? t.dialogs.get(a)?.isMinimized ?? !1 : c.value), S = r(() => t ? t.dialogs.get(a)?.attentionTick ?? 0 : p.value), D = r(() => t ? !o.value : g.value), B = r(() => t ? t.getPosition(a).value : { right: 20, bottom: 20 });
+    const n = l, s = h, y = r(() => n.modelValue), a = Z ? Z() : `g-dialog-pro-${Date.now()}-${Math.random().toString(36).slice(2)}`, t = Oe(), c = _(!1), g = _(!0), p = _(0), i = _(!1), o = _(!1), I = _(!1), M = r(() => t ? t.dialogs.get(a)?.isMinimized ?? !1 : c.value), S = r(() => t ? t.dialogs.get(a)?.attentionTick ?? 0 : p.value), A = r(() => t ? !o.value : g.value), B = r(() => t ? t.getPosition(a).value : { right: 20, bottom: 20 });
     ve(() => {
       t?.register({
         id: a,
@@ -238,7 +237,7 @@ const R = {
         e === !0 && (t?.dialogs.get(a)?.isMinimized ? t.remindMinimized(a) : c.value && (p.value += 1));
       }
     );
-    const z = r(() => Object.prototype.hasOwnProperty.call(J, n.size) ? J[n.size] : n.size), ne = r(() => A.value ? {} : { width: z.value });
+    const z = r(() => Object.prototype.hasOwnProperty.call(J, n.size) ? J[n.size] : n.size), ne = r(() => D.value ? {} : { width: z.value });
     async function E(e) {
       if (!n.beforeClose) return !0;
       try {
@@ -247,14 +246,14 @@ const R = {
         return !1;
       }
     }
-    async function G() {
+    async function F() {
       await E("close") && s("update:modelValue", !1);
     }
     function le() {
-      G();
+      F();
     }
     function j(e) {
-      e.key === "Escape" && (!n.modelValue || !D.value || M.value || (e.stopPropagation(), G()));
+      e.key === "Escape" && (!n.modelValue || !A.value || M.value || (e.stopPropagation(), F()));
     }
     async function K() {
       await E("cancel") && s("cancel");
@@ -275,9 +274,9 @@ const R = {
           V[e.key] = !1;
         }
     }
-    const A = _(!1), re = () => {
-      A.value = !A.value;
-    }, Y = r(() => A.value ? "退出全屏" : "全屏"), ce = async () => {
+    const D = _(!1), re = () => {
+      D.value = !D.value;
+    }, Y = r(() => D.value ? "退出全屏" : "全屏"), ce = async () => {
       if (!await E("minimize")) return;
       if (t ? t.dialogs.get(a)?.isMinimized ?? !1 : c.value) {
         t ? t.minimize(a) : p.value += 1, s("minimize", { id: a });
@@ -298,14 +297,14 @@ const R = {
         onAfterLeave: ue
       }, {
         default: f(() => [
-          D.value && y.value ? (m(), F("div", {
+          A.value && y.value ? (m(), G("div", {
             key: 0,
             class: "g-dialog-pro-overlay",
             onClick: ye(le, ["self"])
           }, [
             d("div", ze(e.$attrs, {
               class: ["g-dialog-pro", {
-                "is-fullscreen": A.value,
+                "is-fullscreen": D.value,
                 "is-leave-to-minimize": i.value,
                 "is-enter-from-minimize": I.value
               }],
@@ -313,7 +312,7 @@ const R = {
               role: "dialog",
               "aria-modal": "true"
             }), [
-              d("header", Fe, [
+              d("header", Ge, [
                 d("p", He, b(e.title), 1),
                 d("div", Le, [
                   d("button", {
@@ -335,23 +334,23 @@ const R = {
                     class: "g-dialog-pro-control g-dialog-pro-control--close",
                     "aria-label": Q,
                     title: Q,
-                    onClick: G
+                    onClick: F
                   })
                 ])
               ]),
               d("div", Ve, [
                 P(e.$slots, "default", {}, void 0, !0)
               ]),
-              e.hideFooter ? C("", !0) : (m(), F("footer", Pe, [
+              e.hideFooter ? C("", !0) : (m(), G("footer", Pe, [
                 P(e.$slots, "footer", {
                   cancel: K,
                   reset: U,
                   save: X,
-                  close: G,
+                  close: F,
                   loading: e.saveLoading
                 }, () => [
                   d("div", $e, [
-                    e.actions && e.actions.length ? (m(!0), F(q, { key: 0 }, _e(e.actions, (v) => (m(), k(L, {
+                    e.actions && e.actions.length ? (m(!0), G(q, { key: 0 }, _e(e.actions, (v) => (m(), k(L, {
                       key: v.key,
                       type: v.type,
                       danger: v.danger,
@@ -372,7 +371,7 @@ const R = {
                         ]),
                         key: "0"
                       } : void 0
-                    ]), 1032, ["type", "danger", "loading", "disabled", "onClick"]))), 128)) : (m(), F(q, { key: 1 }, [
+                    ]), 1032, ["type", "danger", "loading", "disabled", "onClick"]))), 128)) : (m(), G(q, { key: 1 }, [
                       e.showCancel ? (m(), k(L, {
                         key: 0,
                         size: "small",
@@ -425,7 +424,7 @@ const R = {
         ]),
         _: 3
       }),
-      w(O(Te), null, {
+      w(O(we), null, {
         default: f(() => [
           M.value ? (m(), k(W, {
             key: 0,
@@ -444,7 +443,7 @@ $.install = (l) => {
   l.component($.name, $), l.component(W.name, W);
 };
 export {
-  Ae as ChatDotRound,
+  De as ChatDotRound,
   Ee as CircleCheck,
   Ce as DIALOG_MANAGER_KEY,
   J as DIALOG_SIZES,
@@ -453,7 +452,7 @@ export {
   x as MINIMIZED_LAYOUT,
   Se as Refresh,
   Ie as Remove,
-  Ye as createDialogManager,
+  Xe as createDialogManager,
   $ as default,
   Oe as useDialogManager
 };

package/lib/GInput/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("motion-v"),M=require("../GBubble-Dph0YDkU.js"),P={class:"g-input__wrapper"},T={key:0,class:"g-input__prefix"},q=["type","value","disabled","readonly","maxlength"],O={key:1,class:"g-input__suffix"},D={key:0,class:"g-input__slot-suffix"},F={key:1,class:"g-input__count"},L={key:0,class:"g-input__count-max"},R=e.defineComponent({name:"GInput",inheritAttrs:!1,__name:"index",props:{modelValue:{},type:{},size:{},disabled:{type:Boolean},readonly:{type:Boolean},clearable:{type:Boolean},showCount:{type:Boolean},maxlength:{},block:{type:Boolean}},emits:["update:modelValue","input","change","focus","blur","clear"],setup(c,{expose:y,emit:v}){const o=c,n=v,i=e.useAttrs(),_=e.useSlots(),g=e.computed(()=>{const{class:t,style:l,...d}=i;return d}),k=e.computed(()=>["g-input",`g-input--${o.size??"middle"}`,{"is-block":o.block,"is-disabled":o.disabled,"is-readonly":o.readonly,"is-focused":p.value},i.class]),h=e.computed(()=>i.style),s=e.ref(),r=e.ref(!1),p=e.ref(!1),B=e.computed(()=>m.value||!!_.suffix||o.showCount),m=e.computed(()=>o.clearable&&!o.disabled&&!o.readonly&&r.value&&String(o.modelValue??"").length>0),f=e.computed(()=>String(o.modelValue??"").length),b={opacity:0,scale:.6},C={opacity:1,scale:1},V={opacity:0,scale:.6},x={duration:.15,ease:"easeOut"},S={opacity:0,y:4},N={opacity:1,y:0},E={opacity:0,y:-4},w={duration:.15,ease:"easeOut"},A=t=>{const l=t.target.value;n("update:modelValue",l),n("input",l)},I=t=>{n("change",t.target.value)},$=t=>{p.value=!0,n("focus",t)},z=t=>{p.value=!1,n("blur",t)},G=()=>{n("update:modelValue",""),n("input",""),n("change",""),n("clear"),s.value?.focus()};return y({focus:()=>s.value?.focus(),blur:()=>s.value?.blur(),select:()=>s.value?.select()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),style:e.normalizeStyle(h.value),onMouseenter:l[0]||(l[0]=d=>r.value=!0),onMouseleave:l[1]||(l[1]=d=>r.value=!1)},[e.createElementVNode("div",P,[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",T,[e.renderSlot(t.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:s,class:"g-input__inner",type:t.type,value:t.modelValue??"",disabled:t.disabled,readonly:t.readonly,maxlength:t.maxlength},g.value,{onInput:A,onChange:I,onFocus:$,onBlur:z}),null,16,q),B.value?(e.openBlock(),e.createElementBlock("span",O,[e.createVNode(e.unref(u.AnimatePresence),null,{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createBlock(e.unref(u.motion).span,{key:0,class:"g-input__clear",initial:b,animate:C,exit:V,transition:x,onClick:G})):e.createCommentVNode("",!0)]),_:1}),t.$slots.suffix?(e.openBlock(),e.createElementBlock("span",D,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0),t.showCount?(e.openBlock(),e.createElementBlock("span",F,[e.createVNode(e.unref(u.AnimatePresence),{mode:"popLayout"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.unref(u.motion).span,{key:f.value,class:"g-input__count-text",initial:S,animate:N,exit:E,transition:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}))]),_:1}),t.maxlength!=null?(e.openBlock(),e.createElementBlock("span",L," / "+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])],38))}}),a=M._export_sfc(R,[["__scopeId","data-v-76da4f4c"]]);a.install=c=>{c.component(a.name,a)};exports.GInput=a;exports.default=a;

package/lib/GInput/index.mjs

@@ -0,0 +1,145 @@
+import { defineComponent as K, useAttrs as Q, useSlots as U, computed as a, ref as y, createElementBlock as l, openBlock as n, normalizeStyle as W, normalizeClass as X, createElementVNode as b, createCommentVNode as u, renderSlot as x, mergeProps as Y, createVNode as k, unref as r, withCtx as _, createBlock as C, createTextVNode as Z, toDisplayString as V } from "vue";
+import { AnimatePresence as B, motion as S } from "motion-v";
+import { _ as ee } from "../GBubble-C3cM9Put.mjs";
+const te = { class: "g-input__wrapper" }, se = {
+  key: 0,
+  class: "g-input__prefix"
+}, oe = ["type", "value", "disabled", "readonly", "maxlength"], ne = {
+  key: 1,
+  class: "g-input__suffix"
+}, ae = {
+  key: 0,
+  class: "g-input__slot-suffix"
+}, le = {
+  key: 1,
+  class: "g-input__count"
+}, ue = {
+  key: 0,
+  class: "g-input__count-max"
+}, ie = /* @__PURE__ */ K({
+  name: "GInput",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: {},
+    type: {},
+    size: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showCount: { type: Boolean },
+    maxlength: {},
+    block: { type: Boolean }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(c, { expose: w, emit: $ }) {
+    const t = c, s = $, p = Q(), A = U(), I = a(() => {
+      const { class: e, style: o, ...f } = p;
+      return f;
+    }), z = a(() => [
+      "g-input",
+      `g-input--${t.size ?? "middle"}`,
+      {
+        "is-block": t.block,
+        "is-disabled": t.disabled,
+        "is-readonly": t.readonly,
+        "is-focused": m.value
+      },
+      p.class
+    ]), E = a(() => p.style), i = y(), d = y(!1), m = y(!1), N = a(() => g.value || !!A.suffix || t.showCount), g = a(
+      () => t.clearable && !t.disabled && !t.readonly && d.value && String(t.modelValue ?? "").length > 0
+    ), h = a(() => String(t.modelValue ?? "").length), T = { opacity: 0, scale: 0.6 }, F = { opacity: 1, scale: 1 }, G = { opacity: 0, scale: 0.6 }, L = { duration: 0.15, ease: "easeOut" }, M = { opacity: 0, y: 4 }, O = { opacity: 1, y: 0 }, P = { opacity: 0, y: -4 }, R = { duration: 0.15, ease: "easeOut" }, D = (e) => {
+      const o = e.target.value;
+      s("update:modelValue", o), s("input", o);
+    }, H = (e) => {
+      s("change", e.target.value);
+    }, j = (e) => {
+      m.value = !0, s("focus", e);
+    }, q = (e) => {
+      m.value = !1, s("blur", e);
+    }, J = () => {
+      s("update:modelValue", ""), s("input", ""), s("change", ""), s("clear"), i.value?.focus();
+    };
+    return w({
+      /** 手动聚焦内部 input */
+      focus: () => i.value?.focus(),
+      /** 手动失焦内部 input */
+      blur: () => i.value?.blur(),
+      /** 全选内部文本 */
+      select: () => i.value?.select()
+    }), (e, o) => (n(), l("div", {
+      class: X(z.value),
+      style: W(E.value),
+      onMouseenter: o[0] || (o[0] = (f) => d.value = !0),
+      onMouseleave: o[1] || (o[1] = (f) => d.value = !1)
+    }, [
+      b("div", te, [
+        e.$slots.prefix ? (n(), l("span", se, [
+          x(e.$slots, "prefix", {}, void 0, !0)
+        ])) : u("", !0),
+        b("input", Y({
+          ref_key: "inputRef",
+          ref: i,
+          class: "g-input__inner",
+          type: e.type,
+          value: e.modelValue ?? "",
+          disabled: e.disabled,
+          readonly: e.readonly,
+          maxlength: e.maxlength
+        }, I.value, {
+          onInput: D,
+          onChange: H,
+          onFocus: j,
+          onBlur: q
+        }), null, 16, oe),
+        N.value ? (n(), l("span", ne, [
+          k(r(B), null, {
+            default: _(() => [
+              g.value ? (n(), C(r(S).span, {
+                key: 0,
+                class: "g-input__clear",
+                initial: T,
+                animate: F,
+                exit: G,
+                transition: L,
+                onClick: J
+              })) : u("", !0)
+            ]),
+            _: 1
+          }),
+          e.$slots.suffix ? (n(), l("span", ae, [
+            x(e.$slots, "suffix", {}, void 0, !0)
+          ])) : u("", !0),
+          e.showCount ? (n(), l("span", le, [
+            k(r(B), { mode: "popLayout" }, {
+              default: _(() => [
+                (n(), C(r(S).span, {
+                  key: h.value,
+                  class: "g-input__count-text",
+                  initial: M,
+                  animate: O,
+                  exit: P,
+                  transition: R
+                }, {
+                  default: _(() => [
+                    Z(V(h.value), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            }),
+            e.maxlength != null ? (n(), l("span", ue, " / " + V(e.maxlength), 1)) : u("", !0)
+          ])) : u("", !0)
+        ])) : u("", !0)
+      ])
+    ], 38));
+  }
+}), v = /* @__PURE__ */ ee(ie, [["__scopeId", "data-v-76da4f4c"]]);
+v.install = (c) => {
+  c.component(v.name, v);
+};
+export {
+  v as GInput,
+  v as default
+};

package/lib/GInput/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.g-input[data-v-76da4f4c]{display:inline-flex;align-items:stretch;width:var(--g-input-width, 240px);font-size:var(--g-input-font-size, 14px);color:var(--g-text-color, rgba(0, 0, 0, .88))}.g-input:not(.is-disabled):hover .g-input__wrapper[data-v-76da4f4c]{border-color:var(--g-primary-color, #039be5)}.g-input.is-focused:not(.is-disabled) .g-input__wrapper[data-v-76da4f4c]{border-color:var(--g-primary-color, #039be5);box-shadow:0 0 0 2px color-mix(in srgb,var(--g-primary-color, #039be5) 15%,transparent)}.g-input.is-block[data-v-76da4f4c]{display:flex;width:100%}.g-input.is-disabled[data-v-76da4f4c]{cursor:not-allowed;color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input.is-disabled .g-input__wrapper[data-v-76da4f4c]{background:var(--g-input-disabled-bg-color, #f2f3f5);border-color:var(--g-border-color, #dcdfe3)}.g-input.is-disabled .g-input__inner[data-v-76da4f4c]{cursor:not-allowed;-webkit-text-fill-color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input.is-disabled .g-input__inner[data-v-76da4f4c]::placeholder{color:var(--g-input-disabled-text-color, rgba(0, 0, 0, .3))}.g-input--large[data-v-76da4f4c]{--g-input-height: 40px;--g-input-font-size: 16px}.g-input--small[data-v-76da4f4c]{--g-input-height: 24px;--g-input-font-size: 12px}.g-input__wrapper[data-v-76da4f4c]{position:relative;flex:1;display:inline-flex;align-items:center;gap:4px;min-width:0;height:var(--g-input-height, 32px);padding:0 8px;background:var(--g-bg-color, #ffffff);border:1px solid var(--g-border-color, #dcdfe3);border-radius:var(--g-input-radius, 6px);transition:border-color .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}.g-input__inner[data-v-76da4f4c]{flex:1;min-width:0;height:100%;padding:0;font:inherit;color:inherit;background:transparent;border:none;outline:none;caret-color:var(--g-primary-color, #039be5)}.g-input__inner[data-v-76da4f4c]::placeholder{color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__prefix[data-v-76da4f4c],.g-input__suffix[data-v-76da4f4c]{display:inline-flex;align-items:center;gap:4px;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__prefix[data-v-76da4f4c] svg,.g-input__suffix[data-v-76da4f4c] svg{width:1em;height:1em;display:block}.g-input__clear[data-v-76da4f4c]{position:relative;flex-shrink:0;width:1em;height:1em;cursor:pointer;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35));transition:color .2s}.g-input__clear[data-v-76da4f4c]:before,.g-input__clear[data-v-76da4f4c]:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:1px;background:currentcolor}.g-input__clear[data-v-76da4f4c]:before{transform:translate(-50%,-50%) rotate(45deg)}.g-input__clear[data-v-76da4f4c]:after{transform:translate(-50%,-50%) rotate(-45deg)}.g-input__clear[data-v-76da4f4c]:hover{color:var(--g-text-color, rgba(0, 0, 0, .88))}.g-input__count[data-v-76da4f4c]{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--g-text-placeholder-color, rgba(0, 0, 0, .35))}.g-input__count-text[data-v-76da4f4c]{display:inline-block}

package/lib/GInput.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/GInputTreeTag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("element-plus"),R=require("../index-B8Ap0044.js"),H=require("../AnimatePresence-26Wy0TGN.js"),me=require("../_plugin-vue_export-helper-BHFhmbuH.js"),ge={key:0,class:"g-input-tree-tag__tags"},be=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:"info"},tagEffect:{default:"light"},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(B,{expose:$,emit:q}){const o=B,r=q,P=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"),K=t.computed(()=>o.props.label||"label"),U=t.computed(()=>o.props.children||"children"),_=t.computed(()=>o.props.isLeaf),D=t.computed(()=>o.echoProps?.value||"value"),G=t.computed(()=>o.echoProps?.label||"label"),v=e=>e?e[j.value]:void 0,d=e=>e?e[K.value]:"",F=e=>e?e[U.value]:void 0,Z=e=>e?.[D.value]??e?.value,W=e=>e?.[G.value]??e?.label,c=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(_.value&&e[_.value]!==void 0)return!!e[_.value];const a=F(e);return!a||!a.length},S=t.computed(()=>{const e=new Map,a=(l=[])=>{l.forEach(n=>{c(n)&&e.set(v(n),n);const s=F(n);s?.length&&a(s)})};return a(o.data||[]),e}),u=t.computed(()=>(o.modelValue||[]).map(a=>{const l=o.valueFormat==="object"?Z(a):a,n=S.value.get(l),s=o.valueFormat==="object"?W(a):void 0;return{value:l,label:n?d(n):s??String(l??""),raw:n??(o.valueFormat==="object"?a:void 0)}})),w=e=>u.value.some(a=>a.value===e),k=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})),ee={duration:.2,ease:"easeOut"},te=t.computed(()=>({...L.value,transformOrigin:m.value==="bottom"?"top center":"bottom center"})),ae={opacity:0,scale:.8},le={opacity:1,scale:1},oe={opacity:0,scale:.8},ne={duration:.2,ease:"easeOut"},re=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),C=()=>{o.disabled||(i.value=!0)},E=()=>{if(!i.value)return;const e=N.value,a=p.value;if(!e||!a)return;const l=e.getBoundingClientRect(),n=a.offsetHeight||o.popperMaxHeight,x=window.innerHeight-l.bottom-o.popperOffset,fe=l.top-o.popperOffset,O=x>=n||x>=fe?"bottom":"top";m.value=O;const ve=O==="bottom"?l.bottom+o.popperOffset:l.top-n-o.popperOffset;L.value={position:"fixed",top:`${ve}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,E()}))};let b=null;const ue=()=>{typeof ResizeObserver>"u"||!p.value||(b?.disconnect(),b=new ResizeObserver(()=>g()),b.observe(p.value))},A=()=>{b?.disconnect(),b=null};t.watch(i,async e=>{if(!e){A();return}await t.nextTick(),E(),requestAnimationFrame(E),ue()});const z=e=>{if(!i.value)return;const a=e.target;I.value?.contains(a)||p.value?.contains(a)||(i.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",z,!0),window.addEventListener("scroll",g,!0),window.addEventListener("resize",g)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",z,!0),window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",g),f&&cancelAnimationFrame(f),A()});const ie=e=>{i.value=!0,T.value?.filter(e),t.nextTick(E)},se=(e,a)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,a):String(d(a)??"").toLowerCase().includes(String(e).toLowerCase()):!0,de=(e,a)=>{if(r("node-click",e),!c(e)){a&&(a.expanded=!a.expanded);return}M(e),i.value=!1},ce=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,M=e=>{const a=v(e);if(a==null||a==="")return;if(w(a)){const s={value:a,label:d(e),raw:e};r("duplicate",s),o.duplicateMessage&&h.ElMessage.warning(o.duplicateMessage);return}const l={value:a,label:d(e),raw:e},n=[...o.modelValue||[],ce(l)];r("update:modelValue",n),r("add",l),r("change",n,[...u.value,l]),o.clearInputAfterSelect&&(k.value="")},pe=()=>{if(!o.enterToAdd)return;const e=(k.value||"").trim();if(!e)return;let a=null;for(const l of S.value.values())if(d(l)===e){a=l;break}if(!a){r("not-found",e),o.notFoundMessage&&h.ElMessage.warning(o.notFoundMessage);return}M(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,x)=>x!==e);r("change",l,n)};return $({open:C,close:()=>i.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const a=S.value.get(e);a&&M(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:I},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:N,style:t.normalizeStyle({width:re.value})},[t.createVNode(t.unref(h.ElInput),{modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=l=>k.value=l),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:C,onClick:C,onInput:ie,onKeyup:t.withKeys(pe,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.unref(H.AnimatePresence_default),null,{default:t.withCtx(()=>[i.value?(t.openBlock(),t.createBlock(t.unref(R.motion).div,{key:0,ref:J,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${m.value}`]),style:t.normalizeStyle(te.value),initial:Q.value,animate:X,exit:Y.value,transition:ee,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(h.ElTree),{ref_key:"treeRef",ref:T,data:e.data,props:P.value,"node-key":e.nodeKey,"filter-node-method":se,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:de},{default:t.withCtx(l=>[t.renderSlot(e.$slots,"tree-node",{data:l?.data,node:l?.node,selectable:c(l?.data),selected:w(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)&&w(v(l.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:l.data,selectable:c(l.data),selected:w(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",ge,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:V},()=>[t.createVNode(t.unref(H.AnimatePresence_default),{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(R.motion).div,{key:l.value,layout:!0,class:"g-input-tree-tag__tag-motion",initial:ae,animate:le,exit:oe,transition:ne},{default:t.withCtx(()=>[t.createVNode(t.unref(h.ElTag),{class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,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","effect","closable","onClose"])]),_:2},1024))),128))]),_:3})],!0)])):t.createCommentVNode("",!0)],512)],2))}}),y=me._export_sfc(be,[["__scopeId","data-v-7b4998bf"]]);y.install=B=>{B.component(y.name,y)};exports.GInputTreeTag=y;exports.default=y;
+"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-d6c62619"]]);h.install=E=>{E.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;