@ucloud-fe/react-components 1.5.17 → 1.5.18

package/lib/components/Tree/style/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STree = exports.loadingIconCls = exports.expandPlaceholderCls = exports.expandedCls = exports.latestCls = exports.wrapCls = exports.innerIndentCls = exports.outerIndentCls = exports.indentCls = exports.contentCls = exports.expandCls = exports.selectedCls = exports.itemCls = exports.disabledCls = exports.multipleCls = exports.singleCls = exports.prefixCls = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _style = require("../../../style");
+
+var _this = void 0;
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-tree';
+exports.prefixCls = prefixCls;
+var singleCls = prefixCls + '-single';
+exports.singleCls = singleCls;
+var multipleCls = prefixCls + '-multiple';
+exports.multipleCls = multipleCls;
+var disabledCls = prefixCls + '-disabled';
+exports.disabledCls = disabledCls;
+var itemCls = prefixCls + '-item';
+exports.itemCls = itemCls;
+var selectedCls = prefixCls + '-selected';
+exports.selectedCls = selectedCls;
+var expandCls = prefixCls + '-expand-icon';
+exports.expandCls = expandCls;
+var contentCls = prefixCls + '-content';
+exports.contentCls = contentCls;
+var indentCls = prefixCls + '-indent';
+exports.indentCls = indentCls;
+var outerIndentCls = prefixCls + '-indent-outer';
+exports.outerIndentCls = outerIndentCls;
+var innerIndentCls = prefixCls + '-indent-inner';
+exports.innerIndentCls = innerIndentCls;
+var wrapCls = prefixCls + '-wrap';
+exports.wrapCls = wrapCls;
+var latestCls = prefixCls + '-latest';
+exports.latestCls = latestCls;
+var expandedCls = prefixCls + '-expanded';
+exports.expandedCls = expandedCls;
+var expandPlaceholderCls = prefixCls + '-expand-ph';
+exports.expandPlaceholderCls = expandPlaceholderCls;
+var loadingIconCls = prefixCls + '-loading-icon';
+exports.loadingIconCls = loadingIconCls;
+var STree = (0, _style.sWrap)({})((0, _styledBase.default)("div", {
+  target: "e3zry1o0",
+  label: "STree"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var DT = props.theme.designTokens;
+  return /*#__PURE__*/(0, _core.css)("background:", DT.T_COLOR_BG_TRANSPARENT, ";color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";.", itemCls, "{display:flex;color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";min-height:36px;.", indentCls, "{width:32px;position:relative;flex-shrink:0;&.", innerIndentCls, "{::after{content:' ';box-sizing:border-box;display:inline-block;height:100%;width:1px;border-left:1px solid ", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";margin-left:50%;}&.", latestCls, "{::after{height:50%;width:4px;border-bottom:1px solid ", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";}}}}.", wrapCls, "{flex:1;padding:0 8px;cursor:pointer;display:inline-flex;align-items:center;:hover{background:", DT.T_COLOR_BG_DEFAULT_HOVER, ";}.", contentCls, "{margin-left:8px;}}&.", disabledCls, "{color:", DT.T_COLOR_TEXT_DISABLED, ";.", wrapCls, "{cursor:default;}}}&.", singleCls, " .", itemCls, ".", selectedCls, "{color:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";}.", expandPlaceholderCls, ",.", expandCls, ",.", loadingIconCls, "{display:inline-block;width:16px;height:16px;line-height:16px;margin-right:8px;flex-shrink:0;}.", loadingIconCls, "{fill:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";}.", expandCls, "{text-align:center;cursor:pointer;transition:transform 0.2s;position:relative;:before{content:' ';display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent ", DT.T_COLOR_TEXT_DEFAULT_LIGHT, ";position:absolute;top:3px;left:5px;}&.", disabledCls, "{cursor:default;color:", DT.T_COLOR_TEXT_DISABLED, ";:before{border-color:transparent transparent transparent ", DT.T_COLOR_TEXT_DISABLED, ";}}&.", expandedCls, "{transform:rotate(90deg);}};label:STree;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyZWUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmVlL3N0eWxlL2luZGV4LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBjb25maWcgZnJvbSAnc3JjL2NvbmZpZyc7XG5pbXBvcnQgeyBzV3JhcCB9IGZyb20gJ3NyYy9zdHlsZSc7XG5cbmNvbnN0IHsgcHJlZml4Q2xzOiBfcHJlZml4Q2xzIH0gPSBjb25maWc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctdHJlZSc7XG5leHBvcnQgY29uc3Qgc2luZ2xlQ2xzID0gcHJlZml4Q2xzICsgJy1zaW5nbGUnO1xuZXhwb3J0IGNvbnN0IG11bHRpcGxlQ2xzID0gcHJlZml4Q2xzICsgJy1tdWx0aXBsZSc7XG5leHBvcnQgY29uc3QgZGlzYWJsZWRDbHMgPSBwcmVmaXhDbHMgKyAnLWRpc2FibGVkJztcbmV4cG9ydCBjb25zdCBpdGVtQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtJztcbmV4cG9ydCBjb25zdCBzZWxlY3RlZENscyA9IHByZWZpeENscyArICctc2VsZWN0ZWQnO1xuZXhwb3J0IGNvbnN0IGV4cGFuZENscyA9IHByZWZpeENscyArICctZXhwYW5kLWljb24nO1xuZXhwb3J0IGNvbnN0IGNvbnRlbnRDbHMgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IGluZGVudENscyA9IHByZWZpeENscyArICctaW5kZW50JztcbmV4cG9ydCBjb25zdCBvdXRlckluZGVudENscyA9IHByZWZpeENscyArICctaW5kZW50LW91dGVyJztcbmV4cG9ydCBjb25zdCBpbm5lckluZGVudENscyA9IHByZWZpeENscyArICctaW5kZW50LWlubmVyJztcbmV4cG9ydCBjb25zdCB3cmFwQ2xzID0gcHJlZml4Q2xzICsgJy13cmFwJztcbmV4cG9ydCBjb25zdCBsYXRlc3RDbHMgPSBwcmVmaXhDbHMgKyAnLWxhdGVzdCc7XG5leHBvcnQgY29uc3QgZXhwYW5kZWRDbHMgPSBwcmVmaXhDbHMgKyAnLWV4cGFuZGVkJztcbmV4cG9ydCBjb25zdCBleHBhbmRQbGFjZWhvbGRlckNscyA9IHByZWZpeENscyArICctZXhwYW5kLXBoJztcbmV4cG9ydCBjb25zdCBsb2FkaW5nSWNvbkNscyA9IHByZWZpeENscyArICctbG9hZGluZy1pY29uJztcblxuZXhwb3J0IGNvbnN0IFNUcmVlID0gc1dyYXA8eyBkaXNhYmxlZDogYm9vbGVhbiB9LCBIVE1MRGl2RWxlbWVudD4oe30pKFxuICAgIHN0eWxlZC5kaXYocHJvcHMgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0JHX1RSQU5TUEFSRU5UfTtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUkt9O1xuXG4gICAgICAgICAgICAuJHtpdGVtQ2xzfSB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAzNnB4O1xuXG4gICAgICAgICAgICAgICAgLiR7aW5kZW50Q2xzfSB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICAgICAgICAgICAgICAmLiR7aW5uZXJJbmRlbnRDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcgJztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAmLiR7bGF0ZXN0Q2xzfSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOjphZnRlciB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogNTAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNHB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC4ke3dyYXBDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMCA4cHg7XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfREVGQVVMVF9IT1ZFUn07XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgLiR7Y29udGVudENsc30ge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICYuJHtkaXNhYmxlZENsc30ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgICAgICAgICAuJHt3cmFwQ2xzfSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtzaW5nbGVDbHN9IC4ke2l0ZW1DbHN9LiR7c2VsZWN0ZWRDbHN9IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLiR7ZXhwYW5kUGxhY2Vob2xkZXJDbHN9LCAuJHtleHBhbmRDbHN9LCAuJHtsb2FkaW5nSWNvbkNsc30ge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtsb2FkaW5nSWNvbkNsc30ge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtleHBhbmRDbHN9IHtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnICc7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA1cHggMCA1cHggNnB4O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogM3B4O1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiA1cHg7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJi4ke2Rpc2FibGVkQ2xzfSB7XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAmLiR7ZXhwYW5kZWRDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyZWUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyZWUvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCB7IHNXcmFwIH0gZnJvbSAnc3JjL3N0eWxlJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy10cmVlJztcbmV4cG9ydCBjb25zdCBzaW5nbGVDbHMgPSBwcmVmaXhDbHMgKyAnLXNpbmdsZSc7XG5leHBvcnQgY29uc3QgbXVsdGlwbGVDbHMgPSBwcmVmaXhDbHMgKyAnLW11bHRpcGxlJztcbmV4cG9ydCBjb25zdCBkaXNhYmxlZENscyA9IHByZWZpeENscyArICctZGlzYWJsZWQnO1xuZXhwb3J0IGNvbnN0IGl0ZW1DbHMgPSBwcmVmaXhDbHMgKyAnLWl0ZW0nO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkQ2xzID0gcHJlZml4Q2xzICsgJy1zZWxlY3RlZCc7XG5leHBvcnQgY29uc3QgZXhwYW5kQ2xzID0gcHJlZml4Q2xzICsgJy1leHBhbmQtaWNvbic7XG5leHBvcnQgY29uc3QgY29udGVudENscyA9IHByZWZpeENscyArICctY29udGVudCc7XG5leHBvcnQgY29uc3QgaW5kZW50Q2xzID0gcHJlZml4Q2xzICsgJy1pbmRlbnQnO1xuZXhwb3J0IGNvbnN0IG91dGVySW5kZW50Q2xzID0gcHJlZml4Q2xzICsgJy1pbmRlbnQtb3V0ZXInO1xuZXhwb3J0IGNvbnN0IGlubmVySW5kZW50Q2xzID0gcHJlZml4Q2xzICsgJy1pbmRlbnQtaW5uZXInO1xuZXhwb3J0IGNvbnN0IHdyYXBDbHMgPSBwcmVmaXhDbHMgKyAnLXdyYXAnO1xuZXhwb3J0IGNvbnN0IGxhdGVzdENscyA9IHByZWZpeENscyArICctbGF0ZXN0JztcbmV4cG9ydCBjb25zdCBleHBhbmRlZENscyA9IHByZWZpeENscyArICctZXhwYW5kZWQnO1xuZXhwb3J0IGNvbnN0IGV4cGFuZFBsYWNlaG9sZGVyQ2xzID0gcHJlZml4Q2xzICsgJy1leHBhbmQtcGgnO1xuZXhwb3J0IGNvbnN0IGxvYWRpbmdJY29uQ2xzID0gcHJlZml4Q2xzICsgJy1sb2FkaW5nLWljb24nO1xuXG5leHBvcnQgY29uc3QgU1RyZWUgPSBzV3JhcDx7IGRpc2FibGVkOiBib29sZWFuIH0sIEhUTUxEaXZFbGVtZW50Pih7fSkoXG4gICAgc3R5bGVkLmRpdihwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfVFJBTlNQQVJFTlR9O1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG5cbiAgICAgICAgICAgIC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUkt9O1xuICAgICAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDM2cHg7XG5cbiAgICAgICAgICAgICAgICAuJHtpbmRlbnRDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDMycHg7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICYuJHtpbm5lckluZGVudENsc30ge1xuICAgICAgICAgICAgICAgICAgICAgICAgOjphZnRlciB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyAnO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogMXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICYuJHtsYXRlc3RDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiA1MCU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLiR7d3JhcENsc30ge1xuICAgICAgICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwIDhweDtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9DT0xPUl9CR19ERUZBVUxUX0hPVkVSfTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAuJHtjb250ZW50Q2xzfSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogOHB4O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJi4ke2Rpc2FibGVkQ2xzfSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ESVNBQkxFRH07XG4gICAgICAgICAgICAgICAgICAgIC4ke3dyYXBDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi4ke3NpbmdsZUNsc30gLiR7aXRlbUNsc30uJHtzZWxlY3RlZENsc30ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9QUklNQVJZX0RFRkFVTFR9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuJHtleHBhbmRQbGFjZWhvbGRlckNsc30sIC4ke2V4cGFuZENsc30sIC4ke2xvYWRpbmdJY29uQ2xzfSB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2xvYWRpbmdJY29uQ2xzfSB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2V4cGFuZENsc30ge1xuICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnM7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcgJztcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDVweCAwIDVweCA2cHg7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDVweDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmLiR7ZGlzYWJsZWRDbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgJHtEVC5UX0NPTE9SX1RFWFRfRElTQUJMRUR9O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICYuJHtleHBhbmRlZENsc30ge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgO1xuICAgIH0pXG4pO1xuIl19 */"));
+exports.STree = STree;

package/lib/components/Tree/util.d.ts

@@ -0,0 +1,2 @@
+import { Key } from './interface';
+export declare const getSelectedStatus: (keys: Key[], selectedMap: Record<Key, boolean>, disabledKeys?: string[] | undefined) => 'ALL' | 'NONE' | 'SOME';

package/lib/components/Tree/util.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectedStatus = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _this = void 0;
+
+var getSelectedStatus = function getSelectedStatus(keys, selectedMap, disabledKeys) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  if (!(keys !== null && keys !== void 0 && keys.length) && !(disabledKeys !== null && disabledKeys !== void 0 && disabledKeys.length) || !Object.keys(selectedMap).length) return 'NONE';
+  var total = keys.length;
+  var count = 0;
+  keys.forEach(function (v) {
+    (0, _newArrowCheck2.default)(this, _this2);
+
+    if (selectedMap[v]) {
+      count++;
+    }
+  }.bind(this));
+
+  if (count === 0 && disabledKeys !== null && disabledKeys !== void 0 && disabledKeys.length) {
+    var disabledSelectedCount = 0;
+    disabledKeys.forEach(function (v) {
+      (0, _newArrowCheck2.default)(this, _this2);
+
+      if (selectedMap[v]) {
+        disabledSelectedCount++;
+      }
+    }.bind(this));
+    if (disabledSelectedCount > 0) return 'SOME';
+  }
+
+  return count === 0 ? 'NONE' : total === count ? 'ALL' : 'SOME';
+}.bind(void 0);
+
+exports.getSelectedStatus = getSelectedStatus;

package/lib/components/Upload/CardItem.js

@@ -0,0 +1,214 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CardItem = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _style = require("./style");
+
+var _Thumbnail = _interopRequireDefault(require("./Thumbnail"));
+
+var _Progress = _interopRequireDefault(require("./Progress"));
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var CardItem = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(CardItem, _Component);
+
+  var _super = _createSuper(CardItem);
+
+  function CardItem() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, CardItem);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onPreview = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props = _this.props,
+          file = _this$props.file,
+          index = _this$props.index,
+          onPreview = _this$props.onPreview;
+      onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, index);
+    }.bind(this);
+
+    _this.onReupload = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props2 = _this.props,
+          file = _this$props2.file,
+          onReupload = _this$props2.onReupload;
+      onReupload(file);
+    }.bind(this);
+
+    _this.onRemove = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var _this$props3 = _this.props,
+          file = _this$props3.file,
+          index = _this$props3.index,
+          onRemove = _this$props3.onRemove;
+      onRemove(file, index);
+    }.bind(this);
+
+    _this.renderThumbnail = function (isFullThumbnail) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var file = _this.props.file;
+      return /*#__PURE__*/_react.default.createElement(_Thumbnail.default, {
+        file: file,
+        className: isFullThumbnail ? _style.fullThumbnailCls : ''
+      });
+    }.bind(this);
+
+    _this.renderName = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var file = _this.props.file;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.nameCls,
+        title: file.name
+      }, file.name);
+    }.bind(this);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(CardItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          onRemove = _this$props4.onRemove,
+          onPreview = _this$props4.onPreview,
+          locale = _this$props4.locale,
+          disabled = _this$props4.disabled,
+          file = _this$props4.file;
+      var status = file.status;
+      var removeBtn = !disabled && onRemove ? /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        size: "20px",
+        className: _style.actionIconCls,
+        type: "trash",
+        onClick: this.onRemove
+      }) : null;
+      var retryBtn = !disabled ? /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        size: "20px",
+        className: _style.actionIconCls,
+        type: "refresh",
+        onClick: this.onReupload
+      }) : null;
+      var previewBtn = onPreview ? /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        size: "20px",
+        className: _style.actionIconCls,
+        type: "eye",
+        onClick: this.onPreview
+      }) : null;
+
+      var separator = /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.separatorCls
+      });
+
+      switch (status) {
+        case 'uploading':
+          {
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.itemCls,
+              key: file.uid
+            }, this.renderThumbnail(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls
+            }, /*#__PURE__*/_react.default.createElement(_Progress.default, 'progress' in file ? {
+              percent: file.progress
+            } : {})), removeBtn && /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.menuCls
+            }, /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, removeBtn), this.renderName()));
+          }
+
+        case 'error':
+          {
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: (0, _classnames.default)(_style.itemCls, _style.itemErrorCls),
+              key: file.uid
+            }, this.renderThumbnail(), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls
+            }, /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.errorCls,
+              title: file.error + '' || locale.defaultUploadErrorTip
+            }, file.error + '' || locale.defaultUploadErrorTip)), /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.menuCls
+            }, /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, retryBtn, retryBtn && removeBtn ? separator : null, removeBtn), this.renderName()));
+          }
+
+        default:
+          {
+            var isFullThumbnail = file.thumbnailUrl || file instanceof File && (0, _utils.getFileType)(file) === 'image';
+            return /*#__PURE__*/_react.default.createElement("div", {
+              className: (0, _classnames.default)(_style.itemCls, onPreview && _style.previewAbleCls),
+              key: file.uid
+            }, this.renderThumbnail(isFullThumbnail), isFullThumbnail ? null : /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.detailCls
+            }, this.renderName()), removeBtn && /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.menuCls
+            }, /*#__PURE__*/_react.default.createElement("div", {
+              className: _style.actionCls
+            }, previewBtn, previewBtn && removeBtn ? separator : null, removeBtn), this.renderName()));
+          }
+      }
+    }
+  }]);
+  return CardItem;
+}(_react.Component);
+
+exports.CardItem = CardItem;
+CardItem.propTypes = {
+  onRemove: _propTypes.default.func,
+  onPreview: _propTypes.default.func,
+  onReupload: _propTypes.default.func,
+  locale: _propTypes.default.object.isRequired,
+  disabled: _propTypes.default.bool,
+  file: _propTypes.default.object,
+  index: _propTypes.default.number
+};
+CardItem.defaultProps = {
+  removable: true
+};
+var _default = CardItem;
+exports.default = _default;

