import { defineComponent as h, computed as a, unref as t, openBlock as n, createElementBlock as r, Fragment as d, createElementVNode as s, normalizeStyle as v, renderList as k, createVNode as i } from "vue";
import { Skeleton as c } from "@aplus-frontend/antdv";
import S from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
import { ApSkeletonLine as B } from "../line/index.mjs";
const b = { style: {
  flex: 3,
  paddingInlineStart: "32px"
} }, C = /* @__PURE__ */ h({
  name: "ApSkeletonTableItem",
  __name: "item",
  props: {
    active: { type: Boolean },
    header: { type: Boolean, default: !1 }
  },
  setup(e) {
    const p = {
      lg: !0,
      md: !0,
      sm: !1,
      xl: !1,
      xs: !1,
      xxl: !1
    }, m = {
      xs: 1,
      sm: 2,
      md: 3,
      lg: 3,
      xl: 3,
      xxl: 4
    }, u = S(), x = a(() => u.value || p), f = a(() => {
      const l = t(x);
      return Object.keys(l).filter((o) => l[o] === !0)[0] || "md";
    }), g = a(
      () => m[f.value] || 3
    );
    return (l, o) => (n(), r(d, null, [
      s("div", {
        style: v({
          display: "flex",
          background: e.header ? "rgba(0,0,0,0.02)" : "none",
          padding: "20px 8px"
        })
      }, [
        (n(!0), r(d, null, k(new Array(g.value).fill(null), (w, y) => (n(), r("div", {
          key: y,
          style: {
            flex: 1,
            paddingInlineStart: "8px",
            paddingInlineEnd: "32px"
          }
        }, [
          i(t(c), {
            active: e.active,
            paragraph: !1,
            title: {
              style: {
                margin: 0,
                height: "24px",
                width: e.header ? "75px" : "100%"
              }
            }
          }, null, 8, ["active", "title"])
        ]))), 128)),
        s("div", b, [
          i(t(c), {
            active: e.active,
            paragraph: !1,
            title: {
              style: { margin: 0, height: "24px", width: e.header ? "75px" : "100%" }
            }
          }, null, 8, ["active", "title"])
        ])
      ], 4),
      i(t(B), { style: { padding: "0px 0px" } })
    ], 64));
  }
});
export {
  C as default
};
