{"version":3,"file":"picture.mjs","sources":["../../../../../../packages/components/upload/style/picture.ts"],"sourcesContent":["import type { GenerateStyle } from '@antdv/theme';\nimport type { UploadToken } from '.';\nimport { clearFix, textEllipsis } from '@antdv/theme';\nimport { TinyColor } from '@ctrl/tinycolor';\n\nconst genPictureStyle: GenerateStyle<UploadToken> = (token) => {\n  const { componentCls, iconCls, uploadThumbnailSize, uploadProgressOffset } = token;\n  const listCls = `${componentCls}-list`;\n  const itemCls = `${listCls}-item`;\n\n  return {\n    [`${componentCls}-wrapper`]: {\n      // ${listCls} 增加优先级\n      [`${listCls}${listCls}-picture, ${listCls}${listCls}-picture-card`]: {\n        [itemCls]: {\n          'position': 'relative',\n          'height': uploadThumbnailSize + token.lineWidth * 2 + token.paddingXS * 2,\n          'padding': token.paddingXS,\n          'border': `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n          'borderRadius': token.borderRadiusLG,\n\n          '&:hover': {\n            background: 'transparent',\n          },\n\n          [`${itemCls}-thumbnail`]: {\n            ...textEllipsis,\n            width: uploadThumbnailSize,\n            height: uploadThumbnailSize,\n            lineHeight: `${uploadThumbnailSize + token.paddingSM}px`,\n            textAlign: 'center',\n            flex: 'none',\n\n            [iconCls]: {\n              fontSize: token.fontSizeHeading2,\n              color: token.colorPrimary,\n            },\n\n            img: {\n              display: 'block',\n              width: '100%',\n              height: '100%',\n              overflow: 'hidden',\n            },\n          },\n\n          [`${itemCls}-progress`]: {\n            bottom: uploadProgressOffset,\n            width: `calc(100% - ${token.paddingSM * 2}px)`,\n            marginTop: 0,\n            paddingInlineStart: uploadThumbnailSize + token.paddingXS,\n          },\n        },\n\n        [`${itemCls}-error`]: {\n          borderColor: token.colorError,\n\n          // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160\n          [`${itemCls}-thumbnail ${iconCls}`]: {\n            'svg path[fill=\\'#e6f7ff\\']': {\n              fill: token.colorErrorBg,\n            },\n            'svg path[fill=\\'#1890ff\\']': {\n              fill: token.colorError,\n            },\n          },\n        },\n\n        [`${itemCls}-uploading`]: {\n          borderStyle: 'dashed',\n\n          [`${itemCls}-name`]: {\n            marginBottom: uploadProgressOffset,\n          },\n        },\n      },\n    },\n  };\n};\n\nconst genPictureCardStyle: GenerateStyle<UploadToken> = (token) => {\n  const { componentCls, iconCls, fontSizeLG, colorTextLightSolid } = token;\n\n  const listCls = `${componentCls}-list`;\n  const itemCls = `${listCls}-item`;\n\n  const uploadPictureCardSize = token.uploadPicCardSize;\n\n  return {\n    [`${componentCls}-wrapper${componentCls}-picture-card-wrapper`]: {\n      ...clearFix(),\n      display: 'inline-block',\n      width: '100%',\n\n      [`${componentCls}${componentCls}-select`]: {\n        width: uploadPictureCardSize,\n        height: uploadPictureCardSize,\n        marginInlineEnd: token.marginXS,\n        marginBottom: token.marginXS,\n        textAlign: 'center',\n        verticalAlign: 'top',\n        backgroundColor: token.colorFillAlter,\n        border: `${token.lineWidth}px dashed ${token.colorBorder}`,\n        borderRadius: token.borderRadiusLG,\n        cursor: 'pointer',\n        transition: `border-color ${token.motionDurationSlow}`,\n\n        [`> ${componentCls}`]: {\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: '100%',\n          textAlign: 'center',\n        },\n\n        [`&:not(${componentCls}-disabled):hover`]: {\n          borderColor: token.colorPrimary,\n        },\n      },\n\n      // list\n      [`${listCls}${listCls}-picture-card`]: {\n        [`${listCls}-item-container`]: {\n          display: 'inline-block',\n          width: uploadPictureCardSize,\n          height: uploadPictureCardSize,\n          marginBlock: `0 ${token.marginXS}px`,\n          marginInline: `0 ${token.marginXS}px`,\n          verticalAlign: 'top',\n        },\n\n        '&::after': {\n          display: 'none',\n        },\n\n        [itemCls]: {\n          'height': '100%',\n          'margin': 0,\n\n          '&::before': {\n            position: 'absolute',\n            zIndex: 1,\n            width: `calc(100% - ${token.paddingXS * 2}px)`,\n            height: `calc(100% - ${token.paddingXS * 2}px)`,\n            backgroundColor: token.colorBgMask,\n            opacity: 0,\n            transition: `all ${token.motionDurationSlow}`,\n            content: '\" \"',\n          },\n        },\n\n        [`${itemCls}:hover`]: {\n          [`&::before, ${itemCls}-actions`]: {\n            opacity: 1,\n          },\n        },\n\n        [`${itemCls}-actions`]: {\n          position: 'absolute',\n          insetInlineStart: 0,\n          zIndex: 10,\n          width: '100%',\n          whiteSpace: 'nowrap',\n          textAlign: 'center',\n          opacity: 0,\n          transition: `all ${token.motionDurationSlow}`,\n\n          [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n            zIndex: 10,\n            width: fontSizeLG,\n            margin: `0 ${token.marginXXS}px`,\n            fontSize: fontSizeLG,\n            cursor: 'pointer',\n            transition: `all ${token.motionDurationSlow}`,\n          },\n        },\n\n        [`${itemCls}-actions, ${itemCls}-actions:hover`]: {\n          [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n            'color': new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(),\n            '&:hover': {\n              color: colorTextLightSolid,\n            },\n          },\n        },\n\n        [`${itemCls}-thumbnail, ${itemCls}-thumbnail img`]: {\n          position: 'static',\n          display: 'block',\n          width: '100%',\n          height: '100%',\n          objectFit: 'contain',\n        },\n\n        [`${itemCls}-name`]: {\n          display: 'none',\n          textAlign: 'center',\n        },\n\n        [`${itemCls}-file + ${itemCls}-name`]: {\n          position: 'absolute',\n          bottom: token.margin,\n          display: 'block',\n          width: `calc(100% - ${token.paddingXS * 2}px)`,\n        },\n\n        [`${itemCls}-uploading`]: {\n          [`&${itemCls}`]: {\n            backgroundColor: token.colorFillAlter,\n          },\n\n          [`&::before, ${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {\n            display: 'none',\n          },\n        },\n\n        [`${itemCls}-progress`]: {\n          bottom: token.marginXL,\n          width: `calc(100% - ${token.paddingXS * 2}px)`,\n          paddingInlineStart: 0,\n        },\n      },\n    },\n  };\n};\n\nexport { genPictureCardStyle, genPictureStyle };\n"],"names":[],"mappings":"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"}