@coderlt/form-designer/dist/fade-in-height-expand.cssr-de8455a1.js

基于vue3的设计器,可视化开发页面表单

import { c as $, d as f } from "./use-rtl-9463c170.js";
const {
  cubicBezierEaseInOut: e,
  cubicBezierEaseOut: h,
  cubicBezierEaseIn: g
} = f;
function b({
  overflow: s = "hidden",
  duration: t = ".3s",
  originalTransition: i = "",
  leavingDelay: n = "0s",
  foldPadding: p = !1,
  enterToProps: d = void 0,
  leaveToProps: c = void 0,
  reverse: m = !1
} = {}) {
  const a = m ? "leave" : "enter", o = m ? "enter" : "leave";
  return [$(`&.fade-in-height-expand-transition-${o}-from,
 &.fade-in-height-expand-transition-${a}-to`, Object.assign(Object.assign({}, d), {
    opacity: 1
  })), $(`&.fade-in-height-expand-transition-${o}-to,
 &.fade-in-height-expand-transition-${a}-from`, Object.assign(Object.assign({}, c), {
    opacity: 0,
    marginTop: "0 !important",
    marginBottom: "0 !important",
    paddingTop: p ? "0 !important" : void 0,
    paddingBottom: p ? "0 !important" : void 0
  })), $(`&.fade-in-height-expand-transition-${o}-active`, `
 overflow: ${s};
 transition:
 max-height ${t} ${e} ${n},
 opacity ${t} ${h} ${n},
 margin-top ${t} ${e} ${n},
 margin-bottom ${t} ${e} ${n},
 padding-top ${t} ${e} ${n},
 padding-bottom ${t} ${e} ${n}
 ${i ? "," + i : ""}
 `), $(`&.fade-in-height-expand-transition-${a}-active`, `
 overflow: ${s};
 transition:
 max-height ${t} ${e},
 opacity ${t} ${g},
 margin-top ${t} ${e},
 margin-bottom ${t} ${e},
 padding-top ${t} ${e},
 padding-bottom ${t} ${e}
 ${i ? "," + i : ""}
 `)];
}
export {
  b as f
};