epic-designer-cjh/dist/index-977e4f68.js

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

import { i as q } from "./interopRequireDefault-40f894e3.js";
import { j as h } from "./useConfigInject-d85d8c62.js";
import { r as B } from "./public_api-1267ff2a.js";
var $ = {}, p = {}, z = {}, j;
function D() {
  if (j)
    return z;
  j = 1;
  var e = q;
  Object.defineProperty(z, "__esModule", {
    value: !0
  }), z.initMotion = void 0;
  var s = e(B());
  const n = (t) => ({
    animationDuration: t,
    animationFillMode: "both"
  }), r = (t) => ({
    animationDuration: t,
    animationFillMode: "both"
  }), i = function(t, f, d, u) {
    const l = (arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1) ? "&" : "";
    return {
      [`
      ${l}${t}-enter,
      ${l}${t}-appear
    `]: (0, s.default)((0, s.default)({}, n(u)), {
        animationPlayState: "paused"
      }),
      [`${l}${t}-leave`]: (0, s.default)((0, s.default)({}, r(u)), {
        animationPlayState: "paused"
      }),
      [`
      ${l}${t}-enter${t}-enter-active,
      ${l}${t}-appear${t}-appear-active
    `]: {
        animationName: f,
        animationPlayState: "running"
      },
      [`${l}${t}-leave${t}-leave-active`]: {
        animationName: d,
        animationPlayState: "running",
        pointerEvents: "none"
      }
    };
  };
  return z.initMotion = i, z;
}
var P;
function E() {
  if (P)
    return p;
  P = 1, Object.defineProperty(p, "__esModule", {
    value: !0
  }), p.initFadeMotion = p.fadeOut = p.fadeIn = void 0;
  var e = h(), s = D();
  const n = new e.Keyframes("antFadeIn", {
    "0%": {
      opacity: 0
    },
    "100%": {
      opacity: 1
    }
  });
  p.fadeIn = n;
  const r = new e.Keyframes("antFadeOut", {
    "0%": {
      opacity: 1
    },
    "100%": {
      opacity: 0
    }
  });
  p.fadeOut = r;
  const i = function(t) {
    let f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
    const {
      antCls: d
    } = t, u = `${d}-fade`, c = f ? "&" : "";
    return [(0, s.initMotion)(u, n, r, t.motionDurationMid, f), {
      [`
        ${c}${u}-enter,
        ${c}${u}-appear
      `]: {
        opacity: 0,
        animationTimingFunction: "linear"
      },
      [`${c}${u}-leave`]: {
        animationTimingFunction: "linear"
      }
    }];
  };
  return p.initFadeMotion = i, p;
}
var a = {}, R;
function T() {
  if (R)
    return a;
  R = 1, Object.defineProperty(a, "__esModule", {
    value: !0
  }), a.moveUpOut = a.moveUpIn = a.moveRightOut = a.moveRightIn = a.moveLeftOut = a.moveLeftIn = a.moveDownOut = a.moveDownIn = a.initMoveMotion = void 0;
  var e = h(), s = D();
  const n = new e.Keyframes("antMoveDownIn", {
    "0%": {
      transform: "translate3d(0, 100%, 0)",
      transformOrigin: "0 0",
      opacity: 0
    },
    "100%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    }
  });
  a.moveDownIn = n;
  const r = new e.Keyframes("antMoveDownOut", {
    "0%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    },
    "100%": {
      transform: "translate3d(0, 100%, 0)",
      transformOrigin: "0 0",
      opacity: 0
    }
  });
  a.moveDownOut = r;
  const i = new e.Keyframes("antMoveLeftIn", {
    "0%": {
      transform: "translate3d(-100%, 0, 0)",
      transformOrigin: "0 0",
      opacity: 0
    },
    "100%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    }
  });
  a.moveLeftIn = i;
  const t = new e.Keyframes("antMoveLeftOut", {
    "0%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    },
    "100%": {
      transform: "translate3d(-100%, 0, 0)",
      transformOrigin: "0 0",
      opacity: 0
    }
  });
  a.moveLeftOut = t;
  const f = new e.Keyframes("antMoveRightIn", {
    "0%": {
      transform: "translate3d(100%, 0, 0)",
      transformOrigin: "0 0",
      opacity: 0
    },
    "100%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    }
  });
  a.moveRightIn = f;
  const d = new e.Keyframes("antMoveRightOut", {
    "0%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    },
    "100%": {
      transform: "translate3d(100%, 0, 0)",
      transformOrigin: "0 0",
      opacity: 0
    }
  });
  a.moveRightOut = d;
  const u = new e.Keyframes("antMoveUpIn", {
    "0%": {
      transform: "translate3d(0, -100%, 0)",
      transformOrigin: "0 0",
      opacity: 0
    },
    "100%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    }
  });
  a.moveUpIn = u;
  const c = new e.Keyframes("antMoveUpOut", {
    "0%": {
      transform: "translate3d(0, 0, 0)",
      transformOrigin: "0 0",
      opacity: 1
    },
    "100%": {
      transform: "translate3d(0, -100%, 0)",
      transformOrigin: "0 0",
      opacity: 0
    }
  });
  a.moveUpOut = c;
  const l = {
    "move-up": {
      inKeyframes: u,
      outKeyframes: c
    },
    "move-down": {
      inKeyframes: n,
      outKeyframes: r
    },
    "move-left": {
      inKeyframes: i,
      outKeyframes: t
    },
    "move-right": {
      inKeyframes: f,
      outKeyframes: d
    }
  }, b = (O, v) => {
    const {
      antCls: w
    } = O, y = `${w}-${v}`, {
      inKeyframes: g,
      outKeyframes: I
    } = l[v];
    return [(0, s.initMotion)(y, g, I, O.motionDurationMid), {
      [`
        ${y}-enter,
        ${y}-appear
      `]: {
        opacity: 0,
        animationTimingFunction: O.motionEaseOutCirc
      },
      [`${y}-leave`]: {
        animationTimingFunction: O.motionEaseInOutCirc
      }
    }];
  };
  return a.initMoveMotion = b, a;
}
var m = {}, L;
function X() {
  if (L)
    return m;
  L = 1, Object.defineProperty(m, "__esModule", {
    value: !0
  }), m.slideUpOut = m.slideUpIn = m.slideRightOut = m.slideRightIn = m.slideLeftOut = m.slideLeftIn = m.slideDownOut = m.slideDownIn = m.initSlideMotion = void 0;
  var e = h(), s = D();
  const n = new e.Keyframes("antSlideUpIn", {
    "0%": {
      transform: "scaleY(0.8)",
      transformOrigin: "0% 0%",
      opacity: 0
    },
    "100%": {
      transform: "scaleY(1)",
      transformOrigin: "0% 0%",
      opacity: 1
    }
  });
  m.slideUpIn = n;
  const r = new e.Keyframes("antSlideUpOut", {
    "0%": {
      transform: "scaleY(1)",
      transformOrigin: "0% 0%",
      opacity: 1
    },
    "100%": {
      transform: "scaleY(0.8)",
      transformOrigin: "0% 0%",
      opacity: 0
    }
  });
  m.slideUpOut = r;
  const i = new e.Keyframes("antSlideDownIn", {
    "0%": {
      transform: "scaleY(0.8)",
      transformOrigin: "100% 100%",
      opacity: 0
    },
    "100%": {
      transform: "scaleY(1)",
      transformOrigin: "100% 100%",
      opacity: 1
    }
  });
  m.slideDownIn = i;
  const t = new e.Keyframes("antSlideDownOut", {
    "0%": {
      transform: "scaleY(1)",
      transformOrigin: "100% 100%",
      opacity: 1
    },
    "100%": {
      transform: "scaleY(0.8)",
      transformOrigin: "100% 100%",
      opacity: 0
    }
  });
  m.slideDownOut = t;
  const f = new e.Keyframes("antSlideLeftIn", {
    "0%": {
      transform: "scaleX(0.8)",
      transformOrigin: "0% 0%",
      opacity: 0
    },
    "100%": {
      transform: "scaleX(1)",
      transformOrigin: "0% 0%",
      opacity: 1
    }
  });
  m.slideLeftIn = f;
  const d = new e.Keyframes("antSlideLeftOut", {
    "0%": {
      transform: "scaleX(1)",
      transformOrigin: "0% 0%",
      opacity: 1
    },
    "100%": {
      transform: "scaleX(0.8)",
      transformOrigin: "0% 0%",
      opacity: 0
    }
  });
  m.slideLeftOut = d;
  const u = new e.Keyframes("antSlideRightIn", {
    "0%": {
      transform: "scaleX(0.8)",
      transformOrigin: "100% 0%",
      opacity: 0
    },
    "100%": {
      transform: "scaleX(1)",
      transformOrigin: "100% 0%",
      opacity: 1
    }
  });
  m.slideRightIn = u;
  const c = new e.Keyframes("antSlideRightOut", {
    "0%": {
      transform: "scaleX(1)",
      transformOrigin: "100% 0%",
      opacity: 1
    },
    "100%": {
      transform: "scaleX(0.8)",
      transformOrigin: "100% 0%",
      opacity: 0
    }
  });
  m.slideRightOut = c;
  const l = {
    "slide-up": {
      inKeyframes: n,
      outKeyframes: r
    },
    "slide-down": {
      inKeyframes: i,
      outKeyframes: t
    },
    "slide-left": {
      inKeyframes: f,
      outKeyframes: d
    },
    "slide-right": {
      inKeyframes: u,
      outKeyframes: c
    }
  }, b = (O, v) => {
    const {
      antCls: w
    } = O, y = `${w}-${v}`, {
      inKeyframes: g,
      outKeyframes: I
    } = l[v];
    return [(0, s.initMotion)(y, g, I, O.motionDurationMid), {
      [`
      ${y}-enter,
      ${y}-appear
    `]: {
        transform: "scale(0)",
        transformOrigin: "0% 0%",
        opacity: 0,
        animationTimingFunction: O.motionEaseOutQuint
      },
      [`${y}-leave`]: {
        animationTimingFunction: O.motionEaseInQuint
      }
    }];
  };
  return m.initSlideMotion = b, m;
}
var o = {}, U;
function Y() {
  if (U)
    return o;
  U = 1, Object.defineProperty(o, "__esModule", {
    value: !0
  }), o.zoomUpOut = o.zoomUpIn = o.zoomRightOut = o.zoomRightIn = o.zoomOut = o.zoomLeftOut = o.zoomLeftIn = o.zoomIn = o.zoomDownOut = o.zoomDownIn = o.zoomBigOut = o.zoomBigIn = o.initZoomMotion = void 0;
  var e = h(), s = D();
  const n = new e.Keyframes("antZoomIn", {
    "0%": {
      transform: "scale(0.2)",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      opacity: 1
    }
  });
  o.zoomIn = n;
  const r = new e.Keyframes("antZoomOut", {
    "0%": {
      transform: "scale(1)"
    },
    "100%": {
      transform: "scale(0.2)",
      opacity: 0
    }
  });
  o.zoomOut = r;
  const i = new e.Keyframes("antZoomBigIn", {
    "0%": {
      transform: "scale(0.8)",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      opacity: 1
    }
  });
  o.zoomBigIn = i;
  const t = new e.Keyframes("antZoomBigOut", {
    "0%": {
      transform: "scale(1)"
    },
    "100%": {
      transform: "scale(0.8)",
      opacity: 0
    }
  });
  o.zoomBigOut = t;
  const f = new e.Keyframes("antZoomUpIn", {
    "0%": {
      transform: "scale(0.8)",
      transformOrigin: "50% 0%",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      transformOrigin: "50% 0%"
    }
  });
  o.zoomUpIn = f;
  const d = new e.Keyframes("antZoomUpOut", {
    "0%": {
      transform: "scale(1)",
      transformOrigin: "50% 0%"
    },
    "100%": {
      transform: "scale(0.8)",
      transformOrigin: "50% 0%",
      opacity: 0
    }
  });
  o.zoomUpOut = d;
  const u = new e.Keyframes("antZoomLeftIn", {
    "0%": {
      transform: "scale(0.8)",
      transformOrigin: "0% 50%",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      transformOrigin: "0% 50%"
    }
  });
  o.zoomLeftIn = u;
  const c = new e.Keyframes("antZoomLeftOut", {
    "0%": {
      transform: "scale(1)",
      transformOrigin: "0% 50%"
    },
    "100%": {
      transform: "scale(0.8)",
      transformOrigin: "0% 50%",
      opacity: 0
    }
  });
  o.zoomLeftOut = c;
  const l = new e.Keyframes("antZoomRightIn", {
    "0%": {
      transform: "scale(0.8)",
      transformOrigin: "100% 50%",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      transformOrigin: "100% 50%"
    }
  });
  o.zoomRightIn = l;
  const b = new e.Keyframes("antZoomRightOut", {
    "0%": {
      transform: "scale(1)",
      transformOrigin: "100% 50%"
    },
    "100%": {
      transform: "scale(0.8)",
      transformOrigin: "100% 50%",
      opacity: 0
    }
  });
  o.zoomRightOut = b;
  const O = new e.Keyframes("antZoomDownIn", {
    "0%": {
      transform: "scale(0.8)",
      transformOrigin: "50% 100%",
      opacity: 0
    },
    "100%": {
      transform: "scale(1)",
      transformOrigin: "50% 100%"
    }
  });
  o.zoomDownIn = O;
  const v = new e.Keyframes("antZoomDownOut", {
    "0%": {
      transform: "scale(1)",
      transformOrigin: "50% 100%"
    },
    "100%": {
      transform: "scale(0.8)",
      transformOrigin: "50% 100%",
      opacity: 0
    }
  });
  o.zoomDownOut = v;
  const w = {
    zoom: {
      inKeyframes: n,
      outKeyframes: r
    },
    "zoom-big": {
      inKeyframes: i,
      outKeyframes: t
    },
    "zoom-big-fast": {
      inKeyframes: i,
      outKeyframes: t
    },
    "zoom-left": {
      inKeyframes: u,
      outKeyframes: c
    },
    "zoom-right": {
      inKeyframes: l,
      outKeyframes: b
    },
    "zoom-up": {
      inKeyframes: f,
      outKeyframes: d
    },
    "zoom-down": {
      inKeyframes: O,
      outKeyframes: v
    }
  }, y = (g, I) => {
    const {
      antCls: S
    } = g, K = `${S}-${I}`, {
      inKeyframes: Z,
      outKeyframes: C
    } = w[I];
    return [(0, s.initMotion)(K, Z, C, I === "zoom-big-fast" ? g.motionDurationFast : g.motionDurationMid), {
      [`
        ${K}-enter,
        ${K}-appear
      `]: {
        transform: "scale(0)",
        opacity: 0,
        animationTimingFunction: g.motionEaseOutCirc,
        "&-prepare": {
          transform: "none"
        }
      },
      [`${K}-leave`]: {
        animationTimingFunction: g.motionEaseInOutCirc
      }
    }];
  };
  return o.initZoomMotion = y, o;
}
var M = {}, _;
function Q() {
  if (_)
    return M;
  _ = 1, Object.defineProperty(M, "__esModule", {
    value: !0
  }), M.default = void 0;
  var s = (n) => ({
    [n.componentCls]: {
      // For common/openAnimation
      [`${n.antCls}-motion-collapse-legacy`]: {
        overflow: "hidden",
        "&-active": {
          transition: `height ${n.motionDurationMid} ${n.motionEaseInOut},
        opacity ${n.motionDurationMid} ${n.motionEaseInOut} !important`
        }
      },
      [`${n.antCls}-motion-collapse`]: {
        overflow: "hidden",
        transition: `height ${n.motionDurationMid} ${n.motionEaseInOut},
        opacity ${n.motionDurationMid} ${n.motionEaseInOut} !important`
      }
    }
  });
  return M.default = s, M;
}
var F;
function J() {
  return F || (F = 1, function(e) {
    var s = q;
    Object.defineProperty(e, "__esModule", {
      value: !0
    }), Object.defineProperty(e, "fadeIn", {
      enumerable: !0,
      get: function() {
        return n.fadeIn;
      }
    }), Object.defineProperty(e, "fadeOut", {
      enumerable: !0,
      get: function() {
        return n.fadeOut;
      }
    }), Object.defineProperty(e, "genCollapseMotion", {
      enumerable: !0,
      get: function() {
        return f.default;
      }
    }), Object.defineProperty(e, "initFadeMotion", {
      enumerable: !0,
      get: function() {
        return n.initFadeMotion;
      }
    }), Object.defineProperty(e, "initMoveMotion", {
      enumerable: !0,
      get: function() {
        return r.initMoveMotion;
      }
    }), Object.defineProperty(e, "initSlideMotion", {
      enumerable: !0,
      get: function() {
        return i.initSlideMotion;
      }
    }), Object.defineProperty(e, "initZoomMotion", {
      enumerable: !0,
      get: function() {
        return t.initZoomMotion;
      }
    }), Object.defineProperty(e, "moveDownIn", {
      enumerable: !0,
      get: function() {
        return r.moveDownIn;
      }
    }), Object.defineProperty(e, "moveDownOut", {
      enumerable: !0,
      get: function() {
        return r.moveDownOut;
      }
    }), Object.defineProperty(e, "moveLeftIn", {
      enumerable: !0,
      get: function() {
        return r.moveLeftIn;
      }
    }), Object.defineProperty(e, "moveLeftOut", {
      enumerable: !0,
      get: function() {
        return r.moveLeftOut;
      }
    }), Object.defineProperty(e, "moveRightIn", {
      enumerable: !0,
      get: function() {
        return r.moveRightIn;
      }
    }), Object.defineProperty(e, "moveRightOut", {
      enumerable: !0,
      get: function() {
        return r.moveRightOut;
      }
    }), Object.defineProperty(e, "moveUpIn", {
      enumerable: !0,
      get: function() {
        return r.moveUpIn;
      }
    }), Object.defineProperty(e, "moveUpOut", {
      enumerable: !0,
      get: function() {
        return r.moveUpOut;
      }
    }), Object.defineProperty(e, "slideDownIn", {
      enumerable: !0,
      get: function() {
        return i.slideDownIn;
      }
    }), Object.defineProperty(e, "slideDownOut", {
      enumerable: !0,
      get: function() {
        return i.slideDownOut;
      }
    }), Object.defineProperty(e, "slideLeftIn", {
      enumerable: !0,
      get: function() {
        return i.slideLeftIn;
      }
    }), Object.defineProperty(e, "slideLeftOut", {
      enumerable: !0,
      get: function() {
        return i.slideLeftOut;
      }
    }), Object.defineProperty(e, "slideRightIn", {
      enumerable: !0,
      get: function() {
        return i.slideRightIn;
      }
    }), Object.defineProperty(e, "slideRightOut", {
      enumerable: !0,
      get: function() {
        return i.slideRightOut;
      }
    }), Object.defineProperty(e, "slideUpIn", {
      enumerable: !0,
      get: function() {
        return i.slideUpIn;
      }
    }), Object.defineProperty(e, "slideUpOut", {
      enumerable: !0,
      get: function() {
        return i.slideUpOut;
      }
    }), Object.defineProperty(e, "zoomBigIn", {
      enumerable: !0,
      get: function() {
        return t.zoomBigIn;
      }
    }), Object.defineProperty(e, "zoomBigOut", {
      enumerable: !0,
      get: function() {
        return t.zoomBigOut;
      }
    }), Object.defineProperty(e, "zoomDownIn", {
      enumerable: !0,
      get: function() {
        return t.zoomDownIn;
      }
    }), Object.defineProperty(e, "zoomDownOut", {
      enumerable: !0,
      get: function() {
        return t.zoomDownOut;
      }
    }), Object.defineProperty(e, "zoomIn", {
      enumerable: !0,
      get: function() {
        return t.zoomIn;
      }
    }), Object.defineProperty(e, "zoomLeftIn", {
      enumerable: !0,
      get: function() {
        return t.zoomLeftIn;
      }
    }), Object.defineProperty(e, "zoomLeftOut", {
      enumerable: !0,
      get: function() {
        return t.zoomLeftOut;
      }
    }), Object.defineProperty(e, "zoomOut", {
      enumerable: !0,
      get: function() {
        return t.zoomOut;
      }
    }), Object.defineProperty(e, "zoomRightIn", {
      enumerable: !0,
      get: function() {
        return t.zoomRightIn;
      }
    }), Object.defineProperty(e, "zoomRightOut", {
      enumerable: !0,
      get: function() {
        return t.zoomRightOut;
      }
    }), Object.defineProperty(e, "zoomUpIn", {
      enumerable: !0,
      get: function() {
        return t.zoomUpIn;
      }
    }), Object.defineProperty(e, "zoomUpOut", {
      enumerable: !0,
      get: function() {
        return t.zoomUpOut;
      }
    });
    var n = E(), r = T(), i = X(), t = Y(), f = s(Q());
  }($)), $;
}
export {
  J as r
};