@chaoswise/ui 2.5.9 → 3.0.0

package/lib/Antd4/transfer/list.js

@@ -1,347 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import * as React from 'react';
-import omit from "rc-util/es/omit";
-import classNames from 'classnames';
-import DownOutlined from "@ant-design/icons/es/icons/DownOutlined";
-import Checkbox from '../checkbox';
-import Menu from '../menu';
-import Dropdown from '../dropdown';
-import Search from './search';
-import DefaultListBody, { OmitProps } from './ListBody';
-import { isValidElement } from '../_util/reactNode';
-var defaultRender = function defaultRender() {
-  return null;
-};
-function isRenderResultPlainObject(result) {
-  return result && !isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';
-}
-function getEnabledItemKeys(items) {
-  return items.filter(function (data) {
-    return !data.disabled;
-  }).map(function (data) {
-    return data.key;
-  });
-}
-var TransferList = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(TransferList, _React$PureComponent);
-  var _super = _createSuper(TransferList);
-  function TransferList(props) {
-    var _this;
-    _classCallCheck(this, TransferList);
-    _this = _super.call(this, props);
-    _this.defaultListBodyRef = /*#__PURE__*/React.createRef(); // =============================== Filter ===============================
-
-    _this.handleFilter = function (e) {
-      var handleFilter = _this.props.handleFilter;
-      var filterValue = e.target.value;
-      _this.setState({
-        filterValue: filterValue
-      });
-      handleFilter(e);
-    };
-    _this.handleClear = function () {
-      var handleClear = _this.props.handleClear;
-      _this.setState({
-        filterValue: ''
-      });
-      handleClear();
-    };
-    _this.matchFilter = function (text, item) {
-      var filterValue = _this.state.filterValue;
-      var filterOption = _this.props.filterOption;
-      if (filterOption) {
-        return filterOption(filterValue, item);
-      }
-      return text.indexOf(filterValue) >= 0;
-    }; // =============================== Render ===============================
-
-    _this.renderListBody = function (renderList, props) {
-      var bodyContent = renderList ? renderList(props) : null;
-      var customize = !!bodyContent;
-      if (!customize) {
-        bodyContent = /*#__PURE__*/React.createElement(DefaultListBody, _extends({
-          ref: _this.defaultListBodyRef
-        }, props));
-      }
-      return {
-        customize: customize,
-        bodyContent: bodyContent
-      };
-    };
-    _this.renderItem = function (item) {
-      var _this$props$render = _this.props.render,
-        render = _this$props$render === void 0 ? defaultRender : _this$props$render;
-      var renderResult = render(item);
-      var isRenderResultPlain = isRenderResultPlainObject(renderResult);
-      return {
-        renderedText: isRenderResultPlain ? renderResult.value : renderResult,
-        renderedEl: isRenderResultPlain ? renderResult.label : renderResult,
-        item: item
-      };
-    };
-    _this.getSelectAllLabel = function (selectedCount, totalCount) {
-      var _this$props = _this.props,
-        itemsUnit = _this$props.itemsUnit,
-        itemUnit = _this$props.itemUnit,
-        selectAllLabel = _this$props.selectAllLabel;
-      if (selectAllLabel) {
-        return typeof selectAllLabel === 'function' ? selectAllLabel({
-          selectedCount: selectedCount,
-          totalCount: totalCount
-        }) : selectAllLabel;
-      }
-      var unit = totalCount > 1 ? itemsUnit : itemUnit;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, (selectedCount > 0 ? "".concat(selectedCount, "/") : '') + totalCount, " ", unit);
-    };
-    _this.state = {
-      filterValue: ''
-    };
-    return _this;
-  }
-  _createClass(TransferList, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.triggerScrollTimer);
-    }
-  }, {
-    key: "getCheckStatus",
-    value: function getCheckStatus(filteredItems) {
-      var checkedKeys = this.props.checkedKeys;
-      if (checkedKeys.length === 0) {
-        return 'none';
-      }
-      if (filteredItems.every(function (item) {
-        return checkedKeys.indexOf(item.key) >= 0 || !!item.disabled;
-      })) {
-        return 'all';
-      }
-      return 'part';
-    } // ================================ Item ================================
-  }, {
-    key: "getFilteredItems",
-    value: function getFilteredItems(dataSource, filterValue) {
-      var _this2 = this;
-      var filteredItems = [];
-      var filteredRenderItems = [];
-      dataSource.forEach(function (item) {
-        var renderedItem = _this2.renderItem(item);
-        var renderedText = renderedItem.renderedText; // Filter skip
-
-        if (filterValue && !_this2.matchFilter(renderedText, item)) {
-          return null;
-        }
-        filteredItems.push(item);
-        filteredRenderItems.push(renderedItem);
-      });
-      return {
-        filteredItems: filteredItems,
-        filteredRenderItems: filteredRenderItems
-      };
-    }
-  }, {
-    key: "getListBody",
-    value: function getListBody(prefixCls, searchPlaceholder, filterValue, filteredItems, notFoundContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
-      var _this3 = this;
-      var search = showSearch ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-body-search-wrapper")
-      }, /*#__PURE__*/React.createElement(Search, {
-        prefixCls: "".concat(prefixCls, "-search"),
-        onChange: this.handleFilter,
-        handleClear: this.handleClear,
-        placeholder: searchPlaceholder,
-        value: filterValue,
-        disabled: disabled
-      })) : null;
-      var _this$renderListBody = this.renderListBody(renderList, _extends(_extends({}, omit(this.props, OmitProps)), {
-          filteredItems: filteredItems,
-          filteredRenderItems: filteredRenderItems,
-          selectedKeys: checkedKeys
-        })),
-        bodyContent = _this$renderListBody.bodyContent,
-        customize = _this$renderListBody.customize;
-      var getNotFoundContent = function getNotFoundContent() {
-        var contentIndex = _this3.props.direction === 'left' ? 0 : 1;
-        return Array.isArray(notFoundContent) ? notFoundContent[contentIndex] : notFoundContent;
-      };
-      var bodyNode; // We should wrap customize list body in a classNamed div to use flex layout.
-
-      if (customize) {
-        bodyNode = /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-body-customize-wrapper")
-        }, bodyContent);
-      } else {
-        bodyNode = filteredItems.length ? bodyContent : /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-body-not-found")
-        }, getNotFoundContent());
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(showSearch ? "".concat(prefixCls, "-body ").concat(prefixCls, "-body-with-search") : "".concat(prefixCls, "-body"))
-      }, search, bodyNode);
-    }
-  }, {
-    key: "getCheckBox",
-    value: function getCheckBox(_ref) {
-      var filteredItems = _ref.filteredItems,
-        onItemSelectAll = _ref.onItemSelectAll,
-        disabled = _ref.disabled,
-        prefixCls = _ref.prefixCls;
-      var checkStatus = this.getCheckStatus(filteredItems);
-      var checkedAll = checkStatus === 'all';
-      var checkAllCheckbox = /*#__PURE__*/React.createElement(Checkbox, {
-        disabled: disabled,
-        checked: checkedAll,
-        indeterminate: checkStatus === 'part',
-        className: "".concat(prefixCls, "-checkbox"),
-        onChange: function onChange() {
-          // Only select enabled items
-          onItemSelectAll(filteredItems.filter(function (item) {
-            return !item.disabled;
-          }).map(function (_ref2) {
-            var key = _ref2.key;
-            return key;
-          }), !checkedAll);
-        }
-      });
-      return checkAllCheckbox;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-        _this4 = this;
-      var filterValue = this.state.filterValue;
-      var _this$props2 = this.props,
-        prefixCls = _this$props2.prefixCls,
-        dataSource = _this$props2.dataSource,
-        titleText = _this$props2.titleText,
-        checkedKeys = _this$props2.checkedKeys,
-        disabled = _this$props2.disabled,
-        footer = _this$props2.footer,
-        showSearch = _this$props2.showSearch,
-        style = _this$props2.style,
-        searchPlaceholder = _this$props2.searchPlaceholder,
-        notFoundContent = _this$props2.notFoundContent,
-        selectAll = _this$props2.selectAll,
-        selectCurrent = _this$props2.selectCurrent,
-        selectInvert = _this$props2.selectInvert,
-        removeAll = _this$props2.removeAll,
-        removeCurrent = _this$props2.removeCurrent,
-        renderList = _this$props2.renderList,
-        onItemSelectAll = _this$props2.onItemSelectAll,
-        onItemRemove = _this$props2.onItemRemove,
-        _this$props2$showSele = _this$props2.showSelectAll,
-        showSelectAll = _this$props2$showSele === void 0 ? true : _this$props2$showSele,
-        showRemove = _this$props2.showRemove,
-        pagination = _this$props2.pagination,
-        direction = _this$props2.direction; // Custom Layout
-
-      var footerDom = footer && (footer.length < 2 ? footer(this.props) : footer(this.props, {
-        direction: direction
-      }));
-      var listCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-with-pagination"), !!pagination), _defineProperty(_classNames, "".concat(prefixCls, "-with-footer"), !!footerDom), _classNames)); // ====================== Get filtered, checked item list ======================
-
-      var _this$getFilteredItem = this.getFilteredItems(dataSource, filterValue),
-        filteredItems = _this$getFilteredItem.filteredItems,
-        filteredRenderItems = _this$getFilteredItem.filteredRenderItems; // ================================= List Body =================================
-
-      var listBody = this.getListBody(prefixCls, searchPlaceholder, filterValue, filteredItems, notFoundContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled); // ================================ List Footer ================================
-
-      var listFooter = footerDom ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-footer")
-      }, footerDom) : null;
-      var checkAllCheckbox = !showRemove && !pagination && this.getCheckBox({
-        filteredItems: filteredItems,
-        onItemSelectAll: onItemSelectAll,
-        disabled: disabled,
-        prefixCls: prefixCls
-      });
-      var menu = null;
-      if (showRemove) {
-        menu = /*#__PURE__*/React.createElement(Menu, null, pagination && /*#__PURE__*/React.createElement(Menu.Item, {
-          key: "removeCurrent",
-          onClick: function onClick() {
-            var _a;
-            var pageKeys = getEnabledItemKeys((((_a = _this4.defaultListBodyRef.current) === null || _a === void 0 ? void 0 : _a.getItems()) || []).map(function (entity) {
-              return entity.item;
-            }));
-            onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(pageKeys);
-          }
-        }, removeCurrent), /*#__PURE__*/React.createElement(Menu.Item, {
-          key: "removeAll",
-          onClick: function onClick() {
-            onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(getEnabledItemKeys(filteredItems));
-          }
-        }, removeAll));
-      } else {
-        menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
-          key: "selectAll",
-          onClick: function onClick() {
-            var keys = getEnabledItemKeys(filteredItems);
-            onItemSelectAll(keys, keys.length !== checkedKeys.length);
-          }
-        }, selectAll), pagination && /*#__PURE__*/React.createElement(Menu.Item, {
-          onClick: function onClick() {
-            var _a;
-            var pageItems = ((_a = _this4.defaultListBodyRef.current) === null || _a === void 0 ? void 0 : _a.getItems()) || [];
-            onItemSelectAll(getEnabledItemKeys(pageItems.map(function (entity) {
-              return entity.item;
-            })), true);
-          }
-        }, selectCurrent), /*#__PURE__*/React.createElement(Menu.Item, {
-          key: "selectInvert",
-          onClick: function onClick() {
-            var _a;
-            var availableKeys;
-            if (pagination) {
-              availableKeys = getEnabledItemKeys((((_a = _this4.defaultListBodyRef.current) === null || _a === void 0 ? void 0 : _a.getItems()) || []).map(function (entity) {
-                return entity.item;
-              }));
-            } else {
-              availableKeys = getEnabledItemKeys(filteredItems);
-            }
-            var checkedKeySet = new Set(checkedKeys);
-            var newCheckedKeys = [];
-            var newUnCheckedKeys = [];
-            availableKeys.forEach(function (key) {
-              if (checkedKeySet.has(key)) {
-                newUnCheckedKeys.push(key);
-              } else {
-                newCheckedKeys.push(key);
-              }
-            });
-            onItemSelectAll(newCheckedKeys, true);
-            onItemSelectAll(newUnCheckedKeys, false);
-          }
-        }, selectInvert));
-      }
-      var dropdown = /*#__PURE__*/React.createElement(Dropdown, {
-        className: "".concat(prefixCls, "-header-dropdown"),
-        overlay: menu,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(DownOutlined, null)); // ================================== Render ===================================
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: listCls,
-        style: style
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header")
-      }, showSelectAll ? /*#__PURE__*/React.createElement(React.Fragment, null, checkAllCheckbox, dropdown) : null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-header-selected")
-      }, this.getSelectAllLabel(checkedKeys.length, filteredItems.length)), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-header-title")
-      }, titleText)), listBody, listFooter);
-    }
-  }]);
-  return TransferList;
-}(React.PureComponent);
-export { TransferList as default };
-TransferList.defaultProps = {
-  dataSource: [],
-  titleText: '',
-  showSearch: false
-};

