@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/lib/tree/treeHooks.js

@@ -1,77 +1,53 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useVisibleDataMemo = exports.useViewportHeight = exports.useSelect = exports.useScrollToKey = exports.usePlantomHeightEffect = exports.useExpand = exports.useChecked = void 0;
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _treeUtils = require("./utils/treeUtils");
-
 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; }
-
 var useViewportHeight = function useViewportHeight(height, listRef) {
   var _React$useState = _react.default.useState(0),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      viewportHeight = _React$useState2[0],
-      setViewportHeight = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    viewportHeight = _React$useState2[0],
+    setViewportHeight = _React$useState2[1];
   _react.default.useEffect(function () {
     height ? setViewportHeight(height) : listRef.current && setViewportHeight(listRef.current.clientHeight);
   }, [listRef, height]);
-
   return [viewportHeight];
 };
-
 exports.useViewportHeight = useViewportHeight;
-
 var useVisibleDataMemo = function useVisibleDataMemo(virtual, filterData, viewportHeight, estimatedItemSize, start) {
   var visibledCount = _react.default.useMemo(function () {
     return Math.ceil(viewportHeight / estimatedItemSize);
   }, [viewportHeight, estimatedItemSize]);
-
   var viewportData = _react.default.useMemo(function () {
     return (0, _slice.default)(filterData).call(filterData, start, start + visibledCount);
   }, [filterData, start, visibledCount]);
-
   var visibleData = _react.default.useMemo(function () {
     return virtual ? viewportData : filterData;
   }, [virtual, viewportData, filterData]);
-
   return [visibleData];
 };
-
 exports.useVisibleDataMemo = useVisibleDataMemo;
-
 var usePlantomHeightEffect = function usePlantomHeightEffect(plantomRef, filterData, estimatedItemSize) {
   _react.default.useEffect(function () {
     var height = filterData.length * estimatedItemSize;
-
     if (plantomRef.current) {
       plantomRef.current.style.height = height + 'px';
     }
   }, [plantomRef, filterData, estimatedItemSize]);
 };
-
 exports.usePlantomHeightEffect = usePlantomHeightEffect;
