fine-true/lib/fold-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 o="object"==typeof exports?t(require("vue"),require("./../utils/withInstall")):t(e.vue,e["./../utils/withInstall"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={1677:e=>{e.exports=t},748:t=>{t.exports=e}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[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 o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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:()=>r});var e=n(748);const t=(0,e.defineComponent)({name:"fine-fold-container",props:{value:{type:Boolean,default:!1},transitionDuration:{type:Number,default:250},transitionTimingFunction:{default:"cubic-bezier(0.78, 0.14, 0.15, 0.86)"}},setup(t,o){var{slots:r}=o,n=(0,e.ref)(),i=(0,e.ref)(t.value?"auto":"0px");return(0,e.watch)((()=>t.value),(e=>{var o=n.value.scrollHeight;i.value=o+"px",e?setTimeout((()=>{i.value="auto"}),t.transitionDuration):setTimeout((()=>{i.value="0px"}),0)})),()=>(0,e.createVNode)("div",{class:"fine-fold-container",ref:e=>n.value=e,style:{height:i.value,overflow:"hidden",transitionProperty:"height",transitionDuration:"".concat(t.transitionDuration,"ms"),transitionTimingFunction:t.transitionTimingFunction}},[r.default&&r.default()])}});var o=n(1677);n.n(o)()(t);const r=t})(),i})()));