package/lib/Antd4/transfer/operation.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import LeftOutlined from "@ant-design/icons/es/icons/LeftOutlined";
-import RightOutlined from "@ant-design/icons/es/icons/RightOutlined";
-import Button from '../button';
-var Operation = function Operation(_ref) {
-  var disabled = _ref.disabled,
-    moveToLeft = _ref.moveToLeft,
-    moveToRight = _ref.moveToRight,
-    _ref$leftArrowText = _ref.leftArrowText,
-    leftArrowText = _ref$leftArrowText === void 0 ? '' : _ref$leftArrowText,
-    _ref$rightArrowText = _ref.rightArrowText,
-    rightArrowText = _ref$rightArrowText === void 0 ? '' : _ref$rightArrowText,
-    leftActive = _ref.leftActive,
-    rightActive = _ref.rightActive,
-    className = _ref.className,
-    style = _ref.style,
-    direction = _ref.direction,
-    oneWay = _ref.oneWay;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    style: style
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    disabled: disabled || !rightActive,
-    onClick: moveToRight,
-    icon: direction !== 'rtl' ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null)
-  }, rightArrowText), !oneWay && /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    disabled: disabled || !leftActive,
-    onClick: moveToLeft,
-    icon: direction !== 'rtl' ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null)
-  }, leftArrowText));
-};
-export default Operation;