-
 var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultCheckedKeys, _flattenAllData, _maxLevel, checkable, keysData) {
   var initialCheckedState = _react.default.useMemo(function () {
     if (!checkable) return {
@@ -80,17 +56,14 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
     };
     return checkStrictly ? (0, _treeUtils.getDataCheckededStateStrictly)(checkedKeysProps || defaultCheckedKeys) : (0, _treeUtils.getInitCheckededKeys)(checkedKeysProps || defaultCheckedKeys, keysData);
   }, [checkable, checkStrictly, checkedKeysProps, defaultCheckedKeys, keysData]);
-
   var _React$useState3 = _react.default.useState(initialCheckedState.checkedKeys),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      checkedKeys = _React$useState4[0],
-      setCheckedKeys = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    checkedKeys = _React$useState4[0],
+    setCheckedKeys = _React$useState4[1];
   var _React$useState5 = _react.default.useState(initialCheckedState.halfCheckedKeys),
-      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-      halfCheckedKeys = _React$useState6[0],
-      setHalfCheckedKeys = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    halfCheckedKeys = _React$useState6[0],
+    setHalfCheckedKeys = _React$useState6[1];
   var nextCheckedKeys = initialCheckedState.checkedKeys;
   var nextHalfCheckedKeys = initialCheckedState.halfCheckedKeys;
   (0, _react.useEffect)(function () {
@@ -101,66 +74,51 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-
 exports.useChecked = useChecked;
-
 var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys) {
   var expandScrollkeys = [];
-
   if (scrollKey) {
     var pos = (0, _treeUtils.getPos)(flattenAllData, scrollKey);
     expandScrollkeys = (0, _treeUtils.getAllParentKeys)(flattenAllData, pos);
   }
-
   var initialExpandedKeys = _react.default.useMemo(function () {
     return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit);
   }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
-
   var _React$useState7 = _react.default.useState(initialExpandedKeys),
-      _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
-      expandedKeys = _React$useState8[0],
-      setExpandedKeys = _React$useState8[1];
-
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    expandedKeys = _React$useState8[0],
+    setExpandedKeys = _React$useState8[1];
   _react.default.useEffect(function () {
     setExpandedKeys(initialExpandedKeys);
   }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent]);
-
   return [expandedKeys, setExpandedKeys];
 };
-
 exports.useExpand = useExpand;
-
 var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {
   var _React$useState9 = _react.default.useState(false),
-      _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
-      scroll = _React$useState10[0],
-      setScroll = _React$useState10[1];
-
+    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+    scroll = _React$useState10[0],
+    setScroll = _React$useState10[1];
   (0, _react.useEffect)(function () {
     setScroll(true);
   }, [scrollKey]);
   (0, _react.useEffect)(function () {
     var _context;
-
     if (!scroll) return;
     var treeRoot = scrollRef.current;
     var treeNode = treeRoot === null || treeRoot === void 0 ? void 0 : treeRoot.getElementsByClassName((0, _concat.default)(_context = "".concat(treeNodePrefixCls, "-item-")).call(_context, scrollKey))[0];
-
     if (!scrollKey) {
       setScroll(false);
       return;
     }
-
     if (treeRoot && treeNode) {
       var treeRootRect = treeRoot.getBoundingClientRect();
       var treeNodeRect = treeNode.getBoundingClientRect();
-
       if (treeRootRect.top <= treeNodeRect.top && treeRootRect.bottom >= treeNodeRect.bottom) {
         setScroll(false);
         return;
       }
     }
-
     var _index = index;
     var visibleDataLength = Math.ceil(viewportHeight / estimatedItemSize);
     var halfVisibleIndex = Math.floor(visibleDataLength / 2);
@@ -169,19 +127,15 @@ var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize
     setScroll(false);
   }, [scroll, index, viewportHeight, estimatedItemSize]);
 };
-
 exports.useScrollToKey = useScrollToKey;
-
 var useSelect = function useSelect(selectedKeysProps, defaultSelectedKeys) {
   var _useState = (0, _react.useState)(selectedKeysProps || defaultSelectedKeys),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedKeys = _useState2[0],
-      setSelectedKeys = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   (0, _react.useEffect)(function () {
     setSelectedKeys(selectedKeysProps);
   }, [selectedKeysProps]);
   return [selectedKeys, setSelectedKeys];
 };
-
 exports.useSelect = useSelect;

package/lib/tree/treeNode.js

@@ -1,107 +1,79 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _utils = require("../_utils");
-
 var _checkbox = _interopRequireDefault(require("./../checkbox"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 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; }
-
 var __rest = void 0 && (void 0).__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];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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 TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _context;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var TreeNodeProps = (0, _utils.getCompProps)('TreeNode', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
-
   var nodeKey = TreeNodeProps.nodeKey,
-      customPrefixcls = TreeNodeProps.prefixCls,
-      selectable = TreeNodeProps.selectable,
-      checkable = TreeNodeProps.checkable,
-      className = TreeNodeProps.className,
-      icon = TreeNodeProps.icon,
-      switcherIcon = TreeNodeProps.switcherIcon,
-      disabled = TreeNodeProps.disabled,
-      draggable = TreeNodeProps.draggable,
-      pos = TreeNodeProps.pos,
-      checked = TreeNodeProps.checked,
-      level = TreeNodeProps.level,
-      getDragNode = TreeNodeProps.getDragNode,
-      hasChildNode = TreeNodeProps.hasChildNode,
-      expand = TreeNodeProps.expand,
-      title = TreeNodeProps.title,
-      showLine = TreeNodeProps.showLine,
-      showIcon = TreeNodeProps.showIcon,
-      selected = TreeNodeProps.selected,
-      setDragNode = TreeNodeProps.setDragNode,
-      style = TreeNodeProps.style,
-      indeterminate = TreeNodeProps.indeterminate,
-      estimatedItemSize = TreeNodeProps.estimatedItemSize,
-      dragOver = TreeNodeProps.dragOver,
-      dropPosition = TreeNodeProps.dropPosition,
-      expandOnClickNode = TreeNodeProps.expandOnClickNode,
-      loading = TreeNodeProps.loading,
-      onExpand = TreeNodeProps.onExpand,
-      onCheck = TreeNodeProps.onCheck,
-      onDragStart = TreeNodeProps.onDragStart,
-      onDragOver = TreeNodeProps.onDragOver,
-      onDragLeave = TreeNodeProps.onDragLeave,
-      onDragEnter = TreeNodeProps.onDragEnter,
-      onDragEnd = TreeNodeProps.onDragEnd,
-      onDrop = TreeNodeProps.onDrop,
-      onSelect = TreeNodeProps.onSelect,
-      others = __rest(TreeNodeProps, ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"]);
-
+    customPrefixcls = TreeNodeProps.prefixCls,
+    selectable = TreeNodeProps.selectable,
+    checkable = TreeNodeProps.checkable,
+    className = TreeNodeProps.className,
+    icon = TreeNodeProps.icon,
+    switcherIcon = TreeNodeProps.switcherIcon,
+    disabled = TreeNodeProps.disabled,
+    draggable = TreeNodeProps.draggable,
+    pos = TreeNodeProps.pos,
+    checked = TreeNodeProps.checked,
+    level = TreeNodeProps.level,
+    getDragNode = TreeNodeProps.getDragNode,
+    hasChildNode = TreeNodeProps.hasChildNode,
+    expand = TreeNodeProps.expand,
+    title = TreeNodeProps.title,
+    showLine = TreeNodeProps.showLine,
+    showIcon = TreeNodeProps.showIcon,
+    selected = TreeNodeProps.selected,
+    setDragNode = TreeNodeProps.setDragNode,
+    style = TreeNodeProps.style,
+    indeterminate = TreeNodeProps.indeterminate,
+    estimatedItemSize = TreeNodeProps.estimatedItemSize,
+    dragOver = TreeNodeProps.dragOver,
+    dropPosition = TreeNodeProps.dropPosition,
+    expandOnClickNode = TreeNodeProps.expandOnClickNode,
+    loading = TreeNodeProps.loading,
+    onExpand = TreeNodeProps.onExpand,
+    onCheck = TreeNodeProps.onCheck,
+    onDragStart = TreeNodeProps.onDragStart,
+    onDragOver = TreeNodeProps.onDragOver,
+    onDragLeave = TreeNodeProps.onDragLeave,
+    onDragEnter = TreeNodeProps.onDragEnter,
+    onDragEnd = TreeNodeProps.onDragEnd,
+    onDrop = TreeNodeProps.onDrop,
+    onSelect = TreeNodeProps.onSelect,
+    others = __rest(TreeNodeProps, ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"]);
   var nodeData = _react.default.useMemo(function () {
     return (0, _extends2.default)({
       selectable: selectable,
@@ -122,42 +94,33 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       selected: selected
     }, others);
   }, [selectable, checkable, expand, nodeKey, level, title, disabled, draggable, checked, pos, hasChildNode, indeterminate, icon, switcherIcon, showIcon, selected]);
-
   var useExpand = function useExpand(value) {
     var _React$useState = _react.default.useState(value),
-        _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-        expand = _React$useState2[0],
-        setExpand = _React$useState2[1];
-
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      expand = _React$useState2[0],
+      setExpand = _React$useState2[1];
     var setExpandState = function setExpandState(value) {
       return setExpand(value);
     };
-
     (0, _react.useEffect)(function () {
       setExpand(value);
     }, [value]);
     return [expand, setExpandState];
   };
-
   var dragRef = _react.default.useRef(null);
-
   var _useExpand = useExpand(expand),
-      _useExpand2 = (0, _slicedToArray2.default)(_useExpand, 2),
-      expandState = _useExpand2[0],
-      setExpandState = _useExpand2[1];
-
+    _useExpand2 = (0, _slicedToArray2.default)(_useExpand, 2),
+    expandState = _useExpand2[0],
+    setExpandState = _useExpand2[1];
   var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      showDragLine = _React$useState4[0],
-      setShowDragLine = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    showDragLine = _React$useState4[0],
+    setShowDragLine = _React$useState4[1];
   var _React$useState5 = _react.default.useState(false),
-      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-      forbiddenChildrenPointerEvents = _React$useState6[0],
-      setForbiddenChildrenPointerEvents = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    forbiddenChildrenPointerEvents = _React$useState6[0],
+    setForbiddenChildrenPointerEvents = _React$useState6[1];
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 按钮样式前缀
-
   var renderIcon = function renderIcon(icon) {
     if (typeof icon === 'function') {
       var nodeProps = {
@@ -178,16 +141,12 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       };
       return icon((0, _extends2.default)({}, nodeProps));
     }
-
     return icon;
   };
-
   var indent = function indent() {
     var _classNames;
-
     var indentArr = [];
     var className = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(treeNodePrefixCls, "-indent"), true), (0, _defineProperty2.default)(_classNames, "".concat(treeNodePrefixCls, "-indent-line"), !!showLine), _classNames));
-
     for (var i = 0; i < level; i++) {
       indentArr.push( /*#__PURE__*/_react.default.createElement("span", {
         className: className,
@@ -195,43 +154,35 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         style: {
           height: "".concat(estimatedItemSize)
         }
-      }, "\xA0\xA0\xA0\xA0"));
+      }));
     }
