UNPKG

epic-designer-cjh

Version:

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

755 lines (754 loc) 24.8 kB
import { defineComponent as ft, h as j, renderSlot as ne } from "vue"; import { _ as Se } from "./typeof-88a201b1.js"; import { i as Y } from "./interopRequireDefault-40f894e3.js"; import { r as G } from "./_vue_commonjs-external-eb7fec7f.js"; import { b as ue, a as te, r as dt } from "./public_api-1267ff2a.js"; import { l as st, m as ce, c as fe, f as $e, n as vt, A as Fe, y as pt, d as Ie, g as De, E as mt, H as Ct, I as yt, J as gt, K as _t, a as xt, e as ht } from "./useConfigInject-bc9599af.js"; import { a as kt } from "./index-845db8e7.js"; import { a as bt } from "./Portal-59ca1f55.js"; import { r as Re, a as Ve } from "./index-e4f65aa1.js"; import { a as Pt, r as Nt } from "./useFlexGapSupport-43e73827.js"; import { r as Tt } from "./omit-71d5a718.js"; import { B as ke } from "./index-0514f4b2.js"; import "./_commonjsHelpers-c5d32002.js"; import "./index.esm-56aac43a.js"; import "./index-2b6651fc.js"; import "./isPlainObject-527734d2.js"; import "./isObjectLike-4c09a3af.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 "./index-b5b1eb67.js"; import "./CloseOutlined-e8461703.js"; import "./KeyCode-8a26b842.js"; import "./pickAttrs-bdc76c16.js"; import "./classCallCheck-358ed622.js"; import "./raf-09a8b76f.js"; import "./wave-7dc199b4.js"; var de = {}, S = {}, q = Y; Object.defineProperty(S, "__esModule", { value: !0 }); S.modalProps = S.destroyFns = S.default = void 0; var R = G, be = q(ue()), Ot = q(st()), V = q(te()), wt = q(ce()), qt = q(fe()), Bt = q(kt()), U = q($e()), St = q(bt()), $t = q(vt()), Pe = q(Re()), Ft = Ve(), It = Fe(), Dt = q(pt()), Rt = Pt(), Vt = q(Ie()), Ne = De(), At = ["prefixCls", "visible", "wrapClassName", "centered", "getContainer", "closeIcon", "focusTriggerAfterClose"], le = null, Mt = function(e) { le = { x: e.pageX, y: e.pageY }, setTimeout(function() { return le = null; }, 100); }; (0, Rt.canUseDocElement)() && (0, St.default)(document.documentElement, "click", Mt, !0); var Ae = function() { return { prefixCls: String, visible: { type: Boolean, default: void 0 }, confirmLoading: { type: Boolean, default: void 0 }, title: U.default.any, closable: { type: Boolean, default: void 0 }, closeIcon: U.default.any, onOk: Function, onCancel: Function, "onUpdate:visible": Function, onChange: Function, afterClose: Function, centered: { type: Boolean, default: void 0 }, width: [String, Number], footer: U.default.any, okText: U.default.any, okType: String, cancelText: U.default.any, icon: U.default.any, maskClosable: { type: Boolean, default: void 0 }, forceRender: { type: Boolean, default: void 0 }, okButtonProps: Object, cancelButtonProps: Object, destroyOnClose: { type: Boolean, default: void 0 }, wrapClassName: String, maskTransitionName: String, transitionName: String, getContainer: { type: [String, Function, Boolean, Object], default: void 0 }, zIndex: Number, bodyStyle: { type: Object, default: void 0 }, maskStyle: { type: Object, default: void 0 }, mask: { type: Boolean, default: void 0 }, keyboard: { type: Boolean, default: void 0 }, wrapProps: Object, focusTriggerAfterClose: { type: Boolean, default: void 0 }, modalRender: Function }; }; S.modalProps = Ae; var zt = []; S.destroyFns = zt; var Wt = (0, R.defineComponent)({ compatConfig: { MODE: 3 }, name: "AModal", inheritAttrs: !1, props: (0, Dt.default)(Ae(), { width: 520, transitionName: "zoom", maskTransitionName: "fade", confirmLoading: !1, visible: !1, okType: "primary" }), setup: function(e, o) { var r = o.emit, n = o.slots, i = o.attrs, f = (0, It.useLocaleReceiver)("Modal"), P = (0, wt.default)(f, 1), h = P[0], d = (0, Vt.default)("modal", e), l = d.prefixCls, u = d.rootPrefixCls, a = d.direction, p = d.getPopupContainer, y = function(v) { r("update:visible", !1), r("cancel", v), r("change", !1); }, T = function(v) { r("ok", v); }, c = function() { var v, w, _ = e.okText, g = _ === void 0 ? (v = n.okText) === null || v === void 0 ? void 0 : v.call(n) : _, C = e.okType, k = e.cancelText, b = k === void 0 ? (w = n.cancelText) === null || w === void 0 ? void 0 : w.call(n) : k, x = e.confirmLoading; return (0, R.createVNode)(R.Fragment, null, [(0, R.createVNode)(Pe.default, (0, V.default)({ onClick: y }, e.cancelButtonProps), { default: function() { return [b || h.value.cancelText]; } }), (0, R.createVNode)(Pe.default, (0, V.default)((0, V.default)({}, (0, Ft.convertLegacyProps)(C)), {}, { loading: x, onClick: T }, e.okButtonProps), { default: function() { return [g || h.value.okText]; } })]); }; return function() { var s, v; e.prefixCls; var w = e.visible, _ = e.wrapClassName, g = e.centered, C = e.getContainer, k = e.closeIcon, b = k === void 0 ? (s = n.closeIcon) === null || s === void 0 ? void 0 : s.call(n) : k, x = e.focusTriggerAfterClose, D = x === void 0 ? !0 : x, M = (0, Ot.default)(e, At), z = (0, qt.default)(_, (v = {}, (0, be.default)(v, "".concat(l.value, "-centered"), !!g), (0, be.default)(v, "".concat(l.value, "-wrap-rtl"), a.value === "rtl"), v)); return (0, R.createVNode)(Bt.default, (0, V.default)((0, V.default)((0, V.default)({}, M), i), {}, { getContainer: C || p.value, prefixCls: l.value, wrapClassName: z, visible: w, mousePosition: le, onClose: y, focusTriggerAfterClose: D, transitionName: (0, Ne.getTransitionName)(u.value, "zoom", e.transitionName), maskTransitionName: (0, Ne.getTransitionName)(u.value, "fade", e.maskTransitionName) }), (0, V.default)((0, V.default)({}, n), {}, { footer: n.footer || c, closeIcon: function() { return (0, R.createVNode)("span", { class: "".concat(l.value, "-close-x") }, [b || (0, R.createVNode)($t.default, { class: "".concat(l.value, "-close-icon") }, null)]); } })); }; } }); S.default = Wt; var I = {}, H = {}, J = {}, K = {}, Te; function Et() { if (Te) return K; Te = 1, Object.defineProperty(K, "__esModule", { value: !0 }), K.default = void 0; var t = G, e = function() { var n = (0, t.ref)(!1); return (0, t.onBeforeUnmount)(function() { n.value = !0; }), n; }, o = e; return K.default = o, K; } var Oe; function Lt() { if (Oe) return J; Oe = 1; var t = Y; Object.defineProperty(J, "__esModule", { value: !0 }), J.default = void 0; var e = G, o = t(te()), r = t(Re()), n = Ve(), i = t(Et()), f = { type: { type: String }, actionFn: Function, close: Function, autofocus: Boolean, prefixCls: String, buttonProps: Object, emitEvent: Boolean, quitOnNullishReturnValue: Boolean }; function P(d) { return !!(d && d.then); } var h = (0, e.defineComponent)({ compatConfig: { MODE: 3 }, name: "ActionButton", props: f, setup: function(l, u) { var a = u.slots, p = (0, e.ref)(!1), y = (0, e.ref)(), T = (0, e.ref)(!1), c, s = (0, i.default)(); (0, e.onMounted)(function() { l.autofocus && (c = setTimeout(function() { var _; return (_ = y.value.$el) === null || _ === void 0 ? void 0 : _.focus(); })); }), (0, e.onBeforeUnmount)(function() { clearTimeout(c); }); var v = function(g) { var C = l.close; P(g) && (T.value = !0, g.then(function() { s.value || (T.value = !1), C.apply(void 0, arguments), p.value = !1; }, function(k) { console.error(k), s.value || (T.value = !1), p.value = !1; })); }, w = function(g) { var C = l.actionFn, k = l.close, b = k === void 0 ? function() { } : k; if (!p.value) { if (p.value = !0, !C) { b(); return; } var x; if (l.emitEvent) { if (x = C(g), l.quitOnNullishReturnValue && !P(x)) { p.value = !1, b(g); return; } } else if (C.length) x = C(b), p.value = !1; else if (x = C(), !x) { b(); return; } v(x); } }; return function() { var _ = l.type, g = l.prefixCls, C = l.buttonProps; return (0, e.createVNode)(r.default, (0, o.default)((0, o.default)((0, o.default)({}, (0, n.convertLegacyProps)(_)), {}, { onClick: w, loading: T.value, prefixCls: g }, C), {}, { ref: y }), a); }; } }); return J.default = h, J; } var we; function jt() { if (we) return H; we = 1; var t = Y; Object.defineProperty(H, "__esModule", { value: !0 }), H.default = void 0; var e = G, o = t(ue()), r = t(ce()), n = t(fe()), i = t(S), f = t(Lt()), P = Fe(), h = De(); function d(u) { return typeof u == "function" ? u() : u; } var l = (0, e.defineComponent)({ name: "ConfirmDialog", inheritAttrs: !1, props: ["icon", "onCancel", "onOk", "close", "closable", "zIndex", "afterClose", "visible", "keyboard", "centered", "getContainer", "maskStyle", "okButtonProps", "cancelButtonProps", "okType", "prefixCls", "okCancel", "width", "mask", "maskClosable", "okText", "cancelText", "autoFocusButton", "transitionName", "maskTransitionName", "type", "title", "content", "direction", "rootPrefixCls", "bodyStyle", "closeIcon", "modalRender", "focusTriggerAfterClose", "wrapClassName"], setup: function(a, p) { var y = p.attrs, T = (0, P.useLocaleReceiver)("Modal"), c = (0, r.default)(T, 1), s = c[0]; return function() { var v = a.icon, w = a.onCancel, _ = a.onOk, g = a.close, C = a.closable, k = C === void 0 ? !1 : C, b = a.zIndex, x = a.afterClose, D = a.visible, M = a.keyboard, z = a.centered, E = a.getContainer, ae = a.maskStyle, L = a.okButtonProps, He = a.cancelButtonProps, se = a.okCancel, ve = se === void 0 ? !0 : se, pe = a.width, Je = pe === void 0 ? 416 : pe, me = a.mask, Ke = me === void 0 ? !0 : me, Ce = a.maskClosable, Xe = Ce === void 0 ? !1 : Ce, ye = a.type, ge = a.title, Ye = a.content, Qe = a.direction, Ze = a.closeIcon, et = a.modalRender, tt = a.focusTriggerAfterClose, Q = a.rootPrefixCls, at = a.bodyStyle, rt = a.wrapClassName, nt = a.okType || "primary", re = a.prefixCls || "ant-modal", F = "".concat(re, "-confirm"), ot = y.style || {}, lt = d(a.okText) || (ve ? s.value.okText : s.value.justOkText), it = d(a.cancelText) || s.value.cancelText, _e = a.autoFocusButton === null ? !1 : a.autoFocusButton || "ok", ut = (0, n.default)(F, "".concat(F, "-").concat(ye), "".concat(re, "-").concat(ye), (0, o.default)({}, "".concat(F, "-rtl"), Qe === "rtl"), y.class), ct = ve && (0, e.createVNode)(f.default, { actionFn: w, close: g, autofocus: _e === "cancel", buttonProps: He, prefixCls: "".concat(Q, "-btn") }, { default: function() { return [it]; } }); return (0, e.createVNode)(i.default, { prefixCls: re, class: ut, wrapClassName: (0, n.default)((0, o.default)({}, "".concat(F, "-centered"), !!z), rt), onCancel: function(he) { return g({ triggerCancel: !0 }, he); }, visible: D, title: "", footer: "", transitionName: (0, h.getTransitionName)(Q, "zoom", a.transitionName), maskTransitionName: (0, h.getTransitionName)(Q, "fade", a.maskTransitionName), mask: Ke, maskClosable: Xe, maskStyle: ae, style: ot, bodyStyle: at, width: Je, zIndex: b, afterClose: x, keyboard: M, centered: z, getContainer: E, closable: k, closeIcon: Ze, modalRender: et, focusTriggerAfterClose: tt }, { default: function() { return [(0, e.createVNode)("div", { class: "".concat(F, "-body-wrapper") }, [(0, e.createVNode)("div", { class: "".concat(F, "-body") }, [d(v), ge === void 0 ? null : (0, e.createVNode)("span", { class: "".concat(F, "-title") }, [d(ge)]), (0, e.createVNode)("div", { class: "".concat(F, "-content") }, [d(Ye)])]), (0, e.createVNode)("div", { class: "".concat(F, "-btns") }, [ct, (0, e.createVNode)(f.default, { type: nt, actionFn: _, close: g, autofocus: _e === "ok", buttonProps: L, prefixCls: "".concat(Q, "-btn") }, { default: function() { return [lt]; } })])])]; } }); }; } }); return H.default = l, H; } var A = Y, Ut = Se; Object.defineProperty(I, "__esModule", { value: !0 }); I.default = void 0; I.withConfirm = oa; I.withError = na; I.withInfo = aa; I.withSuccess = ra; I.withWarn = ta; var B = G, Gt = A(dt()), m = A(te()), Ht = A(jt()), Z = S, qe = Qt(mt()), Jt = A(Tt()), Kt = A(Ct()), Xt = A(yt()), Yt = A(gt()), Me = A(_t()); function ze(t) { if (typeof WeakMap != "function") return null; var e = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(); return (ze = function(n) { return n ? o : e; })(t); } function Qt(t, e) { if (!e && t && t.__esModule) return t; if (t === null || Ut(t) !== "object" && typeof t != "function") return { default: t }; var o = ze(e); if (o && o.has(t)) return o.get(t); var r = {}, n = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var i in t) if (i !== "default" && Object.prototype.hasOwnProperty.call(t, i)) { var f = n ? Object.getOwnPropertyDescriptor(t, i) : null; f && (f.get || f.set) ? Object.defineProperty(r, i, f) : r[i] = t[i]; } return r.default = t, o && o.set(t, r), r; } var Zt = function(e) { var o = document.createDocumentFragment(), r = (0, m.default)((0, m.default)({}, (0, Jt.default)(e, ["parentContext", "appContext"])), {}, { close: f, visible: !0 }), n = null; function i() { n && ((0, B.render)(null, o), n.component.update(), n = null); for (var l = arguments.length, u = new Array(l), a = 0; a < l; a++) u[a] = arguments[a]; var p = u.some(function(c) { return c && c.triggerCancel; }); e.onCancel && p && e.onCancel.apply(e, u); for (var y = 0; y < Z.destroyFns.length; y++) { var T = Z.destroyFns[y]; if (T === f) { Z.destroyFns.splice(y, 1); break; } } } function f() { for (var l = this, u = arguments.length, a = new Array(u), p = 0; p < u; p++) a[p] = arguments[p]; r = (0, m.default)((0, m.default)({}, r), {}, { visible: !1, afterClose: function() { typeof e.afterClose == "function" && e.afterClose(), i.apply(l, a); } }), P(r); } function P(l) { typeof l == "function" ? r = l(r) : r = (0, m.default)((0, m.default)({}, r), l), n && ((0, Gt.default)(n.component.props, r), n.component.update()); } var h = function(u) { var a = qe.globalConfigForApi, p = a.prefixCls, y = u.prefixCls || "".concat(p, "-modal"); return (0, B.createVNode)(qe.default, (0, m.default)((0, m.default)({}, a), {}, { notUpdateGlobalConfig: !0, prefixCls: p }), { default: function() { return [(0, B.createVNode)(Ht.default, (0, m.default)((0, m.default)({}, u), {}, { rootPrefixCls: p, prefixCls: y }), null)]; } }); }; function d(l) { var u = (0, B.createVNode)(h, (0, m.default)({}, l)); return u.appContext = e.parentContext || e.appContext || u.appContext, (0, B.render)(u, o), u; } return n = d(r), Z.destroyFns.push(f), { destroy: f, update: P }; }, ea = Zt; I.default = ea; function ta(t) { return (0, m.default)((0, m.default)({ icon: function() { return (0, B.createVNode)(Me.default, null, null); }, okCancel: !1 }, t), {}, { type: "warning" }); } function aa(t) { return (0, m.default)((0, m.default)({ icon: function() { return (0, B.createVNode)(Kt.default, null, null); }, okCancel: !1 }, t), {}, { type: "info" }); } function ra(t) { return (0, m.default)((0, m.default)({ icon: function() { return (0, B.createVNode)(Xt.default, null, null); }, okCancel: !1 }, t), {}, { type: "success" }); } function na(t) { return (0, m.default)((0, m.default)({ icon: function() { return (0, B.createVNode)(Yt.default, null, null); }, okCancel: !1 }, t), {}, { type: "error" }); } function oa(t) { return (0, m.default)((0, m.default)({ icon: function() { return (0, B.createVNode)(Me.default, null, null); }, okCancel: !0 }, t), {}, { type: "confirm" }); } var la = Se; Object.defineProperty(de, "__esModule", { value: !0 }); var We = de.default = void 0, O = Le(S), $ = Le(I); function Ee(t) { if (typeof WeakMap != "function") return null; var e = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(); return (Ee = function(n) { return n ? o : e; })(t); } function Le(t, e) { if (!e && t && t.__esModule) return t; if (t === null || la(t) !== "object" && typeof t != "function") return { default: t }; var o = Ee(e); if (o && o.has(t)) return o.get(t); var r = {}, n = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var i in t) if (i !== "default" && Object.prototype.hasOwnProperty.call(t, i)) { var f = n ? Object.getOwnPropertyDescriptor(t, i) : null; f && (f.get || f.set) ? Object.defineProperty(r, i, f) : r[i] = t[i]; } return r.default = t, o && o.set(t, r), r; } function je(t) { return (0, $.default)((0, $.withWarn)(t)); } O.default.info = function(e) { return (0, $.default)((0, $.withInfo)(e)); }; O.default.success = function(e) { return (0, $.default)((0, $.withSuccess)(e)); }; O.default.error = function(e) { return (0, $.default)((0, $.withError)(e)); }; O.default.warning = je; O.default.warn = je; O.default.confirm = function(e) { return (0, $.default)((0, $.withConfirm)(e)); }; O.default.destroyAll = function() { for (; O.destroyFns.length; ) { var e = O.destroyFns.pop(); e && e(); } }; O.default.install = function(t) { return t.component(O.default.name, O.default), t; }; var ia = O.default; We = de.default = ia; var X = {}, W = Y; Object.defineProperty(X, "__esModule", { value: !0 }); X.spaceProps = Ge = X.default = void 0; var N = G, ee = W(te()), oe = W(ue()), ua = W(ce()), Be = W($e()), ca = xt(), ie = ht(), fa = W(Ie()), da = W(Nt()), sa = W(fe()), va = { small: 8, middle: 16, large: 24 }, Ue = function() { return { prefixCls: String, size: { type: [String, Number, Array] }, direction: Be.default.oneOf((0, ie.tuple)("horizontal", "vertical")).def("horizontal"), align: Be.default.oneOf((0, ie.tuple)("start", "end", "center", "baseline")), wrap: { type: Boolean, default: void 0 } }; }; X.spaceProps = Ue; function pa(t) { return typeof t == "string" ? va[t] : t || 0; } var ma = (0, N.defineComponent)({ compatConfig: { MODE: 3 }, name: "ASpace", props: Ue(), slots: ["split"], setup: function(e, o) { var r = o.slots, n = (0, fa.default)("space", e), i = n.prefixCls, f = n.space, P = n.direction, h = (0, da.default)(), d = (0, N.computed)(function() { var c, s, v; return (c = (s = e.size) !== null && s !== void 0 ? s : (v = f.value) === null || v === void 0 ? void 0 : v.size) !== null && c !== void 0 ? c : "small"; }), l = (0, N.ref)(), u = (0, N.ref)(); (0, N.watch)(d, function() { var c = (Array.isArray(d.value) ? d.value : [d.value, d.value]).map(function(v) { return pa(v); }), s = (0, ua.default)(c, 2); l.value = s[0], u.value = s[1]; }, { immediate: !0 }); var a = (0, N.computed)(function() { return e.align === void 0 && e.direction === "horizontal" ? "center" : e.align; }), p = (0, N.computed)(function() { var c; return (0, sa.default)(i.value, "".concat(i.value, "-").concat(e.direction), (c = {}, (0, oe.default)(c, "".concat(i.value, "-rtl"), P.value === "rtl"), (0, oe.default)(c, "".concat(i.value, "-align-").concat(a.value), a.value), c)); }), y = (0, N.computed)(function() { return P.value === "rtl" ? "marginLeft" : "marginRight"; }), T = (0, N.computed)(function() { var c = {}; return h.value && (c.columnGap = "".concat(l.value, "px"), c.rowGap = "".concat(u.value, "px")), (0, ee.default)((0, ee.default)({}, c), e.wrap && { flexWrap: "wrap", marginBottom: "".concat(-u.value, "px") }); }); return function() { var c, s, v = e.wrap, w = e.direction, _ = w === void 0 ? "horizontal" : w, g = (c = r.default) === null || c === void 0 ? void 0 : c.call(r), C = (0, ca.filterEmpty)(g), k = C.length; if (k === 0) return null; var b = (s = r.split) === null || s === void 0 ? void 0 : s.call(r), x = "".concat(i.value, "-item"), D = l.value, M = k - 1; return (0, N.createVNode)("div", { class: p.value, style: T.value }, [C.map(function(z, E) { var ae = g.indexOf(z), L = {}; return h.value || (_ === "vertical" ? E < M && (L = { marginBottom: "".concat(D / (b ? 2 : 1), "px") }) : L = (0, ee.default)((0, ee.default)({}, E < M && (0, oe.default)({}, y.value, "".concat(D / (b ? 2 : 1), "px"))), v && { paddingBottom: "".concat(u.value, "px") })), (0, N.createVNode)(N.Fragment, { key: ae }, [(0, N.createVNode)("div", { class: x, style: L }, [z]), E < M && b && (0, N.createVNode)("span", { class: "".concat(x, "-split"), style: L }, [b])]); })]); }; } }), Ca = (0, ie.withInstall)(ma), Ge = X.default = Ca; const ya = { position: "absolute", right: "150px", left: "150px", minWidth: "700px", width: "auto", top: "56px", bottom: "30px", minHeight: "500px" }, ga = { height: "calc(100vh - 108px)", padding: 0 }, Ka = ft({ props: { record: { type: Object, default: () => ({}) } }, emits: ["ok", "close", "update:modelValue"], setup(t, { attrs: e, slots: o, emit: r }) { return () => { var d; const n = { ...t.record, ...e, title: ((d = t.record) == null ? void 0 : d.label) ?? "", wrapClassName: "epic-modal-ant", visible: e.modelValue, "onUpdate:visible": h, style: "top:20px", bodyStyle: ga, dialogStyle: ya, footer: null }, i = n.children ?? []; delete n.children; let f = null; i.length ? f = () => i.map( (l) => ne(o, "node", { record: l }) ) : f = () => [ne(o, "default")]; function P() { r("ok"); } function h() { r("update:modelValue", !1), r("close"); } return j(We, n, { default: () => [ j( "div", { class: "epic-modal-main" }, ne(o, "edit-node", {}, f) ), j( "div", { class: "epic-modal-footer" }, j( Ge, { align: "end" }, { default: () => [ j( ke, { onClick: h }, { default: () => "关闭" } ), j( ke, { type: "primary", onClick: P }, { default: () => n.okText ?? "确定" } ) ] } ) ) ] }); }; } }); export { Ka as default };