quick-admin-vue3-core/dist/BaseSection-CWCuR0bv.js

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

import { defineComponent as E, useCssVars as $, ref as A, resolveComponent as l, createElementBlock as V, openBlock as s, createElementVNode as d, renderSlot as u, createCommentVNode as r, createBlock as i, createVNode as f, withCtx as m, createTextVNode as x, toDisplayString as N, mergeProps as S, normalizeClass as b, unref as n } from "vue";
import { g as w } from "./index-D-KS7NhM.js";
import { E as F } from "./ExplainPopover-BlICMCY2.js";
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const q = ["data-border", "data-gap"], z = { class: "title f-fs-c f-0" }, D = /* @__PURE__ */ E({
  __name: "BaseSection",
  props: {
    title: { default: "未命名标题" },
    explain: {},
    badgeAttrs: {},
    foldable: { type: Boolean },
    bodyClass: { default: "" },
    bodyMaxHeight: { default: "90vh" },
    defaultFold: { type: Boolean },
    border: { type: Boolean, default: !0 },
    gap: { type: Boolean, default: !0 }
  },
  emits: ["toggle", "dbclick"],
  setup(g, { emit: v }) {
    $((e) => ({
      77612916: e.bodyMaxHeight
    }));
    const y = { max: 99 }, p = g, c = v, t = A(p.defaultFold);
    function B(e) {
      var o, a;
      !p.foldable || !((a = (o = e.target) == null ? void 0 : o.classList) != null && a.contains("head")) || (t.value = !t.value, c("toggle", t.value));
    }
    return (e, o) => {
      const a = l("BaseText"), h = l("el-badge"), k = l("el-icon"), _ = l("BaseEmpty");
      return s(), V("div", {
        class: "base-section f-fs-s-c",
        "data-border": e.border,
        "data-gap": e.gap
      }, [
        d("div", {
          class: "head f-sb-c f-0",
          onClick: B
        }, [
          d("div", z, [
            f(a, {
              maxLine: "1",
              popupAttrs: { title: "问题" }
            }, {
              default: m(() => [
                x(N(e.title), 1)
              ]),
              _: 1
            }),
            e.explain ? (s(), i(F, {
              key: 0,
              explain: e.explain,
              class: "ml-q f-0 mr-h"
            }, null, 8, ["explain"])) : r("", !0),
            e.badgeAttrs ? (s(), i(h, S({
              key: 1,
              class: "ml-q"
            }, { ...y, ...e.badgeAttrs }), null, 16)) : r("", !0)
          ]),
          e.$slots["head-right"] ? u(e.$slots, "head-right", { key: 0 }, void 0, !0) : r("", !0),
          e.foldable ? (s(), i(k, {
            key: 1,
            onClick: o[0] || (o[0] = (C) => t.value = !n(t)),
            class: b(["fold-btn f-0", n(t) ? "rotate-90" : ""]),
            size: "1em"
          }, {
            default: m(() => [
              f(n(w))
            ]),
            _: 1
          }, 8, ["class"])) : r("", !0)
        ]),
        d("div", {
          class: b(["body hover-show-scroll", { [e.bodyClass]: !0, fold: n(t), foldable: e.foldable }]),
          onDbclick: o[1] || (o[1] = (C) => c("dbclick"))
        }, [
          u(e.$slots, "default", {}, () => [
            f(_)
          ], !0)
        ], 34)
      ], 8, q);
    };
  }
}), I = /* @__PURE__ */ T(D, [["__scopeId", "data-v-3fdf1406"]]);
export {
  I as default
};