@gopowerteam/modal-render 0.0.11 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +1 -1
- package/dist/es/index.mjs +95 -95
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const N=Symbol("__MODAL__");function F(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function w(o){return typeof o=="function"?o():e.unref(o)}const z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const W=Object.prototype.toString,I=o=>W.call(o)==="[object Object]",H=()=>{};function j(o,s={}){if(!e.isRef(o))return e.toRefs(o);const r=Array.isArray(o.value)?Array.from({length:o.value.length}):{};for(const t in o.value)r[t]=e.customRef(()=>({get(){return o.value[t]},set(a){var i;if((i=w(s.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const g=[...o.value];g[t]=a,o.value=g}else{const g={...o.value,[t]:a};Object.setPrototypeOf(g,Object.getPrototypeOf(o.value)),o.value=g}else o.value[t]=a}}));return r}function G(o){var s;const r=w(o);return(s=r==null?void 0:r.$el)!=null?s:r}const D=z?window:void 0;function A(...o){let s,r,t,a;if(typeof o[0]=="string"||Array.isArray(o[0])?([r,t,a]=o,s=D):[s,r,t,a]=o,!s)return H;Array.isArray(r)||(r=[r]),Array.isArray(t)||(t=[t]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},g=(m,h,l,f)=>(m.addEventListener(h,l,f),()=>m.removeEventListener(h,l,f)),C=e.watch(()=>[G(s),w(a)],([m,h])=>{if(p(),!m)return;const l=I(h)?{...h}:h;i.push(...r.flatMap(f=>t.map(c=>g(m,f,c,l))))},{immediate:!0,flush:"post"}),E=()=>{C(),p()};return F(E),E}function K(o,s={}){var r,t;const{pointerTypes:a,preventDefault:i,stopPropagation:p,exact:g,onMove:C,onEnd:E,onStart:m,initialValue:h,axis:l="both",draggingElement:f=D,containerElement:c,handle:v=o}=s,d=e.ref((r=w(h))!=null?r:{x:0,y:0}),k=e.ref(),b=u=>a?a.includes(u.pointerType):!0,x=u=>{w(i)&&u.preventDefault(),w(p)&&u.stopPropagation()},V=u=>{var M;if(!b(u)||w(g)&&u.target!==w(o))return;const _=w(c),B=(M=_==null?void 0:_.getBoundingClientRect)==null?void 0:M.call(_),n=w(o).getBoundingClientRect(),y={x:u.clientX-(_?n.left-B.left:n.left),y:u.clientY-(_?n.top-B.top:n.top)};(m==null?void 0:m(y,u))!==!1&&(k.value=y,x(u))},$=u=>{var M;if(!b(u)||!k.value)return;const _=w(c),B=(M=_==null?void 0:_.getBoundingClientRect)==null?void 0:M.call(_),n=w(o).getBoundingClientRect();let{x:y,y:S}=d.value;(l==="x"||l==="both")&&(y=u.clientX-k.value.x,_&&(y=Math.min(Math.max(0,y),B.width-n.width))),(l==="y"||l==="both")&&(S=u.clientY-k.value.y,_&&(S=Math.min(Math.max(0,S),B.height-n.height))),d.value={x:y,y:S},C==null||C(d.value,u),x(u)},P=u=>{b(u)&&k.value&&(k.value=void 0,E==null||E(d.value,u),x(u))};if(z){const u={capture:(t=s.capture)!=null?t:!0};A(v,"pointerdown",V,u),A(f,"pointermove",$,u),A(f,"pointerup",P,u)}return{...j(d),position:d,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${d.value.x}px;top:${d.value.y}px;`)}}const X=o=>(e.pushScopeId("data-v-88c1701f"),o=o(),e.popScopeId(),o),Y={class:"title font-bold"},q={class:"action"},U={key:1,class:"modal-footer space-x-2"},J=["form"],Q={key:2,class:"modal-loading"},Z=X(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),ee=[Z],te={name:"ModalContainer",inheritAttrs:!0},oe=e.defineComponent({...te,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{},sizes:{},size:{default:"middle"},fullscreen:{type:Boolean},title:{},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},esc:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},mode:{default:"dialog"},type:{},offset:{}},emits:["submit"],setup(o,{expose:s,emit:r}){const t=o,a=r,i=e.inject(N),p=e.ref(!1);let g=0,C=0;const E=e.shallowRef(),m=e.shallowRef(),h=e.shallowRef(),{x:l,y:f}=K(h,{initialValue:{x:0,y:0}});function c(){i==null||i.close(t.id)}function v(n){if(typeof n=="number")return`${n}px`;if(typeof n=="string")return n}const d=e.computed(()=>{const n={};return t.mode==="dialog"&&(n.justifyContent="center"),t.mode==="drawer"&&(n.justifyContent="flex-end"),n}),k=e.computed(()=>{const n={};return t.size&&(n.width=v(t.sizes[t.size])),t.width&&(n.width=v(t.width)),t.maxWidth&&(n.maxWidth=v(t.maxWidth)),t.fullscreen&&(n.maxWidth="unset",n.width="100%",n.position="fixed",n.top=0,n.left=0,n.bottom=0,n.right=0,n.borderRadius=0),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(n.transform=`translate3d(${l.value-g}px, ${f.value-C}px, 0px)`),t.mode==="drawer"&&(n.borderRadius=0),t.offset&&t.mode==="dialog"&&(n.marginLeft=`${t.offset.x||0}px`,n.marginTop=`${t.offset.y||0}px`),n}),b=e.computed(()=>{const n={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(n.cursor="move"),n}),x=e.computed(()=>{var y;const n={};return t.maxHeight&&(n.maxHeight=`calc(${(y=v(t.maxHeight))==null?void 0:y.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(n.maxHeight="unset",n.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(n.maxHeight="unset",n.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.type!=="component"&&(n.padding="0"),n});function V(){const n=m.value;if(t.form&&n){const y=n.querySelector(`form[name="${t.form}"]`);y&&y.dispatchEvent(new Event("submit"))}a("submit")}function $(){i==null||i.close(t.id)}function P(){window&&window.addEventListener("resize",()=>{e.triggerRef(E),e.triggerRef(m),m.value&&(g=m.value.offsetLeft,C=m.value.offsetTop)})}function u(){if(t.closeable&&t.esc){const n=({key:y})=>{y==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",n))};window.addEventListener("keydown",n)}}function M(){g=m.value.offsetLeft,C=m.value.offsetTop}e.onMounted(()=>{u(),P()}),e.onUnmounted(()=>{});function _(){return p.value=!0,()=>B()}function B(){p.value=!1}return s({showLoading:_,hideLoading:B}),(n,y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:E,class:"modal-wrapper",style:e.normalizeStyle(d.value),onClick:y[0]||(y[0]=e.withModifiers(S=>n.maskClosable&&c(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:m,class:e.normalizeClass(["modal-content",{[`${n.mode}-mode`]:!0}]),style:e.normalizeStyle(k.value)},[n.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:h,class:"modal-header",style:e.normalizeStyle(b.value),onMousedown:M},[e.createElementVNode("div",Y,e.toDisplayString(n.title),1),e.createElementVNode("div",q,[n.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:c})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(x.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.guardReactiveProps(n.componentProps)),null,16))],4),n.footer?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",{class:"submit-button",form:n.form,type:"submit",onClick:V}," 确定 ",8,J),e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:$}," 取消 ")])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",Q,ee)):e.createCommentVNode("",!0)],6)],4))}});const R=(o,s)=>{const r=o.__vccOpts||o;for(const[t,a]of s)r[t]=a;return r},T=R(oe,[["__scopeId","data-v-88c1701f"]]),ne={class:"modal-dialog"},re={class:"dialog-body"},ie={class:"dialog-title"},le={class:"dialog-content"},se=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(o){const s=o,r=O(),t=e.computed(()=>s.title?s.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[s.type]);async function a(){s.onOk&&await s.onOk(),r.close()}async function i(){s.onCancel&&await s.onCancel(),r.close()}return(p,g)=>(e.openBlock(),e.createElementBlock("section",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,e.toDisplayString(t.value),1),e.createElementVNode("div",le,e.toDisplayString(p.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(p.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[p.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:a},e.toDisplayString(p.okText),1),p.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:i},e.toDisplayString(p.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const ae=R(se,[["__scopeId","data-v-8326e5a5"]]),ce={key:0,class:"modal-teleport"},de={name:"ModalProvider",inheritAttrs:!0},ue=e.defineComponent({...de,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"80%"},maxHeight:{default:"80%"},offset:{default:()=>({x:0,y:0})}},setup(o,{expose:s}){const r=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();function i(l,f={},c={}){const v=e.defineAsyncComponent(()=>Promise.resolve(typeof l=="string"?ae:l));typeof l=="string"&&(f.type=l,c.size="small",c.fullscreen=!1,c.mode="dialog",c.footer=!1,c.header=!1);const d=Math.random().toString(32).slice(2),k=new Promise((b,x)=>{r.value.push({id:d,component:v,props:f||{},options:{...c,type:typeof l=="string"?l:"component"},resolve:b,reject:x,listeners:[]}),e.triggerRef(r)}).catch(b=>b==="CANCEL"?new Promise(()=>{}):Promise.reject(b));return Object.assign(k,{close:()=>p(d)})}function p(l,f){const c=r.value.findIndex(d=>d.id===l);if(c<0)return;const v=r.value[c];f===void 0?v==null||v.reject("CANCEL"):v==null||v.resolve(f),r.value.splice(c,1),e.triggerRef(r)}function g(){r.value.forEach(l=>{l.resolve()}),r.value=[],e.triggerRef(r)}function C(l,f){const c=r.value.find(d=>d.id===l);if(!c)return;const v=c.listeners.find(d=>d.event===f);v&&v.callback({open:i,close:d=>p(c.id,d),closeAll:g,showLoading:()=>E(c.id),hideLoading:()=>m(c.id),confirm:d=>i("confirm",d),success:d=>i("success",d),error:d=>i("error",d),warning:d=>i("warning",d),info:d=>i("info",d)})}function E(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.showLoading()}function m(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.hideLoading()}function h(l,f,c){const v=r.value.find(d=>d.id===l);v&&v.listeners.push({event:f,callback:c})}return e.provide(N,{open:i,close:p,closeAll:g,addEventListener:h}),s({elements:r,open:i}),e.onMounted(()=>{t.value=!0}),(l,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(l.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!l.appendToBody,to:typeof l.appendToBody=="string"?l.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,c=>(e.openBlock(),e.createBlock(T,e.mergeProps({id:c.id,key:c.id,ref_for:!0,ref:`modal-container_${c.id}`,component:c.component,"component-props":c.props,"max-height":l.maxHeight,"max-width":l.maxWidth,offset:l.offset,sizes:l.sizes},c.options,{onSubmit:()=>C(c.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","offset","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const fe=R(ue,[["__scopeId","data-v-9b4a189e"]]);function L(o,s){var t,a;let r=o==null?void 0:o.parent;for(;r&&((t=r==null?void 0:r.type)==null?void 0:t.name)!==s;)r=r.parent;return((a=r==null?void 0:r.type)==null?void 0:a.name)===s?r:null}function O(){const o=e.inject(N),s=e.getCurrentInstance();function r(t,a,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,a,i)}return{open:r,close(t){var p;if(!o)throw new Error("Not Found Modal Provider Component");const a=L(s,"ModalContainer"),i=(p=a==null?void 0:a.props)==null?void 0:p.id;if(!i)throw new Error("Not Found Current Modal Container");o.close(i,t)},closeAll(){if(!o)throw new Error("Not Found Modal Provider Component");o.closeAll()},showLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=L(s,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.showLoading())},hideLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=L(s,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.hideLoading())},confirm(t){return this.open("confirm",t)},info(t){return this.open("info",t)},error(t){return this.open("error",t)},warning(t){return this.open("warning",t)},success(t){return this.open("success",t)}}}function pe(o){var i;const s=e.inject(N),r=e.getCurrentInstance(),t=L(r,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&a&&s.addEventListener(a,"submit",o)}exports.ModalContainer=T;exports.ModalKey=N;exports.ModalProvider=fe;exports.onSubmit=pe;exports.useModal=O;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const N=Symbol("__MODAL__");function F(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function w(n){return typeof n=="function"?n():e.unref(n)}const z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const W=Object.prototype.toString,I=n=>W.call(n)==="[object Object]",H=()=>{};function j(n,s={}){if(!e.isRef(n))return e.toRefs(n);const r=Array.isArray(n.value)?Array.from({length:n.value.length}):{};for(const t in n.value)r[t]=e.customRef(()=>({get(){return n.value[t]},set(a){var i;if((i=w(s.replaceRef))!=null?i:!0)if(Array.isArray(n.value)){const g=[...n.value];g[t]=a,n.value=g}else{const g={...n.value,[t]:a};Object.setPrototypeOf(g,Object.getPrototypeOf(n.value)),n.value=g}else n.value[t]=a}}));return r}function G(n){var s;const r=w(n);return(s=r==null?void 0:r.$el)!=null?s:r}const D=z?window:void 0;function A(...n){let s,r,t,a;if(typeof n[0]=="string"||Array.isArray(n[0])?([r,t,a]=n,s=D):[s,r,t,a]=n,!s)return H;Array.isArray(r)||(r=[r]),Array.isArray(t)||(t=[t]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},g=(m,h,l,f)=>(m.addEventListener(h,l,f),()=>m.removeEventListener(h,l,f)),C=e.watch(()=>[G(s),w(a)],([m,h])=>{if(p(),!m)return;const l=I(h)?{...h}:h;i.push(...r.flatMap(f=>t.map(c=>g(m,f,c,l))))},{immediate:!0,flush:"post"}),b=()=>{C(),p()};return F(b),b}function K(n,s={}){var r,t;const{pointerTypes:a,preventDefault:i,stopPropagation:p,exact:g,onMove:C,onEnd:b,onStart:m,initialValue:h,axis:l="both",draggingElement:f=D,containerElement:c,handle:v=n}=s,d=e.ref((r=w(h))!=null?r:{x:0,y:0}),k=e.ref(),E=u=>a?a.includes(u.pointerType):!0,x=u=>{w(i)&&u.preventDefault(),w(p)&&u.stopPropagation()},V=u=>{var M;if(!E(u)||w(g)&&u.target!==w(n))return;const _=w(c),B=(M=_==null?void 0:_.getBoundingClientRect)==null?void 0:M.call(_),o=w(n).getBoundingClientRect(),y={x:u.clientX-(_?o.left-B.left:o.left),y:u.clientY-(_?o.top-B.top:o.top)};(m==null?void 0:m(y,u))!==!1&&(k.value=y,x(u))},$=u=>{var M;if(!E(u)||!k.value)return;const _=w(c),B=(M=_==null?void 0:_.getBoundingClientRect)==null?void 0:M.call(_),o=w(n).getBoundingClientRect();let{x:y,y:S}=d.value;(l==="x"||l==="both")&&(y=u.clientX-k.value.x,_&&(y=Math.min(Math.max(0,y),B.width-o.width))),(l==="y"||l==="both")&&(S=u.clientY-k.value.y,_&&(S=Math.min(Math.max(0,S),B.height-o.height))),d.value={x:y,y:S},C==null||C(d.value,u),x(u)},P=u=>{E(u)&&k.value&&(k.value=void 0,b==null||b(d.value,u),x(u))};if(z){const u={capture:(t=s.capture)!=null?t:!0};A(v,"pointerdown",V,u),A(f,"pointermove",$,u),A(f,"pointerup",P,u)}return{...j(d),position:d,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${d.value.x}px;top:${d.value.y}px;`)}}const X=n=>(e.pushScopeId("data-v-07b9748a"),n=n(),e.popScopeId(),n),Y={class:"title font-bold"},q={class:"action"},U={key:1,class:"modal-footer space-x-2"},J=["form"],Q={key:2,class:"modal-loading"},Z=X(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),ee=[Z],te={name:"ModalContainer",inheritAttrs:!0},oe=e.defineComponent({...te,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{},sizes:{},size:{default:"middle"},fullscreen:{type:Boolean},title:{},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},esc:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},mode:{default:"dialog"},type:{},offset:{}},emits:["submit"],setup(n,{expose:s,emit:r}){const t=n,a=r,i=e.inject(N),p=e.ref(!1);let g=0,C=0;const b=e.shallowRef(),m=e.shallowRef(),h=e.shallowRef(),{x:l,y:f}=K(h,{initialValue:{x:0,y:0}});function c(){i==null||i.close(t.id)}function v(o){if(typeof o=="number")return`${o}px`;if(typeof o=="string")return o}const d=e.computed(()=>{const o={};return t.mode==="dialog"&&(o.justifyContent="center"),t.mode==="drawer"&&(o.justifyContent="flex-end"),o}),k=e.computed(()=>{const o={};return t.size&&(o.width=v(t.sizes[t.size])),t.width&&(o.width=v(t.width)),t.maxWidth&&(o.maxWidth=v(t.maxWidth)),t.fullscreen&&(o.maxWidth="unset",o.width="100%",o.position="fixed",o.top=0,o.left=0,o.bottom=0,o.right=0,o.borderRadius=0),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(o.transform=`translate3d(${l.value-g}px, ${f.value-C}px, 0px)`),t.mode==="drawer"&&(o.borderRadius=0,o.height="100%"),t.offset&&t.mode==="dialog"&&(o.marginLeft=`${t.offset.x||0}px`,o.marginTop=`${t.offset.y||0}px`),o}),E=e.computed(()=>{const o={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(o.cursor="move"),o}),x=e.computed(()=>{var y;const o={};return t.maxHeight&&(o.maxHeight=`calc(${(y=v(t.maxHeight))==null?void 0:y.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(o.maxHeight="unset",o.height=`calc(100% - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(o.maxHeight="unset",o.height=`calc(100% - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.type!=="component"&&(o.padding="0"),o});function V(){const o=m.value;if(t.form&&o){const y=o.querySelector(`form[name="${t.form}"]`);y&&y.dispatchEvent(new Event("submit"))}a("submit")}function $(){i==null||i.close(t.id)}function P(){window&&window.addEventListener("resize",()=>{e.triggerRef(b),e.triggerRef(m),m.value&&(g=m.value.offsetLeft,C=m.value.offsetTop)})}function u(){if(t.closeable&&t.esc){const o=({key:y})=>{y==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",o))};window.addEventListener("keydown",o)}}function M(){g=m.value.offsetLeft,C=m.value.offsetTop}e.onMounted(()=>{u(),P()}),e.onUnmounted(()=>{});function _(){return p.value=!0,()=>B()}function B(){p.value=!1}return s({showLoading:_,hideLoading:B}),(o,y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:b,class:"modal-wrapper",style:e.normalizeStyle(d.value),onClick:y[0]||(y[0]=e.withModifiers(S=>o.maskClosable&&c(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:m,class:e.normalizeClass(["modal-content",{[`${o.mode}-mode`]:!0}]),style:e.normalizeStyle(k.value)},[o.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:h,class:"modal-header",style:e.normalizeStyle(E.value),onMousedown:M},[e.createElementVNode("div",Y,e.toDisplayString(o.title),1),e.createElementVNode("div",q,[o.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:c})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(x.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.normalizeProps(e.guardReactiveProps(o.componentProps)),null,16))],4),o.footer?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",{class:"submit-button",form:o.form,type:"submit",onClick:V}," 确定 ",8,J),e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:$}," 取消 ")])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",Q,ee)):e.createCommentVNode("",!0)],6)],4))}});const R=(n,s)=>{const r=n.__vccOpts||n;for(const[t,a]of s)r[t]=a;return r},T=R(oe,[["__scopeId","data-v-07b9748a"]]),ne={class:"modal-dialog"},re={class:"dialog-body"},ie={class:"dialog-title"},le={class:"dialog-content"},se=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(n){const s=n,r=O(),t=e.computed(()=>s.title?s.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[s.type]);async function a(){s.onOk&&await s.onOk(),r.close()}async function i(){s.onCancel&&await s.onCancel(),r.close()}return(p,g)=>(e.openBlock(),e.createElementBlock("section",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,e.toDisplayString(t.value),1),e.createElementVNode("div",le,e.toDisplayString(p.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(p.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[p.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:a},e.toDisplayString(p.okText),1),p.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:i},e.toDisplayString(p.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const ae=R(se,[["__scopeId","data-v-8326e5a5"]]),ce={key:0,class:"modal-teleport"},de={name:"ModalProvider",inheritAttrs:!0},ue=e.defineComponent({...de,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"80%"},maxHeight:{default:"80%"},offset:{default:()=>({x:0,y:0})}},setup(n,{expose:s}){const r=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();function i(l,f={},c={}){const v=e.defineAsyncComponent(()=>Promise.resolve(typeof l=="string"?ae:l));typeof l=="string"&&(f.type=l,c.size="small",c.fullscreen=!1,c.mode="dialog",c.footer=!1,c.header=!1);const d=Math.random().toString(32).slice(2),k=new Promise((E,x)=>{r.value.push({id:d,component:v,props:f||{},options:{...c,type:typeof l=="string"?l:"component"},resolve:E,reject:x,listeners:[]}),e.triggerRef(r)}).catch(E=>E==="CANCEL"?new Promise(()=>{}):Promise.reject(E));return Object.assign(k,{close:()=>p(d)})}function p(l,f){const c=r.value.findIndex(d=>d.id===l);if(c<0)return;const v=r.value[c];f===void 0?v==null||v.reject("CANCEL"):v==null||v.resolve(f),r.value.splice(c,1),e.triggerRef(r)}function g(){r.value.forEach(l=>{l.resolve()}),r.value=[],e.triggerRef(r)}function C(l,f){const c=r.value.find(d=>d.id===l);if(!c)return;const v=c.listeners.find(d=>d.event===f);v&&v.callback({open:i,close:d=>p(c.id,d),closeAll:g,showLoading:()=>b(c.id),hideLoading:()=>m(c.id),confirm:d=>i("confirm",d),success:d=>i("success",d),error:d=>i("error",d),warning:d=>i("warning",d),info:d=>i("info",d)})}function b(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.showLoading()}function m(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.hideLoading()}function h(l,f,c){const v=r.value.find(d=>d.id===l);v&&v.listeners.push({event:f,callback:c})}return e.provide(N,{open:i,close:p,closeAll:g,addEventListener:h}),s({elements:r,open:i}),e.onMounted(()=>{t.value=!0}),(l,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(l.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!l.appendToBody,to:typeof l.appendToBody=="string"?l.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,c=>(e.openBlock(),e.createBlock(T,e.mergeProps({id:c.id,key:c.id,ref_for:!0,ref:`modal-container_${c.id}`,component:c.component,"component-props":c.props,"max-height":l.maxHeight,"max-width":l.maxWidth,offset:l.offset,sizes:l.sizes},c.options,{onSubmit:()=>C(c.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","offset","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const fe=R(ue,[["__scopeId","data-v-9b4a189e"]]);function L(n,s){var t,a;let r=n==null?void 0:n.parent;for(;r&&((t=r==null?void 0:r.type)==null?void 0:t.name)!==s;)r=r.parent;return((a=r==null?void 0:r.type)==null?void 0:a.name)===s?r:null}function O(){const n=e.inject(N),s=e.getCurrentInstance();function r(t,a,i){if(!n)throw new Error("Not Found Modal Provider Component");return n.open(t,a,i)}return{open:r,close(t){var p;if(!n)throw new Error("Not Found Modal Provider Component");const a=L(s,"ModalContainer"),i=(p=a==null?void 0:a.props)==null?void 0:p.id;if(!i)throw new Error("Not Found Current Modal Container");n.close(i,t)},closeAll(){if(!n)throw new Error("Not Found Modal Provider Component");n.closeAll()},showLoading(){var i;if(!n)throw new Error("Not Found Modal Provider Component");const t=L(s,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.showLoading())},hideLoading(){var i;if(!n)throw new Error("Not Found Modal Provider Component");const t=L(s,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.hideLoading())},confirm(t){return this.open("confirm",t)},info(t){return this.open("info",t)},error(t){return this.open("error",t)},warning(t){return this.open("warning",t)},success(t){return this.open("success",t)}}}function pe(n){var i;const s=e.inject(N),r=e.getCurrentInstance(),t=L(r,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&a&&s.addEventListener(a,"submit",n)}exports.ModalContainer=T;exports.ModalKey=N;exports.ModalProvider=fe;exports.onSubmit=pe;exports.useModal=O;
|
package/dist/es/index.mjs
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { unref as ee, isRef as te, toRefs as oe, customRef as ne, getCurrentScope as ie, onScopeDispose as re, ref as N, computed as A, watch as se, defineComponent as Y, inject as j, shallowRef as R, onMounted as U, onUnmounted as le, openBlock as g, createElementBlock as x, normalizeStyle as T, withModifiers as ae, createElementVNode as y, normalizeClass as de, toDisplayString as z, createCommentVNode as P, createBlock as W, resolveDynamicComponent as J, normalizeProps as ce, guardReactiveProps as ue, triggerRef as O, pushScopeId as fe, popScopeId as pe, Fragment as X, getCurrentInstance as K, provide as me, renderSlot as ve, Teleport as he, createVNode as ye, TransitionGroup as ge, withCtx as _e, renderList as we, mergeProps as
|
|
1
|
+
import { unref as ee, isRef as te, toRefs as oe, customRef as ne, getCurrentScope as ie, onScopeDispose as re, ref as N, computed as A, watch as se, defineComponent as Y, inject as j, shallowRef as R, onMounted as U, onUnmounted as le, openBlock as g, createElementBlock as x, normalizeStyle as T, withModifiers as ae, createElementVNode as y, normalizeClass as de, toDisplayString as z, createCommentVNode as P, createBlock as W, resolveDynamicComponent as J, normalizeProps as ce, guardReactiveProps as ue, triggerRef as O, pushScopeId as fe, popScopeId as pe, Fragment as X, getCurrentInstance as K, provide as me, renderSlot as ve, Teleport as he, createVNode as ye, TransitionGroup as ge, withCtx as _e, renderList as we, mergeProps as be, defineAsyncComponent as Ce } from "vue";
|
|
2
2
|
const F = Symbol("__MODAL__");
|
|
3
|
-
function xe(
|
|
4
|
-
return ie() ? (re(
|
|
3
|
+
function xe(o) {
|
|
4
|
+
return ie() ? (re(o), !0) : !1;
|
|
5
5
|
}
|
|
6
|
-
function
|
|
7
|
-
return typeof
|
|
6
|
+
function b(o) {
|
|
7
|
+
return typeof o == "function" ? o() : ee(o);
|
|
8
8
|
}
|
|
9
9
|
const Q = typeof window < "u" && typeof document < "u";
|
|
10
10
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
11
|
-
const ke = Object.prototype.toString, Me = (
|
|
11
|
+
const ke = Object.prototype.toString, Me = (o) => ke.call(o) === "[object Object]", Ee = () => {
|
|
12
12
|
};
|
|
13
|
-
function Le(
|
|
14
|
-
if (!te(
|
|
15
|
-
return oe(
|
|
16
|
-
const n = Array.isArray(
|
|
17
|
-
for (const e in
|
|
13
|
+
function Le(o, s = {}) {
|
|
14
|
+
if (!te(o))
|
|
15
|
+
return oe(o);
|
|
16
|
+
const n = Array.isArray(o.value) ? Array.from({ length: o.value.length }) : {};
|
|
17
|
+
for (const e in o.value)
|
|
18
18
|
n[e] = ne(() => ({
|
|
19
19
|
get() {
|
|
20
|
-
return
|
|
20
|
+
return o.value[e];
|
|
21
21
|
},
|
|
22
22
|
set(l) {
|
|
23
23
|
var i;
|
|
24
|
-
if ((i =
|
|
25
|
-
if (Array.isArray(
|
|
26
|
-
const h = [...
|
|
27
|
-
h[e] = l,
|
|
24
|
+
if ((i = b(s.replaceRef)) != null ? i : !0)
|
|
25
|
+
if (Array.isArray(o.value)) {
|
|
26
|
+
const h = [...o.value];
|
|
27
|
+
h[e] = l, o.value = h;
|
|
28
28
|
} else {
|
|
29
|
-
const h = { ...
|
|
30
|
-
Object.setPrototypeOf(h, Object.getPrototypeOf(
|
|
29
|
+
const h = { ...o.value, [e]: l };
|
|
30
|
+
Object.setPrototypeOf(h, Object.getPrototypeOf(o.value)), o.value = h;
|
|
31
31
|
}
|
|
32
32
|
else
|
|
33
|
-
|
|
33
|
+
o.value[e] = l;
|
|
34
34
|
}
|
|
35
35
|
}));
|
|
36
36
|
return n;
|
|
37
37
|
}
|
|
38
|
-
function Se(
|
|
38
|
+
function Se(o) {
|
|
39
39
|
var s;
|
|
40
|
-
const n =
|
|
40
|
+
const n = b(o);
|
|
41
41
|
return (s = n == null ? void 0 : n.$el) != null ? s : n;
|
|
42
42
|
}
|
|
43
43
|
const Z = Q ? window : void 0;
|
|
44
|
-
function G(...
|
|
44
|
+
function G(...o) {
|
|
45
45
|
let s, n, e, l;
|
|
46
|
-
if (typeof
|
|
46
|
+
if (typeof o[0] == "string" || Array.isArray(o[0]) ? ([n, e, l] = o, s = Z) : [s, n, e, l] = o, !s)
|
|
47
47
|
return Ee;
|
|
48
48
|
Array.isArray(n) || (n = [n]), Array.isArray(e) || (e = [e]);
|
|
49
49
|
const i = [], f = () => {
|
|
50
50
|
i.forEach((p) => p()), i.length = 0;
|
|
51
51
|
}, h = (p, _, r, u) => (p.addEventListener(_, r, u), () => p.removeEventListener(_, r, u)), k = se(
|
|
52
|
-
() => [Se(s),
|
|
52
|
+
() => [Se(s), b(l)],
|
|
53
53
|
([p, _]) => {
|
|
54
54
|
if (f(), !p)
|
|
55
55
|
return;
|
|
@@ -64,7 +64,7 @@ function G(...t) {
|
|
|
64
64
|
};
|
|
65
65
|
return xe(M), M;
|
|
66
66
|
}
|
|
67
|
-
function $e(
|
|
67
|
+
function $e(o, s = {}) {
|
|
68
68
|
var n, e;
|
|
69
69
|
const {
|
|
70
70
|
pointerTypes: l,
|
|
@@ -78,32 +78,32 @@ function $e(t, s = {}) {
|
|
|
78
78
|
axis: r = "both",
|
|
79
79
|
draggingElement: u = Z,
|
|
80
80
|
containerElement: a,
|
|
81
|
-
handle: m =
|
|
81
|
+
handle: m = o
|
|
82
82
|
} = s, d = N(
|
|
83
|
-
(n =
|
|
84
|
-
),
|
|
85
|
-
|
|
83
|
+
(n = b(_)) != null ? n : { x: 0, y: 0 }
|
|
84
|
+
), C = N(), E = (c) => l ? l.includes(c.pointerType) : !0, S = (c) => {
|
|
85
|
+
b(i) && c.preventDefault(), b(f) && c.stopPropagation();
|
|
86
86
|
}, H = (c) => {
|
|
87
87
|
var $;
|
|
88
|
-
if (!E(c) ||
|
|
88
|
+
if (!E(c) || b(h) && c.target !== b(o))
|
|
89
89
|
return;
|
|
90
|
-
const w =
|
|
91
|
-
x: c.clientX - (w ?
|
|
92
|
-
y: c.clientY - (w ?
|
|
90
|
+
const w = b(a), L = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), t = b(o).getBoundingClientRect(), v = {
|
|
91
|
+
x: c.clientX - (w ? t.left - L.left : t.left),
|
|
92
|
+
y: c.clientY - (w ? t.top - L.top : t.top)
|
|
93
93
|
};
|
|
94
|
-
(p == null ? void 0 : p(v, c)) !== !1 && (
|
|
94
|
+
(p == null ? void 0 : p(v, c)) !== !1 && (C.value = v, S(c));
|
|
95
95
|
}, I = (c) => {
|
|
96
96
|
var $;
|
|
97
|
-
if (!E(c) || !
|
|
97
|
+
if (!E(c) || !C.value)
|
|
98
98
|
return;
|
|
99
|
-
const w =
|
|
99
|
+
const w = b(a), L = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), t = b(o).getBoundingClientRect();
|
|
100
100
|
let { x: v, y: B } = d.value;
|
|
101
|
-
(r === "x" || r === "both") && (v = c.clientX -
|
|
101
|
+
(r === "x" || r === "both") && (v = c.clientX - C.value.x, w && (v = Math.min(Math.max(0, v), L.width - t.width))), (r === "y" || r === "both") && (B = c.clientY - C.value.y, w && (B = Math.min(Math.max(0, B), L.height - t.height))), d.value = {
|
|
102
102
|
x: v,
|
|
103
103
|
y: B
|
|
104
104
|
}, k == null || k(d.value, c), S(c);
|
|
105
105
|
}, V = (c) => {
|
|
106
|
-
E(c) &&
|
|
106
|
+
E(c) && C.value && (C.value = void 0, M == null || M(d.value, c), S(c));
|
|
107
107
|
};
|
|
108
108
|
if (Q) {
|
|
109
109
|
const c = { capture: (e = s.capture) != null ? e : !0 };
|
|
@@ -112,13 +112,13 @@ function $e(t, s = {}) {
|
|
|
112
112
|
return {
|
|
113
113
|
...Le(d),
|
|
114
114
|
position: d,
|
|
115
|
-
isDragging: A(() => !!
|
|
115
|
+
isDragging: A(() => !!C.value),
|
|
116
116
|
style: A(
|
|
117
117
|
() => `left:${d.value.x}px;top:${d.value.y}px;`
|
|
118
118
|
)
|
|
119
119
|
};
|
|
120
120
|
}
|
|
121
|
-
const Ae = (
|
|
121
|
+
const Ae = (o) => (fe("data-v-07b9748a"), o = o(), pe(), o), Pe = { class: "title font-bold" }, Be = { class: "action" }, Te = {
|
|
122
122
|
key: 1,
|
|
123
123
|
class: "modal-footer space-x-2"
|
|
124
124
|
}, ze = ["form"], Oe = {
|
|
@@ -159,8 +159,8 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
159
159
|
offset: {}
|
|
160
160
|
},
|
|
161
161
|
emits: ["submit"],
|
|
162
|
-
setup(
|
|
163
|
-
const e =
|
|
162
|
+
setup(o, { expose: s, emit: n }) {
|
|
163
|
+
const e = o, l = n, i = j(F), f = N(!1);
|
|
164
164
|
let h = 0, k = 0;
|
|
165
165
|
const M = R(), p = R(), _ = R(), { x: r, y: u } = $e(_, {
|
|
166
166
|
initialValue: { x: 0, y: 0 }
|
|
@@ -168,30 +168,30 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
168
168
|
function a() {
|
|
169
169
|
i == null || i.close(e.id);
|
|
170
170
|
}
|
|
171
|
-
function m(
|
|
172
|
-
if (typeof
|
|
173
|
-
return `${
|
|
174
|
-
if (typeof
|
|
175
|
-
return
|
|
171
|
+
function m(t) {
|
|
172
|
+
if (typeof t == "number")
|
|
173
|
+
return `${t}px`;
|
|
174
|
+
if (typeof t == "string")
|
|
175
|
+
return t;
|
|
176
176
|
}
|
|
177
177
|
const d = A(() => {
|
|
178
|
-
const
|
|
179
|
-
return e.mode === "dialog" && (
|
|
180
|
-
}),
|
|
181
|
-
const
|
|
182
|
-
return e.size && (
|
|
178
|
+
const t = {};
|
|
179
|
+
return e.mode === "dialog" && (t.justifyContent = "center"), e.mode === "drawer" && (t.justifyContent = "flex-end"), t;
|
|
180
|
+
}), C = A(() => {
|
|
181
|
+
const t = {};
|
|
182
|
+
return e.size && (t.width = m(e.sizes[e.size])), e.width && (t.width = m(e.width)), e.maxWidth && (t.maxWidth = m(e.maxWidth)), e.fullscreen && (t.maxWidth = "unset", t.width = "100%", t.position = "fixed", t.top = 0, t.left = 0, t.bottom = 0, t.right = 0, t.borderRadius = 0), e.draggable && !e.fullscreen && e.mode === "dialog" && (t.transform = `translate3d(${r.value - h}px, ${u.value - k}px, 0px)`), e.mode === "drawer" && (t.borderRadius = 0, t.height = "100%"), e.offset && e.mode === "dialog" && (t.marginLeft = `${e.offset.x || 0}px`, t.marginTop = `${e.offset.y || 0}px`), t;
|
|
183
183
|
}), E = A(() => {
|
|
184
|
-
const
|
|
185
|
-
return e.draggable && !e.fullscreen && e.mode === "dialog" && (
|
|
184
|
+
const t = {};
|
|
185
|
+
return e.draggable && !e.fullscreen && e.mode === "dialog" && (t.cursor = "move"), t;
|
|
186
186
|
}), S = A(() => {
|
|
187
187
|
var v;
|
|
188
|
-
const
|
|
189
|
-
return e.maxHeight && (
|
|
188
|
+
const t = {};
|
|
189
|
+
return e.maxHeight && (t.maxHeight = `calc(${(v = m(e.maxHeight)) == null ? void 0 : v.replace("%", "vh")} - 50px)`), e.mode === "drawer" && (t.maxHeight = "unset", t.height = `calc(100% - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.fullscreen && (t.maxHeight = "unset", t.height = `calc(100% - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.type !== "component" && (t.padding = "0"), t;
|
|
190
190
|
});
|
|
191
191
|
function H() {
|
|
192
|
-
const
|
|
193
|
-
if (e.form &&
|
|
194
|
-
const v =
|
|
192
|
+
const t = p.value;
|
|
193
|
+
if (e.form && t) {
|
|
194
|
+
const v = t.querySelector(`form[name="${e.form}"]`);
|
|
195
195
|
v && v.dispatchEvent(new Event("submit"));
|
|
196
196
|
}
|
|
197
197
|
l("submit");
|
|
@@ -206,10 +206,10 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
206
206
|
}
|
|
207
207
|
function c() {
|
|
208
208
|
if (e.closeable && e.esc) {
|
|
209
|
-
const
|
|
210
|
-
v === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown",
|
|
209
|
+
const t = ({ key: v }) => {
|
|
210
|
+
v === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", t));
|
|
211
211
|
};
|
|
212
|
-
window.addEventListener("keydown",
|
|
212
|
+
window.addEventListener("keydown", t);
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
function $() {
|
|
@@ -228,20 +228,20 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
228
228
|
return s({
|
|
229
229
|
showLoading: w,
|
|
230
230
|
hideLoading: L
|
|
231
|
-
}), (
|
|
231
|
+
}), (t, v) => (g(), x("div", {
|
|
232
232
|
ref_key: "wrapperRef",
|
|
233
233
|
ref: M,
|
|
234
234
|
class: "modal-wrapper",
|
|
235
235
|
style: T(d.value),
|
|
236
|
-
onClick: v[0] || (v[0] = ae((B) =>
|
|
236
|
+
onClick: v[0] || (v[0] = ae((B) => t.maskClosable && a(), ["self"]))
|
|
237
237
|
}, [
|
|
238
238
|
y("div", {
|
|
239
239
|
ref_key: "contentRef",
|
|
240
240
|
ref: p,
|
|
241
|
-
class: de(["modal-content", { [`${
|
|
242
|
-
style: T(
|
|
241
|
+
class: de(["modal-content", { [`${t.mode}-mode`]: !0 }]),
|
|
242
|
+
style: T(C.value)
|
|
243
243
|
}, [
|
|
244
|
-
|
|
244
|
+
t.header ? (g(), x("div", {
|
|
245
245
|
key: 0,
|
|
246
246
|
ref_key: "headerRef",
|
|
247
247
|
ref: _,
|
|
@@ -249,9 +249,9 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
249
249
|
style: T(E.value),
|
|
250
250
|
onMousedown: $
|
|
251
251
|
}, [
|
|
252
|
-
y("div", Pe, z(
|
|
252
|
+
y("div", Pe, z(t.title), 1),
|
|
253
253
|
y("div", Be, [
|
|
254
|
-
|
|
254
|
+
t.closeable ? (g(), x("div", {
|
|
255
255
|
key: 0,
|
|
256
256
|
class: "i-icon-park-outline:close block cursor-pointer",
|
|
257
257
|
onClick: a
|
|
@@ -262,12 +262,12 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
262
262
|
class: "modal-body",
|
|
263
263
|
style: T(S.value)
|
|
264
264
|
}, [
|
|
265
|
-
(g(), W(J(
|
|
265
|
+
(g(), W(J(t.component), ce(ue(t.componentProps)), null, 16))
|
|
266
266
|
], 4),
|
|
267
|
-
|
|
267
|
+
t.footer ? (g(), x("div", Te, [
|
|
268
268
|
y("button", {
|
|
269
269
|
class: "submit-button",
|
|
270
|
-
form:
|
|
270
|
+
form: t.form,
|
|
271
271
|
type: "submit",
|
|
272
272
|
onClick: H
|
|
273
273
|
}, " 确定 ", 8, ze),
|
|
@@ -282,12 +282,12 @@ const Ae = (t) => (fe("data-v-88c1701f"), t = t(), pe(), t), Pe = { class: "titl
|
|
|
282
282
|
], 4));
|
|
283
283
|
}
|
|
284
284
|
});
|
|
285
|
-
const q = (
|
|
286
|
-
const n =
|
|
285
|
+
const q = (o, s) => {
|
|
286
|
+
const n = o.__vccOpts || o;
|
|
287
287
|
for (const [e, l] of s)
|
|
288
288
|
n[e] = l;
|
|
289
289
|
return n;
|
|
290
|
-
}, Fe = /* @__PURE__ */ q(We, [["__scopeId", "data-v-
|
|
290
|
+
}, Fe = /* @__PURE__ */ q(We, [["__scopeId", "data-v-07b9748a"]]), He = { class: "modal-dialog" }, Ie = { class: "dialog-body" }, Ve = { class: "dialog-title" }, Ge = { class: "dialog-content" }, Xe = /* @__PURE__ */ Y({
|
|
291
291
|
__name: "modal-dialog",
|
|
292
292
|
props: {
|
|
293
293
|
type: {},
|
|
@@ -299,8 +299,8 @@ const q = (t, s) => {
|
|
|
299
299
|
onCancel: {},
|
|
300
300
|
footer: {}
|
|
301
301
|
},
|
|
302
|
-
setup(
|
|
303
|
-
const s =
|
|
302
|
+
setup(o) {
|
|
303
|
+
const s = o, n = Ue(), e = A(() => s.title ? s.title : {
|
|
304
304
|
confirm: "提示",
|
|
305
305
|
info: "提示",
|
|
306
306
|
warning: "警告",
|
|
@@ -358,14 +358,14 @@ const Ye = /* @__PURE__ */ q(Xe, [["__scopeId", "data-v-8326e5a5"]]), je = {
|
|
|
358
358
|
maxHeight: { default: "80%" },
|
|
359
359
|
offset: { default: () => ({ x: 0, y: 0 }) }
|
|
360
360
|
},
|
|
361
|
-
setup(
|
|
361
|
+
setup(o, { expose: s }) {
|
|
362
362
|
const n = R([]), e = N(!1), l = K();
|
|
363
363
|
function i(r, u = {}, a = {}) {
|
|
364
|
-
const m =
|
|
364
|
+
const m = Ce(
|
|
365
365
|
() => Promise.resolve(typeof r == "string" ? Ye : r)
|
|
366
366
|
);
|
|
367
367
|
typeof r == "string" && (u.type = r, a.size = "small", a.fullscreen = !1, a.mode = "dialog", a.footer = !1, a.header = !1);
|
|
368
|
-
const d = Math.random().toString(32).slice(2),
|
|
368
|
+
const d = Math.random().toString(32).slice(2), C = new Promise((E, S) => {
|
|
369
369
|
n.value.push({
|
|
370
370
|
id: d,
|
|
371
371
|
component: m,
|
|
@@ -380,7 +380,7 @@ const Ye = /* @__PURE__ */ q(Xe, [["__scopeId", "data-v-8326e5a5"]]), je = {
|
|
|
380
380
|
}), O(n);
|
|
381
381
|
}).catch((E) => E === "CANCEL" ? new Promise(() => {
|
|
382
382
|
}) : Promise.reject(E));
|
|
383
|
-
return Object.assign(
|
|
383
|
+
return Object.assign(C, {
|
|
384
384
|
close: () => f(d)
|
|
385
385
|
});
|
|
386
386
|
}
|
|
@@ -454,7 +454,7 @@ const Ye = /* @__PURE__ */ q(Xe, [["__scopeId", "data-v-8326e5a5"]]), je = {
|
|
|
454
454
|
}, [
|
|
455
455
|
ye(ge, { name: "modal-fade" }, {
|
|
456
456
|
default: _e(() => [
|
|
457
|
-
(g(!0), x(X, null, we(n.value, (a) => (g(), W(Fe,
|
|
457
|
+
(g(!0), x(X, null, we(n.value, (a) => (g(), W(Fe, be({
|
|
458
458
|
id: a.id,
|
|
459
459
|
key: a.id,
|
|
460
460
|
ref_for: !0,
|
|
@@ -477,39 +477,39 @@ const Ye = /* @__PURE__ */ q(Xe, [["__scopeId", "data-v-8326e5a5"]]), je = {
|
|
|
477
477
|
}
|
|
478
478
|
});
|
|
479
479
|
const Qe = /* @__PURE__ */ q(qe, [["__scopeId", "data-v-9b4a189e"]]);
|
|
480
|
-
function D(
|
|
480
|
+
function D(o, s) {
|
|
481
481
|
var e, l;
|
|
482
|
-
let n =
|
|
482
|
+
let n = o == null ? void 0 : o.parent;
|
|
483
483
|
for (; n && ((e = n == null ? void 0 : n.type) == null ? void 0 : e.name) !== s; )
|
|
484
484
|
n = n.parent;
|
|
485
485
|
return ((l = n == null ? void 0 : n.type) == null ? void 0 : l.name) === s ? n : null;
|
|
486
486
|
}
|
|
487
487
|
function Ue() {
|
|
488
|
-
const
|
|
488
|
+
const o = j(F), s = K();
|
|
489
489
|
function n(e, l, i) {
|
|
490
|
-
if (!
|
|
490
|
+
if (!o)
|
|
491
491
|
throw new Error("Not Found Modal Provider Component");
|
|
492
|
-
return
|
|
492
|
+
return o.open(e, l, i);
|
|
493
493
|
}
|
|
494
494
|
return {
|
|
495
495
|
open: n,
|
|
496
496
|
close(e) {
|
|
497
497
|
var f;
|
|
498
|
-
if (!
|
|
498
|
+
if (!o)
|
|
499
499
|
throw new Error("Not Found Modal Provider Component");
|
|
500
500
|
const l = D(s, "ModalContainer"), i = (f = l == null ? void 0 : l.props) == null ? void 0 : f.id;
|
|
501
501
|
if (!i)
|
|
502
502
|
throw new Error("Not Found Current Modal Container");
|
|
503
|
-
|
|
503
|
+
o.close(i, e);
|
|
504
504
|
},
|
|
505
505
|
closeAll() {
|
|
506
|
-
if (!
|
|
506
|
+
if (!o)
|
|
507
507
|
throw new Error("Not Found Modal Provider Component");
|
|
508
|
-
|
|
508
|
+
o.closeAll();
|
|
509
509
|
},
|
|
510
510
|
showLoading() {
|
|
511
511
|
var i;
|
|
512
|
-
if (!
|
|
512
|
+
if (!o)
|
|
513
513
|
throw new Error("Not Found Modal Provider Component");
|
|
514
514
|
const e = D(s, "ModalContainer");
|
|
515
515
|
if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
|
|
@@ -518,7 +518,7 @@ function Ue() {
|
|
|
518
518
|
},
|
|
519
519
|
hideLoading() {
|
|
520
520
|
var i;
|
|
521
|
-
if (!
|
|
521
|
+
if (!o)
|
|
522
522
|
throw new Error("Not Found Modal Provider Component");
|
|
523
523
|
const e = D(s, "ModalContainer");
|
|
524
524
|
if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
|
|
@@ -542,10 +542,10 @@ function Ue() {
|
|
|
542
542
|
}
|
|
543
543
|
};
|
|
544
544
|
}
|
|
545
|
-
function Ze(
|
|
545
|
+
function Ze(o) {
|
|
546
546
|
var i;
|
|
547
547
|
const s = j(F), n = K(), e = D(n, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
|
|
548
|
-
s && l && s.addEventListener(l, "submit",
|
|
548
|
+
s && l && s.addEventListener(l, "submit", o);
|
|
549
549
|
}
|
|
550
550
|
export {
|
|
551
551
|
Fe as ModalContainer,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-
|
|
1
|
+
*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-07b9748a]{z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:rgba(0,0,0,.3)}.modal-content[data-v-07b9748a]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-07b9748a]{box-sizing:border-box;padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--color-border-1, #e8e8e8)}.modal-body[data-v-07b9748a]{padding:20px 10px;box-sizing:border-box;max-height:10vw;overflow:auto}.modal-footer[data-v-07b9748a]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:end;padding:10px}.modal-footer button[data-v-07b9748a]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.modal-footer button.submit-button[data-v-07b9748a]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-07b9748a]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-07b9748a]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-07b9748a]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-07b9748a]{position:absolute;z-index:1001;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.modal-loading .lds-ring[data-v-07b9748a]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-07b9748a]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-07b9748a 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-07b9748a]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-07b9748a]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-07b9748a]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-07b9748a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-8326e5a5]{padding:20px 10px 10px}.dialog-title[data-v-8326e5a5]{padding:5px;font-weight:700;font-size:16px}.dialog-content[data-v-8326e5a5]{padding:5px}.dialog-footer[data-v-8326e5a5]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:center;align-items:center;padding:0 10px}.dialog-footer button[data-v-8326e5a5]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.dialog-footer button.submit-button[data-v-8326e5a5]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.dialog-footer button.submit-button[data-v-8326e5a5]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.dialog-footer button.cancel-button[data-v-8326e5a5]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.dialog-footer button.cancel-button[data-v-8326e5a5]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-fade-enter-active[data-v-9b4a189e],.modal-fade-leave-active[data-v-9b4a189e]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-9b4a189e] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-9b4a189e] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-9b4a189e],.modal-fade-leave-to[data-v-9b4a189e]{opacity:0}.modal-fade-enter-from[data-v-9b4a189e] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-9b4a189e] .modal-content.drawer-mode{transform:translate3d(100%,0,0)}
|