dk-plus/es/dkcollapse_item/src/index.js

DK-PLUS

import p from "./index2.js";
import { resolveComponent as i, openBlock as m, createElementBlock as k, createElementVNode as t, normalizeClass as l, renderSlot as s, createTextVNode as v, toDisplayString as n, createVNode as c, withCtx as _ } from "vue";
import f from "../../_virtual/index.js";
const u = { class: "dk-collapseItem" }, I = { class: "dk-collapseItem_left" };
function C(e, o, h, $, g, A) {
  const r = i("dk-icon"), a = i("dk-transition");
  return m(), k("div", u, [
    t("div", {
      role: "tab",
      class: l(["dk-collapseItem_title", { "dk-collapseItem_title_active": e.isActive }]),
      onClick: o[0] || (o[0] = (...d) => e.onClickTitle && e.onClickTitle(...d))
    }, [
      t("div", I, [
        s(e.$slots, "title", {}, () => [
          v(n(e.title) + n(e.isActive), 1)
        ])
      ]),
      t("div", {
        class: l(["dk-collapseItem_right", e.isActive ? "dk-collapseItem_right-up" : "dk-collapseItem_right-down"])
      }, [
        c(r, {
          icon: e.icon ? e.icon : "IconRightArrow1"
        }, null, 8, ["icon"])
      ], 2)
    ], 2),
    c(a, { "is-active": e.isActive }, {
      default: _(() => [
        t("div", null, [
          s(e.$slots, "default")
        ])
      ]),
      _: 3
    }, 8, ["is-active"])
  ]);
}
const V = /* @__PURE__ */ f(p, [["render", C]]);
export {
  V as default
};