fine-true/lib/modal/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../button"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../button","./../utils/withInstall"],t);else{var o="object"==typeof exports?t(require("vue"),require("./../button"),require("./../utils/withInstall")):t(e.vue,e["./../button"],e["./../utils/withInstall"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={453:e=>{e.exports=t},1677:e=>{e.exports=o},748:t=>{t.exports=e}},l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return n[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{a.r(r),a.d(r,{default:()=>i});var e=a(748),t=a(453),o=a.n(t);const n=(0,e.defineComponent)({name:"fine-modal",components:{[o().name]:o()},emits:["update:modelValue","ok","cancel","destroy"],props:{title:{type:String,default:""},width:{type:String,default:"520px"},modelValue:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},onOk:{type:Function,default:()=>{}},onCancel:{type:Function,default:()=>{}}},setup(t,o){var{emit:n,expose:l,slots:a}=o,r=(0,e.ref)(!1),d=()=>{r.value=!0},i=()=>{r.value=!1},u=(0,e.computed)((()=>r.value?{width:"100%",height:"100%",left:0,top:0}:{width:t.width})),c=()=>{n("update:modelValue",!1)},s=()=>{n("ok"),c()},f=()=>{n("cancel"),c()},p=()=>{t.closeOnClickModal&&c()};return l({open:()=>{n("update:modelValue",!0)},close:c}),()=>{var{modelValue:o,appendToBody:l,title:v}=t;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)(e.Teleport,{to:"body"},{default:()=>[(0,e.createVNode)(e.Transition,{name:"fine-fade"},{default:()=>[o&&(0,e.createVNode)("div",{class:"fine-mask",onClick:p},null)]})]}),(0,e.createVNode)(e.Teleport,{to:"body",disabled:!l},{default:()=>[(0,e.createVNode)("div",{class:"fine-modal"},[(0,e.createVNode)(e.Transition,{name:"fine-fade-translateY",onAfterLeave:()=>n("destroy")},{default:()=>[o&&(0,e.createVNode)("div",{class:"fine-modal-content",style:u.value},[(0,e.createVNode)("div",{class:"fine-modal-head"},[(0,e.createVNode)("div",{class:"fine-modal-title"},[(0,e.createVNode)("span",null,[v])]),(0,e.createVNode)("div",null,[r.value&&(0,e.createVNode)("i",{class:"fine-icon icon-fullscreen-shrink",onClick:i},null),!r.value&&(0,e.createVNode)("i",{class:"fine-icon icon-fullscreen-expand",onClick:d},null),(0,e.createVNode)("i",{class:"fine-icon icon-close",onClick:c},null)])]),(0,e.createVNode)("div",{class:"fine-modal-body"},[a.default&&a.default()]),a.footer&&a.footer()||(0,e.createVNode)("div",{class:"fine-modal-footer"},[(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{type:"info",onClick:f},{default:()=>[(0,e.createTextVNode)("取消")]}),(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{type:"primary",onClick:s},{default:()=>[(0,e.createTextVNode)("确定")]})])])]})])]})])}}});const l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=document.createElement("div");document.body.appendChild(l);var a=(0,e.createApp)({setup(){var o=(0,e.reactive)({show:!1});(0,e.nextTick)((()=>{o.show=!0}));var a=()=>{(0,e.render)(null,l),l.parentNode.removeChild(l)},r=t.content,d=r?"string"==typeof r?r:(0,e.h)(r):null;return delete t.content,()=>{return(0,e.createVNode)(n,(0,e.mergeProps)({modelValue:o.show,"onUpdate:modelValue":e=>o.show=e},t,{onDestroy:a}),"function"==typeof(l=d)||"[object Object]"===Object.prototype.toString.call(l)&&!(0,e.isVNode)(l)?d:{default:()=>[d]});var l}}});a.component(o().name,o()),a.mount(l)};var d=a(1677);a.n(d)()(n),n.confirm=l;const i=n})(),r})()));