epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
233 lines (232 loc) • 7.54 kB
JavaScript
import { g as oe } from "./_commonjsHelpers-c5d32002.js";
import { i as j } from "./interopRequireDefault-40f894e3.js";
import { r as U } from "./_vue_commonjs-external-eb7fec7f.js";
import { b as W, a as le } from "./public_api-1267ff2a.js";
import { e as ie, f as se, c as z, a as de, g as ce, h as ue, d as fe } from "./useConfigInject-bc9599af.js";
function pe(r, a) {
for (var e = 0; e < a.length; e++) {
const o = a[e];
if (typeof o != "string" && !Array.isArray(o)) {
for (const n in o)
if (n !== "default" && !(n in r)) {
const l = Object.getOwnPropertyDescriptor(o, n);
l && Object.defineProperty(r, n, l.get ? l : {
enumerable: !0,
get: () => o[n]
});
}
}
}
return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }));
}
var f = {}, M;
function G() {
if (M)
return f;
M = 1;
var r = j;
Object.defineProperty(f, "__esModule", {
value: !0
}), f.collapseProps = f.collapsePanelProps = void 0;
var a = ie(), e = r(se()), o = function() {
return {
prefixCls: String,
activeKey: {
type: [Array, Number, String]
},
defaultActiveKey: {
type: [Array, Number, String]
},
accordion: {
type: Boolean,
default: void 0
},
destroyInactivePanel: {
type: Boolean,
default: void 0
},
bordered: {
type: Boolean,
default: void 0
},
expandIcon: Function,
openAnimation: e.default.object,
expandIconPosition: e.default.oneOf((0, a.tuple)("left", "right")),
collapsible: {
type: String
},
ghost: {
type: Boolean,
default: void 0
},
onChange: Function,
"onUpdate:activeKey": Function
};
};
f.collapseProps = o;
var n = function() {
return {
openAnimation: e.default.object,
prefixCls: String,
header: e.default.any,
headerClass: String,
showArrow: {
type: Boolean,
default: void 0
},
isActive: {
type: Boolean,
default: void 0
},
destroyInactivePanel: {
type: Boolean,
default: void 0
},
/** @deprecated Use `collapsible="disabled"` instead */
disabled: {
type: Boolean,
default: void 0
},
accordion: {
type: Boolean,
default: void 0
},
forceRender: {
type: Boolean,
default: void 0
},
expandIcon: Function,
extra: e.default.any,
panelKey: e.default.oneOfType([e.default.string, e.default.number]),
collapsible: {
type: String
},
role: String,
onItemClick: {
type: Function
}
};
};
return f.collapsePanelProps = n, f;
}
var w = {}, h = {}, T;
function ve() {
if (T)
return h;
T = 1;
var r = j;
Object.defineProperty(h, "__esModule", {
value: !0
}), h.default = void 0;
var a = U, e = r(W()), o = G(), n = r(z()), l = (0, a.defineComponent)({
compatConfig: {
MODE: 3
},
name: "PanelContent",
props: (0, o.collapsePanelProps)(),
setup: function(s, A) {
var m = A.slots, b = (0, a.ref)(!1);
return (0, a.watchEffect)(function() {
(s.isActive || s.forceRender) && (b.value = !0);
}), function() {
var p, P;
if (!b.value)
return null;
var d = s.prefixCls, t = s.isActive, y = s.role;
return (0, a.createVNode)("div", {
ref: a.ref,
class: (0, n.default)("".concat(d, "-content"), (p = {}, (0, e.default)(p, "".concat(d, "-content-active"), t), (0, e.default)(p, "".concat(d, "-content-inactive"), !t), p)),
role: y
}, [(0, a.createVNode)("div", {
class: "".concat(d, "-content-box")
}, [(P = m.default) === null || P === void 0 ? void 0 : P.call(m)])]);
};
}
});
return h.default = l, h;
}
(function(r) {
var a = j;
Object.defineProperty(r, "__esModule", {
value: !0
}), Object.defineProperty(r, "collapsePanelProps", {
enumerable: !0,
get: function() {
return s.collapsePanelProps;
}
}), r.default = void 0;
var e = U, o = a(le()), n = a(W()), l = a(ve()), O = de(), s = G(), A = a(ce()), m = a(z()), b = a(ue()), p = a(fe()), P = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACollapsePanel",
inheritAttrs: !1,
props: (0, O.initDefaultProps)((0, s.collapsePanelProps)(), {
showArrow: !0,
isActive: !1,
onItemClick: function() {
},
headerClass: "",
forceRender: !1
}),
slots: ["expandIcon", "extra", "header"],
// emits: ['itemClick'],
setup: function(t, y) {
var v = y.slots, H = y.emit, I = y.attrs;
(0, b.default)(t.disabled === void 0, "Collapse.Panel", '`disabled` is deprecated. Please use `collapsible="disabled"` instead.');
var J = (0, p.default)("collapse", t), L = J.prefixCls, q = function() {
H("itemClick", t.panelKey);
}, Q = function(c) {
(c.key === "Enter" || c.keyCode === 13 || c.which === 13) && q();
};
return function() {
var C, c, g, u, S = t.header, k = S === void 0 ? (C = v.header) === null || C === void 0 ? void 0 : C.call(v) : S, D = t.headerClass, _ = t.isActive, N = t.showArrow, X = t.destroyInactivePanel, R = t.accordion, Y = t.forceRender, Z = t.openAnimation, V = t.expandIcon, B = V === void 0 ? v.expandIcon : V, $ = t.extra, K = $ === void 0 ? (c = v.extra) === null || c === void 0 ? void 0 : c.call(v) : $, x = t.collapsible, E = x === "disabled", i = L.value, ee = (0, m.default)("".concat(i, "-header"), (g = {}, (0, n.default)(g, D, D), (0, n.default)(g, "".concat(i, "-header-collapsible-only"), x === "header"), g)), ae = (0, m.default)((u = {}, (0, n.default)(u, "".concat(i, "-item"), !0), (0, n.default)(u, "".concat(i, "-item-active"), _), (0, n.default)(u, "".concat(i, "-item-disabled"), E), (0, n.default)(u, "".concat(i, "-no-arrow"), !N), (0, n.default)(u, "".concat(I.class), !!I.class), u)), F = (0, e.createVNode)("i", {
class: "arrow"
}, null);
N && typeof B == "function" && (F = B(t));
var te = (0, e.withDirectives)((0, e.createVNode)(l.default, {
prefixCls: i,
isActive: _,
forceRender: Y,
role: R ? "tabpanel" : null
}, {
default: v.default
}), [[e.vShow, _]]), ne = (0, o.default)({
appear: !1,
css: !1
}, Z);
return (0, e.createVNode)("div", (0, o.default)((0, o.default)({}, I), {}, {
class: ae
}), [(0, e.createVNode)("div", {
class: ee,
onClick: function() {
return x !== "header" && q();
},
role: R ? "tab" : "button",
tabindex: E ? -1 : 0,
"aria-expanded": _,
onKeypress: Q
}, [N && F, x === "header" ? (0, e.createVNode)("span", {
onClick: q,
class: "".concat(i, "-header-text")
}, [k]) : k, K && (0, e.createVNode)("div", {
class: "".concat(i, "-extra")
}, [K])]), (0, e.createVNode)(A.default, ne, {
default: function() {
return [!X || _ ? te : null];
}
})]);
};
}
});
r.default = P;
})(w);
const me = /* @__PURE__ */ oe(w), be = /* @__PURE__ */ pe({
__proto__: null,
default: me
}, [w]);
export {
be as C,
w as a,
G as r
};