epic-designer-cjh/dist/icon-switch.cssr-d74fe364.js

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

import { defineComponent as a, h as e, Transition as r } from "vue";
import { i as c } from "./use-is-mounted-a0b9f33e.js";
import { c as o, d as m } from "./use-rtl-d05cb593.js";
const f = a({
  name: "BaseIconSwitchTransition",
  setup(t, { slots: i }) {
    const n = c();
    return () => e(r, { name: "icon-switch-transition", appear: n.value }, i);
  }
}), {
  cubicBezierEaseInOut: h
} = m;
function l({
  originalTransform: t = "",
  left: i = 0,
  top: n = 0,
  transition: s = `all .3s ${h} !important`
} = {}) {
  return [o("&.icon-switch-transition-enter-from, &.icon-switch-transition-leave-to", {
    transform: t + " scale(0.75)",
    left: i,
    top: n,
    opacity: 0
  }), o("&.icon-switch-transition-enter-to, &.icon-switch-transition-leave-from", {
    transform: `scale(1) ${t}`,
    left: i,
    top: n,
    opacity: 1
  }), o("&.icon-switch-transition-enter-active, &.icon-switch-transition-leave-active", {
    transformOrigin: "center",
    position: "absolute",
    left: i,
    top: n,
    transition: s
  })];
}
export {
  f as N,
  l as i
};