-
     return indentArr;
   };
-
   var isLeaf = (0, _react.useCallback)(function () {
     var isLeaf = TreeNodeProps.isLeaf,
-        loadData = TreeNodeProps.loadData,
-        hasChildNode = TreeNodeProps.hasChildNode;
-
+      loadData = TreeNodeProps.loadData,
+      hasChildNode = TreeNodeProps.hasChildNode;
     if (isLeaf === false) {
       return false;
     }
-
     return isLeaf || !loadData && !hasChildNode;
-  }, [TreeNodeProps]); // line的两种模式， 图标被替换和图标不被替换
-
+  }, [TreeNodeProps]);
+  // line的两种模式， 图标被替换和图标不被替换
   var renderExpandIcon = function renderExpandIcon() {
     if (loading) {
       return /*#__PURE__*/_react.default.createElement(_spin.default, {
         type: "component"
       });
     }
-
     var showExpandIcon = !isLeaf();
-
     if (showExpandIcon) {
       var _classNames3;
-
       if (Array.isArray(switcherIcon) && switcherIcon.length === 2) {
         return /*#__PURE__*/_react.default.createElement("span", {
           className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-icon"), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode)),
           onClick: expandOnClickNode ? undefined : handleExpandIconClick
         }, expandState ? renderIcon(switcherIcon[1]) : renderIcon(switcherIcon[0]));
       }
-
       return /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
         onClick: expandOnClickNode ? undefined : handleExpandIconClick
@@ -245,16 +196,13 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       });
     }
   };
