acud 0.0.64 → 0.0.67

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v0.0.64 */
+/*! acud v0.0.67 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -3194,11 +3194,13 @@ Breadcrumb.Item = _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_6__["default"];
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var acud_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! acud-icon */ "./node_modules/acud-icon/es/index.js");
-/* harmony import */ var _dropdown_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dropdown/dropdown */ "./components/dropdown/dropdown.tsx");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var acud_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! acud-icon */ "./node_modules/acud-icon/es/index.js");
+/* harmony import */ var _dropdown_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../dropdown/dropdown */ "./components/dropdown/dropdown.tsx");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+
 
 
 var __rest = undefined && undefined.__rest || function (s, e) {
@@ -3228,21 +3230,32 @@ var BreadcrumbItem = function BreadcrumbItem(_a) {
       dropdownProps = _a.dropdownProps,
       restProps = __rest(_a, ["prefixCls", "separator", "children", "overlay", "dropdownProps"]);
 
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_1__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_4__["ConfigContext"]),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_2__["useState"])(false),
+      _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_5__["ConfigContext"]),
       getPrefixCls = _React$useContext.getPrefixCls;
 
   var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
+  var handleVisibleChange = Object(react__WEBPACK_IMPORTED_MODULE_2__["useCallback"])(function (visible) {
+    setVisible(visible);
+  }, []);
   /** If overlay is have Wrap a DropDown */
 
   var renderBreadcrumbNode = function renderBreadcrumbNode(breadcrumbItem) {
     if (overlay) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
         overlay: overlay,
+        visible: visible,
         placement: "bottomCenter",
         overlayClassName: "".concat(prefixCls, "-dropdown")
-      }, dropdownProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", {
+      }, dropdownProps, {
+        onVisibleChange: handleVisibleChange
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
         className: "".concat(prefixCls, "-overlay-link")
-      }, breadcrumbItem, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](acud_icon__WEBPACK_IMPORTED_MODULE_2__["OutlinedDown"], null)));
+      }, breadcrumbItem, visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_3__["OutlinedUp"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(acud_icon__WEBPACK_IMPORTED_MODULE_3__["OutlinedDown"], null)));
     }
 
     return breadcrumbItem;
@@ -3251,11 +3264,11 @@ var BreadcrumbItem = function BreadcrumbItem(_a) {
   var link;
 
   if ('href' in restProps) {
-    link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("a", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
       className: "".concat(prefixCls, "-link")
     }, restProps), children);
   } else {
-    link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
       className: "".concat(prefixCls, "-link")
     }, restProps), children);
   } // wrap to dropDown
@@ -3264,7 +3277,7 @@ var BreadcrumbItem = function BreadcrumbItem(_a) {
   link = renderBreadcrumbNode(link);
 
   if (children) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", null, link, separator && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", null, link, separator && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
       className: "".concat(prefixCls, "-separator")
     }, separator));
   }
@@ -15257,8 +15270,10 @@ var DropdownButton = function DropdownButton(props) {
       trigger = props.trigger,
       visible = props.visible,
       onVisibleChange = props.onVisibleChange,
-      onClick = props.onClick,
-      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "onClick"]); // 菜单可见，需要将ICON旋转
+      overlayClassName = props.overlayClassName,
+      overlayStyle = props.overlayStyle,
+      getPopupContainer = props.getPopupContainer,
+      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "overlayClassName", "overlayStyle", "getPopupContainer"]); // 菜单可见，需要将ICON旋转
 
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(!!visible),
@@ -15275,13 +15290,15 @@ var DropdownButton = function DropdownButton(props) {
   }, []);
   var arrowCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, 'acud-btn-group-expand', popupVisible), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, 'acud-btn-group-border-left', restProps.type === 'primary'), _classNames));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ButtonGroup, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
