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