package/lib/components/Upload/Dropzone.js

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _List = _interopRequireDefault(require("./List"));
+
+var _Dropzone = _interopRequireDefault(require("./icons/Dropzone"));
+
+var _Upload = _interopRequireDefault(require("./icons/Upload"));
+
+var _style = require("./style");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var DropZone = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(DropZone, _PureComponent);
+
+  var _super = _createSuper(DropZone);
+
+  function DropZone() {
+    var _this2 = this;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, DropZone);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      draging: false
+    };
+
+    _this.renderList = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, _this.props), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.dropzoneMaskTipCls
+      }, _this.renderTip()));
+    }.bind(this);
+
+    _this.renderTip = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      var locale = _this.props.locale;
+      var draging = _this.state.draging;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.dropzoneTipCls
+      }, draging ? /*#__PURE__*/_react.default.createElement(_Upload.default, {
+        size: "52px",
+        className: _style.iconCls
+      }) : /*#__PURE__*/_react.default.createElement(_Dropzone.default, {
+        size: "52px",
+        className: _style.iconCls
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.dropzoneTipMainCls
+      }, locale.dropzoneMainTip), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.dropzoneTipSubCls
+      }, locale.dropzoneSubTip));
+    }.bind(this);
+
+    _this.dragPath = [];
+
+    _this.onDrop = function (e) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      e.preventDefault();
+      e.stopPropagation();
+      var _this$props = _this.props,
+          onSelect = _this$props.onSelect,
+          disabled = _this$props.disabled;
+      if (disabled) return;
+      onSelect(e.dataTransfer.files);
+      _this.dragPath = [];
+
+      _this.setState({
+        draging: false
+      });
+    }.bind(this);
+
+    _this.onDragOver = function (e) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      e.preventDefault();
+      e.stopPropagation();
+    }.bind(this);
+
+    _this.onDragEnter = function (e) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      e.preventDefault();
+      e.stopPropagation();
+      var disabled = _this.props.disabled;
+      if (disabled) return;
+
+      _this.dragPath.push(e.target);
+
+      if (!_this.state.draging) {
+        _this.setState({
+          draging: true
+        });
+      }
+    }.bind(this);
+
+    _this.onDragLeave = function (e) {
+      var _this3 = this;
+
+      (0, _newArrowCheck2.default)(this, _this2);
+      e.preventDefault();
+      e.stopPropagation();
+      _this.dragPath = _this.dragPath.filter(function (p) {
+        (0, _newArrowCheck2.default)(this, _this3);
+        return p !== e.target;
+      }.bind(this));
+
+      if (_this.state.draging && !_this.dragPath.length) {
+        _this.setState({
+          draging: false
+        });
+      }
+    }.bind(this);
+
+    _this.onDragEnd = function () {
+      (0, _newArrowCheck2.default)(this, _this2);
+      _this.dragPath = [];
+
+      _this.setState({
+        draging: false
+      });
+    }.bind(this);
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(DropZone, [{
+    key: "render",
+    value: function render() {
+      var fileList = this.props.fileList;
+      var draging = this.state.draging;
+      return /*#__PURE__*/_react.default.createElement(_style.DropZoneWrap, {
+        onDrop: this.onDrop,
+        onDragOver: this.onDragOver,
+        onDragEnter: this.onDragEnter,
+        onDragLeave: this.onDragLeave,
+        onDragEnd: this.onDragEnd,
+        className: (0, _classnames.default)(draging && _style.dragingCls)
+      }, fileList.length > 0 ? this.renderList() : this.renderTip());
+    }
+  }]);
+  return DropZone;
+}(_react.PureComponent);
+
+exports.default = DropZone;
+DropZone.propTypes = {
+  fileList: _propTypes.default.array,
+  locale: _propTypes.default.object,
+  onSelect: _propTypes.default.func,
+  disabled: _propTypes.default.bool
+};