-    disabled: disabled,
-    onClick: onClick
+    disabled: disabled
   }, restProps), children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_7__["default"], {
     disabled: disabled,
     placement: "bottomRight",
     trigger: trigger,
     overlay: overlay,
+    overlayClassName: overlayClassName,
+    overlayStyle: overlayStyle,
+    getPopupContainer: getPopupContainer,
     visible: popupVisible,
     onVisibleChange: handleVisibleChange
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
@@ -24255,6 +24272,184 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/modal/DialogBox.tsx":
+/*!****************************************!*\
+  !*** ./components/modal/DialogBox.tsx ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! acud-icon/es/icons/FilledError */ "./node_modules/acud-icon/es/icons/FilledError.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedClose */ "./node_modules/acud-icon/es/icons/OutlinedClose.js");
+/* harmony import */ var acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! acud-icon/es/icons/FilledSuccess */ "./node_modules/acud-icon/es/icons/FilledSuccess.js");
+/* harmony import */ var acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! acud-icon/es/icons/FilledWarn */ "./node_modules/acud-icon/es/icons/FilledWarn.js");
+/* harmony import */ var acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! acud-icon/es/icons/FilledInfo */ "./node_modules/acud-icon/es/icons/FilledInfo.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../button */ "./components/button/index.tsx");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+
+
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+
+
+var DialogType = {
+  success: {
+    className: 'sucess',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__["default"], {
+      color: "@S6"
+    })
+  },
+  warning: {
+    className: 'warning',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  confirm: {
+    className: 'confirm',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  info: {
+    className: 'info',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__["default"], {
+      color: "@B6"
+    })
+  },
+  error: {
+    className: 'error',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      color: "@E6"
+    })
+  }
+};
+
+var DialogBox = function DialogBox(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
+      getPopupContainer = _React$useContext.getPopupContainer,
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('modal-dialogbox');
+  var closeIconToRender = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("span", {
+    className: "".concat(prefixCls, "-close-x")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    className: "".concat(prefixCls, "-close-icon")
+  }));
+
+  var visible = props.visible,
+      className = props.className,
+      title = props.title,
+      content = props.content,
+      type = props.type,
+      cancelBtn = props.cancelBtn,
+      okText = props.okText,
+      confirmLoading = props.confirmLoading,
+      onOk = props.onOk,
+      onClose = props.onClose,
+      restProps = __rest(props, ["visible", "className", "title", "content", "type", "cancelBtn", "okText", "confirmLoading", "onOk", "onClose"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2__["useState"](false),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+      loading = _React$useState2[0],
+      toggleLoading = _React$useState2[1];
+
+  var okBtnLoading = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (typeof confirmLoading === 'boolean') {
+      return confirmLoading;
+    }
+
+    return loading;
+  }, [confirmLoading, loading]);
+  var handleOk = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function (e) {
+    var okResult = onOk === null || onOk === void 0 ? void 0 : onOk(e);
+
+    if (okResult && typeof okResult.then === 'function') {
+      toggleLoading(true);
+      okResult.then(function () {
+        console.log('then: close');
+        toggleLoading(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose.apply(void 0, arguments);
+      }, function (e) {
+        console.error(e);
+        toggleLoading(false);
+      });
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    }
+  }, [onOk, onClose]);
+  var handleCancel = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function () {
+    onClose === null || onClose === void 0 ? void 0 : onClose({
+      triggerCancel: true
+    });
+  }, [onClose]);
+  var titleNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-icon")
+  }, DialogType[type].icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-title")
+  }, title));
+  var footer = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (!cancelBtn) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_button__WEBPACK_IMPORTED_MODULE_10__["default"], {
+        type: "primary",
+        loading: okBtnLoading,
+        onClick: handleOk
+      }, okText);
+    }
+  }, [okText, cancelBtn, okBtnLoading, handleOk]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_Modal__WEBPACK_IMPORTED_MODULE_11__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps, {
+    confirmLoading: okBtnLoading,
+    footer: footer,
+    title: titleNode,
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(className, "".concat(prefixCls), "".concat(prefixCls, "-").concat(type)),
+    getContainer: getPopupContainer,
+    visible: visible,
+    closeIcon: closeIconToRender,
+    onCancel: handleCancel,
+    onOk: handleOk,
+    okText: okText
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-content")
+  }, content));
+};
+
+DialogBox.defaultProps = {
+  visible: true,
+  type: 'info'
+};
+/* harmony default export */ __webpack_exports__["default"] = (DialogBox);
+
 /***/ }),
 
 /***/ "./components/modal/Modal.tsx":
@@ -24342,15 +24537,17 @@ var Modal = function Modal(props) {
   var renderFooter = function renderFooter() {
     var okText = props.okText,
         cancelText = props.cancelText,
-        confirmLoading = props.confirmLoading;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+        confirmLoading = props.confirmLoading,
+        okButtonProps = props.okButtonProps,
+        cancelButtonProps = props.cancelButtonProps;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_button__WEBPACK_IMPORTED_MODULE_5__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
       onClick: handleCancel,
       type: "default"
-    }, cancelText || '取消'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    }, cancelButtonProps), cancelText || '取消'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_button__WEBPACK_IMPORTED_MODULE_5__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
       onClick: handleOk,
       loading: confirmLoading,
       type: "primary"
