@aplus-frontend/ui/es/src/business/ap-upload-file/ap-upload-single/style/index.mjs

import { genComponentStyleHook as r } from "../../../../utils/cssinjs/index.mjs";
const a = (e) => {
  const { componentCls: o } = e;
  return {
    [o]: {
      userSelect: "none",
      ".ant-upload-drag": {
        background: e.colorBgLayout,
        border: `${e.lineWidth} dashed var(--ap-border-color-base)`,
        height: e.apUploadSingleContainerHeight,
        "&:not(.ant-upload-disabled):hover": {
          background: e.calc(e.colorLink).colorMix(10),
          borderColor: e.colorLink
        },
        ".ant-upload-btn": {
          padding: 0
        },
        ".ant-upload-disabled": {
          cursor: "default"
        }
      },
      [`${o}__content`]: {
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        height: "100%"
      },
      [`${o}__content-file`]: {
        width: "min(516px, 77.24%)",
        height: e.apUploadSingleItemHeight,
        background: "#fff",
        borderRadius: e.borderRadius,
        display: "flex",
        alignItems: "center",
        paddingInline: e.spaceXXL,
        paddingBlock: 0,
        "&-icon": {
          flexShrink: 0,
          marginRight: e.spaceXL,
          svg: {
            width: e.apUploadSingleItemFileIconSize
          }
        },
        "&-name": {
          flex: 1,
          textAlign: "start",
          "&>.ant-typography": {
            color: "var(--name-color)",
            marginBottom: 0,
            wordBreak: "break-all"
          }
        },
        "&-delete": {
          flexShrink: 0,
          marginLeft: e.spaceXXL,
          svg: {
            width: e.apUploadSingleItemDeleteIconSize,
            color: e.colorError,
            fontSize: e.fontSizeXXL,
            cursor: "pointer"
          }
        }
      },
      [`${o}__content-ing`]: {
        "&-name": {
          "--name-color": "var(--ap-text-color-2)",
          ".ant-progress-line": {
            marginInlineEnd: 0,
            marginBottom: 0
          }
        }
      },
      [`${o}__content-error`]: {
        "&-name": {
          "--name-color": e.colorError
        }
      },
      [`${o}__content-done`]: {
        "&-name": {
          "--name-color": e.colorPrimary
        }
      },
      [`${o}__content-empty`]: {
        cursor: "pointer",
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        "&-icon": {
          svg: {
            width: e.apUploadSingleContainerFileIconSize
          }
        },
        "&-title": {
          marginTop: e.spaceMD,
          color: "var(--ap-text-color-2)",
          fontSize: e.fontSizeXL,
          lineHeight: e.lineHeightLG
        },
        "&-sub-title": {
          marginTop: e.spaceXS,
          color: "var(--ap-text-color-3)",
          fontSize: e.fontSize,
          lineHeight: e.lineHeight
        }
      }
    },
    [`${o}-affix-wrapper-status-error`]: {
      ".ant-upload-drag:not(.ant-upload-disabled)": {
        borderColor: e.colorError,
        "&:hover": {
          borderColor: e.calc(e.colorPrimary).colorMix(80)
        }
      }
    }
  };
}, i = r(
  "ApUploadSingle",
  (e) => [a(e)],
  {
    apUploadSingleContainerHeight: 200,
    apUploadSingleItemHeight: 96,
    apUploadSingleItemFileIconSize: 48,
    apUploadSingleItemDeleteIconSize: 20,
    apUploadSingleContainerFileIconSize: 56
  }
);
export {
  i as default,
  a as genProCardStyle
};