1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = void 0;
|
9 |
|
10 | var _vue = require("vue");
|
11 |
|
12 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13 |
|
14 | var _commonProps = require("./commonProps");
|
15 |
|
16 | var _classNames2 = _interopRequireDefault(require("../_util/classNames"));
|
17 |
|
18 | var _default = (0, _vue.defineComponent)({
|
19 | name: 'PanelContent',
|
20 | props: (0, _commonProps.collapsePanelProps)(),
|
21 | setup: function setup(props, _ref) {
|
22 | var slots = _ref.slots;
|
23 | var rendered = (0, _vue.ref)(false);
|
24 | (0, _vue.watchEffect)(function () {
|
25 | if (props.isActive || props.forceRender) {
|
26 | rendered.value = true;
|
27 | }
|
28 | });
|
29 | return function () {
|
30 | var _classNames;
|
31 |
|
32 | var _a;
|
33 |
|
34 | if (!rendered.value) return null;
|
35 | var prefixCls = props.prefixCls,
|
36 | isActive = props.isActive,
|
37 | role = props.role;
|
38 | return (0, _vue.createVNode)("div", {
|
39 | "ref": _vue.ref,
|
40 | "class": (0, _classNames2.default)("".concat(prefixCls, "-content"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-content-active"), isActive), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-content-inactive"), !isActive), _classNames)),
|
41 | "role": role
|
42 | }, [(0, _vue.createVNode)("div", {
|
43 | "class": "".concat(prefixCls, "-content-box")
|
44 | }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]);
|
45 | };
|
46 | }
|
47 | });
|
48 |
|
49 | exports.default = _default; |
\ | No newline at end of file |