-
   var renderNodeIcon = function renderNodeIcon() {
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(treeNodePrefixCls, "-leaf-icon")
     }, renderIcon(icon));
   };
-
   var renderNode = function renderNode() {
     var _classNames4, _classNames5;
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       draggable: draggable && !disabled,
       className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(treeNodePrefixCls, "-draggabled"), true), (0, _defineProperty2.default)(_classNames4, "".concat(treeNodePrefixCls, "-root"), true), (0, _defineProperty2.default)(_classNames4, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), (0, _defineProperty2.default)(_classNames4, "".concat(treeNodePrefixCls, "-drag-over"), dragOver), _classNames4)),
@@ -286,88 +234,72 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-drag-line-bottom"))
     }))));
   };
-
   var handleOnchange = _react.default.useCallback(function (e) {
     var value = e.target.checked;
     onCheck && onCheck(nodeKey, value, nodeData, e, pos);
   }, [onCheck, nodeKey, nodeData, pos]);
-
   var handleSelect = _react.default.useCallback(function (e) {
     selectable && !disabled && onSelect && onSelect(e, nodeData, nodeKey);
   }, [onSelect, selectable, disabled, nodeData, nodeKey]);
-
   _react.default.useImperativeHandle(ref, function () {
     return {
       selectNode: handleSelect
     };
   });
