mt-ui-components-vue3/lib/Upload/style/index.style.js

玛果添实UI组件库(Vue3)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _antdStyle = require("antd-style");
var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
  var token = _ref.token;
  return {
    "upload-inner-context": {
      position: "relative",
      height: "100%",
      marginTop: "12px",
      fontSize: "14px",
      display: "block"
    },
    "upload-list-item-info": {
      height: "100%",
      padding: "0 6px",
      transition: "background-color 0.3s",
      display: "block"
    },
    "upload-span": {
      display: "block",
      alignItems: "center"
    },
    "img-remove": {
      display: "block"
    },
    "picture-img": {
      display: "block",
      width: "36px",
      height: "36px",
      overflow: "hidden",
      borderRadius: "6px"
    },
    tips: {
      marginRight: "8px",
      fontWeight: "400",
      fontSize: "12px",
      lineHeight: "20px",
      color: token.colorPrimary
    },
    "file-name": {
      flex: "auto",
      margin: "0",
      padding: "0 8px"
    },
    "upload-progress": {
      bottom: "8px",
      width: "93%",
      paddingLeft: "40px",
      fontSize: "14px",
      lineHeight: "0"
    },
    "@{ant-prefix}-progress-bg": {
      backgroundColor: token.colorPrimary,
      height: "6px"
    },
    "@{ant-prefix}-progress-inner": {
      backgroundColor: "rgba(49, 94, 251, 0.1)"
    },
    "@{ant-prefix}-upload-list-text-container": {
      width: "100%",
      height: "60px",
      background: "#ffffff",
      border: "1px solid #f0f0f0",
      borderRadius: "6px",
      marginTop: "0.5rem",
      "&:hover": {
        boxShadow: "0px 4px 18px #f3f3f3",
        border: "none"
      }
    },
    "upload-inner": {
      display: "block"
    },
    "@{ant-prefix}-upload-list-item": {
      position: "relative",
      height: "100%",
      fontSize: "14px",
      display: "block",
      alignItems: "center",
      marginTop: "0",
      "&:hover .@{ant-prefix}-upload-list-item-info": {
        background: "#ffffff"
      },
      border: "1px solid #d9d9d9",
      borderRadius: "6px"
    },
    "@{ant-prefix}-upload-list-item-progress": {
      position: "absolute",
      bottom: "0px",
      paddingLeft: "26px",
      fontSize: "14px",
      lineHeight: "0"
    },
    "@{ant-prefix}-upload-list-picture-container": {
      width: "423px",
      height: "60px",
      background: "#ffffff",
      border: "1px solid #f0f0f0",
      borderRadius: "6px",
      marginTop: "0.5rem",
      "&:hover": {
        boxShadow: "0px 4px 18px #f3f3f3",
        border: "none"
      }
    },
    "@{ant-prefix}-upload-list-picture-card": {
      border: "1px solid #d9d9d9",
      borderRadius: "6px"
    },
    "@{ant-prefix}-upload-list-item-info": {
      borderRadius: "6px"
    },
    "@{ant-prefix}-progress-status-success": {
      backgroundColor: token.colorPrimary
    },
    "error-pic": {
      width: "100%",
      height: "100%",
      position: "absolute",
      zIndex: "1",
      borderRadius: "6px",
      border: "1px dashed #e6e6e6"
    },
    "@{ant-prefix}-upload.@{ant-prefix}-upload-drag": {
      backgroundColor: "#ffffff",
      border: "2px dashed #eaedf0",
      borderRadius: "2px"
    }
  };
});
var _default = useStyles;
exports.default = _default;