-    }, okText || '确定'));
+    }, okButtonProps), okText || '确定'));
   };
 
   var visible = props.visible,
@@ -24381,6 +24578,153 @@ Modal.defaultProps = {
 
 /***/ }),
 
+/***/ "./components/modal/dialog.tsx":
+/*!*************************************!*\
+  !*** ./components/modal/dialog.tsx ***!
+  \*************************************/
+/*! exports provided: destroyAll, confirm, success, info, warning, error */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "destroyAll", function() { return destroyAll; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "confirm", function() { return confirm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "success", function() { return success; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "info", function() { return info; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "warning", function() { return warning; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "error", function() { return error; });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _DialogBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogBox */ "./components/modal/DialogBox.tsx");
+
+
+
+
+var destroyFns = [];
+
+function renderDialogBox(config) {
+  var currentConfig = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    visible: true,
+    onClose: close
+  });
+
+  var container = document.createDocumentFragment();
+
+  function render(dialogConfig) {
+    setTimeout(function () {
+      Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["render"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_DialogBox__WEBPACK_IMPORTED_MODULE_3__["default"], dialogConfig), container);
+    });
+  }
+
+  function destroy() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var triggerCancel = args.some(function (param) {
+      return param && param.triggerCancel;
+    });
+
+    if (config.onCancel && triggerCancel) {
+      // @ts-ignore
+      config.onCancel.apply(config, args);
+    }
+
+    for (var i = 0; i < destroyFns.length; i++) {
+      var fn = destroyFns[i];
+
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+
+    Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["unmountComponentAtNode"])(container);
+  }
+
+  function close() {
+    var _this = this;
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    render(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, currentConfig), {
+      visible: false,
+      afterClose: function afterClose() {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose();
+        }
+
+        destroy.apply(_this, args);
+      }
+    }));
+  }
+
+  render(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close
+  };
+}
+
+function destroyAll() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+
+    if (close) {
+      close();
+    }
+  }
+}
+function confirm(config) {
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'confirm',
+    cancelBtn: true
+  }));
+}
+function success(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'success',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function info(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'info',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '确定'
+  }));
+}
+function warning(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'warning',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function error(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'error',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '重试'
+  }));
+}
+
+/***/ }),
+
 /***/ "./components/modal/index.tsx":
 /*!************************************!*\
   !*** ./components/modal/index.tsx ***!
@@ -24390,9 +24734,20 @@ Modal.defaultProps = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dialog */ "./components/modal/dialog.tsx");
 
-/* harmony default export */ __webpack_exports__["default"] = (_Modal__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+
+/* harmony default export */ __webpack_exports__["default"] = (Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Modal__WEBPACK_IMPORTED_MODULE_1__["default"], {
+  confirm: _dialog__WEBPACK_IMPORTED_MODULE_2__["confirm"],
+  success: _dialog__WEBPACK_IMPORTED_MODULE_2__["success"],
+  info: _dialog__WEBPACK_IMPORTED_MODULE_2__["info"],
+  error: _dialog__WEBPACK_IMPORTED_MODULE_2__["error"],
+  warning: _dialog__WEBPACK_IMPORTED_MODULE_2__["warning"],
+  destroyAll: _dialog__WEBPACK_IMPORTED_MODULE_2__["destroyAll"]
+}));
 
 /***/ }),
 
@@ -26642,12 +26997,23 @@ var RadioGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["
 /*!************************************!*\
   !*** ./components/radio/index.tsx ***!
   \************************************/
-/*! exports provided: default */
+/*! exports provided: RadioProps, ContextProps, BaseRadioGourpProps, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Radio */ "./components/radio/Radio.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadioProps", function() { return _Radio__WEBPACK_IMPORTED_MODULE_0__["RadioProps"]; });
+
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./components/radio/context.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContextProps", function() { return _context__WEBPACK_IMPORTED_MODULE_1__["ContextProps"]; });
+
+/* harmony import */ var _RadioGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RadioGroup */ "./components/radio/RadioGroup.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseRadioGourpProps", function() { return _RadioGroup__WEBPACK_IMPORTED_MODULE_2__["BaseRadioGourpProps"]; });
+
+
+
+
 
 /* harmony default export */ __webpack_exports__["default"] = (_Radio__WEBPACK_IMPORTED_MODULE_0__["default"]);
 
