@hi-ui/hiui 2.15.10 → 2.15.11

package/es/tree/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,12 +7,7 @@ exports["default"] = void 0;
 
 var _Tree = _interopRequireDefault(require("./Tree"));
 
-var _index = _interopRequireDefault(require("./tree-legacy/index"));
-
-var _SwitchVersion = _interopRequireDefault(require("../_util/SwitchVersion"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _default = (0, _SwitchVersion["default"])((0, _context["default"])(_Tree["default"]), _index["default"]);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var _default = _Tree["default"];
 exports["default"] = _default;

package/es/tree/style/index.css

@@ -1 +1 @@
-.hi-tree{font-size:14px;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333;color:#383e47}.hi-tree a{padding-left:0;padding-right:0}.hi-tree p,.hi-tree blockquote,.hi-tree ul,.hi-tree ol,.hi-tree dl,.hi-tree table,.hi-tree pre,.hi-tree h1,.hi-tree h2,.hi-tree h3,.hi-tree h4,.hi-tree h5,.hi-tree h6{margin-top:0;margin-bottom:0}.hi-tree ul,.hi-tree ol{margin:0;padding:0;list-style-type:none}.hi-tree ul ul,.hi-tree ul ol,.hi-tree ol ul,.hi-tree ol ol{margin-top:0;margin-bottom:0}.hi-tree li+li{margin-top:0}.hi-tree dl{margin-top:0;margin-bottom:0}.hi-tree .hi-checkbox-legacy{margin-left:6px}.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #4284f5}.hi-tree .hi-checkbox-legacy--checked:not(.hi-checkbox-legacy--disabled) .hi-checkbox-legacy__input{border:1px solid #4284f5}.hi-tree .hi-tree__searcher{position:relative;padding-left:15px;margin-bottom:24px}.hi-tree .hi-tree__searcher .hi-tree__searcher--empty{position:absolute;top:34px;color:#999;left:39px;font-size:12px}.hi-tree .hi-tree__searcher .hi-input__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tree .hi-tree__searcher .hi-input--append{line-height:32px}.hi-tree .hi-tree__searcher .hi-input--append .hi-input__append{width:32px;height:30px;border-radius:2px 0 0 2px;border:1px solid #d8d8d8;border-left:none;text-align:center}.hi-tree .hi-tree__divider{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree .hi-tree__divider--top{top:0}.hi-tree .hi-tree__divider--inner{bottom:-2px}.hi-tree .hi-tree__divider--bottom{bottom:0}.hi-tree .hi-tree__divider .divider-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#4284f5}.hi-tree .hi-tree__divider .divider-circle{-webkit-box-flex:0;-ms-flex:0 0 5px;flex:0 0 5px;height:5px;border:1px solid #4284f5;border-radius:2.5px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tree.hi-tree--show-line li>ul{position:relative}.hi-tree.hi-tree--show-line li>ul::after{position:absolute;top:0;left:-10px;width:1px;height:100%;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root>.item__wrapper::before{display:none}.hi-tree.hi-tree--show-line li.is-root>.item__wrapper::after{display:none}.hi-tree.hi-tree--show-line li.is-root>ul{position:relative}.hi-tree.hi-tree--show-line li.is-root>ul::after{display:none}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type)>ul>li:last-of-type>ul::after{display:block;height:calc(100% + 4px)}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type)>ul>li:last-of-type>.item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(100% + 8px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type).no-expanded::before{position:absolute;top:calc(50% + 5px);left:9px;width:1px;height:calc(50% - 5px);background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root:not(:first-of-type):not(.no-expanded)>.item__wrapper::before{position:absolute;top:1px;left:7px;width:1px;height:calc(50% - 9px);background:#c8c8c8;content:'';display:block}.hi-tree.hi-tree--show-line li.is-root:not(:first-of-type).no-expanded::after{position:absolute;top:0;left:9px;width:1px;height:calc(50% - 11px);background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li:last-of-type>.item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(50% + 2px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li:last-of-type>ul::after{display:none}.hi-tree.hi-tree--show-line .item__wrapper .hi-checkbox-legacy{height:24px}.hi-tree.hi-tree--show-line .item__wrapper.can-expand::before{width:10px}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.hi-tree_item-text{padding-left:8px}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.hi-tree_item-text::before{position:absolute;top:calc(50% + 8px);left:-11px;height:calc(50% - 4px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.editing{position:relative}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.editing::before{position:absolute;top:calc(50% + 7px);left:-11px;height:calc(50% - 2px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line .item__wrapper::before{position:absolute;left:-10px;top:50%;height:1px;width:14px;background:#c8c8c8;-webkit-transform:translateY(-3px);transform:translateY(-3px);content:''}.hi-tree.hi-tree--show-line .item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(100% + 4px);width:1px;background:#c8c8c8;content:''}.hi-tree ul{padding-left:15px}.hi-tree li{position:relative;padding:2px}.hi-tree li>.item__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:5px;position:relative}.hi-tree li .editing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree li .editing .hi-input{width:240px;margin-right:20px}.hi-tree li .hi-checkbox-label{display:none}.hi-tree li.switcher-none .hi-tree-switcher{cursor:default}.hi-tree li.switcher-none .hi-tree-switcher::after{content:none}.hi-tree_item-text{cursor:pointer;display:inline-block;vertical-align:middle;padding:0 4px;position:relative;line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree_item-text.dragTo{background-color:#4284f5}.hi-tree_item-text.dragToGapBottom{border-top:1px solid #4284f5}.hi-tree_item-text.dragToGapTop{border-bottom:1px solid #4284f5}.hi-tree_item-text.has_checkbox{width:calc(100% - 40px);padding-left:4px}.hi-tree_item-text--disabled{color:rgba(0,0,0,0.25);cursor:not-allowed}.hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(66,133,244,0.08);color:#383e47}.hi-tree_item-text.dragging{background-color:#f6f6f6;color:#ccc}.hi-tree_item-text.highlight{background-color:rgba(66,133,245,0.2)}.hi-tree_item-icon{display:inline-block;vertical-align:middle;width:18px;cursor:pointer}.hi-tree_item-icon .hi-tree-switcher{color:#666;font-size:16px}.hi-tree_item-icon .hi-tree__dot{position:absolute;width:7px;height:7px;border-radius:3.5px;background:#c8c8c8;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:3.5px}.hi-tree .hi-tree-bar{position:relative;height:20px;line-height:20px}.hi-tree .hi-tree-bar .hi-tree-switcher{position:absolute;left:1px;background:#fff;padding:6px 0;font-size:12px;line-height:1;vertical-align:middle;display:inline-block;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-node{display:inline-block;padding:2px 6px;border-radius:2px;overflow:hidden;vertical-align:middle}.hi-tree .hi-tree-bar .hi-tree-node[draggable='true']{-webkit-user-drag:element;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-node label{margin-left:16px;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-input{display:none}.hi-tree .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox::after{content:'';display:inline-block;width:8px;height:4px;border:2px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg) translate(6px, -4px);transform:rotate(-45deg) translate(6px, -4px)}.hi-tree .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox{background-color:#4284f5}.hi-tree .hi-tree-bar .hi-tree-checkbox{width:14px;height:14px;border:1px solid #d8d8d8;display:inline-block;vertical-align:middle}.hi-tree .hi-tree-bar .hi-tree-title{display:inline-block;margin-left:4px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-tree .hi-tree-bar .hi-tree-title:hover{background-color:#e6f7ff}.hi-tree .hi-tree-bar .hi-tree-title>*{display:inline-block}.hi-tree .hi-tree-bar.gap-bottom{border-bottom-color:#f00}.hi-tree .hi-tree-bar.gap-enter{background-color:#ff0}.hi-tree .hi-tree-bar.gap-top{border-top-color:#f00}.hi-tree .hi-tree-child{overflow:hidden}.right-click-menu{color:#333;position:absolute;z-index:1060;background:#fff;border:1px solid #e6e7e8;border-radius:2px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;list-style:none;margin:0;max-height:240px;overflow:auto}.right-click-menu li{padding:0 15px;height:36px;line-height:36px;-webkit-transition:background 0.3s;transition:background 0.3s;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.right-click-menu li:hover{background:rgba(66,133,244,0.08)}.theme__orange.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #f63}.theme__orange.hi-tree .hi-checkbox-legacy__label.highlight{color:#f63}.theme__orange.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(255,102,51,0.08);color:#383e47}.theme__orange.hi-tree .hi-tree_item-text.dragTo{background-color:#f63}.theme__orange.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text.highlight{background-color:rgba(255,102,51,0.2)}.theme__orange.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#f63}.theme__orange.hi-tree .hi-tree__divider .divider-line{background-color:#f63}.theme__orange.hi-tree .hi-tree__divider .divider-circle{border:1px solid #f63}.theme__orange.right-click-menu li:hover{background-color:rgba(255,102,51,0.15)}.theme__cyan.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #46bc99}.theme__cyan.hi-tree .hi-checkbox-legacy__label.highlight{color:#46bc99}.theme__cyan.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(70,188,153,0.08);color:#383e47}.theme__cyan.hi-tree .hi-tree_item-text.dragTo{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text.highlight{background-color:rgba(70,188,153,0.2)}.theme__cyan.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree__divider .divider-line{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree__divider .divider-circle{border:1px solid #46bc99}.theme__cyan.right-click-menu li:hover{background-color:rgba(70,188,153,0.15)}.theme__magenta.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #ff5975}.theme__magenta.hi-tree .hi-checkbox-legacy__label.highlight{color:#ff5975}.theme__magenta.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(255,89,117,0.08);color:#383e47}.theme__magenta.hi-tree .hi-tree_item-text.dragTo{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text.highlight{background-color:rgba(255,89,117,0.2)}.theme__magenta.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree__divider .divider-line{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree__divider .divider-circle{border:1px solid #ff5975}.theme__magenta.right-click-menu li:hover{background-color:rgba(255,89,117,0.15)}.theme__lavender.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #b450de}.theme__lavender.hi-tree .hi-checkbox-legacy__label.highlight{color:#b450de}.theme__lavender.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(180,80,222,0.08);color:#383e47}.theme__lavender.hi-tree .hi-tree_item-text.dragTo{background-color:#b450de}.theme__lavender.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text.highlight{background-color:rgba(180,80,222,0.2)}.theme__lavender.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#b450de}.theme__lavender.hi-tree .hi-tree__divider .divider-line{background-color:#b450de}.theme__lavender.hi-tree .hi-tree__divider .divider-circle{border:1px solid #b450de}.theme__lavender.right-click-menu li:hover{background-color:rgba(180,80,222,0.15)}.theme__blue.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #3da8f5}.theme__blue.hi-tree .hi-checkbox-legacy__label.highlight{color:#3da8f5}.theme__blue.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(61,168,245,0.08);color:#383e47}.theme__blue.hi-tree .hi-tree_item-text.dragTo{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text.highlight{background-color:rgba(61,168,245,0.2)}.theme__blue.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree__divider .divider-line{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree__divider .divider-circle{border:1px solid #3da8f5}.theme__blue.right-click-menu li:hover{background-color:rgba(61,168,245,0.15)}.theme__purple.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #8a8acb}.theme__purple.hi-tree .hi-checkbox-legacy__label.highlight{color:#8a8acb}.theme__purple.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(138,138,203,0.08);color:#383e47}.theme__purple.hi-tree .hi-tree_item-text.dragTo{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text.highlight{background-color:rgba(138,138,203,0.2)}.theme__purple.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree__divider .divider-line{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree__divider .divider-circle{border:1px solid #8a8acb}.theme__purple.right-click-menu li:hover{background-color:rgba(138,138,203,0.15)}
+.hi-tree{font-size:14px;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#000}.hi-tree a{padding-left:0;padding-right:0}.hi-tree p,.hi-tree blockquote,.hi-tree ul,.hi-tree ol,.hi-tree dl,.hi-tree table,.hi-tree pre,.hi-tree h1,.hi-tree h2,.hi-tree h3,.hi-tree h4,.hi-tree h5,.hi-tree h6{margin-top:0;margin-bottom:0}.hi-tree ul,.hi-tree ol{margin:0;padding:0;list-style-type:none}.hi-tree ul ul,.hi-tree ul ol,.hi-tree ol ul,.hi-tree ol ol{margin-top:0;margin-bottom:0}.hi-tree li+li{margin-top:0}.hi-tree dl{margin-top:0;margin-bottom:0}.hi-tree .hi-tree__searcher{position:relative;padding-left:15px;margin-bottom:24px}.hi-tree .hi-tree__searcher .hi-tree__searcher--empty{position:absolute;top:34px;color:#999;left:39;font-size:12}.hi-tree .hi-tree__searcher .hi-input__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tree .hi-tree__searcher .hi-input--append{line-height:32px}.hi-tree .hi-tree__searcher .hi-input--append .hi-input__append{width:32px;text-align:center}.hi-tree .hi-tree__divider{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree .hi-tree__divider--top{top:21px}.hi-tree .hi-tree__divider--bottom{bottom:-2px}.hi-tree .hi-tree__divider .divider-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#4284f5}.hi-tree .hi-tree__divider .divider-circle{-webkit-box-flex:0;-ms-flex:0 0 5px;flex:0 0 5px;height:5px;border:1px solid #4284f5;border-radius:2.5px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tree ul{padding-left:15px}.hi-tree li:last-child.with-line::before{display:none}.hi-tree li{position:relative}.hi-tree li.with-line::before{content:' ';width:1px;border-left:1px dashed #bfc1c3;height:calc(100% - 16px);position:absolute;left:6px;margin:22px 0}.hi-tree li .editing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree li .editing .hi-input{width:240px;margin-right:20px}.hi-tree li .hi-checkbox-label{display:none}.hi-tree li.switcher-none .hi-tree-switcher{cursor:default}.hi-tree li.switcher-none .hi-tree-switcher::after{content:none}.hi-tree_item-text{cursor:pointer;display:inline-block;vertical-align:middle;padding:0 4px;position:relative;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree_item-text.dragTo{background-color:#4284f5}.hi-tree_item-text.dragToGapBottom{border-top:1px solid #4284f5}.hi-tree_item-text.dragToGapTop{border-bottom:1px solid #4284f5}.hi-tree_item-text.has_checkbox{width:calc(100% - 40px);padding-left:4px}.hi-tree_item-text:hover{background-color:rgba(66,133,244,0.08);color:#383e47}.hi-tree_item-text.dragging{background-color:#f6f6f6;color:#ccc}.hi-tree_item-text.highlight{color:#fff;background-color:#4285f4}.hi-tree_item-text .right-click-menu{color:#333;position:absolute;top:0;left:calc(100% + 5px);z-index:1;width:120px;background:#fff;border:1px solid #e6e7e8;border-radius:2px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 1px}.hi-tree_item-text .right-click-menu li{padding-left:15px;height:36px;line-height:36px;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree_item-text .right-click-menu li:hover{background:rgba(66,133,244,0.08)}.hi-tree_item-icon{display:inline-block;vertical-align:middle;width:18px;cursor:pointer}.hi-tree .hi-tree-bar{position:relative;height:20px;line-height:20px}.hi-tree .hi-tree-bar .hi-tree-switcher{position:absolute;left:1px;background:#fff;padding:6px 0;font-size:12px;line-height:1;vertical-align:middle;display:inline-block;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-node{display:inline-block;padding:2px 6px;border-radius:2px;overflow:hidden;vertical-align:middle}.hi-tree .hi-tree-bar .hi-tree-node[draggable='true']{-webkit-user-drag:element;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-node label{margin-left:16px;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-input{display:none}.hi-tree .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox::after{content:'';display:inline-block;width:8px;height:4px;border:2px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg) translate(6px, -4px);transform:rotate(-45deg) translate(6px, -4px)}.hi-tree .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox{background-color:#4284f5}.hi-tree .hi-tree-bar .hi-tree-checkbox{width:14px;height:14px;border:1px solid #d8d8d8;display:inline-block;vertical-align:middle}.hi-tree .hi-tree-bar .hi-tree-title{display:inline-block;margin-left:4px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-tree .hi-tree-bar .hi-tree-title:hover{background-color:#e6f7ff}.hi-tree .hi-tree-bar .hi-tree-title>*{display:inline-block}.hi-tree .hi-tree-bar.gap-bottom{border-bottom-color:#f00}.hi-tree .hi-tree-bar.gap-enter{background-color:#ff0}.hi-tree .hi-tree-bar.gap-top{border-top-color:#f00}.hi-tree .hi-tree-child{overflow:hidden}

package/es/tree/util.js

@@ -1,22 +1,220 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.toggleSlide = toggleSlide;
+exports.calcDropPosition = calcDropPosition;
+exports.getOffset = getOffset;
+exports.insBefore = insBefore;
+exports.insAfter = insAfter;
+exports.insChild = insChild;
+exports.deepClone = deepClone;
 exports.deepMap = deepMap;
 exports.getChild = getChild;
+exports.getSemi = getSemi;
+exports.getChildren = getChildren;
+exports.getDisabled = getDisabled;
+exports.getItem = getItem;
 exports.getAll = getAll;
 exports.findNode = exports.collectExpandId = exports.getAncestorIds = exports.getChildrenIds = exports.getParentId = exports.dealData = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+/**
+ * @Author lishuaishuai <lishuaishuai@xiaomi.com>
+ * @Date 2018-03-22 11:14:48
+ * @Description tree相关工具封装
+ */
+
+/**
+ * toggleSlide动画
+ * @param {element} el 目标节点
+ * @param {boolen} isClose 当前状态是否为关闭
+ * @param {function} func 动画结束后的回调行数
+ */
+function toggleSlide(el, isClose, func) {
+  if (!isClose) {
+    el.style.display = 'block';
+    el.style.height = 0;
+  }
+
+  var maxDelay = 300;
+  var height = el.scrollHeight;
+  var speed = Math.max(height / maxDelay, 0.5);
+  var sum = 0;
+  var start = null;
+
+  var animate = function animate(timestamp) {
+    if (!start) start = timestamp;
+    var progress = timestamp - start;
+    sum = progress * speed;
+    el.style.height = "".concat(isClose ? height - sum : sum, "px");
+
+    if (height < sum) {
+      if (isClose) {
+        el.style.display = 'none';
+      }
+
+      el.style.height = '';
+      func();
+    } else {
+      window.requestAnimationFrame(animate);
+    }
+  };
+
+  window.requestAnimationFrame(animate);
+}
+/**
+ * 计算鼠标在当前节点的位置
+ * @param {*} event
+ * @param {*} treeNode 拖拽进入的当前节点
+ */
+
+
+function calcDropPosition(event, treeNode) {
+  var offsetTop = getOffset(treeNode).top;
+  var offsetHeight = treeNode.offsetHeight;
+  var pageY = event.pageY;
+  var gapHeight = 2;
+
+  if (pageY > offsetTop + offsetHeight - gapHeight) {
+    return 1;
+  }
+
+  if (pageY < offsetTop + gapHeight) {
+    return -1;
+  }
+
+  return 0;
+}
+/**
+ * 计算offset
+ * @param {*} ele
+ */
+
+
+function getOffset(ele) {
+  if (!ele.getClientRects().length) {
+    return {
+      top: 0,
+      left: 0
+    };
+  }
+
+  var rect = ele.getBoundingClientRect();
+
+  if (rect.width || rect.height) {
+    var doc = ele.ownerDocument;
+    var win = doc.defaultView;
+    var docElem = doc.documentElement;
+    return {
+      top: rect.top + win.pageYOffset - docElem.clientTop,
+      left: rect.left + win.pageXOffset - docElem.clientLeft
+    };
+  }
+
+  return rect;
+}
+/**
+ * 将当前节点移动到目标节点之前
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insBefore(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode; // li
+
+  target.parentNode.insertBefore(current, target);
+}
+/**
+ * 将当前节点移动到目标节点之后
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insAfter(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode; // li
+
+  if (target.parentNode.lastChild === target) {
+    target.parentNode.appendChild(current);
+  } else {
+    target.parentNode.insertBefore(current, target.nextSibling);
+  }
+}
+/**
+ * 将当前节点移动为目标节点子节点
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insChild(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode.parentNode; // li
+
+  if (current === target) return;
+
+  if (target.childNodes.length > 1) {
+    tar.parentNode.nextSibling.appendChild(current);
+  } else {
+    var ul = document.createElement('ul');
+    ul.setAttribute('class', 'hi-tree-child');
+    ul.appendChild(current);
+    target.appendChild(ul);
+  }
+
+  target.classList.remove('switcher-none');
+}
+/**
+ * 深拷贝
+ * @param {*} arr
+ */
+
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function deepClone(arr) {
+  var i;
+  var copy;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  if (Array.isArray(arr)) {
+    copy = arr.slice(0);
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    for (i = 0; i < copy.length; i += 1) {
+      copy[i] = deepClone(copy[i]);
+    }
+
+    return copy;
+  } else if (_typeof(arr) === 'object') {
+    return Object.assign({}, arr);
+  }
+
+  return arr;
+}
 
 function deepMap(data, parent) {
   var arr = [];
@@ -31,7 +229,8 @@ function deepMap(data, parent) {
     }
 
     if (item.children && item.children.length > 0) {
-      var childParent = (0, _toConsumableArray2["default"])(item.parent);
+      var childParent = _toConsumableArray(item.parent);
+
       childParent.unshift(item.id);
       arr = arr.concat(deepMap(item.children, childParent));
       delete item.children;
@@ -60,6 +259,55 @@ function getChild(data, id) {
   return arr;
 }
 
+function getSemi(data, checks) {
+  var all = deepMap(data);
+  var arr = all.map(function (item) {
+    item.child = getChild(all, item.id);
+    item.family = item.parent.concat(item.child);
+    item.semi = false;
+    var num = 0;
+    checks.forEach(function (c) {
+      if (item.child.includes(c)) {
+        num = num + 1;
+      }
+    });
+    item.num = num;
+    item.semi = num !== 0 && num !== item.child.length;
+    return item;
+  }).filter(function (item) {
+    return item.semi;
+  }).map(function (item) {
+    return item.id;
+  });
+  return arr;
+}
+
+function getChildren(data, id) {
+  var all = deepMap(data);
+  return all.map(function (item) {
+    item.child = getChild(all, item.id);
+    return item;
+  }).find(function (item) {
+    return item.id === id;
+  }).child;
+}
+
+function getDisabled(data) {
+  var all = deepMap(data);
+  return all.filter(function (item) {
+    return item.disabled;
+  }).map(function (item) {
+    return item.id;
+  });
+}
+
+function getItem(data, id) {
+  var all = deepMap(data);
+  return all.find(function (item) {
+    return item.id === id;
+  });
+}
+
 function getAll(data, checkedKeys) {
   var all = deepMap(data);
   all = all.map(function (item) {
@@ -163,9 +411,9 @@ var collectExpandId = function collectExpandId(data, searchValue) {
   var collection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var allData = arguments.length > 3 ? arguments[3] : undefined;
   data.forEach(function (item) {
-    if (searchValue && item.title.includes(searchValue)) {
+    if (item.title.includes(searchValue)) {
       var parentIds = getAncestorIds(item.id, allData, []);
-      collection.splice.apply(collection, [collection.length - 1, 0].concat((0, _toConsumableArray2["default"])(parentIds)));
+      collection.splice.apply(collection, [collection.length - 1, 0].concat(_toConsumableArray(parentIds)));
     }
 
     if (item.children) {

package/es/upload/{upload-legacy/Preview.js → Preview.js}

@@ -1,63 +1,68 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _reactDom = require("react-dom");
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _reactAddonsCssTransitionGroup = _interopRequireDefault(require("react-addons-css-transition-group"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _icon = _interopRequireDefault(require("../icon"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+require("./style/preview.js");
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _reactDom = require("react-dom");
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _reactAddonsCssTransitionGroup = _interopRequireDefault(require("react-addons-css-transition-group"));
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-var _icon = _interopRequireDefault(require("../../icon"));
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-require("./style/preview.js");
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Preview = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Preview, _Component);
+  _inherits(Preview, _Component);
 
   var _super = _createSuper(Preview);
 
   function Preview(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, Preview);
+    _classCallCheck(this, Preview);
+
     _this = _super.call(this, props);
     _this.state = {
       extraClass: '',
@@ -84,14 +89,14 @@ var Preview = /*#__PURE__*/function (_Component) {
     document.body.appendChild(_this.node);
     _this.imgRef = /*#__PURE__*/_react["default"].createRef();
     _this.previewRef = /*#__PURE__*/_react["default"].createRef();
-    _this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleMouseWheel = _this.handleMouseWheel.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
+    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
+    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
+    _this.handleMouseWheel = _this.handleMouseWheel.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2["default"])(Preview, [{
+  _createClass(Preview, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.loadImg(this.state.activeIndex);
@@ -404,10 +409,10 @@ var Preview = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
         }
       }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "zoom-in",
+        name: "zoom-out",
         onClick: this.clickEvent.bind(this, 'zoomIn')
       }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "zoom-out",
+        name: "zoom-in",
         onClick: this.clickEvent.bind(this, 'zoomOut')
       }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
         name: "left",
@@ -432,6 +437,7 @@ var Preview = /*#__PURE__*/function (_Component) {
       })))), this.node);
     }
   }]);
+
   return Preview;
 }(_react.Component);