package/lib/Antd4/transfer/search.js

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import SearchOutlined from "@ant-design/icons/es/icons/SearchOutlined";
-import Input from '../input';
-export default function Search(props) {
-  var _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    value = props.value,
-    prefixCls = props.prefixCls,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    handleClear = props.handleClear;
-  var handleChange = React.useCallback(function (e) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    if (e.target.value === '') {
-      handleClear === null || handleClear === void 0 ? void 0 : handleClear();
-    }
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(Input, {
-    placeholder: placeholder,
-    className: prefixCls,
-    value: value,
-    onChange: handleChange,
-    disabled: disabled,
-    allowClear: true,
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null)
-  });
-}

package/lib/Antd4/transfer/style/css.js

@@ -1,10 +0,0 @@
-import '../../style/default.css';
-import './index.css'; // style dependencies
-
-import '../../empty/style/css';
-import '../../checkbox/style/css';
-import '../../button/style/css';
-import '../../input/style/css';
-import '../../menu/style/css';
-import '../../dropdown/style/css';
-import '../../pagination/style/css'; // deps-lint-skip: form

package/lib/Antd4/transfer/style/customize.less

@@ -1,52 +0,0 @@
-@import '../../style/themes/index';
-
-@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-@table-prefix-cls: ~'@{ant-prefix}-table';
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-.@{transfer-prefix-cls}-customize-list {
-  .@{transfer-prefix-cls}-list {
-    flex: 1 1 50%;
-    width: auto;
-    height: auto;
-    min-height: @transfer-list-height;
-  }
-
-  // =================== Hook Components ===================
-  .@{table-prefix-cls}-wrapper {
-    .@{table-prefix-cls}-small {
-      border: 0;
-      border-radius: 0;
-
-      .@{table-prefix-cls}-selection-column {
-        width: 40px;
-        min-width: 40px;
-      }
-
-      > .@{table-prefix-cls}-content {
-        // Header background color
-        > .@{table-prefix-cls}-body > table > .@{table-prefix-cls}-thead > tr > th {
-          background: @table-header-bg;
-        }
-
-        .@{table-prefix-cls}-row:last-child td {
-          border-bottom: @border-width-base @border-style-base @border-color-split;
-        }
-      }
-
-      .@{table-prefix-cls}-body {
-        margin: 0;
-      }
-    }
-
-    .@{table-prefix-cls}-pagination.@{ant-prefix}-pagination {
-      margin: 16px 0 4px;
-    }
-  }
-  .@{input-prefix-cls} {
-    &[disabled] {
-      background-color: transparent;
-    }
-  }
-}