@@ -38742,9 +39108,9 @@ function TabNavList(props, ref) {
 
         if (btnNode) {
           newSizes.set(key, {
-            width: btnNode.offsetWidth,
+            width: btnNode.offsetWidth - 32,
             height: btnNode.offsetHeight,
-            left: btnNode.offsetLeft,
+            left: btnNode.offsetLeft + 16,
             top: btnNode.offsetTop
           });
         }
@@ -41635,9 +42001,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./components/transfer/dataSource.tsx":
+/***/ "./components/transfer/DataSource.tsx":
 /*!********************************************!*\
-  !*** ./components/transfer/dataSource.tsx ***!
+  !*** ./components/transfer/DataSource.tsx ***!
   \********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -41653,8 +42019,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");
 /* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
-/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../search */ "./components/search/index.tsx");
-/* harmony import */ var _sourceList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sourceList */ "./components/transfer/sourceList.tsx");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../table */ "./components/table/index.tsx");
+/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../search */ "./components/search/index.tsx");
+/* harmony import */ var _SourceList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SourceList */ "./components/transfer/SourceList.tsx");
 
 
 
@@ -41669,17 +42036,23 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 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,
@@ -41687,6 +42060,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,
@@ -41736,7 +42110,7 @@ function dataSource(props) {
       }
     });
     return fileterCloneSource;
-  }, [searchValue, expansionSource]);
+  }, [searchValue, expansionSource, displayType]);
   var totalUndisabledKeys = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
     var unDisabledDataSource = filterSource.filter(function (data) {
       return !data.group && !data.disabled;
@@ -41769,26 +42143,50 @@ 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(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(noneFilterKeys), Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(v)));
+  };
+
+  var rowSelection = {
+    onChange: onSelectChange,
+    selectedRowKeys: tKeys
+  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
     className: dataSourceCls,
     style: leftStyle
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
     className: "".concat(dataSourceCls, "-header")
-  }, showSelectAll && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_checkbox__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, showSelectAll && displayType === 'single' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_checkbox__WEBPACK_IMPORTED_MODULE_5__["default"], {
     checked: allChecked,
     indeterminate: indeterminate,
+    className: "".concat(dataSourceCls, "-header-checkall"),
     onClick: selectAll
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
     className: "".concat(dataSourceCls, "-label")
   }, sourceTitle, "\uFF08", totalSelectedUndisabledKeys.length, "/", totalUndisabledKeys.length, "\uFF09")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
     className: "".concat(dataSourceCls, "-body")
