1234567891011121314151617181920212223242526272829303132333435 |
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
- import { createVNode as _createVNode } from "vue";
- import { defineComponent, ref, watchEffect } from 'vue';
- import { collapsePanelProps } from './commonProps';
- import classNames from '../_util/classNames';
- export default defineComponent({
- compatConfig: {
- MODE: 3
- },
- name: 'PanelContent',
- props: collapsePanelProps(),
- setup: function setup(props, _ref) {
- var slots = _ref.slots;
- var rendered = ref(false);
- watchEffect(function () {
- if (props.isActive || props.forceRender) {
- rendered.value = true;
- }
- });
- return function () {
- var _classNames, _slots$default;
- if (!rendered.value) return null;
- var prefixCls = props.prefixCls,
- isActive = props.isActive,
- role = props.role;
- return _createVNode("div", {
- "ref": ref,
- "class": classNames("".concat(prefixCls, "-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-content-active"), isActive), _defineProperty(_classNames, "".concat(prefixCls, "-content-inactive"), !isActive), _classNames)),
- "role": role
- }, [_createVNode("div", {
- "class": "".concat(prefixCls, "-content-box")
- }, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)])]);
- };
- }
- });
|