epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
81 lines (80 loc) • 2.39 kB
JavaScript
import { i as y } from "./interopRequireDefault-40f894e3.js";
import { a as D, r as P } from "./public_api-1267ff2a.js";
import { r as U } from "./ResizeObserver.es-df63660c.js";
import { r as j } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as B } from "./useConfigInject-bc9599af.js";
var a = {}, _;
function k() {
if (_)
return a;
_ = 1;
var s = y;
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var c = s(D()), z = s(P()), q = s(U), e = j, w = B(), H = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ResizeObserver",
props: {
disabled: Boolean,
onResize: Function
},
emits: ["resize"],
setup: function(f, W) {
var g = W.slots, n = (0, e.reactive)({
width: 0,
height: 0,
offsetHeight: 0,
offsetWidth: 0
}), m = null, r = null, u = function() {
r && (r.disconnect(), r = null);
}, x = function(v) {
var t = f.onResize, o = v[0].target, p = o.getBoundingClientRect(), M = p.width, $ = p.height, l = o.offsetWidth, h = o.offsetHeight, b = Math.floor(M), O = Math.floor($);
if (n.width !== b || n.height !== O || n.offsetWidth !== l || n.offsetHeight !== h) {
var R = {
width: b,
height: O,
offsetWidth: l,
offsetHeight: h
};
(0, z.default)(n, R), t && Promise.resolve().then(function() {
t((0, c.default)((0, c.default)({}, R), {}, {
offsetWidth: l,
offsetHeight: h
}), o);
});
}
}, C = (0, e.getCurrentInstance)(), d = function() {
var v = f.disabled;
if (v) {
u();
return;
}
var t = (0, w.findDOMNode)(C), o = t !== m;
o && (u(), m = t), !r && t && (r = new q.default(x), r.observe(t));
};
return (0, e.onMounted)(function() {
d();
}), (0, e.onUpdated)(function() {
d();
}), (0, e.onUnmounted)(function() {
u();
}), (0, e.watch)(function() {
return f.disabled;
}, function() {
d();
}, {
flush: "post"
}), function() {
var i;
return (i = g.default) === null || i === void 0 ? void 0 : i.call(g)[0];
};
}
});
return a.default = H, a;
}
export {
k as r
};