-  }, showSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_search__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }, showSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_search__WEBPACK_IMPORTED_MODULE_7__["default"], {
     placeholder: searchPlaceholder,
     className: "".concat(dataSourceCls, "-search"),
     allowClear: showSearchClear,
     size: "small",
     onChange: searchChange
-  }), !!filterSource.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_sourceList__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
+  }), !!filterSource.length && displayType === 'table' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+    className: "".concat(prefixCls, "-table-box")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_table__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    pagination: false,
+    dataSource: filterSource,
+    columns: columns,
+    rowSelection: rowSelection
+  })), !!filterSource.length && displayType === 'single' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_SourceList__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("p", {
     className: "".concat(dataSourceCls, "-nodata")
@@ -41797,112 +42195,9 @@ function dataSource(props) {
 
 /***/ }),
 
-/***/ "./components/transfer/index.tsx":
-/*!***************************************!*\
-  !*** ./components/transfer/index.tsx ***!
-  \***************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return transfer; });
-/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _locale_default__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../locale/default */ "./components/locale/default.tsx");
-/* harmony import */ var _dataSource__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dataSource */ "./components/transfer/dataSource.tsx");
-/* harmony import */ var _target__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./target */ "./components/transfer/target.tsx");
-
-
-
-
-/*
- * transfer 穿梭框
- * author zhousheng
- */
-
-
-
-
-
-;
-function transfer(props) {
-  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,
-      onChange = props.onChange,
-      _props$locale = props.locale,
-      locale = _props$locale === void 0 ? {} : _props$locale,
-      dataSource = props.dataSource;
-
-  var userLocale = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, _locale_default__WEBPACK_IMPORTED_MODULE_5__["default"].Transfer), locale); // 二级数据展开成一级数据
-
-
-  var expansionSource = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
-    var expansionArr = [];
-    dataSource.forEach(function (data) {
-      if (!data.children) {
-        expansionArr.push(data);
-        return;
-      }
-
-      var childrenKeys = [];
-      expansionArr.push(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, data), {
-        childrenKeys: childrenKeys,
-        group: true,
-        disabled: data.disabled || data.children.every(function (child) {
-          return child.disabled;
-        })
-      }));
-      data.children.forEach(function (child) {
-        expansionArr.push(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, child), {
-          groupKey: data.key,
-          groupOption: true,
-          disabled: data.disabled || child.disabled
-        }));
-        childrenKeys.push(child.key);
-      });
-    });
-    return expansionArr;
-  }, [dataSource]);
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](targetKeys),
-      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
-      tKeys = _React$useState2[0],
-      setTKeys = _React$useState2[1];
-
-  react__WEBPACK_IMPORTED_MODULE_3__["useEffect"](function () {
-    onChange && onChange(tKeys);
-  }, [tKeys]);
-  var classNames = classnames__WEBPACK_IMPORTED_MODULE_4___default()(Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, prefixCls, true));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
-    className: classNames
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_dataSource__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, props, {
-    locale: userLocale,
-    prefixCls: prefixCls,
-    tKeys: tKeys,
-    setTKeys: setTKeys,
-    expansionSource: expansionSource
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_target__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, props, {
-    locale: userLocale,
-    prefixCls: prefixCls,
-    tKeys: tKeys,
-    setTKeys: setTKeys,
-    expansionSource: expansionSource
-  })));
-}
-
-/***/ }),
-
-/***/ "./components/transfer/sourceList.tsx":
+/***/ "./components/transfer/SourceList.tsx":
 /*!********************************************!*\
-  !*** ./components/transfer/sourceList.tsx ***!
+  !*** ./components/transfer/SourceList.tsx ***!
   \********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -42091,39 +42386,9 @@ function sourceList(props) {
 
 /***/ }),
 
-/***/ "./components/transfer/style/index.less":
-/*!**********************************************!*\
-  !*** ./components/transfer/style/index.less ***!
-  \**********************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./components/transfer/style/index.tsx":
-/*!*********************************************!*\
-  !*** ./components/transfer/style/index.tsx ***!
-  \*********************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
-/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/transfer/style/index.less");
-
-
-
-/***/ }),
-
-/***/ "./components/transfer/target.tsx":
+/***/ "./components/transfer/Target.tsx":
 /*!****************************************!*\
-  !*** ./components/transfer/target.tsx ***!
+  !*** ./components/transfer/Target.tsx ***!
   \****************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -42133,13 +42398,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return target; });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _targetList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./targetList */ "./components/transfer/targetList.tsx");
-/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../search */ "./components/search/index.tsx");
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var classnames_dedupe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames/dedupe */ "./node_modules/classnames/dedupe.js");
+/* harmony import */ var classnames_dedupe__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames_dedupe__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var acud_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! acud-icon */ "./node_modules/acud-icon/es/index.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../table */ "./components/table/index.tsx");
+/* harmony import */ var _TargetList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TargetList */ "./components/transfer/TargetList.tsx");
+/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../search */ "./components/search/index.tsx");
+
 
 
 
@@ -42153,6 +42422,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 var defaultFilterOption = function defaultFilterOption(inputValue, option) {
   return option.title.indexOf(inputValue) > -1;
 };
@@ -42161,6 +42432,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,
@@ -42172,13 +42444,14 @@ 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,
       targetNoData = locale.targetNoData,
       clearAll = locale.clearAll;
-  var targetSource = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+  var targetSource = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     return expansionSource.filter(function (data) {
       return tKeys.includes(data.key) || data.group && data.childrenKeys.some(function (childKey) {
         return tKeys.includes(childKey);
@@ -42186,12 +42459,12 @@ function target(props) {
     });
   }, [expansionSource, tKeys]); // 搜索关键字
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](''),
-      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_React$useState, 2),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_4__["useState"](''),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__["default"])(_React$useState, 2),
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
-  var filterSource = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+  var filterSource = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     if (searchValue === '') {
       return targetSource;
     }
@@ -42214,13 +42487,13 @@ function target(props) {
     });
   }, [searchValue, targetSource]); // 已选项
 
-  var optionSource = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+  var optionSource = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     return filterSource.filter(function (data) {
       return !data.group;
     });
   }, [filterSource]); // 已选中的可操作的key
 
