@aplus-frontend/ui/es/src/business/ap-table-modal/table-layout/index.vue2.mjs

import { defineComponent as N, createElementBlock as o, openBlock as l, normalizeClass as a, unref as t, renderSlot as g, Fragment as n, createCommentVNode as h, createElementVNode as m, createVNode as p, withCtx as i, createBlock as s, resolveDynamicComponent as c, h as b, normalizeStyle as v, createTextVNode as B, toDisplayString as $, renderList as M } from "vue";
import "../../../config-provider/index.mjs";
import { ApTitle as S } from "../../ap-title/index.mjs";
import { Button as A, Empty as T } from "@aplus-frontend/antdv";
import { useLocale as V } from "../../../config-provider/hooks/use-locale.mjs";
import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
const F = /* @__PURE__ */ N({
  __name: "index",
  props: {
    leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
    rightTitle: {},
    rightContentStyle: { type: [Boolean, null, String, Object, Array] },
    renderSelectedItem: {},
    selectedList: { default: () => [] }
  },
  emits: ["clear", "deleteItem"],
  setup(k, { emit: I }) {
    const { t: d } = V(), u = k, y = I, C = () => {
      y("clear");
    }, E = (e) => {
      y("deleteItem", e);
    }, L = (e) => typeof u.rightTitle == "function" ? u.rightTitle(e) : `${d("ap.apTableModal.selected")} (${e})`, { m: r } = D("ap-table-modal");
    return (e, j) => (l(), o("div", {
      class: a([
        e.renderSelectedItem ? t(r)("table-layout") : "",
        { "complex-layout": !!e.renderSelectedItem }
      ])
    }, [
      e.renderSelectedItem ? (l(), o(n, { key: 0 }, [
        e.leftTitle ? (l(), o("div", {
          key: 0,
          class: a(t(r)("table-layout-left"))
        }, [
          p(t(S), { style: { "margin-bottom": "16px" } }, {
            prefix: i(() => [
              (l(), s(c(b(n, [e.leftTitle]))))
            ]),
            _: 1
          }),
          m("div", {
            class: a(t(r)("table-layout-left-content"))
          }, [
            g(e.$slots, "default")
          ], 2)
        ], 2)) : h("", !0),
        m("div", {
          class: a(t(r)("table-layout-right")),
          style: v(e.rightContentStyle)
        }, [
          p(t(S), {
            title: `${t(d)("ap.apTableModal.selected")} (${e.selectedList.length})`
          }, {
            prefix: i(() => [
              (l(), s(c(b(n, [L(e.selectedList.length)]))))
            ]),
            suffix: i(() => [
              p(t(A), {
                type: "link",
                style: { padding: "0px", height: "22px", "border-width": "0px" },
                onClick: C
              }, {
                default: i(() => [
                  B($(t(d)("ap.apTableModal.clear")), 1)
                ]),
                _: 1
              })
            ]),
            _: 1
          }, 8, ["title"]),
          m("div", {
            class: a(t(r)("table-layout-right-content"))
          }, [
            (l(!0), o(n, null, M(e.selectedList, (f) => (l(), s(c(e.renderSelectedItem?.(f, { deleteItem: E })), { key: f }))), 128)),
            e.selectedList.length === 0 ? (l(), s(t(T), {
              key: 0,
              image: t(T).PRESENTED_IMAGE_SIMPLE,
              style: { "margin-top": "100px" }
            }, null, 8, ["image"])) : h("", !0)
          ], 2)
        ], 6)
      ], 64)) : g(e.$slots, "default", { key: 1 })
    ], 2));
  }
});
export {
  F as default
};