geekin-devtoys 0.2.16 → 0.2.18

package/lib/GDialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../index-B1MYKy3L.js"),k=require("../_plugin-vue_export-helper-BHFhmbuH.js"),E=Symbol("GDialogManager"),h={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 B(l){const d=new Map,{ICON_WIDTH:a,ICON_HEIGHT:s,GAP:m,BOTTOM_OFFSET:g,RIGHT_OFFSET:n,MAX_PER_ROW:t}=V;return l.forEach((r,u)=>{const o=Math.floor(u/t),i=u%t;d.set(r,{right:n+i*(a+m),bottom:g+o*(s+m)})}),d}function $(){const l=e.reactive(new Map),d=e.computed(()=>{const o=[];return l.forEach(i=>{i.isMinimized&&o.push(i.id)}),o}),a=e.computed(()=>B(d.value));function s(o){l.set(o.id,{attentionTick:0,...o})}function m(o){l.delete(o)}function g(o){const i=l.get(o);if(i){if(i.isMinimized){i.attentionTick=(i.attentionTick??0)+1;return}i.isMinimized=!0}}function n(o){const i=l.get(o);i?.isMinimized&&(i.attentionTick=(i.attentionTick??0)+1)}function t(o){const i=l.get(o);i&&(i.isMinimized=!1)}function r(o){return e.computed(()=>a.value.get(o)??{right:V.RIGHT_OFFSET,bottom:V.BOTTOM_OFFSET})}const u=e.computed(()=>d.value.map(o=>l.get(o)).filter(Boolean));return{dialogs:l,register:s,unregister:m,minimize:g,remindMinimized:n,restore:t,getPosition:r,minimizedList:u}}function I(){return e.inject(E,null)}const H=["title","aria-label"],P={class:"g-dialog-minimized-icon__icon","aria-hidden":"true"},R={class:"g-dialog-minimized-icon__title"},L=e.defineComponent({name:"GDialogMinimizedIcon",__name:"GDialogMinimizedIcon",props:{title:{},position:{},attentionTick:{default:0}},emits:["restore"],setup(l,{emit:d}){const a=l,s=d,m=e.computed(()=>a.title||"弹窗"),g=e.computed(()=>`恢复 ${m.value}`),n=e.computed(()=>({position:"fixed",right:`${a.position.right}px`,bottom:`${a.position.bottom}px`})),t=e.ref(!1);let r;e.watch(()=>a.attentionTick,(o,i)=>{i===void 0||o===i||(t.value=!1,window.clearTimeout(r),window.requestAnimationFrame(()=>{t.value=!0,r=window.setTimeout(()=>{t.value=!1},580)}))}),e.onUnmounted(()=>{window.clearTimeout(r)});function u(){s("restore")}return(o,i)=>{const z=e.resolveComponent("el-icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:e.normalizeClass(["g-dialog-minimized-icon",{"is-attention":t.value}]),type:"button",style:e.normalizeStyle(n.value),title:g.value,"aria-label":g.value,onClick:u},[i[0]||(i[0]=e.createElementVNode("span",{class:"g-dialog-minimized-icon__glow","aria-hidden":"true"},null,-1)),i[1]||(i[1]=e.createElementVNode("span",{class:"g-dialog-minimized-icon__wave","aria-hidden":"true"},null,-1)),e.createElementVNode("span",P,[e.createVNode(z,null,{default:e.withCtx(()=>[e.createVNode(e.unref(_.chat_dot_round_default))]),_:1})]),e.createElementVNode("span",R,e.toDisplayString(m.value),1)],14,H)])}}}),v=k._export_sfc(L,[["__scopeId","data-v-5195816e"]]),q={class:"g-dialog-header"},U={class:"g-dialog-title"},W={class:"g-dialog-operation-container","aria-label":"弹窗操作"},Y=["onClick"],j=e.defineComponent({name:"GDialog",inheritAttrs:!1,__name:"index",props:{title:{default:""},size:{default:"medium"},modelValue:{type:Boolean}},emits:["cancel","reset","save","minimize","update:modelValue"],setup(l,{emit:d}){const a=l,s=d,m=e.computed(()=>a.modelValue);function g(c){s("update:modelValue",c)}const n=e.useId?e.useId():`g-dialog-${Date.now()}-${Math.random().toString(36).slice(2)}`,t=I(),r=e.ref(!1),u=e.ref(!0),o=e.ref(0),i=e.ref(!1),z=e.computed(()=>t?t.dialogs.get(n)?.isMinimized??!1:r.value),C=e.computed(()=>t?t.dialogs.get(n)?.attentionTick??0:o.value),N=e.computed(()=>t?!(t.dialogs.get(n)?.isMinimized??!1):u.value),w=e.computed(()=>t?t.getPosition(n).value:{right:20,bottom:20});e.onMounted(()=>{t?.register({id:n,title:a.title,isMinimized:!1})}),e.onUnmounted(()=>{t?.unregister(n)}),e.watch(()=>a.title,c=>{if(t){const f=t.dialogs.get(n);f&&(f.title=c)}}),e.watch(()=>a.modelValue,c=>{if(c===!1){if(i.value){i.value=!1;return}t?t.restore(n):(u.value=!0,r.value=!1)}c===!0&&(t?.dialogs.get(n)?.isMinimized?t.remindMinimized(n):r.value&&(o.value+=1))});const O=e.computed(()=>a.size in h?h[a.size]:a.size);function b(){s("cancel")}function D(){s("reset")}function S(){s("save")}const T=e.ref(!1),G=()=>{T.value=!T.value},y=()=>{if(i.value=!0,t)t.minimize(n);else{if(r.value){o.value+=1,s("minimize",{id:n});return}u.value=!1,r.value=!0}s("update:modelValue",!1),s("minimize",{id:n})},x=()=>{t?t.restore(n):(u.value=!0,r.value=!1),s("update:modelValue",!0)};return(c,f)=>{const M=e.resolveComponent("el-button"),A=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[N.value?(e.openBlock(),e.createBlock(A,e.mergeProps({key:0},c.$attrs,{"model-value":m.value,width:O.value,"lock-scroll":!1,"show-close":!1,fullscreen:T.value,"onUpdate:modelValue":g}),{header:e.withCtx(({close:F})=>[e.createElementVNode("div",q,[e.createElementVNode("p",U,e.toDisplayString(c.title),1),e.createElementVNode("div",W,[e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--full-screen","aria-label":"最大化",onClick:y}),e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--minimize","aria-label":"最小化",onClick:G}),e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--close","aria-label":"关闭",onClick:F},null,8,Y)])])]),footer:e.withCtx(()=>[e.createVNode(M,{onClick:b,size:"small",icon:e.unref(_.remove_default)},{default:e.withCtx(()=>f[0]||(f[0]=[e.createTextVNode(" 取消 ")])),_:1,__:[0]},8,["icon"]),e.createVNode(M,{onClick:D,size:"small",icon:e.unref(_.refresh_default)},{default:e.withCtx(()=>f[1]||(f[1]=[e.createTextVNode(" 重置 ")])),_:1,__:[1]},8,["icon"]),e.createVNode(M,{type:"primary",onClick:S,size:"small",icon:e.unref(_.circle_check_default)},{default:e.withCtx(()=>f[2]||(f[2]=[e.createTextVNode(" 保存 ")])),_:1,__:[2]},8,["icon"]),e.renderSlot(c.$slots,"moreOperations",{},void 0,!0)]),default:e.withCtx(()=>[e.renderSlot(c.$slots,"default",{},void 0,!0)]),_:3},16,["model-value","width","fullscreen"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(v,{key:1,title:c.title,position:w.value,"attention-tick":C.value,onRestore:x},null,8,["title","position","attention-tick"])):e.createCommentVNode("",!0)])}}}),p=k._export_sfc(j,[["__scopeId","data-v-1e2f8946"]]);p.install=l=>{l.component(p.name,p),l.component(v.name,v)};exports.DIALOG_MANAGER_KEY=E;exports.GDialog=p;exports.GDialogMinimizedIcon=v;exports.createDialogManager=$;exports.default=p;exports.useDialogManager=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../index-B1MYKy3L.js"),S=require("../_plugin-vue_export-helper-BHFhmbuH.js"),N=Symbol("GDialogManager"),M={small:"380px",medium:"480px",large:"580px"},T={ICON_WIDTH:92,ICON_HEIGHT:34,GAP:8,BOTTOM_OFFSET:18,RIGHT_OFFSET:18,MAX_PER_ROW:8};function q(s){const m=new Map,{ICON_WIDTH:a,ICON_HEIGHT:r,GAP:f,BOTTOM_OFFSET:g,RIGHT_OFFSET:l,MAX_PER_ROW:o}=T;return s.forEach((c,u)=>{const n=Math.floor(u/o),i=u%o;m.set(c,{right:l+i*(a+f),bottom:g+n*(r+f)})}),m}function W(){const s=e.reactive(new Map),m=e.computed(()=>{const n=[];return s.forEach(i=>{i.isMinimized&&n.push(i.id)}),n}),a=e.computed(()=>q(m.value));function r(n){s.set(n.id,{attentionTick:0,...n})}function f(n){s.delete(n)}function g(n){const i=s.get(n);if(i){if(i.isMinimized){i.attentionTick=(i.attentionTick??0)+1;return}i.isMinimized=!0}}function l(n){const i=s.get(n);i?.isMinimized&&(i.attentionTick=(i.attentionTick??0)+1)}function o(n){const i=s.get(n);i&&(i.isMinimized=!1)}function c(n){return e.computed(()=>a.value.get(n)??{right:T.RIGHT_OFFSET,bottom:T.BOTTOM_OFFSET})}const u=e.computed(()=>m.value.map(n=>s.get(n)).filter(Boolean));return{dialogs:s,register:r,unregister:f,minimize:g,remindMinimized:l,restore:o,getPosition:c,minimizedList:u}}function O(){return e.inject(N,null)}const Y=["title","aria-label"],Z={class:"g-dialog-minimized-icon__icon","aria-hidden":"true"},j={class:"g-dialog-minimized-icon__title"},K=e.defineComponent({name:"GDialogMinimizedIcon",__name:"GDialogMinimizedIcon",props:{title:{},position:{},attentionTick:{default:0}},emits:["restore"],setup(s,{emit:m}){const a=s,r=m,f=e.computed(()=>a.title||"弹窗"),g=e.computed(()=>`恢复 ${f.value}`),l=e.computed(()=>({position:"fixed",right:`${a.position.right}px`,bottom:`${a.position.bottom}px`})),o=e.ref(!1);let c;e.watch(()=>a.attentionTick,(n,i)=>{i===void 0||n===i||(o.value=!1,window.clearTimeout(c),window.requestAnimationFrame(()=>{o.value=!0,c=window.setTimeout(()=>{o.value=!1},580)}))}),e.onUnmounted(()=>{window.clearTimeout(c)});function u(){r("restore")}return(n,i)=>{const w=e.resolveComponent("el-icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:e.normalizeClass(["g-dialog-minimized-icon",{"is-attention":o.value}]),type:"button",style:e.normalizeStyle(l.value),title:g.value,"aria-label":g.value,onClick:u},[i[0]||(i[0]=e.createElementVNode("span",{class:"g-dialog-minimized-icon__glow","aria-hidden":"true"},null,-1)),i[1]||(i[1]=e.createElementVNode("span",{class:"g-dialog-minimized-icon__wave","aria-hidden":"true"},null,-1)),e.createElementVNode("span",Z,[e.createVNode(w,null,{default:e.withCtx(()=>[e.createVNode(e.unref(y.chat_dot_round_default))]),_:1})]),e.createElementVNode("span",j,e.toDisplayString(f.value),1)],14,Y)])}}}),C=S._export_sfc(K,[["__scopeId","data-v-5195816e"]]),X={class:"g-dialog-header"},J={class:"g-dialog-title"},Q={class:"g-dialog-operation-container","aria-label":"弹窗操作"},ee=["aria-label","title"],te=["onClick"],oe={class:"g-dialog-footer"},B="关闭",ie=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:m}){const a=s,r=m,f=e.computed(()=>a.modelValue);function g(t){r("update:modelValue",t)}const l=e.useId?e.useId():`g-dialog-${Date.now()}-${Math.random().toString(36).slice(2)}`,o=O(),c=e.ref(!1),u=e.ref(!0),n=e.ref(0),i=e.ref(!1),w=e.computed(()=>o?o.dialogs.get(l)?.isMinimized??!1:c.value),D=e.computed(()=>o?o.dialogs.get(l)?.attentionTick??0:n.value),G=e.computed(()=>o?!(o.dialogs.get(l)?.isMinimized??!1):u.value),A=e.computed(()=>o?o.getPosition(l).value:{right:20,bottom:20});e.onMounted(()=>{o?.register({id:l,title:a.title,isMinimized:!1})}),e.onUnmounted(()=>{o?.unregister(l)}),e.watch(()=>a.title,t=>{if(o){const p=o.dialogs.get(l);p&&(p.title=t)}}),e.watch(()=>a.modelValue,t=>{if(t===!1){if(i.value){i.value=!1;return}o?o.restore(l):(u.value=!0,c.value=!1)}t===!0&&(o?.dialogs.get(l)?.isMinimized?o.remindMinimized(l):c.value&&(n.value+=1))});const F=e.computed(()=>Object.prototype.hasOwnProperty.call(M,a.size)?M[a.size]:a.size);async function v(t){if(!a.beforeClose)return!0;try{return await a.beforeClose(t)!==!1}catch{return!1}}async function L(t){const p=await v("close");t(!p)}async function $(){await v("close")&&r("update:modelValue",!1)}async function b(){await v("cancel")&&r("cancel")}function V(){r("reset")}async function E(){await v("save")&&r("save")}const z=e.reactive({});async function R(t){if(await v("action")&&(r("action",t.key),!!t.onClick))try{const p=t.onClick();p instanceof Promise&&(z[t.key]=!0,await p)}finally{z[t.key]=!1}}const k=e.ref(!1),P=()=>{k.value=!k.value},I=e.computed(()=>k.value?"退出全屏":"全屏"),x=async()=>{if(await v("minimize")){if(i.value=!0,o)o.minimize(l);else{if(c.value){n.value+=1,r("minimize",{id:l});return}u.value=!1,c.value=!0}r("update:modelValue",!1),r("minimize",{id:l})}},H=()=>{o?o.restore(l):(u.value=!0,c.value=!1),r("update:modelValue",!0)};return(t,p)=>{const h=e.resolveComponent("el-button"),U=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[G.value?(e.openBlock(),e.createBlock(U,e.mergeProps({key:0},t.$attrs,{"model-value":f.value,width:F.value,"lock-scroll":!1,"show-close":!1,fullscreen:k.value,"before-close":L,class:"g-dialog","onUpdate:modelValue":g}),e.createSlots({header:e.withCtx(({close:d})=>[e.createElementVNode("div",X,[e.createElementVNode("p",J,e.toDisplayString(t.title),1),e.createElementVNode("div",Q,[e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--minimize","aria-label":"最小化",title:"最小化",onClick:x}),e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--fullscreen","aria-label":I.value,title:I.value,onClick:P},null,8,ee),e.createElementVNode("button",{type:"button",class:"g-dialog-control g-dialog-control--close","aria-label":B,title:B,onClick:d},null,8,te)])])]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:2},[t.hideFooter?void 0:{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"footer",{cancel:b,reset:V,save:E,close:$,loading:t.saveLoading},()=>[e.createElementVNode("div",oe,[t.actions&&t.actions.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.actions,d=>(e.openBlock(),e.createBlock(h,{key:d.key,type:d.type,icon:d.icon,loading:d.loading||z[d.key],disabled:d.disabled,plain:d.plain,size:"small",onClick:ne=>R(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["type","icon","loading","disabled","plain","onClick"]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.showCancel?(e.openBlock(),e.createBlock(h,{key:0,icon:e.unref(y.remove_default),size:"small",onClick:b},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),t.showReset?(e.openBlock(),e.createBlock(h,{key:1,icon:e.unref(y.refresh_default),size:"small",onClick:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.resetText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),t.showSave?(e.openBlock(),e.createBlock(h,{key:2,type:"primary",icon:e.unref(y.circle_check_default),loading:t.saveLoading,disabled:t.saveDisabled,size:"small",onClick:E},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.saveText),1)]),_:1},8,["icon","loading","disabled"])):e.createCommentVNode("",!0)],64)),e.renderSlot(t.$slots,"moreOperations",{},void 0,!0)])],!0)]),key:"0"}]),1040,["model-value","width","fullscreen"])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createBlock(C,{key:1,title:t.title,position:A.value,"attention-tick":D.value,onRestore:H},null,8,["title","position","attention-tick"])):e.createCommentVNode("",!0)])}}}),_=S._export_sfc(ie,[["__scopeId","data-v-4f1dc418"]]);_.install=s=>{s.component(_.name,_),s.component(C.name,C)};exports.DIALOG_MANAGER_KEY=N;exports.DIALOG_SIZES=M;exports.GDialog=_;exports.GDialogMinimizedIcon=C;exports.MINIMIZED_LAYOUT=T;exports.createDialogManager=W;exports.default=_;exports.useDialogManager=O;