-  var totalUndisabledKeys = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+  var totalUndisabledKeys = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     var unDisabledTargetSource = optionSource.filter(function (data) {
       return !data.disabled;
     });
@@ -42229,7 +42502,7 @@ function target(props) {
     });
   }, [optionSource]); // 已选中的不可操作的key
 
-  var totalDisabledKeys = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+  var totalDisabledKeys = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
     var unDisabledTargetSource = optionSource.filter(function (data) {
       return data.disabled;
     });
@@ -42237,48 +42510,99 @@ function target(props) {
       return data.key;
     });
   }, [optionSource]);
-  var handleClearAll = react__WEBPACK_IMPORTED_MODULE_3__["useCallback"](function () {
+  var handleClearAll = react__WEBPACK_IMPORTED_MODULE_4__["useCallback"](function () {
     var newTKeys = tKeys.filter(function (key) {
       return !totalUndisabledKeys.includes(key);
     });
     setTKeys(newTKeys);
   }, [totalUndisabledKeys, tKeys]);
-  var searchChange = react__WEBPACK_IMPORTED_MODULE_3__["useCallback"](function (e) {
+  var searchChange = react__WEBPACK_IMPORTED_MODULE_4__["useCallback"](function (e) {
     var searchValue = e.target.value;
     setSearchValue(searchValue);
   }, []);
-  var clearCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classnames, "".concat(targetCls, "-clear-all"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classnames, "".concat(targetCls, "-clear-all-disabled"), filterSource.length === totalDisabledKeys.length), _classnames));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+  var targetColumns = react__WEBPACK_IMPORTED_MODULE_4__["useMemo"](function () {
+    if (!columns) {
+      return;
+    }
+
+    var cancelItem = function cancelItem(data) {
+      if (data.disabled) {
+        return;
+      }
+
+      var curTKeys = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["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 = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(columns);
+
+    tColumns.push({
+      title: '',
+      key: 'action',
+      width: 40,
+      render: function render(_text, data) {
+        if (!data.disabled) {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](acud_icon__WEBPACK_IMPORTED_MODULE_6__["OutlinedClose"], {
+            className: "".concat(prefixCls, "-target-item-cancel"),
+            onClick: function onClick() {
+              return cancelItem(data);
+            }
+          });
+        }
+
+        return null;
+      }
+    });
+    return tColumns;
+  }, [columns, tKeys]);
+  var clearCls = classnames_dedupe__WEBPACK_IMPORTED_MODULE_5___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classnames, "".concat(targetCls, "-clear-all"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classnames, "".concat(targetCls, "-clear-all-disabled"), filterSource.length === totalDisabledKeys.length), _classnames));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: targetCls,
     style: rightStyle
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(targetCls, "-header")
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
     className: "".concat(targetCls, "-label")
-  }, targetTitle, "\uFF08", optionSource.length, "\uFF09"), showClearAll && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+  }, targetTitle, "\uFF08", optionSource.length, "\uFF09"), showClearAll && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", {
     className: clearCls,
     disabled: optionSource.length === totalDisabledKeys.length,
     onClick: handleClearAll
-  }, clearAll)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+  }, clearAll)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
     className: "".concat(targetCls, "-body")
-  }, showSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_search__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }, showSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_search__WEBPACK_IMPORTED_MODULE_9__["default"], {
     placeholder: searchPlaceholder,
     className: "".concat(targetCls, "-search"),
     allowClear: showSearchClear,
     size: "small",
     onChange: searchChange
-  }), !!filterSource.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_targetList__WEBPACK_IMPORTED_MODULE_5__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
+  }), !!filterSource.length && displayType === 'table' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
+    className: "".concat(prefixCls, "-table-box")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_table__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    pagination: false,
+    dataSource: filterSource,
+    columns: targetColumns
+  })), !!filterSource.length && displayType === 'single' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_TargetList__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
     filterSource: filterSource
-  })), filterSource.length === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("p", {
+  })), filterSource.length === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("p", {
     className: "".concat(prefixCls, "-target-nodata")
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", null, targetNoData))));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("span", null, targetNoData))));
 }
 
 /***/ }),
 
