acud 0.0.65 → 0.0.68

package/lib/transfer/{dataSource.js → DataSource.js}

@@ -21,9 +21,11 @@ var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
+var _table = _interopRequireDefault(require("../table"));
+
 var _search = _interopRequireDefault(require("../search"));
 
-var _sourceList = _interopRequireDefault(require("./sourceList"));
+var _SourceList = _interopRequireDefault(require("./SourceList"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -37,13 +39,18 @@ var defaultFilterOption = function defaultFilterOption(inputValue, option) {
   return option.title.indexOf(inputValue) > -1;
 };
 
+var defaultTableFilterOption = function defaultTableFilterOption(inputValue, option) {
+  return option.key.indexOf(inputValue) > -1;
+};
+
 function dataSource(props) {
   var prefixCls = props.prefixCls,
+      displayType = props.displayType,
+      columns = props.columns,
       expansionSource = props.expansionSource,
       _props$showSelectAll = props.showSelectAll,
       showSelectAll = _props$showSelectAll === void 0 ? true : _props$showSelectAll,
-      _props$filterOption = props.filterOption,
-      filterOption = _props$filterOption === void 0 ? defaultFilterOption : _props$filterOption,
+      filterOptionProp = props.filterOption,
       showSearch = props.showSearch,
       _props$showSearchClea = props.showSearchClear,
       showSearchClear = _props$showSearchClea === void 0 ? true : _props$showSearchClea,
@@ -51,6 +58,7 @@ function dataSource(props) {
       setTKeys = props.setTKeys,
       leftStyle = props.leftStyle,
       locale = props.locale;
+  var filterOption = filterOptionProp || (displayType === 'table' ? defaultTableFilterOption : defaultFilterOption);
   var dataSourceCls = "".concat(prefixCls, "-datasource");
   var sourceTitle = locale.sourceTitle,
       searchPlaceholder = locale.searchPlaceholder,
@@ -100,7 +108,7 @@ function dataSource(props) {
       }
     });
     return fileterCloneSource;
-  }, [searchValue, expansionSource]);
+  }, [searchValue, expansionSource, displayType]);
   var totalUndisabledKeys = React.useMemo(function () {
     var unDisabledDataSource = filterSource.filter(function (data) {
       return !data.group && !data.disabled;
@@ -133,14 +141,31 @@ function dataSource(props) {
     var searchValue = e.target.value;
     setSearchValue(searchValue);
   }, []);
+
+  var onSelectChange = function onSelectChange(v) {
+    // 排除filter中包含的tKeys，记为noneFilterKeys
+    // 联合noneFilterKeys与filter中的选择项，记为最终keys
+    var noneFilterKeys = tKeys.filter(function (key) {
+      return !filterSource.some(function (item) {
+        return item.key === key;
+      });
+    });
+    setTKeys([].concat((0, _toConsumableArray2["default"])(noneFilterKeys), (0, _toConsumableArray2["default"])(v)));
+  };
+
+  var rowSelection = {
+    onChange: onSelectChange,
+    selectedRowKeys: tKeys
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: dataSourceCls,
     style: leftStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(dataSourceCls, "-header")
-  }, showSelectAll && /*#__PURE__*/React.createElement(_checkbox["default"], {
+  }, showSelectAll && displayType === 'single' && /*#__PURE__*/React.createElement(_checkbox["default"], {
     checked: allChecked,
     indeterminate: indeterminate,
+    className: "".concat(dataSourceCls, "-header-checkall"),
     onClick: selectAll
   }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(dataSourceCls, "-label")
@@ -152,7 +177,14 @@ function dataSource(props) {
     allowClear: showSearchClear,
     size: "small",
     onChange: searchChange
-  }), !!filterSource.length && /*#__PURE__*/React.createElement(_sourceList["default"], (0, _extends2["default"])({}, props, {
+  }), !!filterSource.length && displayType === 'table' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-table-box")
+  }, /*#__PURE__*/React.createElement(_table["default"], {
+    pagination: false,
+    dataSource: filterSource,
+    columns: columns,
+    rowSelection: rowSelection
+  })), !!filterSource.length && displayType === 'single' && /*#__PURE__*/React.createElement(_SourceList["default"], (0, _extends2["default"])({}, props, {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "".concat(dataSourceCls, "-nodata")

package/{es/transfer/sourceList.d.ts → lib/transfer/SourceList.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DataSourceProps } from './dataSource';
-import { TransferItem } from './';
+import { DataSourceProps } from './DataSource';
+import { TransferItem } from '.';
 export interface DataSourceListProps<RecordType> extends DataSourceProps<RecordType> {
     filterSource: RecordType[];
 }

package/lib/transfer/{target.d.ts → Target.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TransferItem, TransferProps } from './';
+import { TransferItem, TransferProps } from '.';
 export interface DataSourceProps<RecordType> extends TransferProps<RecordType> {
     tKeys: string[];
     setTKeys: (t: string[]) => void;

package/lib/transfer/{target.js → Target.js}

@@ -13,13 +13,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
+
+var _acudIcon = require("acud-icon");
 
-var _targetList = _interopRequireDefault(require("./targetList"));
+var _table = _interopRequireDefault(require("../table"));
+
+var _TargetList = _interopRequireDefault(require("./TargetList"));
 
 var _search = _interopRequireDefault(require("../search"));
 
@@ -39,6 +45,7 @@ function target(props) {
   var _classnames;
 
   var prefixCls = props.prefixCls,
+      displayType = props.displayType,
       _props$showClearAll = props.showClearAll,
       showClearAll = _props$showClearAll === void 0 ? true : _props$showClearAll,
       _props$filterOption = props.filterOption,
@@ -50,7 +57,8 @@ function target(props) {
       setTKeys = props.setTKeys,
       rightStyle = props.rightStyle,
       locale = props.locale,
-      expansionSource = props.expansionSource;
+      expansionSource = props.expansionSource,
+      columns = props.columns;
   var targetCls = "".concat(prefixCls, "-target");
   var targetTitle = locale.targetTitle,
       searchPlaceholder = locale.searchPlaceholder,
@@ -125,7 +133,51 @@ function target(props) {
     var searchValue = e.target.value;
     setSearchValue(searchValue);
   }, []);
-  var clearCls = (0, _classnames2["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, "".concat(targetCls, "-clear-all"), true), (0, _defineProperty2["default"])(_classnames, "".concat(targetCls, "-clear-all-disabled"), filterSource.length === totalDisabledKeys.length), _classnames));
+  var targetColumns = React.useMemo(function () {
+    if (!columns) {
+      return;
+    }
+
+    var cancelItem = function cancelItem(data) {
+      if (data.disabled) {
+        return;
+      }
+
+      var curTKeys = (0, _toConsumableArray2["default"])(tKeys);
+
+      if (data.group) {
+        var deleteKeys = data.childrenKeys;
+        curTKeys = curTKeys.filter(function (tKey) {
+          return !deleteKeys.includes(tKey);
+        });
+      } else if (curTKeys.includes(data.key)) {
+        curTKeys.splice(curTKeys.indexOf(data.key), 1);
+      }
+
+      setTKeys(curTKeys);
+    };
+
+    var tColumns = (0, _toConsumableArray2["default"])(columns);
+    tColumns.push({
+      title: '',
+      key: 'action',
+      width: 40,
+      render: function render(_text, data) {
+        if (!data.disabled) {
+          return /*#__PURE__*/React.createElement(_acudIcon.OutlinedClose, {
+            className: "".concat(prefixCls, "-target-item-cancel"),
+            onClick: function onClick() {
+              return cancelItem(data);
+            }
+          });
+        }
+
+        return null;
+      }
+    });
+    return tColumns;
+  }, [columns, tKeys]);
+  var clearCls = (0, _dedupe["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, "".concat(targetCls, "-clear-all"), true), (0, _defineProperty2["default"])(_classnames, "".concat(targetCls, "-clear-all-disabled"), filterSource.length === totalDisabledKeys.length), _classnames));
   return /*#__PURE__*/React.createElement("div", {
     className: targetCls,
     style: rightStyle
@@ -145,7 +197,13 @@ function target(props) {
     allowClear: showSearchClear,
     size: "small",
     onChange: searchChange
-  }), !!filterSource.length && /*#__PURE__*/React.createElement(_targetList["default"], (0, _extends2["default"])({}, props, {
+  }), !!filterSource.length && displayType === 'table' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-table-box")
+  }, /*#__PURE__*/React.createElement(_table["default"], {
+    pagination: false,
+    dataSource: filterSource,
+    columns: targetColumns
+  })), !!filterSource.length && displayType === 'single' && /*#__PURE__*/React.createElement(_TargetList["default"], (0, _extends2["default"])({}, props, {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "".concat(prefixCls, "-target-nodata")

package/{es/transfer/targetList.d.ts → lib/transfer/TargetList.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DataSourceProps } from './dataSource';
-import { TransferItem } from './';
+import { DataSourceProps } from './DataSource';
+import { TransferItem } from '.';
 export interface DataSourceListProps<RecordType> extends DataSourceProps<RecordType> {
     filterSource: RecordType[];
 }

package/lib/transfer/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ColumnsType } from '../table';
 export declare type TransferDirection = 'left' | 'right';
 export declare type SelectAllLabel = React.ReactNode | ((info: {
     selectedCount: number;
@@ -24,6 +25,7 @@ export interface TransferItem {
 export interface TransferProps<RecordType> {
     prefixCls?: string;
     className?: string;
+    displayType?: 'single' | 'table';
     dataSource: RecordType[];
     targetKeys?: string[];
     render?: TransferRender<RecordType>;
@@ -42,5 +44,6 @@ export interface TransferProps<RecordType> {
     selectAllLabels?: SelectAllLabel[];
     defaultExpandGroupKey?: string[] | string | number[] | number | boolean;
     virtual?: boolean;
+    columns?: ColumnsType<RecordType>;
 }
 export default function transfer<RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): JSX.Element;

package/lib/transfer/index.js

@@ -21,9 +21,9 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 var _default = _interopRequireDefault(require("../locale/default"));
 
-var _dataSource = _interopRequireDefault(require("./dataSource"));
+var _DataSource = _interopRequireDefault(require("./DataSource"));
 
-var _target = _interopRequireDefault(require("./target"));
+var _Target = _interopRequireDefault(require("./Target"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -33,13 +33,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * transfer 穿梭框
  * author zhousheng
  */
-;
-
 function transfer(props) {
+  var _classnames;
+
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'acud-transfer' : _props$prefixCls,
-      _props$targetKeys = props.targetKeys,
-      targetKeys = _props$targetKeys === void 0 ? [] : _props$targetKeys,
+      _props$displayType = props.displayType,
+      displayType = _props$displayType === void 0 ? 'single' : _props$displayType,
+      targetKeys = props.targetKeys,
       onChange = props.onChange,
       _props$locale = props.locale,
       locale = _props$locale === void 0 ? {} : _props$locale,
@@ -74,24 +75,31 @@ function transfer(props) {
     return expansionArr;
   }, [dataSource]);
 
-  var _React$useState = React.useState(targetKeys),
+  var _React$useState = React.useState(targetKeys || []),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       tKeys = _React$useState2[0],
       setTKeys = _React$useState2[1];
 
+  React.useEffect(function () {
+    if (Array.isArray(targetKeys)) {
+      setTKeys(targetKeys);
+    }
+  }, [targetKeys]);
   React.useEffect(function () {
     onChange && onChange(tKeys);
   }, [tKeys]);
-  var classNames = (0, _classnames2["default"])((0, _defineProperty2["default"])({}, prefixCls, true));
+  var classNames = (0, _classnames2["default"])((_classnames = {}, (0, _defineProperty2["default"])(_classnames, prefixCls, true), (0, _defineProperty2["default"])(_classnames, "".concat(prefixCls, "-table"), displayType === 'table'), _classnames));
   return /*#__PURE__*/React.createElement("div", {
     className: classNames
-  }, /*#__PURE__*/React.createElement(_dataSource["default"], (0, _extends2["default"])({}, props, {
+  }, /*#__PURE__*/React.createElement(_DataSource["default"], (0, _extends2["default"])({}, props, {
+    displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
     tKeys: tKeys,
     setTKeys: setTKeys,
     expansionSource: expansionSource
-  })), /*#__PURE__*/React.createElement(_target["default"], (0, _extends2["default"])({}, props, {
+  })), /*#__PURE__*/React.createElement(_Target["default"], (0, _extends2["default"])({}, props, {
+    displayType: displayType,
     locale: userLocale,
     prefixCls: prefixCls,
     tKeys: tKeys,

package/lib/transfer/style/css.js

@@ -2,4 +2,6 @@
 
 require("../../style/index.css");
 
-require("./index.css");
+require("./index.css");
+
+require("../../table/style/css");

package/lib/transfer/style/index.css

@@ -43,8 +43,10 @@
   border-radius: 4px 4px 0 0;
   line-height: 21px;
 }
+.acud-transfer-datasource-header-checkall {
+  margin-right: 12px;
+}
 .acud-transfer-datasource-label {
-  margin-left: 12px;
   color: #151B26;
   font-size: 12px;
   font-weight: #FFECD4;
@@ -149,8 +151,8 @@
   padding-left: 60px;
 }
 .acud-transfer-datasource-search {
-  height: 24px;
-  margin: 8px 12px;
+  height: 40px;
+  padding: 8px 12px;
   width: auto;
   flex-shrink: 0;
 }
@@ -327,10 +329,10 @@
   padding-left: 56px;
 }
 .acud-transfer-target-search {
-  margin: 8px 12px;
+  padding: 8px 12px;
   width: auto;
   flex-shrink: 0;
-  height: 24px;
+  height: 40px;
 }
 .acud-transfer-target-nodata {
   display: flex;
@@ -346,3 +348,21 @@
 .acud-transfer .acud-input input {
   font-size: 12px;
 }
+.acud-transfer.acud-transfer-table .acud-transfer-datasource,
+.acud-transfer.acud-transfer-table .acud-transfer-target {
+  height: 360px;
+}
+.acud-transfer.acud-transfer-table .acud-transfer-datasource-search,
+.acud-transfer.acud-transfer-table .acud-transfer-target-search {
+  background-color: #F7F7F9;
+  border-top: 1px solid #fff;
+}
+.acud-transfer.acud-transfer-table table {
+  border-top: 1px solid #fff;
+}
+.acud-transfer.acud-transfer-table table thead tr th:nth-last-child(2) {
+  border-right: none;
+}
+.acud-transfer.acud-transfer-table .acud-transfer-table-box {
+  overflow: auto;
+}

package/lib/transfer/style/index.d.ts

@@ -1,2 +1,3 @@
 import '../../style/index.less';
 import './index.less';
+import '../../table/style';

package/lib/transfer/style/index.js

@@ -2,4 +2,6 @@
 
 require("../../style/index.less");
 
-require("./index.less");
+require("./index.less");
+
+require("../../table/style");

package/lib/transfer/style/index.less

@@ -35,9 +35,11 @@
             background-color: @G10;
             border-radius: @R3 @R3 0 0;
             line-height: 21px;
+            &-checkall {
+                margin-right: @P * 3;
+            }
         }
         &-label {
-            margin-left: @P * 3;
             color: @G2;
             font-size: @T2;
             font-weight: @W2;
@@ -88,8 +90,8 @@
             }
         }
         &-search {
-            height: @P * 6;
-            margin: @P * 2 @P * 3;
+            height: @P * 10;
+            padding: @P * 2 @P * 3;
             width: auto;
             flex-shrink: 0;
         }
@@ -188,10 +190,10 @@
             }
         }
         &-search {
-            margin: @P * 2 @P * 3;
+            padding: @P * 2 @P * 3;
             width: auto;
             flex-shrink: 0;
-            height: @P * 6;
+            height: @P * 10;
         }
         &-nodata {
             display: flex;
@@ -208,4 +210,27 @@
     .@{acud-prefix}-input input {
         font-size: 12px;
     }
+    &.@{transfer-prefix-cls}-table {
+        .@{transfer-prefix-cls}-datasource,
+        .@{transfer-prefix-cls}-target {
+            height: 360px;
+        }
+        .@{transfer-prefix-cls}-datasource-search,
+        .@{transfer-prefix-cls}-target-search {
+            background-color: @G10;
+            border-top: 1px solid #fff;
+        }
+        table {
+            border-top: 1px solid #fff;
+            thead tr th:nth-last-child(2) {
+                border-right: none;
+            }
+            tbody > tr:last-child > td {
+                // border-bottom: none;
+            }
+        }
+        .@{transfer-prefix-cls}-table-box {
+            overflow: auto;
+        }
+    }
 }

package/lib/upload/UploadList/ListItem.js

@@ -132,7 +132,11 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   var infoUploadingClass = (0, _classnames["default"])((_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(prefixCls, "-list-item"), true), (0, _defineProperty2["default"])(_classNames3, "".concat(prefixCls, "-list-item-").concat(file.status), true), (0, _defineProperty2["default"])(_classNames3, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames3));
   var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
-  var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || listType === 'text' ? /*#__PURE__*/React.createElement(_OutlinedClose["default"], null) : /*#__PURE__*/React.createElement(_OutlinedDelete["default"], null), function () {
+  var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || listType === 'text' ? /*#__PURE__*/React.createElement(_OutlinedClose["default"], {
+    width: 16
+  }) : /*#__PURE__*/React.createElement(_OutlinedDelete["default"], {
+    width: 16
+  }), function () {
     return onClose(file);
   }, prefixCls, locale.removeFile) : null;
   var downloadIcon = showDownloadIcon ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || /*#__PURE__*/React.createElement(_OutlinedCloudDownload["default"], null), function () {
@@ -219,7 +223,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       strokeColor: "#2468F2",
       infoType: "none",
       type: "line",
-      percent: file.percent
+      percent: file.percent,
+      strokeWidth: listType === 'text' ? 2 : 4
     }, progressProps)) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: (0, _classnames["default"])("".concat(prefixCls, "-list-item-progress"), motionClassName)

package/lib/upload/UploadList/index.js

@@ -196,16 +196,14 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
     }) : /*#__PURE__*/React.createElement(_OutlinedFile["default"], {
       width: 24
     });
-    var icon = isLoading ? /*#__PURE__*/React.createElement(_OutlinedLoading["default"], {
-      animation: "spin"
-    }) : renderIcon(file.name || file.fileName);
+    var icon = renderIcon(file.name || file.fileName);
 
     if (listType === 'picture') {
       icon = isLoading ? /*#__PURE__*/React.createElement(_OutlinedLoading["default"], {
         animation: "spin"
       }) : fileIcon;
     } else if (listType === 'picture-card') {
-      icon = isLoading ? locale.uploading : fileIcon;
+      icon = isLoading ? "".concat(locale.uploading, "...") : fileIcon;
     }
 
     return icon;
@@ -318,9 +316,8 @@ var UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
 UploadList.displayName = 'UploadList';
 UploadList.defaultProps = {
   listType: 'text',
-  progress: {
-    strokeWidth: 2 // showInfo: false
-
+  progress: {// strokeWidth: 4,
+    // showInfo: false
   },
   showUploadIcon: true,
   showRemoveIcon: true,

package/lib/upload/style/index.css

@@ -43,6 +43,7 @@
   border-style: solid;
   cursor: pointer;
   transition: border-color 0.3s;
+  overflow: hidden;
   color: #5C5F66;
   background-color: #FFFFFF;
   border-color: #E8E9EB;
@@ -115,15 +116,12 @@
   height: 100%;
   text-align: center;
   border: 1px dashed #d9d9d9;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
   transition: border-color 0.3s;
 }
-.acud-upload.acud-upload-drag .acud-upload {
-  padding: 16px 0;
-}
 .acud-upload.acud-upload-drag.acud-upload-drag-hover:not(.acud-upload-disabled) {
-  border-color: red;
+  border-color: #144BCC;
 }
 .acud-upload.acud-upload-drag.acud-upload-disabled {
   background: #fafafa;
@@ -300,10 +298,6 @@
   color: #B8BABF;
 }
 .acud-upload-list-item .acuicon-outlined-close {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  color: #B8BABF;
   font-size: 10px;
   line-height: 0;
   cursor: pointer;
@@ -319,6 +313,19 @@
 .acud-upload-list-item:hover .acuicon-outlined-close {
   opacity: 1;
 }
+.acud-upload-list-item .acuicon-outlined-cloud-download {
+  transition: all 0.3s;
+  opacity: 0;
+}
+.acud-upload-list-item:hover .acuicon-outlined-cloud-download {
+  opacity: 1;
+}
+.acud-upload-list-item-card-actions-btn {
+  margin-right: 6px;
+}
+.acud-upload-list-item-card-actions-btn:last-child {
+  margin-right: 0;
+}
 .acud-upload-list-item:hover .acud-upload-list-item-card-actions-btn {
   opacity: 1;
 }
@@ -328,12 +335,9 @@
 .acud-upload-list-item-error .acud-upload-list-item-info .acud-upload-text-icon .acuicon:hover {
   color: #F33E3E;
 }
-.acud-upload-list-item-error .acud-upload-list-item-card-actions .acuicon {
+.acud-upload-list-item-error .acud-upload-list-item-card-actions .acud-upload-text-icon {
   color: #F33E3E;
 }
-.acud-upload-list-item-error .acud-upload-list-item-card-actions-btn {
-  opacity: 1;
-}
 .acud-upload-list-item-progress {
   position: absolute;
   bottom: -12px;