tav-ui/lib/packages/components/container-collapse/src/container-collapse2.js

Tav UI

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var antDesignVue = require('ant-design-vue');
var index$1 = require('../../../utils/event/index2.js');
var useTimeout = require('../../../hooks/core/useTimeout2.js');
var index = require('../../transition/index2.js');
var CollapseHeader = require('./CollapseHeader2.js');
var types = require('./types2.js');
var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');

const _sfc_main = vue.defineComponent({
  name: "TaContainerCollapse",
  components: { CollapseTransition: index.TaCollapseTransition, CollapseHeader: CollapseHeader["default"], Skeleton: antDesignVue.Skeleton },
  props: types.containerCollapseProps,
  setup(props) {
    const show = vue.ref(true);
    const prefixCls = "ta-container-collapse";
    function handleExpand() {
      show.value = !show.value;
      if (props.triggerWindowResize) {
        useTimeout.useTimeoutFn(index$1.triggerWindowResize, 200);
      }
    }
    return { show, prefixCls, handleExpand };
  }
});
const _hoisted_1 = { class: "p-2" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_CollapseHeader = vue.resolveComponent("CollapseHeader");
  const _component_Skeleton = vue.resolveComponent("Skeleton");
  const _component_CollapseTransition = vue.resolveComponent("CollapseTransition");
  return vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(_ctx.prefixCls)
  }, [
    vue.createVNode(_component_CollapseHeader, vue.mergeProps(_ctx.$props, {
      "prefix-cls": _ctx.prefixCls,
      show: _ctx.show,
      onExpand: _ctx.handleExpand
    }), {
      title: vue.withCtx(() => [
        vue.renderSlot(_ctx.$slots, "title")
      ]),
      action: vue.withCtx(() => [
        vue.renderSlot(_ctx.$slots, "action")
      ]),
      _: 3
    }, 16, ["prefix-cls", "show", "onExpand"]),
    vue.createElementVNode("div", _hoisted_1, [
      vue.createVNode(_component_CollapseTransition, {
        enable: _ctx.$props.canExpan
      }, {
        default: vue.withCtx(() => [
          _ctx.$props.loading ? (vue.openBlock(), vue.createBlock(_component_Skeleton, {
            key: 0,
            active: _ctx.$props.loading
          }, null, 8, ["active"])) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
            key: 1,
            class: vue.normalizeClass(`${_ctx.prefixCls}__body`)
          }, [
            vue.renderSlot(_ctx.$slots, "default")
          ], 2)), [
            [vue.vShow, _ctx.show]
          ])
        ]),
        _: 3
      }, 8, ["enable"])
    ]),
    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
      key: 0,
      class: vue.normalizeClass(`${_ctx.prefixCls}__footer`)
    }, [
      vue.renderSlot(_ctx.$slots, "footer")
    ], 2)) : vue.createCommentVNode("v-if", true)
  ], 2);
}
var ContainerCollapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/tav-ui/tav-ui/packages/components/container-collapse/src/container-collapse.vue"]]);

exports["default"] = ContainerCollapse;
//# sourceMappingURL=container-collapse2.js.map