epic-designer-cjh/dist/PortalWrapper-9d2c005f.js

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

import { i as x } from "./interopRequireDefault-40f894e3.js";
import { r as L } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as Q } from "./index-f96a976e.js";
import { n as Z, o as J, f as ee } from "./useConfigInject-d85d8c62.js";
import { r as te } from "./raf-dd6c1047.js";
var q = {}, S = {}, I;
function re() {
  if (I)
    return S;
  I = 1, Object.defineProperty(S, "__esModule", {
    value: !0
  }), S.default = void 0;
  let n = !1;
  try {
    const a = Object.defineProperty({}, "passive", {
      get() {
        n = !0;
      }
    });
    window.addEventListener("testPassive", null, a), window.removeEventListener("testPassive", null, a);
  } catch {
  }
  var e = n;
  return S.default = e, S;
}
var z;
function ve() {
  if (z)
    return q;
  z = 1;
  var n = x;
  Object.defineProperty(q, "__esModule", {
    value: !0
  }), q.default = a;
  var e = n(re());
  function a(d, t, o, i) {
    if (d && d.addEventListener) {
      let u = i;
      u === void 0 && e.default && (t === "touchstart" || t === "touchmove" || t === "wheel") && (u = {
        passive: !1
      }), d.addEventListener(t, o, u);
    }
    return {
      remove: () => {
        d && d.removeEventListener && d.removeEventListener(t, o);
      }
    };
  }
  return q;
}
var E = {}, V;
function pe() {
  if (V)
    return E;
  V = 1, Object.defineProperty(E, "__esModule", {
    value: !0
  }), E.getMotion = n;
  function n(e) {
    let {
      prefixCls: a,
      animation: d,
      transitionName: t
    } = e;
    return d ? {
      name: `${a}-${d}`
    } : t ? {
      name: t
    } : {};
  }
  return E;
}
var C = {}, P = {}, g = {}, A;
function ne() {
  if (A)
    return g;
  A = 1, Object.defineProperty(g, "__esModule", {
    value: !0
  }), g.useProvidePortal = g.useInjectPortal = void 0;
  var n = L;
  const e = Symbol("PortalContextKey"), a = function(t) {
    let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
      inTriggerContext: !0
    };
    (0, n.provide)(e, {
      inTriggerContext: o.inTriggerContext,
      shouldRender: (0, n.computed)(() => {
        const {
          sPopupVisible: i,
          popupRef: u,
          forceRender: s,
          autoDestroy: l
        } = t || {};
        let v = !1;
        return (i || u || s) && (v = !0), !i && l && (v = !1), v;
      })
    });
  };
  g.useProvidePortal = a;
  const d = () => {
    a({}, {
      inTriggerContext: !1
    });
    const t = (0, n.inject)(e, {
      shouldRender: (0, n.computed)(() => !1),
      inTriggerContext: !1
    });
    return {
      shouldRender: (0, n.computed)(() => t.shouldRender.value || t.inTriggerContext === !1)
    };
  };
  return g.useInjectPortal = d, g;
}
var F;
function oe() {
  if (F)
    return P;
  F = 1;
  var n = x;
  Object.defineProperty(P, "__esModule", {
    value: !0
  }), P.default = void 0;
  var e = L, a = n(Q()), d = ne(), t = (0, e.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "Portal",
    inheritAttrs: !1,
    props: {
      getContainer: a.default.func.isRequired,
      didUpdate: Function
    },
    setup(o, i) {
      let {
        slots: u
      } = i, s = !0, l;
      const {
        shouldRender: v
      } = (0, d.useInjectPortal)();
      function p() {
        v.value && (l = o.getContainer());
      }
      (0, e.onBeforeMount)(() => {
        s = !1, p();
      }), (0, e.onMounted)(() => {
        l || p();
      });
      const _ = (0, e.watch)(v, () => {
        v.value && !l && (l = o.getContainer()), l && _();
      });
      return (0, e.onUpdated)(() => {
        (0, e.nextTick)(() => {
          var r;
          v.value && ((r = o.didUpdate) === null || r === void 0 || r.call(o, o));
        });
      }), () => {
        var r;
        return v.value ? s ? (r = u.default) === null || r === void 0 ? void 0 : r.call(u) : l ? (0, e.createVNode)(e.Teleport, {
          to: l
        }, u) : null : null;
      };
    }
  });
  return P.default = t, P;
}
var b = {}, w = {}, H;
function ie() {
  if (H)
    return w;
  H = 1, Object.defineProperty(w, "__esModule", {
    value: !0
  }), w.default = e, w.getTargetScrollBarSize = d;
  let n;
  function e(t) {
    if (typeof document > "u")
      return 0;
    if (t || n === void 0) {
      const o = document.createElement("div");
      o.style.width = "100%", o.style.height = "200px";
      const i = document.createElement("div"), u = i.style;
      u.position = "absolute", u.top = "0", u.left = "0", u.pointerEvents = "none", u.visibility = "hidden", u.width = "200px", u.height = "150px", u.overflow = "hidden", i.appendChild(o), document.body.appendChild(i);
      const s = o.offsetWidth;
      i.style.overflow = "scroll";
      let l = o.offsetWidth;
      s === l && (l = i.clientWidth), document.body.removeChild(i), n = s - l;
    }
    return n;
  }
  function a(t) {
    const o = t.match(/^(.*)px$/), i = Number(o == null ? void 0 : o[1]);
    return Number.isNaN(i) ? e() : i;
  }
  function d(t) {
    if (typeof document > "u" || !t || !(t instanceof Element))
      return {
        width: 0,
        height: 0
      };
    const {
      width: o,
      height: i
    } = getComputedStyle(t, "::-webkit-scrollbar");
    return {
      width: a(o),
      height: a(i)
    };
  }
  return w;
}
var G;
function ue() {
  if (G)
    return b;
  G = 1;
  var n = x;
  Object.defineProperty(b, "__esModule", {
    value: !0
  }), b.default = s, b.isBodyOverflowing = u;
  var e = L, a = Z(), d = n(ie()), t = n(J());
  const o = `vc-util-locker-${Date.now()}`;
  let i = 0;
  function u() {
    return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
  }
  function s(l) {
    const v = (0, e.computed)(() => !!l && !!l.value);
    i += 1;
    const p = `${o}_${i}`;
    (0, e.watchEffect)((_) => {
      if ((0, t.default)()) {
        if (v.value) {
          const r = (0, d.default)(), M = u();
          (0, a.updateCSS)(`
html body {
  overflow-y: hidden;
  ${M ? `width: calc(100% - ${r}px);` : ""}
}`, p);
        } else
          (0, a.removeCSS)(p);
        _(() => {
          (0, a.removeCSS)(p);
        });
      }
    }, {
      flush: "post"
    });
  }
  return b;
}
var K;
function me() {
  if (K)
    return C;
  K = 1;
  var n = x;
  Object.defineProperty(C, "__esModule", {
    value: !0
  }), C.default = void 0, C.getOpenCount = v;
  var e = L, a = n(Q()), d = n(oe()), t = n(J()), o = n(te()), i = ee(), u = n(ue());
  let s = 0;
  const l = (0, t.default)();
  function v() {
    return process.env.NODE_ENV === "test" ? s : 0;
  }
  const p = (r) => {
    if (!l)
      return null;
    if (r) {
      if (typeof r == "string")
        return document.querySelectorAll(r)[0];
      if (typeof r == "function")
        return r();
      if (typeof r == "object" && r instanceof window.HTMLElement)
        return r;
    }
    return document.body;
  };
  var _ = (0, e.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "PortalWrapper",
    inheritAttrs: !1,
    props: {
      wrapperClassName: String,
      forceRender: {
        type: Boolean,
        default: void 0
      },
      getContainer: a.default.any,
      visible: {
        type: Boolean,
        default: void 0
      },
      autoLock: (0, i.booleanType)(),
      didUpdate: Function
    },
    setup(r, M) {
      let {
        slots: j
      } = M;
      const c = (0, e.shallowRef)(), T = (0, e.shallowRef)(), B = (0, e.shallowRef)(), O = (0, t.default)() && document.createElement("div"), $ = () => {
        var f, m;
        c.value === O && ((m = (f = c.value) === null || f === void 0 ? void 0 : f.parentNode) === null || m === void 0 || m.removeChild(c.value)), c.value = null;
      };
      let y = null;
      const U = function() {
        return (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1) || c.value && !c.value.parentNode ? (y = p(r.getContainer), y ? (y.appendChild(c.value), !0) : !1) : !0;
      }, W = () => l ? (c.value || (c.value = O, U(!0)), k(), c.value) : null, k = () => {
        const {
          wrapperClassName: f
        } = r;
        c.value && f && f !== c.value.className && (c.value.className = f);
      };
      (0, e.onUpdated)(() => {
        k(), U();
      });
      const X = (0, e.getCurrentInstance)();
      return (0, u.default)((0, e.computed)(() => r.autoLock && r.visible && (0, t.default)() && (c.value === document.body || c.value === O))), (0, e.onMounted)(() => {
        let f = !1;
        (0, e.watch)([() => r.visible, () => r.getContainer], (m, R) => {
          let [N, h] = m, [Y, D] = R;
          l && (y = p(r.getContainer), y === document.body && (N && !Y ? s += 1 : f && (s -= 1))), f && (typeof h == "function" && typeof D == "function" ? h.toString() !== D.toString() : h !== D) && $(), f = !0;
        }, {
          immediate: !0,
          flush: "post"
        }), (0, e.nextTick)(() => {
          U() || (B.value = (0, o.default)(() => {
            X.update();
          }));
        });
      }), (0, e.onBeforeUnmount)(() => {
        const {
          visible: f
        } = r;
        l && y === document.body && (s = f && s ? s - 1 : s), $(), o.default.cancel(B.value);
      }), () => {
        const {
          forceRender: f,
          visible: m
        } = r;
        let R = null;
        const N = {
          getOpenCount: () => s,
          getContainer: W
        };
        return (f || m || T.value) && (R = (0, e.createVNode)(d.default, {
          getContainer: W,
          ref: T,
          didUpdate: r.didUpdate
        }, {
          default: () => {
            var h;
            return (h = j.default) === null || h === void 0 ? void 0 : h.call(j, N);
          }
        })), R;
      };
    }
  });
  return C.default = _, C;
}
export {
  ve as a,
  re as b,
  me as c,
  ne as d,
  oe as e,
  pe as r
};