epic-designer-cjh/dist/transition-d16825f8.js

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

import { i as P } from "./interopRequireDefault-40f894e3.js";
import { r as y } from "./public_api-1267ff2a.js";
import { r as _ } from "./_vue_commonjs-external-eb7fec7f.js";
import { f as b } from "./useConfigInject-d85d8c62.js";
var l = {}, i;
function m() {
  return i || (i = 1, function(r) {
    var p = P;
    Object.defineProperty(r, "__esModule", {
      value: !0
    }), Object.defineProperty(r, "Transition", {
      enumerable: !0,
      get: function() {
        return o.Transition;
      }
    }), Object.defineProperty(r, "TransitionGroup", {
      enumerable: !0,
      get: function() {
        return o.TransitionGroup;
      }
    }), r.getTransitionProps = r.getTransitionName = r.getTransitionGroupProps = r.getTransitionDirection = r.default = r.collapseMotion = void 0;
    var u = p(y()), o = _, v = b();
    (0, v.tuple)("bottomLeft", "bottomRight", "topLeft", "topRight");
    const g = (e) => e !== void 0 && (e === "topLeft" || e === "topRight") ? "slide-down" : "slide-up";
    r.getTransitionDirection = g;
    const c = function(e) {
      let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
      return e ? (0, u.default)({
        name: e,
        appear: !0,
        // type: 'animation',
        // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
        // appearActiveClass: `antdv-base-transtion`,
        // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
        enterFromClass: `${e}-enter ${e}-enter-prepare ${e}-enter-start`,
        enterActiveClass: `${e}-enter ${e}-enter-prepare`,
        enterToClass: `${e}-enter ${e}-enter-active`,
        leaveFromClass: ` ${e}-leave`,
        leaveActiveClass: `${e}-leave ${e}-leave-active`,
        leaveToClass: `${e}-leave ${e}-leave-active`
      }, t) : (0, u.default)({
        css: !1
      }, t);
    };
    r.getTransitionProps = c;
    const f = function(e) {
      let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
      return e ? (0, u.default)({
        name: e,
        appear: !0,
        // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
        appearActiveClass: `${e}`,
        appearToClass: `${e}-appear ${e}-appear-active`,
        enterFromClass: `${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,
        enterActiveClass: `${e}`,
        enterToClass: `${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,
        leaveActiveClass: `${e} ${e}-leave`,
        leaveToClass: `${e}-leave-active`
      }, t) : (0, u.default)({
        css: !1
      }, t);
    };
    r.getTransitionGroupProps = f;
    const s = () => ({
      height: 0,
      opacity: 0
    }), d = (e) => ({
      height: `${e.scrollHeight}px`,
      opacity: 1
    }), $ = (e) => ({
      height: `${e.offsetHeight}px`
    }), T = function() {
      let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "ant-motion-collapse", t = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 ? arguments[2] : void 0;
      return {
        name: e,
        appear: !0,
        css: !0,
        onBeforeEnter: (a) => {
          n.value = e, t.value = s();
        },
        onEnter: (a) => {
          (0, o.nextTick)(() => {
            t.value = d(a);
          });
        },
        onAfterEnter: () => {
          n.value = "", t.value = {};
        },
        onBeforeLeave: (a) => {
          n.value = e, t.value = $(a);
        },
        onLeave: (a) => {
          setTimeout(() => {
            t.value = s();
          });
        },
        onAfterLeave: () => {
          n.value = "", t.value = {};
        }
      };
    };
    r.collapseMotion = T;
    const h = (e, t, n) => n !== void 0 ? n : `${e}-${t}`;
    r.getTransitionName = h;
    var C = o.Transition;
    r.default = C;
  }(l)), l;
}
export {
  m as r
};