-/***/ "./components/transfer/targetList.tsx":
+/***/ "./components/transfer/TargetList.tsx":
 /*!********************************************!*\
-  !*** ./components/transfer/targetList.tsx ***!
+  !*** ./components/transfer/TargetList.tsx ***!
   \********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -42423,6 +42747,147 @@ function targetList(props) {
   }));
 }
 
+/***/ }),
+
+/***/ "./components/transfer/index.tsx":
+/*!***************************************!*\
+  !*** ./components/transfer/index.tsx ***!
+  \***************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return transfer; });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _locale_default__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../locale/default */ "./components/locale/default.tsx");
+/* harmony import */ var _DataSource__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DataSource */ "./components/transfer/DataSource.tsx");
+/* harmony import */ var _Target__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Target */ "./components/transfer/Target.tsx");
+
+
+
+
+/*
+ * transfer 穿梭框
+ * author zhousheng
+ */
+
+
+
+
+
+function transfer(props) {
+  var _classnames;
+
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'acud-transfer' : _props$prefixCls,
+      _props$displayType = props.displayType,
+      displayType = _props$displayType === void 0 ? 'single' : _props$displayType,
+      _props$targetKeys = props.targetKeys,
+      targetKeys = _props$targetKeys === void 0 ? [] : _props$targetKeys,
+      onChange = props.onChange,
+      _props$locale = props.locale,
+      locale = _props$locale === void 0 ? {} : _props$locale,
+      dataSource = props.dataSource;
+
+  var userLocale = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, _locale_default__WEBPACK_IMPORTED_MODULE_5__["default"].Transfer), locale); // 二级数据展开成一级数据
+
+
+  var expansionSource = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
+    var expansionArr = [];
+    dataSource.forEach(function (data) {
+      if (!data.children) {
+        expansionArr.push(data);
+        return;
+      }
+
+      var childrenKeys = [];
+      expansionArr.push(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, data), {
+        childrenKeys: childrenKeys,
+        group: true,
+        disabled: data.disabled || data.children.every(function (child) {
+          return child.disabled;
+        })
+      }));
+      data.children.forEach(function (child) {
+        expansionArr.push(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, child), {
+          groupKey: data.key,
+          groupOption: true,
+          disabled: data.disabled || child.disabled
+        }));
+        childrenKeys.push(child.key);
+      });
+    });
+    return expansionArr;
+  }, [dataSource]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](targetKeys),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+      tKeys = _React$useState2[0],
+      setTKeys = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_3__["useEffect"](function () {
+    onChange && onChange(tKeys);
+  }, [tKeys]);
+  var classNames = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classnames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classnames, prefixCls, true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classnames, "".concat(prefixCls, "-table"), displayType === 'table'), _classnames));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
+    className: classNames
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_DataSource__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, props, {
+    displayType: displayType,
+    locale: userLocale,
+    prefixCls: prefixCls,
+    tKeys: tKeys,
+    setTKeys: setTKeys,
+    expansionSource: expansionSource
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_Target__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, props, {
+    displayType: displayType,
+    locale: userLocale,
+    prefixCls: prefixCls,
+    tKeys: tKeys,
+    setTKeys: setTKeys,
+    expansionSource: expansionSource
+  })));
+}
+
+/***/ }),
+
+/***/ "./components/transfer/style/index.less":
+/*!**********************************************!*\
+  !*** ./components/transfer/style/index.less ***!
+  \**********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./components/transfer/style/index.tsx":
+/*!*********************************************!*\
+  !*** ./components/transfer/style/index.tsx ***!
+  \*********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/transfer/style/index.less");
+/* harmony import */ var _table_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../table/style */ "./components/table/style/index.tsx");
+
+ // style dependencies
+
+
+
 /***/ }),
 
 /***/ "./components/transfer/util.ts":
@@ -44829,7 +45294,11 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
 
   var infoUploadingClass = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item-").concat(file.status), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["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__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_8__["default"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedDelete__WEBPACK_IMPORTED_MODULE_7__["default"], null), function () {
+  var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || listType === 'text' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    width: 16
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedDelete__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    width: 16
+  }), function () {
     return onClose(file);
   }, prefixCls, locale.removeFile) : null;
   var downloadIcon = showDownloadIcon ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedCloudDownload__WEBPACK_IMPORTED_MODULE_9__["default"], null), function () {
@@ -44916,7 +45385,8 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
       strokeColor: "#2468F2",
       infoType: "none",
       type: "line",
-      percent: file.percent
+      percent: file.percent,
+      strokeWidth: listType === 'text' ? 2 : 4
     }, progressProps)) : null;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
       className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-list-item-progress"), motionClassName)