-
   var handleExpandIconClick = (0, _react.useCallback)(function (e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     setExpandState(!expandState);
     onExpand && onExpand(nodeKey, !expandState, nodeData);
   }, [expandState, nodeData, nodeKey, onExpand, setExpandState]);
-
   var handleClick = _react.default.useCallback(function (e) {
     e.stopPropagation();
     expandOnClickNode && handleExpandIconClick();
     handleSelect(e);
   }, [expandOnClickNode, handleExpandIconClick, handleSelect]);
-
   var handleDragStart = _react.default.useCallback(function (e) {
     if (!draggable) return;
     setDragNode(nodeData);
     onDragStart && onDragStart(e, props);
   }, [draggable, setDragNode, nodeData, onDragStart, props]);
-
   var handleDragOver = _react.default.useCallback(function (e) {
     if (!draggable) return;
     e.preventDefault();
     onDragOver && onDragOver(e, nodeData, dragRef.current);
   }, [onDragOver, nodeData, draggable]);
-
   var handleDragLeave = _react.default.useCallback(function (e) {
     var _a;
-
     if (!draggable) return;
     if (!((_a = dragRef.current) === null || _a === void 0 ? void 0 : _a.isEqualNode(e.target))) return;
     setForbiddenChildrenPointerEvents(false);
     setShowDragLine(false);
     onDragLeave && onDragLeave(e, nodeData);
   }, [onDragLeave, nodeData, draggable]);
-
   var handleDragEnter = _react.default.useCallback(function (e) {
     var _a;
-
     if (!draggable) return;
     setForbiddenChildrenPointerEvents(true);
     if (!((_a = dragRef.current) === null || _a === void 0 ? void 0 : _a.isEqualNode(e.target))) return;
     setShowDragLine(true);
     onDragEnter && onDragEnter(e, nodeData, dragRef.current);
   }, [onDragEnter, nodeData, draggable]);
-
   var handleDragEnd = _react.default.useCallback(function (e) {
     if (!draggable) return;
     onDragEnd && onDragEnd(e, nodeData);
     setDragNode(undefined);
   }, [onDragEnd, nodeData, draggable]);
-
   var handleDrop = _react.default.useCallback(function (e) {
     if (!draggable) return;
     setShowDragLine(false);
     setForbiddenChildrenPointerEvents(false);
     var data = getDragNode();
     var sourceKey = data === null || data === void 0 ? void 0 : data.key;
-
     if (sourceKey) {
       var targetKey = nodeKey;
-
       if (targetKey !== sourceKey) {
         onDrop && onDrop(e, nodeData, data, sourceKey);
       }
     }
   }, [onDrop, nodeData, nodeKey]);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-item"), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-item-hover"), !disabled && selectable && expandOnClickNode), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-selected"), selected && selectable && !disabled && expandOnClickNode), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)({}, "".concat(treeNodePrefixCls, "-opened"), expandState), (0, _concat.default)(_context = "".concat(treeNodePrefixCls, "-item-")).call(_context, nodeKey), className),
     style: (0, _extends2.default)({
@@ -376,7 +308,6 @@ var TreeNode = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClick: expandOnClickNode ? handleClick : undefined
   }, renderNode());
 });
-
 TreeNode.displayName = 'TreeNode';
 var _default = TreeNode;
 exports.default = _default;