epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,189 lines (1,188 loc) • 40.2 kB
JavaScript
import { defineComponent as yt, ref as Ue, watch as Qe, computed as bt, h as Ce, nextTick as St } from "vue";
import { d as Mt, m as Ae } from "./index-aabdecf2.js";
import { g as Rt } from "./_commonjsHelpers-c5d32002.js";
import { i as ue } from "./interopRequireDefault-40f894e3.js";
import { _ as ye } from "./typeof-88a201b1.js";
import { r as Q } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as dt, a as ge, b as He } from "./public_api-1267ff2a.js";
import { m as Be, c as pt, s as qt, l as Nt, f as xt, B as Dt, j as Ee, d as mt, n as It, g as Vt } from "./useConfigInject-bc9599af.js";
import { r as Et, a as Lt, b as jt, c as Tt, d as Wt } from "./ZoomOutOutlined-74408144.js";
import { r as gt } from "./useMergedState-a602e9b0.js";
import { r as Gt, a as Ut, b as At } from "./index-845db8e7.js";
import { a as Ft } from "./Portal-59ca1f55.js";
import { r as kt } from "./KeyCode-8a26b842.js";
import { r as zt } from "./raf-09a8b76f.js";
import { r as Zt } from "./LeftOutlined-2783bb46.js";
import { r as $t } from "./RightOutlined-fda1f21b.js";
import { r as Ht } from "./EyeOutlined-a078ec1c.js";
import "./index-b5b1eb67.js";
import "./pickAttrs-bdc76c16.js";
import "./DownloadOutlined-9cd200ec.js";
import "./isEqual-b1699f9b.js";
import "./index-c3e64a00.js";
import "./isObjectLike-4c09a3af.js";
import "./omit-f0993d0d.js";
import "./_flatRest-b83a0ce4.js";
import "./isPlainObject-527734d2.js";
import "./index-e4f65aa1.js";
import "./wave-7dc199b4.js";
import "./classCallCheck-358ed622.js";
import "./index-e810688f.js";
import "./index-09b69dcc.js";
import "./vnode-8ae20ac3.js";
import "./ResizeObserver.es-df63660c.js";
import "./ResizeObserver.es-fc1a163b.js";
import "./colors-f65ae2e2.js";
import "./firstNotUndefined-ac7713f5.js";
import "./CheckOutlined-d3c8be7c.js";
import "./CheckOutlined-4bef68e3.js";
import "./useRefs-693840e3.js";
import "./collapseMotion-5cf5ac0f.js";
import "./index-fac71ccf.js";
import "./Col-335609df.js";
import "./useFlexGapSupport-43e73827.js";
import "./index-816021be.js";
import "./index-97ce4605.js";
import "./FormItemContext-321b802f.js";
import "./index-cd8ad455.js";
import "./index.esm-56aac43a.js";
import "./index-2b6651fc.js";
import "./vue-types.m-289f467a.js";
import "./vue-types.m-76c57684.js";
import "./LoadingOutlined-93b8de63.js";
import "./ExclamationCircleFilled-873bbaab.js";
import "./CloseCircleFilled-268a9271.js";
import "./InfoCircleFilled-299f61de.js";
import "./CloseOutlined-e8461703.js";
import "./omit-71d5a718.js";
import "./LeftOutlined-7cac937b.js";
import "./RightOutlined-c0a86bcb.js";
import "./EyeOutlined-488be415.js";
function Bt(a, t) {
for (var u = 0; u < t.length; u++) {
const c = t[u];
if (typeof c != "string" && !Array.isArray(c)) {
for (const l in c)
if (l !== "default" && !(l in a)) {
const p = Object.getOwnPropertyDescriptor(c, l);
p && Object.defineProperty(a, l, p.get ? p : {
enumerable: !0,
get: () => c[l]
});
}
}
}
return Object.freeze(Object.defineProperty(a, Symbol.toStringTag, { value: "Module" }));
}
var Xe = {}, Fe = {}, re = {}, H = {}, et;
function Ye() {
if (et)
return H;
et = 1, Object.defineProperty(H, "__esModule", {
value: !0
}), H.get = p, H.getClientSize = i, H.getDocSize = r, H.getOffset = f, H.getOuterHeight = g, H.getOuterWidth = n, H.getScroll = o, H.set = h;
var a = /margin|padding|width|height|max|min|offset/, t = {
left: !0,
top: !0
}, u = {
cssFloat: 1,
styleFloat: 1,
float: 1
};
function c(e) {
return e.nodeType === 1 ? e.ownerDocument.defaultView.getComputedStyle(e, null) : {};
}
function l(e, s, v) {
if (s = s.toLowerCase(), v === "auto") {
if (s === "height")
return e.offsetHeight;
if (s === "width")
return e.offsetWidth;
}
return s in t || (t[s] = a.test(s)), t[s] ? parseFloat(v) || 0 : v;
}
function p(e, s) {
var v = arguments.length, N = c(e);
return s = u[s] ? "cssFloat" in e.style ? "cssFloat" : "styleFloat" : s, v === 1 ? N : l(e, s, N[s] || e.style[s]);
}
function h(e, s, v) {
var N = arguments.length;
if (s = u[s] ? "cssFloat" in e.style ? "cssFloat" : "styleFloat" : s, N === 3)
return typeof v == "number" && a.test(s) && (v = "".concat(v, "px")), e.style[s] = v, v;
for (var m in s)
s.hasOwnProperty(m) && h(e, m, s[m]);
return c(e);
}
function n(e) {
return e === document.body ? document.documentElement.clientWidth : e.offsetWidth;
}
function g(e) {
return e === document.body ? window.innerHeight || document.documentElement.clientHeight : e.offsetHeight;
}
function r() {
var e = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth), s = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
return {
width: e,
height: s
};
}
function i() {
var e = document.documentElement.clientWidth, s = window.innerHeight || document.documentElement.clientHeight;
return {
width: e,
height: s
};
}
function o() {
return {
scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft),
scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop)
};
}
function f(e) {
var s = e.getBoundingClientRect(), v = document.documentElement;
return {
left: s.left + (window.pageXOffset || v.scrollLeft) - (v.clientLeft || document.body.clientLeft || 0),
top: s.top + (window.pageYOffset || v.scrollTop) - (v.clientTop || document.body.clientTop || 0)
};
}
return H;
}
var de = {}, Ie = {}, tt;
function Xt() {
if (tt)
return Ie;
tt = 1;
var a = ue;
Object.defineProperty(Ie, "__esModule", {
value: !0
}), Ie.default = p;
var t = a(dt()), u = a(ge()), c = a(zt()), l = Q;
function p(h) {
var n = (0, l.ref)(null), g = (0, l.reactive)((0, u.default)({}, h)), r = (0, l.ref)([]), i = function(f) {
n.value === null && (r.value = [], n.value = (0, c.default)(function() {
var e;
r.value.forEach(function(s) {
e = (0, u.default)((0, u.default)({}, e), s);
}), (0, t.default)(g, e), n.value = null;
})), r.value.push(f);
};
return (0, l.onMounted)(function() {
n.value && c.default.cancel(n.value);
}), [g, i];
}
return Ie;
}
var Ve = {}, rt;
function Yt() {
if (rt)
return Ve;
rt = 1;
var a = ue;
Object.defineProperty(Ve, "__esModule", {
value: !0
}), Ve.default = p;
var t = a(ge()), u = a(He()), c = Ye();
function l(h, n, g, r) {
var i = n + g, o = (g - r) / 2;
if (g > r) {
if (n > 0)
return (0, u.default)({}, h, o);
if (n < 0 && i < r)
return (0, u.default)({}, h, -o);
} else if (n < 0 || i > r)
return (0, u.default)({}, h, n < 0 ? o : -o);
return {};
}
function p(h, n, g, r) {
var i = (0, c.getClientSize)(), o = i.width, f = i.height, e = null;
return h <= o && n <= f ? e = {
x: 0,
y: 0
} : (h > o || n > f) && (e = (0, t.default)((0, t.default)({}, l("x", g, h, o)), l("y", r, n, f))), e;
}
return Ve;
}
var pe = {}, at;
function Je() {
if (at)
return pe;
at = 1;
var a = ue;
Object.defineProperty(pe, "__esModule", {
value: !0
}), pe.default = pe.context = void 0;
var t = Q, u = a(ge()), c = a(Gt()), l = a(dt()), p = a(Be()), h = a(ye), n = Ke(), g = a(wt()), r = a(gt()), i = Symbol("previewGroupContext"), o = {
provide: function(v) {
(0, t.provide)(i, v);
},
inject: function() {
return (0, t.inject)(i, {
isPreviewGroup: (0, t.ref)(!1),
previewUrls: (0, t.computed)(function() {
return /* @__PURE__ */ new Map();
}),
setPreviewUrls: function() {
},
current: (0, t.ref)(null),
setCurrent: function() {
},
setShowPreview: function() {
},
setMousePosition: function() {
},
registerImage: null,
rootClassName: ""
});
}
};
pe.context = o;
var f = (0, t.defineComponent)({
compatConfig: {
MODE: 3
},
name: "PreviewGroup",
inheritAttrs: !1,
props: {
previewPrefixCls: String,
preview: {
type: [Boolean, Object],
default: !0
},
icons: {
type: Object,
default: function() {
return {};
}
}
},
setup: function(v, N) {
var m = N.slots, M = (0, t.computed)(function() {
var D = {
visible: void 0,
onVisibleChange: function() {
},
getContainer: void 0,
current: 0
};
return (0, h.default)(v.preview) === "object" ? (0, n.mergeDefaultValue)(v.preview, D) : D;
}), R = (0, t.reactive)(/* @__PURE__ */ new Map()), d = (0, t.ref)(), j = (0, t.computed)(function() {
return M.value.visible;
}), V = (0, t.computed)(function() {
return M.value.getContainer;
}), P = function(C, I) {
var L, W;
(L = (W = M.value).onVisibleChange) === null || L === void 0 || L.call(W, C, I);
}, w = (0, r.default)(!!j.value, {
value: j,
onChange: P
}), x = (0, p.default)(w, 2), O = x[0], y = x[1], q = (0, t.ref)(null), A = (0, t.computed)(function() {
return j.value !== void 0;
}), ae = (0, t.computed)(function() {
return Array.from(R.keys());
}), G = (0, t.computed)(function() {
return ae.value[M.value.current];
}), E = (0, t.computed)(function() {
return new Map(Array.from(R).filter(function(D) {
var C = (0, p.default)(D, 2), I = C[1].canPreview;
return !!I;
}).map(function(D) {
var C = (0, p.default)(D, 2), I = C[0], L = C[1].url;
return [I, L];
}));
}), B = function(C, I) {
var L = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
R.set(C, {
url: I,
canPreview: L
});
}, ee = function(C) {
d.value = C;
}, oe = function(C) {
q.value = C;
}, U = function(C, I) {
var L = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, W = function() {
R.delete(C);
};
return R.set(C, {
url: I,
canPreview: L
}), W;
}, k = function(C) {
C == null || C.stopPropagation(), y(!1), oe(null);
};
return (0, t.watch)(G, function(D) {
ee(D);
}, {
immediate: !0,
flush: "post"
}), (0, t.watchEffect)(function() {
O.value && A.value && ee(G.value);
}, {
flush: "post"
}), o.provide({
isPreviewGroup: (0, t.ref)(!0),
previewUrls: E,
setPreviewUrls: B,
current: d,
setCurrent: ee,
setShowPreview: y,
setMousePosition: oe,
registerImage: U
}), function() {
var D = (0, l.default)({}, ((0, c.default)(M.value), M.value));
return (0, t.createVNode)(t.Fragment, null, [m.default && m.default(), (0, t.createVNode)(g.default, (0, u.default)((0, u.default)({}, D), {}, {
"ria-hidden": !O.value,
visible: O.value,
prefixCls: v.previewPrefixCls,
onClose: k,
mousePosition: q.value,
src: E.value.get(d.value),
icons: v.icons,
getContainer: V.value
}), null)]);
};
}
}), e = f;
return pe.default = e, pe;
}
var nt;
function wt() {
if (nt)
return de;
nt = 1;
var a = ue;
Object.defineProperty(de, "__esModule", {
value: !0
}), de.previewProps = de.default = void 0;
var t = Q, u = a(He()), c = a(Be()), l = a(ge()), p = a(pt()), h = a(Ut()), n = At(), g = Ye(), r = a(Ft()), i = a(kt()), o = qt(), f = a(Xt()), e = a(Yt()), s = Je(), v = {
x: 0,
y: 0
}, N = (0, l.default)((0, l.default)({}, (0, n.dialogPropTypes)()), {}, {
src: String,
alt: String,
rootClassName: String,
icons: {
type: Object,
default: function() {
return {};
}
}
});
de.previewProps = N;
var m = (0, t.defineComponent)({
compatConfig: {
MODE: 3
},
name: "Preview",
inheritAttrs: !1,
props: N,
emits: ["close", "afterClose"],
setup: function(d, j) {
var V = j.emit, P = j.attrs, w = (0, t.reactive)(d.icons), x = w.rotateLeft, O = w.rotateRight, y = w.zoomIn, q = w.zoomOut, A = w.close, ae = w.left, G = w.right, E = (0, t.ref)(1), B = (0, t.ref)(0), ee = (0, f.default)(v), oe = (0, c.default)(ee, 2), U = oe[0], k = oe[1], D = function() {
return V("close");
}, C = (0, t.ref)(), I = (0, t.reactive)({
originX: 0,
originY: 0,
deltaX: 0,
deltaY: 0
}), L = (0, t.ref)(!1), W = s.context.inject(), ne = W.previewUrls, le = W.current, ie = W.isPreviewGroup, te = W.setCurrent, we = (0, t.computed)(function() {
return ne.value.size;
}), fe = (0, t.computed)(function() {
return Array.from(ne.value.keys());
}), F = (0, t.computed)(function() {
return fe.value.indexOf(le.value);
}), Le = (0, t.computed)(function() {
return ie.value ? ne.value.get(le.value) : d.src;
}), he = (0, t.computed)(function() {
return ie.value && we.value > 1;
}), X = (0, t.ref)({
wheelDirection: 0
}), Re = function() {
E.value = 1, B.value = 0, k(v), V("afterClose");
}, qe = function() {
E.value++, k(v);
}, Ne = function() {
E.value > 1 && E.value--, k(v);
}, je = function() {
B.value += 90;
}, ce = function() {
B.value -= 90;
}, Pe = function(_) {
_.preventDefault(), _.stopPropagation(), F.value > 0 && te(fe.value[F.value - 1]);
}, xe = function(_) {
_.preventDefault(), _.stopPropagation(), F.value < we.value - 1 && te(fe.value[F.value + 1]);
}, S = (0, p.default)((0, u.default)({}, "".concat(d.prefixCls, "-moving"), L.value)), T = "".concat(d.prefixCls, "-operations-operation"), z = "".concat(d.prefixCls, "-operations-icon"), Y = [{
icon: A,
onClick: D,
type: "close"
}, {
icon: y,
onClick: qe,
type: "zoomIn"
}, {
icon: q,
onClick: Ne,
type: "zoomOut",
disabled: (0, t.computed)(function() {
return E.value === 1;
})
}, {
icon: O,
onClick: je,
type: "rotateRight"
}, {
icon: x,
onClick: ce,
type: "rotateLeft"
}], Z = function() {
if (d.visible && L.value) {
var _ = C.value.offsetWidth * E.value, J = C.value.offsetHeight * E.value, se = (0, g.getOffset)(C.value), K = se.left, ve = se.top, $ = B.value % 180 !== 0;
L.value = !1;
var _e = (0, e.default)($ ? J : _, $ ? _ : J, K, ve);
_e && k((0, l.default)({}, _e));
}
}, Te = function(_) {
_.button === 0 && (_.preventDefault(), _.stopPropagation(), I.deltaX = _.pageX - U.x, I.deltaY = _.pageY - U.y, I.originX = U.x, I.originY = U.y, L.value = !0);
}, be = function(_) {
d.visible && L.value && k({
x: _.pageX - I.deltaX,
y: _.pageY - I.deltaY
});
}, We = function(_) {
if (d.visible) {
_.preventDefault();
var J = _.deltaY;
X.value = {
wheelDirection: J
};
}
}, De = function(_) {
!d.visible || !he.value || (_.preventDefault(), _.keyCode === i.default.LEFT ? F.value > 0 && te(fe.value[F.value - 1]) : _.keyCode === i.default.RIGHT && F.value < we.value - 1 && te(fe.value[F.value + 1]));
}, Ge = function() {
d.visible && (E.value !== 1 && (E.value = 1), (U.x !== v.x || U.y !== v.y) && k(v));
}, Se = function() {
};
return (0, t.onMounted)(function() {
(0, t.watch)([function() {
return d.visible;
}, L], function() {
Se();
var b, _, J = (0, r.default)(window, "mouseup", Z, !1), se = (0, r.default)(window, "mousemove", be, !1), K = (0, r.default)(window, "wheel", We, {
passive: !1
}), ve = (0, r.default)(window, "keydown", De, !1);
try {
window.top !== window.self && (b = (0, r.default)(window.top, "mouseup", Z, !1), _ = (0, r.default)(window.top, "mousemove", be, !1));
} catch ($) {
(0, o.warning)(!1, "[vc-image] ".concat($));
}
Se = function() {
J.remove(), se.remove(), K.remove(), ve.remove(), b && b.remove(), _ && _.remove();
};
}, {
flush: "post",
immediate: !0
}), (0, t.watch)([X], function() {
var b = X.value.wheelDirection;
b > 0 ? Ne() : b < 0 && qe();
});
}), (0, t.onUnmounted)(function() {
Se();
}), function() {
var b = d.visible, _ = d.prefixCls, J = d.rootClassName;
return (0, t.createVNode)(h.default, (0, l.default)((0, l.default)({}, P), {}, {
transitionName: "zoom",
maskTransitionName: "fade",
closable: !1,
keyboard: !0,
prefixCls: _,
onClose: D,
afterClose: Re,
visible: b,
wrapClassName: S,
rootClassName: J,
getContainer: d.getContainer
}), {
default: function() {
return [(0, t.createVNode)("ul", {
class: "".concat(d.prefixCls, "-operations")
}, [Y.map(function(K) {
var ve = K.icon, $ = K.onClick, _e = K.type, Oe = K.disabled;
return (0, t.createVNode)("li", {
class: (0, p.default)(T, (0, u.default)({}, "".concat(d.prefixCls, "-operations-operation-disabled"), Oe && (Oe == null ? void 0 : Oe.value))),
onClick: $,
key: _e
}, [(0, t.cloneVNode)(ve, {
class: z
})]);
})]), (0, t.createVNode)("div", {
class: "".concat(d.prefixCls, "-img-wrapper"),
style: {
transform: "translate3d(".concat(U.x, "px, ").concat(U.y, "px, 0)")
}
}, [(0, t.createVNode)("img", {
onMousedown: Te,
onDblclick: Ge,
ref: C,
class: "".concat(d.prefixCls, "-img"),
src: Le.value,
alt: d.alt,
style: {
transform: "scale3d(".concat(E.value, ", ").concat(E.value, ", 1) rotate(").concat(B.value, "deg)")
}
}, null)]), he.value && (0, t.createVNode)("div", {
class: (0, p.default)("".concat(d.prefixCls, "-switch-left"), (0, u.default)({}, "".concat(d.prefixCls, "-switch-left-disabled"), F.value <= 0)),
onClick: Pe
}, [ae]), he.value && (0, t.createVNode)("div", {
class: (0, p.default)("".concat(d.prefixCls, "-switch-right"), (0, u.default)({}, "".concat(d.prefixCls, "-switch-right-disabled"), F.value >= we.value - 1)),
onClick: xe
}, [G])];
}
});
};
}
}), M = m;
return de.default = M, de;
}
var it;
function Ke() {
if (it)
return re;
it = 1;
var a = ue, t = ye;
Object.defineProperty(re, "__esModule", {
value: !0
}), re.mergeDefaultValue = re.imageProps = re.default = void 0;
var u = Q, c = a(He()), l = a(Nt()), p = a(Be()), h = a(ye), n = a(ge()), g = a(Et()), r = a(pt()), i = a(xt()), o = Ye(), f = a(gt()), e = a(wt()), s = m(Je()), v = ["icons", "maskClassName"];
function N(P) {
if (typeof WeakMap != "function")
return null;
var w = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap();
return (N = function(y) {
return y ? x : w;
})(P);
}
function m(P, w) {
if (!w && P && P.__esModule)
return P;
if (P === null || t(P) !== "object" && typeof P != "function")
return { default: P };
var x = N(w);
if (x && x.has(P))
return x.get(P);
var O = {}, y = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var q in P)
if (q !== "default" && Object.prototype.hasOwnProperty.call(P, q)) {
var A = y ? Object.getOwnPropertyDescriptor(P, q) : null;
A && (A.get || A.set) ? Object.defineProperty(O, q, A) : O[q] = P[q];
}
return O.default = P, x && x.set(P, O), O;
}
var M = function() {
return {
src: String,
wrapperClassName: String,
wrapperStyle: {
type: Object,
default: void 0
},
rootClassName: String,
prefixCls: String,
previewPrefixCls: String,
previewMask: {
type: [Boolean, Function],
default: void 0
},
placeholder: i.default.any,
fallback: String,
preview: {
type: [Boolean, Object],
default: !0
},
onClick: {
type: Function
},
onError: {
type: Function
}
};
};
re.imageProps = M;
var R = function(w, x) {
var O = (0, n.default)({}, w);
return Object.keys(x).forEach(function(y) {
w[y] === void 0 && (O[y] = x[y]);
}), O;
};
re.mergeDefaultValue = R;
var d = 0, j = (0, u.defineComponent)({
compatConfig: {
MODE: 3
},
name: "Image",
inheritAttrs: !1,
props: M(),
emits: ["click", "error"],
setup: function(w, x) {
var O = x.attrs, y = x.slots, q = x.emit, A = (0, u.computed)(function() {
return w.prefixCls;
}), ae = (0, u.computed)(function() {
return "".concat(A.value, "-preview");
}), G = (0, u.computed)(function() {
var S = {
visible: void 0,
onVisibleChange: function() {
},
getContainer: void 0
};
return (0, h.default)(w.preview) === "object" ? R(w.preview, S) : S;
}), E = (0, u.computed)(function() {
var S;
return (S = G.value.src) !== null && S !== void 0 ? S : w.src;
}), B = (0, u.computed)(function() {
return w.placeholder && w.placeholder !== !0 || y.placeholder;
}), ee = (0, u.computed)(function() {
return G.value.visible;
}), oe = (0, u.computed)(function() {
return G.value.getContainer;
}), U = (0, u.computed)(function() {
return ee.value !== void 0;
}), k = function(T, z) {
var Y, Z;
(Y = (Z = G.value).onVisibleChange) === null || Y === void 0 || Y.call(Z, T, z);
}, D = (0, f.default)(!!ee.value, {
value: ee,
onChange: k
}), C = (0, p.default)(D, 2), I = C[0], L = C[1];
(0, u.watch)(I, function(S, T) {
k(S, T);
});
var W = (0, u.ref)(B.value ? "loading" : "normal");
(0, u.watch)(function() {
return w.src;
}, function() {
W.value = B.value ? "loading" : "normal";
});
var ne = (0, u.ref)(null), le = (0, u.computed)(function() {
return W.value === "error";
}), ie = s.context.inject(), te = ie.isPreviewGroup, we = ie.setCurrent, fe = ie.setShowPreview, F = ie.setMousePosition, Le = ie.registerImage, he = (0, u.ref)(d++), X = (0, u.computed)(function() {
return w.preview && !le.value;
}), Re = function() {
W.value = "normal";
}, qe = function(T) {
W.value = "error", q("error", T);
}, Ne = function(T) {
if (!U.value) {
var z = (0, o.getOffset)(T.target), Y = z.left, Z = z.top;
te.value ? (we(he.value), F({
x: Y,
y: Z
})) : ne.value = {
x: Y,
y: Z
};
}
te.value ? fe(!0) : L(!0), q("click", T);
}, je = function() {
L(!1), U.value || (ne.value = null);
}, ce = (0, u.ref)(null);
(0, u.watch)(function() {
return ce;
}, function() {
W.value === "loading" && ce.value.complete && (ce.value.naturalWidth || ce.value.naturalHeight) && Re();
});
var Pe = function() {
};
(0, u.onMounted)(function() {
(0, u.watch)([E, X], function() {
if (Pe(), !te.value)
return function() {
};
Pe = Le(he.value, E.value, X.value), X.value || Pe();
}, {
flush: "post",
immediate: !0
});
}), (0, u.onUnmounted)(function() {
Pe();
});
var xe = function(T) {
return (0, g.default)(T) ? T + "px" : T;
};
return function() {
var S = w.prefixCls, T = w.wrapperClassName, z = w.fallback, Y = w.src, Z = w.placeholder, Te = w.wrapperStyle, be = w.rootClassName, We = O.width, De = O.height, Ge = O.crossorigin, Se = O.decoding, b = O.alt, _ = O.sizes, J = O.srcset, se = O.usemap, K = O.class, ve = O.style, $ = G.value, _e = $.icons, Oe = $.maskClassName, ht = (0, l.default)($, v), Pt = (0, r.default)(S, T, be, (0, c.default)({}, "".concat(S, "-error"), le.value)), _t = le.value && z ? z : E.value, Ot = {
crossorigin: Ge,
decoding: Se,
alt: b,
sizes: _,
srcset: J,
usemap: se,
class: (0, r.default)("".concat(S, "-img"), (0, c.default)({}, "".concat(S, "-img-placeholder"), Z === !0), K),
style: (0, n.default)({
height: De
}, ve)
};
return (0, u.createVNode)(u.Fragment, null, [(0, u.createVNode)("div", {
class: Pt,
onClick: X.value ? Ne : function(Ct) {
q("click", Ct);
},
style: (0, n.default)({
width: xe(We),
height: xe(De)
}, Te)
}, [(0, u.createVNode)("img", (0, n.default)((0, n.default)((0, n.default)({}, Ot), le.value && z ? {
src: z
} : {
onLoad: Re,
onError: qe,
src: Y
}), {}, {
ref: ce
}), null), W.value === "loading" && (0, u.createVNode)("div", {
"aria-hidden": "true",
class: "".concat(S, "-placeholder")
}, [Z || y.placeholder && y.placeholder()]), y.previewMask && X.value && (0, u.createVNode)("div", {
class: ["".concat(S, "-mask"), Oe]
}, [y.previewMask()])]), !te.value && X.value && (0, u.createVNode)(e.default, (0, n.default)((0, n.default)({}, ht), {}, {
"aria-hidden": !I.value,
visible: I.value,
prefixCls: ae.value,
onClose: je,
mousePosition: ne.value,
src: _t,
alt: b,
getContainer: oe.value,
icons: _e,
rootClassName: be
}), null)]);
};
}
});
j.PreviewGroup = s.default;
var V = j;
return re.default = V, re;
}
var ut;
function Jt() {
return ut || (ut = 1, function(a) {
var t = ye;
Object.defineProperty(a, "__esModule", {
value: !0
});
var u = {};
a.default = void 0;
var c = p(Ke());
Object.keys(c).forEach(function(n) {
n === "default" || n === "__esModule" || Object.prototype.hasOwnProperty.call(u, n) || n in a && a[n] === c[n] || Object.defineProperty(a, n, {
enumerable: !0,
get: function() {
return c[n];
}
});
});
function l(n) {
if (typeof WeakMap != "function")
return null;
var g = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
return (l = function(o) {
return o ? r : g;
})(n);
}
function p(n, g) {
if (!g && n && n.__esModule)
return n;
if (n === null || t(n) !== "object" && typeof n != "function")
return { default: n };
var r = l(g);
if (r && r.has(n))
return r.get(n);
var i = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var f in n)
if (f !== "default" && Object.prototype.hasOwnProperty.call(n, f)) {
var e = o ? Object.getOwnPropertyDescriptor(n, f) : null;
e && (e.get || e.set) ? Object.defineProperty(i, f, e) : i[f] = n[f];
}
return i.default = n, r && r.set(n, i), i;
}
var h = c.default;
a.default = h;
}(Fe)), Fe;
}
var Me = {}, ot;
function Kt() {
if (ot)
return Me;
ot = 1;
var a = ue;
Object.defineProperty(Me, "__esModule", {
value: !0
}), Me.default = void 0;
var t = a(Dt()), u = t.default;
return Me.default = u, Me;
}
var me = {}, ke = {}, lt;
function Qt() {
return lt || (lt = 1, function(a) {
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var t = Q, u = l(Lt()), c = l(Ee());
function l(r) {
return r && r.__esModule ? r : { default: r };
}
function p(r) {
for (var i = 1; i < arguments.length; i++) {
var o = arguments[i] != null ? Object(arguments[i]) : {}, f = Object.keys(o);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(o).filter(function(e) {
return Object.getOwnPropertyDescriptor(o, e).enumerable;
}))), f.forEach(function(e) {
h(r, e, o[e]);
});
}
return r;
}
function h(r, i, o) {
return i in r ? Object.defineProperty(r, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = o, r;
}
var n = function(i, o) {
var f = p({}, i, o.attrs);
return (0, t.createVNode)(c.default, p({}, f, {
icon: u.default
}), null);
};
n.displayName = "RotateLeftOutlined", n.inheritAttrs = !1;
var g = n;
a.default = g;
}(ke)), ke;
}
var ze = {}, ft;
function er() {
return ft || (ft = 1, function(a) {
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var t = Q, u = l(jt()), c = l(Ee());
function l(r) {
return r && r.__esModule ? r : { default: r };
}
function p(r) {
for (var i = 1; i < arguments.length; i++) {
var o = arguments[i] != null ? Object(arguments[i]) : {}, f = Object.keys(o);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(o).filter(function(e) {
return Object.getOwnPropertyDescriptor(o, e).enumerable;
}))), f.forEach(function(e) {
h(r, e, o[e]);
});
}
return r;
}
function h(r, i, o) {
return i in r ? Object.defineProperty(r, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = o, r;
}
var n = function(i, o) {
var f = p({}, i, o.attrs);
return (0, t.createVNode)(c.default, p({}, f, {
icon: u.default
}), null);
};
n.displayName = "RotateRightOutlined", n.inheritAttrs = !1;
var g = n;
a.default = g;
}(ze)), ze;
}
var Ze = {}, ct;
function tr() {
return ct || (ct = 1, function(a) {
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var t = Q, u = l(Tt()), c = l(Ee());
function l(r) {
return r && r.__esModule ? r : { default: r };
}
function p(r) {
for (var i = 1; i < arguments.length; i++) {
var o = arguments[i] != null ? Object(arguments[i]) : {}, f = Object.keys(o);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(o).filter(function(e) {
return Object.getOwnPropertyDescriptor(o, e).enumerable;
}))), f.forEach(function(e) {
h(r, e, o[e]);
});
}
return r;
}
function h(r, i, o) {
return i in r ? Object.defineProperty(r, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = o, r;
}
var n = function(i, o) {
var f = p({}, i, o.attrs);
return (0, t.createVNode)(c.default, p({}, f, {
icon: u.default
}), null);
};
n.displayName = "ZoomInOutlined", n.inheritAttrs = !1;
var g = n;
a.default = g;
}(Ze)), Ze;
}
var $e = {}, st;
function rr() {
return st || (st = 1, function(a) {
Object.defineProperty(a, "__esModule", {
value: !0
}), a.default = void 0;
var t = Q, u = l(Wt()), c = l(Ee());
function l(r) {
return r && r.__esModule ? r : { default: r };
}
function p(r) {
for (var i = 1; i < arguments.length; i++) {
var o = arguments[i] != null ? Object(arguments[i]) : {}, f = Object.keys(o);
typeof Object.getOwnPropertySymbols == "function" && (f = f.concat(Object.getOwnPropertySymbols(o).filter(function(e) {
return Object.getOwnPropertyDescriptor(o, e).enumerable;
}))), f.forEach(function(e) {
h(r, e, o[e]);
});
}
return r;
}
function h(r, i, o) {
return i in r ? Object.defineProperty(r, i, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = o, r;
}
var n = function(i, o) {
var f = p({}, i, o.attrs);
return (0, t.createVNode)(c.default, p({}, f, {
icon: u.default
}), null);
};
n.displayName = "ZoomOutOutlined", n.inheritAttrs = !1;
var g = n;
a.default = g;
}($e)), $e;
}
var vt;
function ar() {
if (vt)
return me;
vt = 1;
var a = ue;
Object.defineProperty(me, "__esModule", {
value: !0
}), me.icons = me.default = void 0;
var t = Q, u = a(ge()), c = a(Je()), l = a(mt()), p = a(Qt()), h = a(er()), n = a(tr()), g = a(rr()), r = a(It()), i = a(Zt()), o = a($t()), f = {
rotateLeft: (0, t.createVNode)(p.default, null, null),
rotateRight: (0, t.createVNode)(h.default, null, null),
zoomIn: (0, t.createVNode)(n.default, null, null),
zoomOut: (0, t.createVNode)(g.default, null, null),
close: (0, t.createVNode)(r.default, null, null),
left: (0, t.createVNode)(i.default, null, null),
right: (0, t.createVNode)(o.default, null, null)
};
me.icons = f;
var e = (0, t.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AImagePreviewGroup",
inheritAttrs: !1,
props: {
previewPrefixCls: String
},
setup: function(N, m) {
var M = m.attrs, R = m.slots, d = (0, l.default)("image", N), j = d.getPrefixCls, V = (0, t.computed)(function() {
return j("image-preview", N.previewPrefixCls);
});
return function() {
return (0, t.createVNode)(c.default, (0, u.default)((0, u.default)({}, (0, u.default)((0, u.default)({}, M), N)), {}, {
icons: f,
previewPrefixCls: V.value
}), R);
};
}
}), s = e;
return me.default = s, me;
}
(function(a) {
var t = ue, u = ye;
Object.defineProperty(a, "__esModule", {
value: !0
}), Object.defineProperty(a, "ImagePreviewGroup", {
enumerable: !0,
get: function() {
return i.default;
}
}), a.default = void 0, Object.defineProperty(a, "imageProps", {
enumerable: !0,
get: function() {
return n.imageProps;
}
});
var c = Q, l = t(ge()), p = t(ye), h = t(Jt()), n = Ke(), g = t(Kt()), r = t(mt()), i = s(ar()), o = t(Ht()), f = Vt();
function e(m) {
if (typeof WeakMap != "function")
return null;
var M = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
return (e = function(j) {
return j ? R : M;
})(m);
}
function s(m, M) {
if (!M && m && m.__esModule)
return m;
if (m === null || u(m) !== "object" && typeof m != "function")
return { default: m };
var R = e(M);
if (R && R.has(m))
return R.get(m);
var d = {}, j = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var V in m)
if (V !== "default" && Object.prototype.hasOwnProperty.call(m, V)) {
var P = j ? Object.getOwnPropertyDescriptor(m, V) : null;
P && (P.get || P.set) ? Object.defineProperty(d, V, P) : d[V] = m[V];
}
return d.default = m, R && R.set(m, d), d;
}
var v = (0, c.defineComponent)({
name: "AImage",
inheritAttrs: !1,
props: (0, n.imageProps)(),
setup: function(M, R) {
var d = R.slots, j = R.attrs, V = (0, r.default)("image", M), P = V.prefixCls, w = V.rootPrefixCls, x = V.configProvider, O = (0, c.computed)(function() {
var y = M.preview;
if (y === !1)
return y;
var q = (0, p.default)(y) === "object" ? y : {};
return (0, l.default)((0, l.default)({
icons: i.icons
}, q), {}, {
transitionName: (0, f.getTransitionName)(w.value, "zoom", q.transitionName),
maskTransitionName: (0, f.getTransitionName)(w.value, "fade", q.maskTransitionName)
});
});
return function() {
var y, q = ((y = x.locale) === null || y === void 0 ? void 0 : y.Image) || g.default.Image, A = function() {
return (0, c.createVNode)("div", {
class: "".concat(P.value, "-mask-info")
}, [(0, c.createVNode)(o.default, null, null), q == null ? void 0 : q.preview]);
}, ae = M.previewMask, G = ae === void 0 ? d.previewMask || A : ae;
return (0, c.createVNode)(h.default, (0, l.default)((0, l.default)({}, (0, l.default)((0, l.default)((0, l.default)({}, j), M), {}, {
prefixCls: P.value
})), {}, {
preview: O.value
}), (0, l.default)((0, l.default)({}, d), {}, {
previewMask: typeof G == "function" ? G : null
}));
};
}
});
v.PreviewGroup = i.default, v.install = function(m) {
return m.component(v.name, v), m.component(v.PreviewGroup.name, v.PreviewGroup), m;
};
var N = v;
a.default = N;
})(Xe);
const nr = /* @__PURE__ */ Rt(Xe), ir = /* @__PURE__ */ Bt({
__proto__: null,
default: nr
}, [Xe]), va = yt({
props: {
modelValue: {
type: Array,
default: () => []
}
},
emits: ["update:modelValue"],
setup(a, { emit: t, attrs: u }) {
const c = Ue([]), l = Ue(""), p = Ue(!1), h = (e) => {
p.value = e;
};
Qe(c, (e) => {
t("update:modelValue", e);
}), Qe(
() => a.modelValue,
(e) => {
if (e != null && e.length > 0 && c.value != null) {
if (c.value === e)
return;
c.value.length = 0, c.value.push(...e);
}
},
{ deep: !0, immediate: !0 }
);
function n(e) {
St(() => {
c.value = e;
});
}
const g = (e) => {
var s, v;
if (e.file.status !== "uploading") {
if (e.file.status === "done") {
const N = (v = (s = e.file.response) == null ? void 0 : s.data) == null ? void 0 : v.url;
if (!e.file.url && !N) {
e.file.status = "error", Ae.error("上传失败");
return;
}
e.file.url = N, e.file.thumbUrl = N;
}
e.file.status === "error" && Ae.error("upload error");
}
}, r = (e) => {
}, i = bt(() => ({
...u,
"list-type": "picture-card",
accept: "image/gif,image/jpeg,image/jpg,image/png,image/svg",
"onUpdate:file-list": n,
"file-list": c.value,
"onBefore-upload": r,
onChange: g,
onPreview: o
}));
function o(e) {
e.url && (l.value = e.url, h(!0));
}
function f() {
l.value && Ae.error("图片地址无法访问!");
}
return () => Ce(
"div",
{
class: "epic-upload-image"
},
{
default: () => [
Ce(Mt, i.value, {
default: () => [
Ce("div", null, {
default: () => [
Ce("span", {
class: "iconfont epic-icon-shangchuan1",
style: { "margin-right": "2px" }
}),
Ce(
"div",
{ class: "ant-upload-text" },
{ default: () => "点击上传" }
)
]
})
]
}),
Ce(ir, {
style: { display: "none" },
src: l.value,
preview: {
visible: p,
onVisibleChange: h
},
onError: f
})
]
}
);
}
});
export {
va as default
};