@@ -45142,16 +45612,14 @@ var InternalUploadList = function InternalUploadList(_ref, ref) {
     }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](acud_icon_es_icons_OutlinedFile__WEBPACK_IMPORTED_MODULE_14__["default"], {
       width: 24
     });
-    var icon = isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_7__["default"], {
-      animation: "spin"
-    }) : renderIcon(file.name || file.fileName);
+    var icon = renderIcon(file.name || file.fileName);
 
     if (listType === 'picture') {
       icon = isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"](acud_icon_es_icons_OutlinedLoading__WEBPACK_IMPORTED_MODULE_7__["default"], {
         animation: "spin"
       }) : fileIcon;
     } else if (listType === 'picture-card') {
-      icon = isLoading ? locale.uploading : fileIcon;
+      icon = isLoading ? "".concat(locale.uploading, "...") : fileIcon;
     }
 
     return icon;
@@ -45265,9 +45733,8 @@ var UploadList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](I
 UploadList.displayName = 'UploadList';
 UploadList.defaultProps = {
   listType: 'text',
-  progress: {
-    strokeWidth: 2 // showInfo: false
-
+  progress: {// strokeWidth: 4,
+    // showInfo: false
   },
   showUploadIcon: true,
   showRemoveIcon: true,
@@ -45408,7 +45875,7 @@ function updateFileList(file, fileList) {
   });
 
   if (fileIndex === -1) {
-    nextFileList.push(file);
+    nextFileList.unshift(file);
   } else {
     nextFileList[fileIndex] = file;
   }
@@ -84933,6 +85400,126 @@ Schema.validators = validators;
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ "./node_modules/process/browser.js")))
 
+/***/ }),
+
+/***/ "./node_modules/classnames/dedupe.js":
+/*!*******************************************!*\
+  !*** ./node_modules/classnames/dedupe.js ***!
+  \*******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+	'use strict';
+
+	var classNames = (function () {
+		// don't inherit from Object so we can skip hasOwnProperty check later
+		// http://stackoverflow.com/questions/15518328/creating-js-object-with-object-createnull#answer-21079232
+		function StorageObject() {}
+		StorageObject.prototype = Object.create(null);
+
+		function _parseArray (resultSet, array) {
+			var length = array.length;
+
+			for (var i = 0; i < length; ++i) {
+				_parse(resultSet, array[i]);
+			}
+		}
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function _parseNumber (resultSet, num) {
+			resultSet[num] = true;
+		}
+
+		function _parseObject (resultSet, object) {
+			for (var k in object) {
+				if (hasOwn.call(object, k)) {
+					// set value to false instead of deleting it to avoid changing object structure
+					// https://www.smashingmagazine.com/2012/11/writing-fast-memory-efficient-javascript/#de-referencing-misconceptions
+					resultSet[k] = !!object[k];
+				}
+			}
+		}
+
+		var SPACE = /\s+/;
+		function _parseString (resultSet, str) {
+			var array = str.split(SPACE);
+			var length = array.length;
+
+			for (var i = 0; i < length; ++i) {
+				resultSet[array[i]] = true;
+			}
+		}
+
+		function _parse (resultSet, arg) {
+			if (!arg) return;
+			var argType = typeof arg;
+
+			// 'foo bar'
+			if (argType === 'string') {
+				_parseString(resultSet, arg);
+
+			// ['foo', 'bar', ...]
+			} else if (Array.isArray(arg)) {
+				_parseArray(resultSet, arg);
+
+			// { 'foo': true, ... }
+			} else if (argType === 'object') {
+				_parseObject(resultSet, arg);
+
+			// '130'
+			} else if (argType === 'number') {
+				_parseNumber(resultSet, arg);
+			}
+		}
+
+		function _classNames () {
+			// don't leak arguments
+			// https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#32-leaking-arguments
+			var len = arguments.length;
+			var args = Array(len);
+			for (var i = 0; i < len; i++) {
+				args[i] = arguments[i];
+			}
+
+			var classSet = new StorageObject();
+			_parseArray(classSet, args);
+
+			var list = [];
+
+			for (var k in classSet) {
+				if (classSet[k]) {
+					list.push(k)
+				}
+			}
+
+			return list.join(' ');
+		}
+
+		return _classNames;
+	})();
+
+	if ( true && module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else if (true) {
+		// register as 'classnames', consistent with npm package name
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
+			return classNames;
+		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+	} else {}
+}());
+
+
 /***/ }),
 
 /***/ "./node_modules/classnames/index.js":