@pit-front-end/components/dist/es/components/collapse/src/collapse.vue2.js

湖南创智艾泰克科技有限公司

import { defineComponent as u, reactive as f, resolveComponent as h, createElementBlock as d, openBlock as p, createElementVNode as o, createVNode as l, createCommentVNode as x, toDisplayString as i, normalizeClass as C, withCtx as c, unref as v, Transition as g, withDirectives as S, renderSlot as k, vShow as w, pushScopeId as b, popScopeId as D } from "vue";
import { collapseProps as E } from "./collapse.js";
import { DArrowRight as I } from "pit-element-icons";
const N = (t) => (b("data-v-bd31db14"), t = t(), D(), t), V = { class: "pit-collapse" }, y = { class: "header" }, A = /* @__PURE__ */ N(() => /* @__PURE__ */ o("span", { class: "bold" }, null, -1)), B = { class: "title" }, R = /* @__PURE__ */ u({
  name: "PitCollapse",
  inheritAttrs: !1,
  __name: "collapse",
  props: E,
  setup(t) {
    const s = t, e = f({
      expanded: s.status
      // 折叠或展开的状态
    }), a = {
      toggleCollapse() {
        e.expanded = !e.expanded, e.expanded && setTimeout(() => {
          s.callback();
        }, 0);
      }
    };
    return (r, n) => {
      const m = h("el-icon");
      return p(), d("div", V, [
        o("div", y, [
          A,
          o("span", B, i(s.title), 1),
          s.isExpanded ? (p(), d("p", {
            key: 0,
            onClick: n[0] || (n[0] = //@ts-ignore
            (..._) => a.toggleCollapse && a.toggleCollapse(..._))
          }, [
            l(m, {
              class: C(e.expanded && "rotate")
            }, {
              default: c(() => [
                l(v(I))
              ]),
              _: 1
            }, 8, ["class"]),
            o("span", null, i(e.expanded ? "折叠" : "展开"), 1)
          ])) : x("", !0)
        ]),
        l(g, { name: "fade" }, {
          default: c(() => [
            S(o("div", null, [
              k(r.$slots, "default", {}, void 0, !0)
            ], 512), [
              [w, e.expanded]
            ])
          ]),
          _: 3
        })
      ]);
    };
  }
});
export {
  R as default
};