UNPKG

epic-designer-cjh

Version:

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

1,009 lines (1,008 loc) 31.7 kB
import { defineComponent as Ze, h as te, renderSlot as me, openBlock as et, createElementBlock as tt } from "vue"; import { i as Q } from "./interopRequireDefault-40f894e3.js"; import { r as K } from "./_vue_commonjs-external-eb7fec7f.js"; import { r as ve, a as de } from "./public_api-1267ff2a.js"; import { d as Ce, v as ye, t as Be, f as ge, e as $e, h as De, b as Ve, x as rt, w as ot } from "./useConfigInject-d85d8c62.js"; import { r as at, b as nt } from "./index-3ca619fd.js"; import { r as Ae } from "./index-f96a976e.js"; import { a as lt } from "./PortalWrapper-9d2c005f.js"; import { r as it } from "./CloseOutlined-ca523fbb.js"; import { r as Ie, a as je } from "./index-5a88efc4.js"; import { a as ut, r as st } from "./useFlexGapSupport-f3b1c137.js"; import { r as Ee } from "./transition-d16825f8.js"; import { r as ct, a as dt } from "./ExclamationCircleFilled-5348250c.js"; import { r as ft } from "./CloseCircleFilled-9cec1aca.js"; import { a as vt, b as pt, c as mt } from "./index-95f97c1c.js"; import { r as Ct } from "./omit-84b99e2b.js"; import { B as Pe } from "./index-6b0e7bb1.js"; import { g as yt } from "./_commonjsHelpers-c5d32002.js"; import { r as gt, b as _t } from "./compact-item-020b9c99.js"; import { _ as ht } from "./_plugin-vue_export-helper-dad06003.js"; import "./typeof-88a201b1.js"; import "./index.esm-56aac43a.js"; import "./index-2b6651fc.js"; import "./stylis-9146bd77.js"; import "./KeyCode-5c436a1d.js"; import "./pickAttrs-8a877861.js"; import "./index-977e4f68.js"; import "./vue-types.m-289f467a.js"; import "./vue-types.m-76c57684.js"; import "./raf-dd6c1047.js"; import "./CloseOutlined-e8461703.js"; import "./AntdIcon-b29a156c.js"; import "./index-62ef22df.js"; import "./isVisible-f22c1e3a.js"; import "./useState-f730f903.js"; import "./LoadingOutlined-7a37e4f8.js"; import "./LoadingOutlined-93b8de63.js"; import "./createContext-a42fe982.js"; import "./ExclamationCircleFilled-873bbaab.js"; import "./CloseCircleFilled-268a9271.js"; import "./InfoCircleFilled-299f61de.js"; import "./lodash-915646fb.js"; var _e = {}, J = {}, ke; function ze() { if (ke) return J; ke = 1; var t = Q; Object.defineProperty(J, "__esModule", { value: !0 }), J.modalProps = J.default = void 0; var e = K, n = t(ve()), o = t(de()), _ = t(Ce()), C = t(at()), m = t(Ae()), R = t(lt()), O = t(it()), T = t(Ie()), b = je(), f = ye(), x = t(Be()), y = ge(), p = ut(), g = t($e()), h = Ee(), F = t(De()), r = t(nt()), w = function(a, k) { var q = {}; for (var i in a) Object.prototype.hasOwnProperty.call(a, i) && k.indexOf(i) < 0 && (q[i] = a[i]); if (a != null && typeof Object.getOwnPropertySymbols == "function") for (var v = 0, i = Object.getOwnPropertySymbols(a); v < i.length; v++) k.indexOf(i[v]) < 0 && Object.prototype.propertyIsEnumerable.call(a, i[v]) && (q[i[v]] = a[i[v]]); return q; }; let u; const s = (a) => { u = { x: a.pageX, y: a.pageY }, setTimeout(() => u = null, 100); }; (0, p.canUseDocElement)() && (0, R.default)(document.documentElement, "click", s, !0); const c = () => ({ prefixCls: String, /** @deprecated Please use `open` instead. */ visible: { type: Boolean, default: void 0 }, open: { type: Boolean, default: void 0 }, confirmLoading: { type: Boolean, default: void 0 }, title: m.default.any, closable: { type: Boolean, default: void 0 }, closeIcon: m.default.any, onOk: Function, onCancel: Function, "onUpdate:visible": Function, "onUpdate:open": Function, onChange: Function, afterClose: Function, centered: { type: Boolean, default: void 0 }, width: [String, Number], footer: m.default.any, okText: m.default.any, okType: String, cancelText: m.default.any, icon: m.default.any, maskClosable: { type: Boolean, default: void 0 }, forceRender: { type: Boolean, default: void 0 }, okButtonProps: (0, y.objectType)(), cancelButtonProps: (0, y.objectType)(), destroyOnClose: { type: Boolean, default: void 0 }, wrapClassName: String, maskTransitionName: String, transitionName: String, getContainer: { type: [String, Function, Boolean, Object], default: void 0 }, zIndex: Number, bodyStyle: (0, y.objectType)(), maskStyle: (0, y.objectType)(), mask: { type: Boolean, default: void 0 }, keyboard: { type: Boolean, default: void 0 }, wrapProps: Object, focusTriggerAfterClose: { type: Boolean, default: void 0 }, modalRender: Function, mousePosition: (0, y.objectType)() }); J.modalProps = c; var l = (0, e.defineComponent)({ compatConfig: { MODE: 3 }, name: "AModal", inheritAttrs: !1, props: (0, x.default)(c(), { width: 520, confirmLoading: !1, okType: "primary" }), setup(a, k) { let { emit: q, slots: i, attrs: v } = k; const [d] = (0, f.useLocaleReceiver)("Modal"), { prefixCls: N, rootPrefixCls: P, direction: B, getPopupContainer: I } = (0, g.default)("modal", a), [re, S] = (0, r.default)(N); (0, F.default)(a.visible === void 0, "Modal", "`visible` will be removed in next major version, please use `open` instead."); const $ = (M) => { q("update:visible", !1), q("update:open", !1), q("cancel", M), q("change", !1); }, W = (M) => { q("ok", M); }, Z = () => { var M, D; const { okText: X = (M = i.okText) === null || M === void 0 ? void 0 : M.call(i), okType: j, cancelText: E = (D = i.cancelText) === null || D === void 0 ? void 0 : D.call(i), confirmLoading: A } = a; return (0, e.createVNode)(e.Fragment, null, [(0, e.createVNode)(T.default, (0, o.default)({ onClick: $ }, a.cancelButtonProps), { default: () => [E || d.value.cancelText] }), (0, e.createVNode)(T.default, (0, o.default)((0, o.default)({}, (0, b.convertLegacyProps)(j)), {}, { loading: A, onClick: W }, a.okButtonProps), { default: () => [X || d.value.okText] })]); }; return () => { var M, D; const { prefixCls: X, visible: j, open: E, wrapClassName: A, centered: Y, getContainer: ee, closeIcon: G = (M = i.closeIcon) === null || M === void 0 ? void 0 : M.call(i), focusTriggerAfterClose: U = !0 } = a, H = w(a, ["prefixCls", "visible", "open", "wrapClassName", "centered", "getContainer", "closeIcon", "focusTriggerAfterClose"]), oe = (0, _.default)(A, { [`${N.value}-centered`]: !!Y, [`${N.value}-wrap-rtl`]: B.value === "rtl" }); return re((0, e.createVNode)(C.default, (0, o.default)((0, o.default)((0, o.default)({}, H), v), {}, { rootClassName: S.value, class: (0, _.default)(S.value, v.class), getContainer: ee || (I == null ? void 0 : I.value), prefixCls: N.value, wrapClassName: oe, visible: E ?? j, onClose: $, focusTriggerAfterClose: U, transitionName: (0, h.getTransitionName)(P.value, "zoom", a.transitionName), maskTransitionName: (0, h.getTransitionName)(P.value, "fade", a.maskTransitionName), mousePosition: (D = H.mousePosition) !== null && D !== void 0 ? D : u }), (0, n.default)((0, n.default)({}, i), { footer: i.footer || Z, closeIcon: () => (0, e.createVNode)("span", { class: `${N.value}-close-x` }, [G || (0, e.createVNode)(O.default, { class: `${N.value}-close-icon` }, null)]) }))); }; } }); return J.default = l, J; } var z = {}, ne = {}, le = {}, ie = {}, Ne; function xt() { if (Ne) return ie; Ne = 1, Object.defineProperty(ie, "__esModule", { value: !0 }), ie.default = void 0; var t = K, n = () => { const o = (0, t.shallowRef)(!1); return (0, t.onBeforeUnmount)(() => { o.value = !0; }), o; }; return ie.default = n, ie; } var Oe; function bt() { if (Oe) return le; Oe = 1; var t = Q; Object.defineProperty(le, "__esModule", { value: !0 }), le.default = void 0; var e = K, n = t(de()), o = t(Ie()), _ = je(), C = t(xt()), m = ge(), R = Ve(); const O = { type: { type: String }, actionFn: Function, close: Function, autofocus: Boolean, prefixCls: String, buttonProps: (0, m.objectType)(), emitEvent: Boolean, quitOnNullishReturnValue: Boolean }; function T(f) { return !!(f && f.then); } var b = (0, e.defineComponent)({ compatConfig: { MODE: 3 }, name: "ActionButton", props: O, setup(f, x) { let { slots: y } = x; const p = (0, e.shallowRef)(!1), g = (0, e.shallowRef)(), h = (0, e.shallowRef)(!1); let F; const r = (0, C.default)(); (0, e.onMounted)(() => { f.autofocus && (F = setTimeout(() => { var c, l; return (l = (c = (0, R.findDOMNode)(g.value)) === null || c === void 0 ? void 0 : c.focus) === null || l === void 0 ? void 0 : l.call(c); })); }), (0, e.onBeforeUnmount)(() => { clearTimeout(F); }); const w = function() { for (var c, l = arguments.length, a = new Array(l), k = 0; k < l; k++) a[k] = arguments[k]; (c = f.close) === null || c === void 0 || c.call(f, ...a); }, u = (c) => { T(c) && (h.value = !0, c.then(function() { r.value || (h.value = !1), w(...arguments), p.value = !1; }, (l) => (r.value || (h.value = !1), p.value = !1, Promise.reject(l)))); }, s = (c) => { const { actionFn: l } = f; if (p.value) return; if (p.value = !0, !l) { w(); return; } let a; if (f.emitEvent) { if (a = l(c), f.quitOnNullishReturnValue && !T(a)) { p.value = !1, w(c); return; } } else if (l.length) a = l(f.close), p.value = !1; else if (a = l(), !a) { w(); return; } u(a); }; return () => { const { type: c, prefixCls: l, buttonProps: a } = f; return (0, e.createVNode)(o.default, (0, n.default)((0, n.default)((0, n.default)({}, (0, _.convertLegacyProps)(c)), {}, { onClick: s, loading: h.value, prefixCls: l }, a), {}, { ref: g }), y); }; } }); return le.default = b, le; } var Te; function Le() { if (Te) return ne; Te = 1; var t = Q; Object.defineProperty(ne, "__esModule", { value: !0 }), ne.default = void 0; var e = K, n = t(ct()), o = t(ft()), _ = t(dt()), C = t(vt()), m = t(Ce()), R = t(ze()), O = t(bt()), T = ye(), b = Ee(), f = t(De()); function x(p) { return typeof p == "function" ? p() : p; } var y = (0, e.defineComponent)({ name: "ConfirmDialog", inheritAttrs: !1, props: ["icon", "onCancel", "onOk", "close", "closable", "zIndex", "afterClose", "visible", "open", "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", "confirmPrefixCls", "footer"], setup(p, g) { let { attrs: h } = g; const [F] = (0, T.useLocaleReceiver)("Modal"); return process.env.NODE_ENV !== "production" && (0, f.default)(p.visible === void 0, "Modal", "`visible` is deprecated, please use `open` instead."), () => { const { icon: r, onCancel: w, onOk: u, close: s, okText: c, closable: l = !1, zIndex: a, afterClose: k, keyboard: q, centered: i, getContainer: v, maskStyle: d, okButtonProps: N, cancelButtonProps: P, okCancel: B, width: I = 416, mask: re = !0, maskClosable: S = !1, type: $, open: W, title: Z, content: M, direction: D, closeIcon: X, modalRender: j, focusTriggerAfterClose: E, rootPrefixCls: A, bodyStyle: Y, wrapClassName: ee, footer: G } = p; let U = r; if (!r && r !== null) switch ($) { case "info": U = (0, e.createVNode)(C.default, null, null); break; case "success": U = (0, e.createVNode)(n.default, null, null); break; case "error": U = (0, e.createVNode)(o.default, null, null); break; default: U = (0, e.createVNode)(_.default, null, null); } const H = p.okType || "primary", oe = p.prefixCls || "ant-modal", ae = `${oe}-confirm`, Ke = h.style || {}, be = B ?? $ === "confirm", we = p.autoFocusButton === null ? !1 : p.autoFocusButton || "ok", fe = `${oe}-confirm`, Xe = (0, m.default)(fe, `${fe}-${p.type}`, { [`${fe}-rtl`]: D === "rtl" }, h.class), pe = F.value, Ye = be && (0, e.createVNode)(O.default, { actionFn: w, close: s, autofocus: we === "cancel", buttonProps: P, prefixCls: `${A}-btn` }, { default: () => [x(p.cancelText) || pe.cancelText] }); return (0, e.createVNode)(R.default, { prefixCls: oe, class: Xe, wrapClassName: (0, m.default)({ [`${fe}-centered`]: !!i }, ee), onCancel: (Je) => s == null ? void 0 : s({ triggerCancel: !0 }, Je), open: W, title: "", footer: "", transitionName: (0, b.getTransitionName)(A, "zoom", p.transitionName), maskTransitionName: (0, b.getTransitionName)(A, "fade", p.maskTransitionName), mask: re, maskClosable: S, maskStyle: d, style: Ke, bodyStyle: Y, width: I, zIndex: a, afterClose: k, keyboard: q, centered: i, getContainer: v, closable: l, closeIcon: X, modalRender: j, focusTriggerAfterClose: E }, { default: () => [(0, e.createVNode)("div", { class: `${ae}-body-wrapper` }, [(0, e.createVNode)("div", { class: `${ae}-body` }, [x(U), Z === void 0 ? null : (0, e.createVNode)("span", { class: `${ae}-title` }, [x(Z)]), (0, e.createVNode)("div", { class: `${ae}-content` }, [x(M)])]), G !== void 0 ? x(G) : (0, e.createVNode)("div", { class: `${ae}-btns` }, [Ye, (0, e.createVNode)(O.default, { type: H, actionFn: u, close: s, autofocus: we === "ok", buttonProps: N, prefixCls: `${A}-btn` }, { default: () => [x(c) || (be ? pe.okText : pe.justOkText)] })])])] }); }; } }); return ne.default = y, ne; } var ue = {}, qe; function he() { if (qe) return ue; qe = 1, Object.defineProperty(ue, "__esModule", { value: !0 }), ue.default = void 0; var e = []; return ue.default = e, ue; } var Se; function We() { if (Se) return z; Se = 1; var t = Q; Object.defineProperty(z, "__esModule", { value: !0 }), z.default = void 0, z.withConfirm = F, z.withError = h, z.withInfo = p, z.withSuccess = g, z.withWarn = y; var e = K, n = t(de()), o = t(ve()), _ = t(Le()), C = b(pt()), m = t(Ct()), R = mt(), O = t(he()); function T(r) { if (typeof WeakMap != "function") return null; var w = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(); return (T = function(s) { return s ? u : w; })(r); } function b(r, w) { if (!w && r && r.__esModule) return r; if (r === null || typeof r != "object" && typeof r != "function") return { default: r }; var u = T(w); if (u && u.has(r)) return u.get(r); var s = {}, c = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var l in r) if (l !== "default" && Object.prototype.hasOwnProperty.call(r, l)) { var a = c ? Object.getOwnPropertyDescriptor(r, l) : null; a && (a.get || a.set) ? Object.defineProperty(s, l, a) : s[l] = r[l]; } return s.default = r, u && u.set(r, s), s; } var x = (r) => { const w = document.createDocumentFragment(); let u = (0, o.default)((0, o.default)({}, (0, m.default)(r, ["parentContext", "appContext"])), { close: l, open: !0 }), s = null; function c() { s && ((0, e.render)(null, w), s.component.update(), s = null); for (var i = arguments.length, v = new Array(i), d = 0; d < i; d++) v[d] = arguments[d]; const N = v.some((P) => P && P.triggerCancel); r.onCancel && N && r.onCancel(() => { }, ...v.slice(1)); for (let P = 0; P < O.default.length; P++) if (O.default[P] === l) { O.default.splice(P, 1); break; } } function l() { for (var i = arguments.length, v = new Array(i), d = 0; d < i; d++) v[d] = arguments[d]; u = (0, o.default)((0, o.default)({}, u), { open: !1, afterClose: () => { typeof r.afterClose == "function" && r.afterClose(), c.apply(this, v); } }), u.visible && delete u.visible, a(u); } function a(i) { typeof i == "function" ? u = i(u) : u = (0, o.default)((0, o.default)({}, u), i), s && ((0, o.default)(s.component.props, u), s.component.update()); } const k = (i) => { const v = C.globalConfigForApi, d = v.prefixCls, N = i.prefixCls || `${d}-modal`, P = v.iconPrefixCls, B = (0, R.getConfirmLocale)(); return (0, e.createVNode)(C.default, (0, n.default)((0, n.default)({}, v), {}, { prefixCls: d }), { default: () => [(0, e.createVNode)(_.default, (0, n.default)((0, n.default)({}, i), {}, { rootPrefixCls: d, prefixCls: N, iconPrefixCls: P, locale: B, cancelText: i.cancelText || B.cancelText }), null)] }); }; function q(i) { const v = (0, e.createVNode)(k, (0, o.default)({}, i)); return v.appContext = r.parentContext || r.appContext || v.appContext, (0, e.render)(v, w), v; } return s = q(u), O.default.push(l), { destroy: l, update: a }; }; z.default = x; function y(r) { return (0, o.default)((0, o.default)({}, r), { type: "warning" }); } function p(r) { return (0, o.default)((0, o.default)({}, r), { type: "info" }); } function g(r) { return (0, o.default)((0, o.default)({}, r), { type: "success" }); } function h(r) { return (0, o.default)((0, o.default)({}, r), { type: "error" }); } function F(r) { return (0, o.default)((0, o.default)({}, r), { type: "confirm" }); } return z; } var se = {}, ce = {}, Re; function wt() { if (Re) return ce; Re = 1; var t = Q; Object.defineProperty(ce, "__esModule", { value: !0 }), ce.default = void 0; var e = K, n = t(de()), o = rt(), _ = ye(), C = t(ot()), m = t(Le()), R = t(Be()); const O = () => ({ config: Object, afterClose: Function, destroyAction: Function, open: Boolean }); var T = (0, e.defineComponent)({ name: "HookModal", inheritAttrs: !1, props: (0, R.default)(O(), { config: { width: 520, okType: "primary" } }), setup(b, f) { let { expose: x } = f; var y; const p = (0, e.computed)(() => b.open), g = (0, e.computed)(() => b.config), { direction: h, getPrefixCls: F } = (0, o.useConfigContextInject)(), r = F("modal"), w = F(), u = () => { var a, k; b == null || b.afterClose(), (k = (a = g.value).afterClose) === null || k === void 0 || k.call(a); }, s = function() { b.destroyAction(...arguments); }; x({ destroy: s }); const c = (y = g.value.okCancel) !== null && y !== void 0 ? y : g.value.type === "confirm", [l] = (0, _.useLocaleReceiver)("Modal", C.default.Modal); return () => (0, e.createVNode)(m.default, (0, n.default)((0, n.default)({ prefixCls: r, rootPrefixCls: w }, g.value), {}, { close: s, open: p.value, afterClose: u, okText: g.value.okText || (c ? l == null ? void 0 : l.value.okText : l == null ? void 0 : l.value.justOkText), direction: g.value.direction || h.value, cancelText: g.value.cancelText || (l == null ? void 0 : l.value.cancelText) }), null); } }); return ce.default = T, ce; } var Fe; function Pt() { if (Fe) return se; Fe = 1; var t = Q; Object.defineProperty(se, "__esModule", { value: !0 }), se.default = void 0; var e = K, n = t(ve()), o = We(), _ = t(wt()), C = t(he()); let m = 0; const R = (0, e.defineComponent)({ name: "ElementsHolder", inheritAttrs: !1, setup(b, f) { let { expose: x } = f; const y = (0, e.shallowRef)([]); return x({ addModal: (g) => (y.value.push(g), y.value = y.value.slice(), () => { y.value = y.value.filter((h) => h !== g); }) }), () => y.value.map((g) => g()); } }); function O() { const b = (0, e.shallowRef)(null), f = (0, e.shallowRef)([]); (0, e.watch)(f, () => { f.value.length && ([...f.value].forEach((h) => { h(); }), f.value = []); }, { immediate: !0 }); const x = (g) => function(F) { var r; m += 1; const w = (0, e.shallowRef)(!0), u = (0, e.shallowRef)(null), s = (0, e.shallowRef)((0, e.unref)(F)), c = (0, e.shallowRef)({}); (0, e.watch)(() => F, (d) => { q((0, n.default)((0, n.default)({}, (0, e.isRef)(d) ? d.value : d), c.value)); }); const l = function() { w.value = !1; for (var d = arguments.length, N = new Array(d), P = 0; P < d; P++) N[P] = arguments[P]; const B = N.some((I) => I && I.triggerCancel); s.value.onCancel && B && s.value.onCancel(() => { }, ...N.slice(1)); }; let a; const k = () => (0, e.createVNode)(_.default, { key: `modal-${m}`, config: g(s.value), ref: u, open: w.value, destroyAction: l, afterClose: () => { a == null || a(); } }, null); a = (r = b.value) === null || r === void 0 ? void 0 : r.addModal(k), a && C.default.push(a); const q = (d) => { s.value = (0, n.default)((0, n.default)({}, s.value), d); }; return { destroy: () => { u.value ? l() : f.value = [...f.value, l]; }, update: (d) => { c.value = d, u.value ? q(d) : f.value = [...f.value, () => q(d)]; } }; }, y = (0, e.computed)(() => ({ info: x(o.withInfo), success: x(o.withSuccess), error: x(o.withError), warning: x(o.withWarn), confirm: x(o.withConfirm) })), p = Symbol("modalHolderKey"); return [y.value, () => (0, e.createVNode)(R, { key: p, ref: b }, null)]; } var T = O; return se.default = T, se; } var xe = Q; Object.defineProperty(_e, "__esModule", { value: !0 }); var Ue = _e.default = void 0, V = xe(ze()), L = Nt(We()), kt = xe(Pt()), Me = xe(he()); function He(t) { if (typeof WeakMap != "function") return null; var e = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(); return (He = function(o) { return o ? n : e; })(t); } function Nt(t, e) { if (!e && t && t.__esModule) return t; if (t === null || typeof t != "object" && typeof t != "function") return { default: t }; var n = He(e); if (n && n.has(t)) return n.get(t); var o = {}, _ = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var C in t) if (C !== "default" && Object.prototype.hasOwnProperty.call(t, C)) { var m = _ ? Object.getOwnPropertyDescriptor(t, C) : null; m && (m.get || m.set) ? Object.defineProperty(o, C, m) : o[C] = t[C]; } return o.default = t, n && n.set(t, o), o; } function Ge(t) { return (0, L.default)((0, L.withWarn)(t)); } V.default.useModal = kt.default; V.default.info = function(e) { return (0, L.default)((0, L.withInfo)(e)); }; V.default.success = function(e) { return (0, L.default)((0, L.withSuccess)(e)); }; V.default.error = function(e) { return (0, L.default)((0, L.withError)(e)); }; V.default.warning = Ge; V.default.warn = Ge; V.default.confirm = function(e) { return (0, L.default)((0, L.withConfirm)(e)); }; V.default.destroyAll = function() { for (; Me.default.length; ) { const e = Me.default.pop(); e && e(); } }; V.default.install = function(t) { return t.component(V.default.name, V.default), t; }; var Ot = V.default; Ue = _e.default = Ot; var Qe = {}; (function(t) { var e = Q; Object.defineProperty(t, "__esModule", { value: !0 }), Object.defineProperty(t, "Compact", { enumerable: !0, get: function() { return f.default; } }), t.spaceProps = t.default = void 0; var n = K, o = e(de()), _ = e(ve()), C = e(Ae()), m = Ve(), R = ge(), O = e($e()), T = e(st()), b = e(Ce()), f = e(gt()), x = e(_t()); const y = { small: 8, middle: 16, large: 24 }, p = () => ({ prefixCls: String, size: { type: [String, Number, Array] }, direction: C.default.oneOf((0, R.tuple)("horizontal", "vertical")).def("horizontal"), align: C.default.oneOf((0, R.tuple)("start", "end", "center", "baseline")), wrap: (0, R.booleanType)() }); t.spaceProps = p; function g(r) { return typeof r == "string" ? y[r] : r || 0; } const h = (0, n.defineComponent)({ compatConfig: { MODE: 3 }, name: "ASpace", inheritAttrs: !1, props: p(), slots: Object, setup(r, w) { let { slots: u, attrs: s } = w; const { prefixCls: c, space: l, direction: a } = (0, O.default)("space", r), [k, q] = (0, x.default)(c), i = (0, T.default)(), v = (0, n.computed)(() => { var S, $, W; return (W = (S = r.size) !== null && S !== void 0 ? S : ($ = l == null ? void 0 : l.value) === null || $ === void 0 ? void 0 : $.size) !== null && W !== void 0 ? W : "small"; }), d = (0, n.ref)(), N = (0, n.ref)(); (0, n.watch)(v, () => { [d.value, N.value] = (Array.isArray(v.value) ? v.value : [v.value, v.value]).map((S) => g(S)); }, { immediate: !0 }); const P = (0, n.computed)(() => r.align === void 0 && r.direction === "horizontal" ? "center" : r.align), B = (0, n.computed)(() => (0, b.default)(c.value, q.value, `${c.value}-${r.direction}`, { [`${c.value}-rtl`]: a.value === "rtl", [`${c.value}-align-${P.value}`]: P.value })), I = (0, n.computed)(() => a.value === "rtl" ? "marginLeft" : "marginRight"), re = (0, n.computed)(() => { const S = {}; return i.value && (S.columnGap = `${d.value}px`, S.rowGap = `${N.value}px`), (0, _.default)((0, _.default)({}, S), r.wrap && { flexWrap: "wrap", marginBottom: `${-N.value}px` }); }); return () => { var S, $; const { wrap: W, direction: Z = "horizontal" } = r, M = (S = u.default) === null || S === void 0 ? void 0 : S.call(u), D = (0, m.filterEmpty)(M), X = D.length; if (X === 0) return null; const j = ($ = u.split) === null || $ === void 0 ? void 0 : $.call(u), E = `${c.value}-item`, A = d.value, Y = X - 1; return (0, n.createVNode)("div", (0, o.default)((0, o.default)({}, s), {}, { class: [B.value, s.class], style: [re.value, s.style] }), [D.map((ee, G) => { const U = M.indexOf(ee); let H = {}; return i.value || (Z === "vertical" ? G < Y && (H = { marginBottom: `${A / (j ? 2 : 1)}px` }) : H = (0, _.default)((0, _.default)({}, G < Y && { [I.value]: `${A / (j ? 2 : 1)}px` }), W && { paddingBottom: `${N.value}px` })), k((0, n.createVNode)(n.Fragment, { key: U }, [(0, n.createVNode)("div", { class: E, style: H }, [ee]), G < Y && j && (0, n.createVNode)("span", { class: `${E}-split`, style: H }, [j])])); })]); }; } }); h.Compact = f.default, h.install = function(r) { return r.component(h.name, h), r.component(f.default.name, f.default), r; }; var F = h; t.default = F; })(Qe); const Tt = /* @__PURE__ */ yt(Qe), qt = { position: "absolute", right: "150px", left: "150px", minWidth: "700px", width: "auto", top: "56px", bottom: "30px", minHeight: "500px" }, St = { height: "calc(100vh - 108px)", padding: 0 }, Rt = Ze({ props: { record: { type: Object, default: () => ({}) } }, emits: ["ok", "close", "update:modelValue"], setup(t, { attrs: e, slots: n, emit: o }) { return () => { var T; const _ = { ...t.record, ...e, title: ((T = t.record) == null ? void 0 : T.label) ?? "", wrapClassName: "epic-modal-ant", open: e.modelValue, "onUpdate:open": O, style: "top:20px", bodyStyle: St, dialogStyle: qt, footer: null }, C = _.children ?? []; delete _.children; let m = null; C.length ? m = () => C.map( (b) => me(n, "node", { record: b }) ) : m = () => [me(n, "default")]; function R() { o("ok"); } function O() { o("update:modelValue", !1), o("close"); } return te(Ue, _, { default: () => [ te( "div", { class: "epic-modal-main" }, me(n, "edit-node", {}, m) ), te( "div", { class: "epic-modal-footer" }, te( Tt, { align: "end" }, { default: () => [ te( Pe, { onClick: O }, { default: () => "关闭" } ), te( Pe, { type: "primary", onClick: R }, { default: () => _.okText ?? "确定" } ) ] } ) ) ] }); }; } }); function Ft(t, e, n, o, _, C) { return et(), tt("div"); } const xr = /* @__PURE__ */ ht(Rt, [["render", Ft]]); export { xr as default };