@aplus-frontend/ui/es/src/business/ap-attachment/style/index.mjs

import { genComponentStyleHook as r } from "../../../utils/cssinjs/index.mjs";
const a = (o) => {
  const { componentCls: e } = o;
  return {
    [e]: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center",
      [`${e}__content`]: {
        width: "80%",
        flex: 1,
        overflow: "hidden",
        display: "flex",
        alignItems: "center",
        "&:hover": {
          [`${e}__content-download`]: {
            opacity: 1
          }
        },
        "&-text": {
          display: "flex",
          alignItems: "center",
          overflow: "hidden"
        },
        "&-download": {
          cursor: "pointer",
          color: "var(--download-main-color)",
          marginLeft: o.space,
          opacity: 0,
          fontSize: o.fontSizeXL
        }
      },
      [`${e}__text-render`]: {
        color: "var(--download-main-color)",
        marginInlineEnd: o.spaceXS,
        "&:hover": {
          color: "var(--download-main-color-opacity)"
        }
      },
      [`${e}__text-inner`]: {
        flex: 1,
        flexShrink: 0,
        whiteSpace: "nowrap",
        overflow: "hidden",
        textOverflow: "ellipsis",
        fontSize: o.fontSize,
        cursor: "pointer",
        color: "var(--download-main-color)",
        "&:hover": {
          color: "var(--download-main-color-opacity)"
        }
      },
      [`${e}__more`]: {
        fontSize: o.fontSize,
        lineHeight: o.lineHeight,
        cursor: "pointer",
        color: "var(--download-main-color)",
        marginInlineStart: o.space,
        "&:hover": {
          color: "var(--download-main-color-opacity)"
        }
      }
    },
    [`${e}__spin`]: {
      float: "left",
      marginRight: o.spaceXS
    },
    [`${e}__file-list`]: {
      maxWidth: o.apAttachmentListMaxWidth,
      display: "flex",
      flexDirection: "column",
      margin: 0,
      padding: 0,
      [`${e}__file-item`]: {
        flex: 1,
        wordWrap: "break-word",
        marginBlockEnd: o.spaceLG,
        fontSize: o.fontSize,
        color: o.textColor1,
        "&:hover": {
          [`${e}__file-item-download`]: {
            opacity: 1
          }
        },
        "&-text": {
          cursor: "pointer",
          "&:hover": {
            color: "var(--download-main-color)"
          }
        },
        "&-download": {
          cursor: "pointer",
          color: "var(--download-main-color)",
          marginLeft: o.space,
          opacity: 0,
          fontSize: o.fontSizeXL
        }
      },
      [`${e}__download-all`]: {
        fontSize: o.fontSize,
        color: "var(--download-main-color)",
        cursor: "pointer",
        marginBlockEnd: 0,
        "&:hover": {
          color: "var(--download-main-color-opacity)"
        }
      }
    }
  };
}, i = r(
  "ApAttachment",
  (o) => [a(o)],
  {
    apAttachmentListMaxWidth: 312
  }
);
export {
  i as default
};