@aplus-frontend/ui/es/src/business/ag-grid-modal/style/index.mjs

import { genComponentStyleHook as d } from "../../../utils/cssinjs/index.mjs";
const l = (e) => {
  const { componentCls: i } = e, o = `${i}--table-layout`;
  return {
    [`${i}--bordered`]: {
      border: `${e.lineWidth} ${e.lineType} ${e.borderColorBase}`,
      padding: e.spaceXL,
      borderRadius: e.borderRadius,
      "--ag-grid-modal-layout-divider-offset": "32px"
    },
    [o]: {
      boxSizing: "border-box",
      display: "flex",
      flex: 1,
      justifyContent: "space-between",
      height: "100%",
      [`${o}-left`]: {
        flex: 1,
        minWidth: 0,
        paddingInlineEnd: e.spaceXL,
        boxSizing: "border-box",
        display: "flex",
        flexDirection: "column",
        "&-content": {
          flex: 1
        }
      },
      [`${o}-right`]: {
        maxHeight: "100%",
        width: e.agGridModalRightWidth,
        paddingInlineStart: e.spaceXL,
        position: "relative",
        display: "flex",
        flexDirection: "column",
        "&-content": {
          flexGrow: 1,
          height: 0,
          overflowY: "hidden",
          paddingTop: e.space,
          "&:hover": {
            overflowY: "auto"
          }
        },
        "&::before": {
          content: '""',
          height: "calc(100% + var(--ag-grid-modal-layout-divider-offset,16px))",
          width: e.lineWidth,
          backgroundColor: e.borderColorBase,
          position: "absolute",
          left: 0,
          top: "-16px"
        }
      }
    }
  };
}, a = d(
  "ApTableModal",
  (e) => [l(e)],
  {
    agGridModalRightWidth: 410
  }
);
export {
  a as default
};