fine-true/lib/container/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("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../utils/withInstall"],t);else{var r="object"==typeof exports?t(require("vue"),require("./../utils/withInstall")):t(e.vue,e["./../utils/withInstall"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={1677:e=>{e.exports=t},748:t=>{t.exports=e}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return r[e](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{default:()=>o});var e=n(748);const t=(0,e.defineComponent)({name:"fine-container",props:{scale:{type:Number,default:300},excessWidth:{type:Number,default:0}},setup(t,r){var{slots:o}=r,n=(0,e.ref)(0),i=()=>{var{excessWidth:e,scale:r}=t;n.value=Math.max(r,Math.floor((window.innerWidth-e)/r)*r)};return(0,e.watchEffect)(i),window.addEventListener("resize",i),(0,e.onBeforeUnmount)((()=>{window.removeEventListener("resize",i)})),()=>(0,e.createVNode)("div",{style:{width:n.value+"px"},class:"fine-container"},[o.default&&o.default()])}});var r=n(1677);n.n(r)()(t);const o=t})(),i})()));