@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/tree/treeNode.js

@@ -3,20 +3,14 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__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 _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useCallback, useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -26,52 +20,48 @@ import Icon from '../icon';
 import Spin from '../spin';
 var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _context;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var TreeNodeProps = 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.useMemo(function () {
     return _extends({
       selectable: selectable,
@@ -92,42 +82,33 @@ var TreeNode = /*#__PURE__*/React.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.useState(value),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        expand = _React$useState2[0],
-        setExpand = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      expand = _React$useState2[0],
+      setExpand = _React$useState2[1];
     var setExpandState = function setExpandState(value) {
       return setExpand(value);
     };
-
     useEffect(function () {
       setExpand(value);
     }, [value]);
     return [expand, setExpandState];
   };
-
   var dragRef = React.useRef(null);
-
   var _useExpand = useExpand(expand),
-      _useExpand2 = _slicedToArray(_useExpand, 2),
-      expandState = _useExpand2[0],
-      setExpandState = _useExpand2[1];
-
+    _useExpand2 = _slicedToArray(_useExpand, 2),
+    expandState = _useExpand2[0],
+    setExpandState = _useExpand2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showDragLine = _React$useState4[0],
-      setShowDragLine = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    showDragLine = _React$useState4[0],
+    setShowDragLine = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      forbiddenChildrenPointerEvents = _React$useState6[0],
-      setForbiddenChildrenPointerEvents = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_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 = {
@@ -148,16 +129,12 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
       return icon(_extends({}, nodeProps));
     }
-
     return icon;
   };
-
   var indent = function indent() {
     var _classNames;
-
     var indentArr = [];
     var className = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(treeNodePrefixCls, "-indent"), true), _defineProperty(_classNames, "".concat(treeNodePrefixCls, "-indent-line"), !!showLine), _classNames));
-
     for (var i = 0; i < level; i++) {
       indentArr.push( /*#__PURE__*/React.createElement("span", {
         className: className,
@@ -165,43 +142,35 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
         style: {
           height: "".concat(estimatedItemSize)
         }
-      }, "\xA0\xA0\xA0\xA0"));
+      }));
     }
-
     return indentArr;
   };
-
   var isLeaf = 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.createElement(Spin, {
         type: "component"
       });
     }
-
     var showExpandIcon = !isLeaf();
-
     if (showExpandIcon) {
       var _classNames3;
-
       if (Array.isArray(switcherIcon) && switcherIcon.length === 2) {
         return /*#__PURE__*/React.createElement("span", {
           className: classNames("".concat(treeNodePrefixCls, "-icon"), _defineProperty({}, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode)),
           onClick: expandOnClickNode ? undefined : handleExpandIconClick
         }, expandState ? renderIcon(switcherIcon[1]) : renderIcon(switcherIcon[0]));
       }
-
       return /*#__PURE__*/React.createElement("span", {
         className: classNames("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), _defineProperty(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), _defineProperty(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
         onClick: expandOnClickNode ? undefined : handleExpandIconClick
@@ -215,16 +184,13 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     }
   };
-
   var renderNodeIcon = function renderNodeIcon() {
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(treeNodePrefixCls, "-leaf-icon")
     }, renderIcon(icon));
   };
-
   var renderNode = function renderNode() {
     var _classNames4, _classNames5;
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       draggable: draggable && !disabled,
       className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(treeNodePrefixCls, "-draggabled"), true), _defineProperty(_classNames4, "".concat(treeNodePrefixCls, "-root"), true), _defineProperty(_classNames4, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), _defineProperty(_classNames4, "".concat(treeNodePrefixCls, "-drag-over"), dragOver), _classNames4)),
@@ -256,7 +222,6 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classNames("".concat(treeNodePrefixCls, "-drag-line-bottom"))
     }))));
   };
-
   var handleOnchange = React.useCallback(function (e) {
     var value = e.target.checked;
     onCheck && onCheck(nodeKey, value, nodeData, e, pos);
@@ -291,7 +256,6 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onDragOver, nodeData, draggable]);
   var handleDragLeave = React.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);
@@ -300,7 +264,6 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onDragLeave, nodeData, draggable]);
   var handleDragEnter = React.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;
@@ -318,10 +281,8 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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);
       }