epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
415 lines (414 loc) • 14.3 kB
JavaScript
import { defineComponent as Ae, h as Oe, renderSlot as pe } from "vue";
import { g as Be } from "./_commonjsHelpers-c5d32002.js";
import { i as B } from "./interopRequireDefault-40f894e3.js";
import { r as z } from "./_vue_commonjs-external-eb7fec7f.js";
import { b as F } from "./public_api-1267ff2a.js";
import { t as Re } from "./index-5a03bf0e.js";
import { r as Ie } from "./index-51c7ab5b.js";
import { c as Ke } from "./index-160a4a1c.js";
import { f as ye, a as ge, d as H, h as Ue } from "./useConfigInject-bc9599af.js";
import { r as ke } from "./isPlainObject-527734d2.js";
import "./typeof-88a201b1.js";
import "./index.esm-56aac43a.js";
import "./index-2b6651fc.js";
import "./raf-09a8b76f.js";
import "./KeyCode-8a26b842.js";
import "./shallowequal-7bc6e06d.js";
import "./PlusOutlined-4fbca845.js";
import "./isEqual-b1699f9b.js";
import "./index-c3e64a00.js";
import "./isObjectLike-4c09a3af.js";
import "./_flatRest-b83a0ce4.js";
import "./index-543caa9f.js";
import "./index-86a3dbe3.js";
import "./ResizeObserver.es-df63660c.js";
import "./ResizeObserver.es-fc1a163b.js";
import "./vnode-8ae20ac3.js";
import "./index-e810688f.js";
import "./index-09b69dcc.js";
import "./Portal-59ca1f55.js";
import "./index-b5b1eb67.js";
import "./colors-f65ae2e2.js";
import "./firstNotUndefined-ac7713f5.js";
import "./collapseMotion-5cf5ac0f.js";
import "./useState-0d9161e9.js";
import "./useRefs-693840e3.js";
import "./isMobile-1112823b.js";
import "./useMergedState-a602e9b0.js";
import "./omit-71d5a718.js";
import "./index-5d37cacf.js";
import "./Col-335609df.js";
import "./useFlexGapSupport-43e73827.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";
var Ce = {}, C = {}, me;
function We() {
if (me)
return C;
me = 1;
var a = B;
Object.defineProperty(C, "__esModule", {
value: !0
}), C.default = C.cardProps = void 0;
var e = z, t = a(F()), i = a(Re), n = a(Ie), o = a(Ke), d = a(ye()), s = ge(), S = a(ke()), y = a(H()), T = a(Ue()), g = i.default.TabPane, V = function() {
return {
prefixCls: String,
title: d.default.any,
extra: d.default.any,
bordered: {
type: Boolean,
default: !0
},
bodyStyle: {
type: Object,
default: void 0
},
headStyle: {
type: Object,
default: void 0
},
loading: {
type: Boolean,
default: !1
},
hoverable: {
type: Boolean,
default: !1
},
type: {
type: String
},
size: {
type: String
},
actions: d.default.any,
tabList: {
type: Array
},
tabBarExtraContent: d.default.any,
activeTabKey: String,
defaultActiveTabKey: String,
cover: d.default.any,
onTabChange: {
type: Function
}
};
};
C.cardProps = V;
var c = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACard",
props: V(),
slots: ["title", "extra", "tabBarExtraContent", "actions", "cover", "customTab"],
setup: function(r, M) {
var u = M.slots, P = (0, y.default)("card", r), G = P.prefixCls, I = P.direction, J = P.size, he = function(_) {
var v = _.map(function(p, D) {
return (0, e.isVNode)(p) && !(0, s.isEmptyElement)(p) || !(0, e.isVNode)(p) ? (0, e.createVNode)("li", {
style: {
width: "".concat(100 / _.length, "%")
},
key: "action-".concat(D)
}, [(0, e.createVNode)("span", null, [p])]) : null;
});
return v;
}, Ne = function(_) {
var v;
(v = r.onTabChange) === null || v === void 0 || v.call(r, _);
}, Ve = function() {
var _ = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], v;
return _.forEach(function(p) {
p && (0, S.default)(p.type) && p.type.__ANT_CARD_GRID && (v = !0);
}), v;
};
return function() {
var x, _, v, p, D, K, m, E, Q = r.headStyle, Pe = Q === void 0 ? {} : Q, X = r.bodyStyle, U = X === void 0 ? {} : X, Y = r.loading, Z = r.bordered, xe = Z === void 0 ? !0 : Z, ee = r.type, j = r.tabList, Se = r.hoverable, te = r.activeTabKey, Te = r.defaultActiveTabKey, ae = r.tabBarExtraContent, re = ae === void 0 ? (0, s.filterEmptyWithUndefined)((x = u.tabBarExtraContent) === null || x === void 0 ? void 0 : x.call(u)) : ae, ne = r.title, k = ne === void 0 ? (0, s.filterEmptyWithUndefined)((_ = u.title) === null || _ === void 0 ? void 0 : _.call(u)) : ne, oe = r.extra, W = oe === void 0 ? (0, s.filterEmptyWithUndefined)((v = u.extra) === null || v === void 0 ? void 0 : v.call(u)) : oe, de = r.actions, L = de === void 0 ? (0, s.filterEmptyWithUndefined)((p = u.actions) === null || p === void 0 ? void 0 : p.call(u)) : de, le = r.cover, ie = le === void 0 ? (0, s.filterEmptyWithUndefined)((D = u.cover) === null || D === void 0 ? void 0 : D.call(u)) : le, A = (0, s.flattenChildren)((K = u.default) === null || K === void 0 ? void 0 : K.call(u)), l = G.value, De = (m = {}, (0, t.default)(m, "".concat(l), !0), (0, t.default)(m, "".concat(l, "-loading"), Y), (0, t.default)(m, "".concat(l, "-bordered"), xe), (0, t.default)(m, "".concat(l, "-hoverable"), !!Se), (0, t.default)(m, "".concat(l, "-contain-grid"), Ve(A)), (0, t.default)(m, "".concat(l, "-contain-tabs"), j && j.length), (0, t.default)(m, "".concat(l, "-").concat(J.value), J.value), (0, t.default)(m, "".concat(l, "-type-").concat(ee), !!ee), (0, t.default)(m, "".concat(l, "-rtl"), I.value === "rtl"), m), Ee = U.padding === 0 || U.padding === "0px" ? {
padding: "24px"
} : void 0, b = (0, e.createVNode)("div", {
class: "".concat(l, "-loading-block")
}, null), je = (0, e.createVNode)("div", {
class: "".concat(l, "-loading-content"),
style: Ee
}, [(0, e.createVNode)(n.default, {
gutter: 8
}, {
default: function() {
return [(0, e.createVNode)(o.default, {
span: 22
}, {
default: function() {
return [b];
}
})];
}
}), (0, e.createVNode)(n.default, {
gutter: 8
}, {
default: function() {
return [(0, e.createVNode)(o.default, {
span: 8
}, {
default: function() {
return [b];
}
}), (0, e.createVNode)(o.default, {
span: 15
}, {
default: function() {
return [b];
}
})];
}
}), (0, e.createVNode)(n.default, {
gutter: 8
}, {
default: function() {
return [(0, e.createVNode)(o.default, {
span: 6
}, {
default: function() {
return [b];
}
}), (0, e.createVNode)(o.default, {
span: 18
}, {
default: function() {
return [b];
}
})];
}
}), (0, e.createVNode)(n.default, {
gutter: 8
}, {
default: function() {
return [(0, e.createVNode)(o.default, {
span: 13
}, {
default: function() {
return [b];
}
}), (0, e.createVNode)(o.default, {
span: 9
}, {
default: function() {
return [b];
}
})];
}
}), (0, e.createVNode)(n.default, {
gutter: 8
}, {
default: function() {
return [(0, e.createVNode)(o.default, {
span: 4
}, {
default: function() {
return [b];
}
}), (0, e.createVNode)(o.default, {
span: 3
}, {
default: function() {
return [b];
}
}), (0, e.createVNode)(o.default, {
span: 16
}, {
default: function() {
return [b];
}
})];
}
})]), ue = te !== void 0, $e = (E = {
size: "large"
}, (0, t.default)(E, ue ? "activeKey" : "defaultActiveKey", ue ? te : Te), (0, t.default)(E, "onChange", Ne), (0, t.default)(E, "class", "".concat(l, "-head-tabs")), E), ce, fe = j && j.length ? (0, e.createVNode)(i.default, $e, {
default: function() {
return [j.map(function(f) {
var se = f.tab, O = f.slots, ve = O == null ? void 0 : O.tab;
(0, T.default)(!O, "Card", "tabList slots is deprecated, Please use `customTab` instead.");
var w = se !== void 0 ? se : u[ve] ? u[ve](f) : null;
return w = (0, e.renderSlot)(u, "customTab", f, function() {
return [w];
}), (0, e.createVNode)(g, {
tab: w,
key: f.key,
disabled: f.disabled
}, null);
})];
},
rightExtra: re ? function() {
return re;
} : null
}) : null;
(k || W || fe) && (ce = (0, e.createVNode)("div", {
class: "".concat(l, "-head"),
style: Pe
}, [(0, e.createVNode)("div", {
class: "".concat(l, "-head-wrapper")
}, [k && (0, e.createVNode)("div", {
class: "".concat(l, "-head-title")
}, [k]), W && (0, e.createVNode)("div", {
class: "".concat(l, "-extra")
}, [W])]), fe]));
var qe = ie ? (0, e.createVNode)("div", {
class: "".concat(l, "-cover")
}, [ie]) : null, Me = (0, e.createVNode)("div", {
class: "".concat(l, "-body"),
style: U
}, [Y ? je : A]), Ge = L && L.length ? (0, e.createVNode)("ul", {
class: "".concat(l, "-actions")
}, [he(L)]) : null;
return (0, e.createVNode)("div", {
class: De,
ref: "cardContainerRef"
}, [ce, qe, A && A.length ? Me : null, Ge]);
};
}
}), R = c;
return C.default = R, C;
}
var h = {}, _e;
function Le() {
if (_e)
return h;
_e = 1;
var a = B;
Object.defineProperty(h, "__esModule", {
value: !0
}), h.default = h.cardMetaProps = void 0;
var e = z, t = a(F()), i = a(ye()), n = ge(), o = a(H()), d = function() {
return {
prefixCls: String,
title: i.default.any,
description: i.default.any,
avatar: i.default.any
};
};
h.cardMetaProps = d;
var s = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACardMeta",
props: d(),
slots: ["title", "description", "avatar"],
setup: function(y, T) {
var g = T.slots, V = (0, o.default)("card", y), c = V.prefixCls;
return function() {
var R = (0, t.default)({}, "".concat(c.value, "-meta"), !0), q = (0, n.getPropsSlot)(g, y, "avatar"), r = (0, n.getPropsSlot)(g, y, "title"), M = (0, n.getPropsSlot)(g, y, "description"), u = q ? (0, e.createVNode)("div", {
class: "".concat(c.value, "-meta-avatar")
}, [q]) : null, P = r ? (0, e.createVNode)("div", {
class: "".concat(c.value, "-meta-title")
}, [r]) : null, G = M ? (0, e.createVNode)("div", {
class: "".concat(c.value, "-meta-description")
}, [M]) : null, I = P || G ? (0, e.createVNode)("div", {
class: "".concat(c.value, "-meta-detail")
}, [P, G]) : null;
return (0, e.createVNode)("div", {
class: R
}, [u, I]);
};
}
});
return h.default = s, h;
}
var N = {}, be;
function we() {
if (be)
return N;
be = 1;
var a = B;
Object.defineProperty(N, "__esModule", {
value: !0
}), N.default = N.cardGridProps = void 0;
var e = z, t = a(F()), i = a(H()), n = function() {
return {
prefixCls: String,
hoverable: {
type: Boolean,
default: !0
}
};
};
N.cardGridProps = n;
var o = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACardGrid",
__ANT_CARD_GRID: !0,
props: n(),
setup: function(s, S) {
var y = S.slots, T = (0, i.default)("card", s), g = T.prefixCls, V = (0, e.computed)(function() {
var c;
return c = {}, (0, t.default)(c, "".concat(g.value, "-grid"), !0), (0, t.default)(c, "".concat(g.value, "-grid-hoverable"), s.hoverable), c;
});
return function() {
var c;
return (0, e.createVNode)("div", {
class: V.value
}, [(c = y.default) === null || c === void 0 ? void 0 : c.call(y)]);
};
}
});
return N.default = o, N;
}
(function(a) {
var e = B;
Object.defineProperty(a, "__esModule", {
value: !0
}), Object.defineProperty(a, "CardGrid", {
enumerable: !0,
get: function() {
return n.default;
}
}), Object.defineProperty(a, "CardMeta", {
enumerable: !0,
get: function() {
return i.default;
}
}), a.default = void 0;
var t = e(We()), i = e(Le()), n = e(we());
t.default.Meta = i.default, t.default.Grid = n.default, t.default.install = function(d) {
return d.component(t.default.name, t.default), d.component(i.default.name, i.default), d.component(n.default.name, n.default), d;
};
var o = t.default;
a.default = o;
})(Ce);
const ze = /* @__PURE__ */ Be(Ce), Ut = Ae({
props: {
record: {
type: Object,
require: !0,
default: () => ({})
}
},
setup(a, { attrs: e, slots: t }) {
return () => {
var o;
const i = {
...a.record,
title: ((o = a.record) == null ? void 0 : o.label) ?? ""
}, n = i.children ?? [];
return delete i.children, Oe(ze, i, {
default: () => pe(
t,
"edit-node",
{},
() => n.map(
(d) => pe(t, "node", { record: d })
)
)
});
};
}
});
export {
Ut as default
};