package/lib/Antd4/transfer/style/index-pure.less

@@ -1,221 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../checkbox/style/mixin';
-@import './customize';
-@import './status';
-
-@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-@transfer-header-vertical-padding: ceil(
-  ((@transfer-header-height - 1px - @font-size-base * @line-height-base) / 2)
-);
-
-.@{transfer-prefix-cls} {
-  .reset-component();
-
-  position: relative;
-  display: flex;
-  align-items: stretch;
-
-  &-disabled {
-    .@{transfer-prefix-cls}-list {
-      background: @transfer-disabled-bg;
-    }
-  }
-
-  &-list {
-    display: flex;
-    flex-direction: column;
-    width: 180px;
-    height: @transfer-list-height;
-    border: @border-width-base @border-style-base @border-color-base;
-    border-radius: @border-radius-base;
-
-    &-with-pagination {
-      width: 250px;
-      height: auto;
-    }
-
-    &-search {
-      .anticon-search {
-        color: @disabled-color;
-      }
-    }
-
-    &-header {
-      display: flex;
-      flex: none;
-      align-items: center;
-      height: @transfer-header-height;
-      // border-top is on the transfer dom. We should minus 1px for this
-      padding: (@transfer-header-vertical-padding - 1px) @control-padding-horizontal
-        @transfer-header-vertical-padding;
-      color: @text-color;
-      background: @component-background;
-      border-bottom: @border-width-base @border-style-base @border-color-split;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-
-      > *:not(:last-child) {
-        margin-right: 4px;
-      }
-
-      > * {
-        flex: none;
-      }
-
-      &-title {
-        flex: auto;
-        overflow: hidden;
-        white-space: nowrap;
-        text-align: right;
-        text-overflow: ellipsis;
-      }
-
-      &-dropdown {
-        font-size: 10px;
-        transform: translateY(10%);
-        cursor: pointer;
-
-        &[disabled] {
-          cursor: not-allowed;
-        }
-      }
-    }
-
-    &-body {
-      display: flex;
-      flex: auto;
-      flex-direction: column;
-      overflow: hidden;
-      font-size: @font-size-base;
-
-      &-search-wrapper {
-        position: relative;
-        flex: none;
-        padding: @padding-sm;
-      }
-    }
-
-    &-content {
-      flex: auto;
-      margin: 0;
-      padding: 0;
-      overflow: auto;
-      list-style: none;
-
-      &-item {
-        display: flex;
-        align-items: center;
-        min-height: @transfer-item-height;
-        padding: @transfer-item-padding-vertical @control-padding-horizontal;
-        line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;
-        transition: all 0.3s;
-
-        > *:not(:last-child) {
-          margin-right: 8px;
-        }
-
-        > * {
-          flex: none;
-        }
-
-        &-text {
-          flex: auto;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        &-remove {
-          .operation-unit();
-          position: relative;
-          color: @border-color-base;
-
-          &::after {
-            position: absolute;
-            top: -@transfer-item-padding-vertical;
-            right: -50%;
-            bottom: -@transfer-item-padding-vertical;
-            left: -50%;
-            content: '';
-          }
-
-          &:hover {
-            color: @link-hover-color;
-          }
-        }
-      }
-
-      &-item:not(&-item-disabled) {
-        &:hover {
-          background-color: @transfer-item-hover-bg;
-          cursor: pointer;
-        }
-
-        &.@{transfer-prefix-cls}-list-content-item-checked:hover {
-          background-color: @transfer-item-selected-hover-bg;
-        }
-      }
-
-      // Do not change hover style when `oneWay` mode
-      &-show-remove &-item:not(&-item-disabled):hover {
-        background: transparent;
-        cursor: default;
-      }
-
-      &-item-checked {
-        background-color: @item-active-bg;
-      }
-
-      &-item-disabled {
-        color: @btn-disable-color;
-        cursor: not-allowed;
-      }
-    }
-
-    &-pagination {
-      padding: @padding-xs 0;
-      text-align: right;
-      border-top: @border-width-base @border-style-base @border-color-split;
-    }
-
-    &-body-not-found {
-      flex: none;
-      width: 100%;
-      margin: auto 0;
-      color: @disabled-color;
-      text-align: center;
-    }
-
-    &-footer {
-      border-top: @border-width-base @border-style-base @border-color-split;
-    }
-  }
-
-  &-operation {
-    display: flex;
-    flex: none;
-    flex-direction: column;
-    align-self: center;
-    margin: 0 8px;
-    vertical-align: middle;
-
-    .@{ant-prefix}-btn {
-      display: block;
-
-      &:first-child {
-        margin-bottom: 4px;
-      }
-
-      .@{iconfont-css-prefix} {
-        font-size: 12px;
-      }
-    }
-  }
-
-  .@{ant-prefix}-empty-image {
-    max-height: (@transfer-header-height / 2) - 22;
-  }
-}
-
-@import './rtl';