@kdcloudjs/kdesign 1.8.11 → 1.8.13

package/es/transfer/transfer.js

@@ -20,7 +20,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     locale = _useContext.locale;
-  var transferProps = getCompProps('Transfer', userDefaultProps, props); // 获取穿梭框props
+  var transferProps = getCompProps('Transfer', userDefaultProps, props);
   var customPrefixcls = transferProps.prefixCls,
     className = transferProps.className,
     dataSource = transferProps.dataSource,
@@ -102,7 +102,6 @@ var InternalTransfer = function InternalTransfer(props, ref) {
   };
   var moveTo = function moveTo(direction) {
     var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;
-    // 过滤出disable的选项
     var newMoveKeys = _filterInstanceProperty(moveKeys).call(moveKeys, function (key) {
       return !dataSource.some(function (data) {
         return !!(key === data.key && data.disabled);
@@ -111,7 +110,6 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     var newTargetKeys = direction === 'right' ? _concatInstanceProperty(newMoveKeys).call(newMoveKeys, targetKeys) : _filterInstanceProperty(targetKeys).call(targetKeys, function (targetKey) {
       return newMoveKeys.indexOf(targetKey) === -1;
     });
-    // 重置选择项
     var oppositeDirection = direction === 'right' ? 'left' : 'right';
     setStateKeys(oppositeDirection, []);
     handleSelectChange(oppositeDirection, []);
@@ -153,10 +151,8 @@ var InternalTransfer = function InternalTransfer(props, ref) {
       var mergedCheckedKeys = [];
       if (checkAll) {
         var _context;
-        //  全选
         mergedCheckedKeys = _toConsumableArray(new _Set(_concatInstanceProperty(_context = []).call(_context, _toConsumableArray(prevKeys), _toConsumableArray(selectedKeys))));
       } else {
-        // 取消全选
         mergedCheckedKeys = _filterInstanceProperty(prevKeys).call(prevKeys, function (key) {
           return selectedKeys.indexOf(key) === -1;
         });
@@ -219,16 +215,15 @@ var InternalTransfer = function InternalTransfer(props, ref) {
         direction: direction
       });
     }
-    var defaultContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
+    var defaultContent = React.createElement(React.Fragment, null, React.createElement("img", {
       src: noDataImg,
       alt: transferLang.emptyTip,
       height: 96
-    }), /*#__PURE__*/React.createElement("span", {
+    }), React.createElement("span", {
       className: "".concat(transferPrefixCls, "-list-body-not-found-tip")
     }, transferLang.emptyTip));
     return noDataContent || defaultContent;
   };
-  // 获取左右数据源
   var separateDataSource = function separateDataSource() {
     var leftDataSource = [];
     var rightDataSource = new Array(targetKeys.length);
@@ -251,10 +246,10 @@ var InternalTransfer = function InternalTransfer(props, ref) {
   var _separateDataSource = separateDataSource(),
     leftDataSource = _separateDataSource.leftDataSource,
     rightDataSource = _separateDataSource.rightDataSource;
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: cls,
     style: style
-  }, /*#__PURE__*/React.createElement(List, {
+  }, React.createElement(List, {
     prefixCls: "".concat(transferPrefixCls, "-list"),
     placeholder: leftPlaceholder,
     titleText: leftTitle,
@@ -276,7 +271,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     noDataContent: handleNoDataContent(noDataContent, 'left'),
     footer: footer,
     ref: leftListRef
-  }), /*#__PURE__*/React.createElement(Operation, {
+  }), React.createElement(Operation, {
     className: "".concat(transferPrefixCls, "-operation"),
     rightActive: rightActive,
     rightArrowText: operations[0],
@@ -287,7 +282,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     style: operationStyle,
     disabled: disabled,
     oneWay: oneWay
-  }), /*#__PURE__*/React.createElement(List, {
+  }), React.createElement(List, {
     prefixCls: "".concat(transferPrefixCls, "-list"),
     placeholder: rightPlaceholder,
     titleText: rightTitle,
@@ -313,6 +308,6 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     ref: rightListRef
   }));
 };
-var Transfer = /*#__PURE__*/React.forwardRef(InternalTransfer);
+var Transfer = React.forwardRef(InternalTransfer);
 Transfer.displayName = 'Transfer';
 export default Transfer;

package/es/tree/tree.js

@@ -26,13 +26,13 @@ import VirtualList from '../virtual-list';
 import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getAllCheckedKeys, getDataCheckededStateStrictly, getAllChildKeys, getPos, calcDropPosition } from './utils/treeUtils';
 import { useChecked, useExpand, useSelect } from './treeHooks';
 import isBoolean from 'lodash/isBoolean';
-var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var InternalTree = React.forwardRef(function (props, ref) {
   var _classNames;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var TreeProps = getCompProps('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var TreeProps = getCompProps('Tree', userDefaultProps, props);
   var customPrefixcls = TreeProps.prefixCls,
     treeData = TreeProps.treeData,
     virtual = TreeProps.virtual,
@@ -84,10 +84,10 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showLine = TreeProps.showLine,
     expandOnFilterNode = TreeProps.expandOnFilterNode,
     others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent", "showLine", "expandOnFilterNode"]);
-  var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
+  var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls);
   var treeNodeClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(treePrefixCls), true), _defineProperty(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
-  var estimatedItemSize = innerEstimatedItemSize; // 节点高度
+  var estimatedItemSize = innerEstimatedItemSize;
   var _React$useMemo = React.useMemo(function () {
       return flattenAll(treeData, []);
     }, [treeData]),
@@ -413,7 +413,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;
-    item.checkable = getCheckable(checkable, item.checkable); // 哪个优先
+    item.checkable = getCheckable(checkable, item.checkable);
     item.selectable = getSelectable(item.selectable);
     item.icon = item.icon || icon;
     item.switcherIcon = item.switcherIcon || switcherIcon;
@@ -430,20 +430,20 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.loading = loadingKeys.has(item.key) && !loadedKeys.has(item.key);
     item.loadData = loadData;
     item.isActiveLine = showLine && isSelectedNodeChildrenKey(item.pathParentKeys);
-    return /*#__PURE__*/React.createElement(TreeNode, _extends({}, item, {
+    return React.createElement(TreeNode, _extends({}, item, {
       key: item.key,
       ref: treeNodeRef,
       activeLevel: seletedKeyLevel
     }));
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return React.createElement("div", _extends({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef
-  }, others), /*#__PURE__*/React.createElement("div", {
+  }, others), React.createElement("div", {
     className: treeRootClassName,
     ref: listRef
-  }, !(filterData === null || filterData === void 0 ? void 0 : filterData.length) && notFoundContent, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+  }, !(filterData === null || filterData === void 0 ? void 0 : filterData.length) && notFoundContent, virtual ? React.createElement(VirtualList, {
     className: className,
     style: style,
     ref: virtualListRef,

package/es/tree/treeNode.js

@@ -18,13 +18,13 @@ import { getCompProps } from '../_utils';
 import Checkbox from './../checkbox';
 import Icon from '../icon';
 import Spin from '../spin';
-var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
+var TreeNode = React.forwardRef(function (props) {
   var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var TreeNodeProps = getCompProps('TreeNode', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var TreeNodeProps = getCompProps('TreeNode', userDefaultProps, props);
   var nodeKey = TreeNodeProps.nodeKey,
     customPrefixcls = TreeNodeProps.prefixCls,
     selectable = TreeNodeProps.selectable,
@@ -110,7 +110,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     forbiddenChildrenPointerEvents = _React$useState6[0],
     setForbiddenChildrenPointerEvents = _React$useState6[1];
-  var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 按钮样式前缀
+  var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls);
   var renderIcon = function renderIcon(icon) {
     if (typeof icon === 'function') {
       var nodeProps = {
@@ -137,7 +137,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
     var indentArr = [];
     for (var i = 0; i < level; i++) {
       var _classNames;
-      indentArr.push( /*#__PURE__*/React.createElement("span", {
+      indentArr.push(React.createElement("span", {
         className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(treeNodePrefixCls, "-indent"), true), _defineProperty(_classNames, "".concat(treeNodePrefixCls, "-indent-active"), !!isActiveLine && i === activeLevel), _classNames)),
         key: i,
         style: {
@@ -156,10 +156,9 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
     }
     return isLeaf || !loadData && !hasChildNode;
   }, [TreeNodeProps]);
-  // line的两种模式， 图标被替换和图标不被替换
   var renderExpandIcon = function renderExpandIcon() {
     if (loading) {
-      return /*#__PURE__*/React.createElement(Spin, {
+      return React.createElement(Spin, {
         type: "component"
       });
     }
@@ -167,32 +166,31 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
     if (showExpandIcon) {
       var _classNames3;
       if (Array.isArray(switcherIcon) && switcherIcon.length === 2) {
-        return /*#__PURE__*/React.createElement("span", {
+        return React.createElement("span", {
           className: classNames("".concat(treeNodePrefixCls, "-icon"), _defineProperty({}, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode)),
           onClick: expandOnClickNode ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
         }, expandState ? renderIcon(switcherIcon[1]) : renderIcon(switcherIcon[0]));
       }
-      return /*#__PURE__*/React.createElement("span", {
+      return 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 ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
-      }, renderIcon(switcherIcon || /*#__PURE__*/React.createElement(Icon, {
+      }, renderIcon(switcherIcon || React.createElement(Icon, {
         type: "arrow-right-solid"
       })));
     } else {
-      // 叶子结点 隐藏展开按钮
-      return /*#__PURE__*/React.createElement("span", {
+      return React.createElement("span", {
         className: "".concat(treeNodePrefixCls, "-icon-hidden")
       });
     }
   };
   var renderNodeIcon = function renderNodeIcon() {
-    return /*#__PURE__*/React.createElement("span", {
+    return 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", {
+    return React.createElement(React.Fragment, null, 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)),
       onDragStart: handleDragStart,
@@ -202,12 +200,12 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
       onDragEnter: handleDragEnter,
       onDrop: handleDrop,
       ref: dragRef
-    }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), /*#__PURE__*/React.createElement("div", {
+    }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), React.createElement("div", {
       className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap"), true), _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-hover"), !expandOnClickNode && !disabled), _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-selected"), selected && selectable && !disabled && !expandOnClickNode), _classNames5)),
       onClick: expandOnClickNode ? undefined : handleClick
-    }, showDragLine && dropPosition === -1 && /*#__PURE__*/React.createElement("span", {
+    }, showDragLine && dropPosition === -1 && React.createElement("span", {
       className: classNames("".concat(treeNodePrefixCls, "-drag-line-top"))
-    }), checkable ? /*#__PURE__*/React.createElement(Checkbox, {
+    }), checkable ? React.createElement(Checkbox, {
       onChange: handleOnchange,
       checked: !disabled && checked,
       indeterminate: !disabled && indeterminate,
@@ -215,11 +213,11 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
       onClick: function onClick(e) {
         return e.stopPropagation();
       }
-    }, /*#__PURE__*/React.createElement("span", {
+    }, React.createElement("span", {
       className: classNames("".concat(treeNodePrefixCls, "-title"), _defineProperty({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
-    }, title)) : /*#__PURE__*/React.createElement("span", {
+    }, title)) : React.createElement("span", {
       className: classNames("".concat(treeNodePrefixCls, "-title"), _defineProperty({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
-    }, title), showDragLine && dropPosition === 1 && /*#__PURE__*/React.createElement("span", {
+    }, title), showDragLine && dropPosition === 1 && React.createElement("span", {
       className: classNames("".concat(treeNodePrefixCls, "-drag-line-bottom"))
     }))));
   };
@@ -287,7 +285,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
       }
     }
   }, [onDrop, nodeData, nodeKey]);
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: classNames("".concat(treeNodePrefixCls, "-item"), _defineProperty({}, "".concat(treeNodePrefixCls, "-item-hover"), !disabled && selectable && expandOnClickNode), _defineProperty({}, "".concat(treeNodePrefixCls, "-selected"), selected && selectable && !disabled && expandOnClickNode), _defineProperty({}, "".concat(treeNodePrefixCls, "-disabled"), disabled), _defineProperty({}, "".concat(treeNodePrefixCls, "-opened"), expandState), _concatInstanceProperty(_context = "".concat(treeNodePrefixCls, "-item-")).call(_context, nodeKey), className),
     style: _extends({
       height: "".concat(estimatedItemSize, "px")

package/es/tree/utils/treeUtils.js

@@ -19,14 +19,6 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 var DRAG_OFFSET = 0.3;
-/**
- * 打平所有数组，并添加pos位置信息，
- * 方便根据expandKeys等计算节点的expand，checkedKeys计算节点checked状态
- * @param treeData [{key:'',title:'',children:[]}]
- * @param newTreeData[{key:'',title:'',children:[], pos:'', hasChildNode, level}]
- * @param level
- * @param pos
- */
 export var flattenAll = function flattenAll(treeData) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -87,11 +79,6 @@ export var getSelected = function getSelected(selectedKeys, key) {
 export var getHalfChecked = function getHalfChecked(halfCheckedKeys, key) {
   return halfCheckedKeys === null || halfCheckedKeys === void 0 ? void 0 : _includesInstanceProperty(halfCheckedKeys).call(halfCheckedKeys, key);
 };
-/**
- * 获取所有层级的父节点
- * @param data
- * @param pos
- */
 var isAllParentExpand = function isAllParentExpand(_data, pos, posData) {
   var _a;
   var expand = true;
@@ -132,7 +119,6 @@ export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, ke
     var node = _extends({}, item);
     while (node) {
       allFilterKeys.add(node.key);
-      // expandOnFilterNode为true时，不将filterKeys中的节点添加到filterExpandKeys中
       if (!expandOnFilterNode || !firstIteration) {
         filterExpandKeys.add(node.key);
       }
@@ -236,13 +222,6 @@ export var getMaxLevel = function getMaxLevel(data) {
   });
   return maxLevel;
 };
-/**
- *计算node的属性后返回新的 treedata
- * @param treeData  打平后的treeData [{key:'',title:'',children:[], pos:''}]
- * @param defaultExpandRoot
- * @param expandedKeys
- * @param defaultExpandAll
- */
 export var getSpreadAttrData = function getSpreadAttrData(treeData, expandedKeys) {
   var spreadAttrData = [];
   var posData = {};
@@ -393,7 +372,6 @@ export function getChildNodeKeys(node, keysNodeProps) {
 }
 var updateParent = function updateParent(key, keysNodeProps, allKeys, halfCheckedKeysSet) {
   var pathParentKeys = _toConsumableArray(keysNodeProps[key].pathParentKeys);
-  // 逐级更新父节点的状态
   pathParentKeys.reverse().forEach(function (itemKey) {
     var parent = keysNodeProps[itemKey];
     if (parent && parent.checkable !== false) {
@@ -402,7 +380,6 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
       parent.children.some(function (_ref) {
         var key = _ref.key;
         var item = keysNodeProps[key];
-        // 不符合可选条件
         if (!item || item.checkable === false) {
           return false;
         }
@@ -410,7 +387,6 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
         if (allKeys.has(key)) {
           number++;
         } else if (halfCheckedKeysSet.has(key)) {
-          // 只要有一个半选，就不用再算了 ，父节点是半选
           number += 0.5;
           return true;
         }
@@ -465,7 +441,6 @@ export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, half
   var childKeys = getChildNodeKeys(keysNodeProps[key], keysNodeProps);
   var allKeys = checkedKeysSet;
   if (checked) {
-    // 选中节点，找到所有符合条件的子节点的key
     allKeys.add(key);
     halfCheckedKeysSet.delete(key);
     childKeys.forEach(function (v) {
@@ -474,7 +449,6 @@ export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, half
     });
   } else {
     halfCheckedKeysSet.delete(key);
-    // 移除所有符合条件的子节点的key
     allKeys.delete(key);
     childKeys.forEach(function (v) {
       allKeys.delete(v);
@@ -501,7 +475,7 @@ export var getDataCheckededState = function getDataCheckededState(data, checkedK
       var _hasChildChecked = _hasChildCheckState === null || _hasChildCheckState === void 0 ? void 0 : _hasChildCheckState.checked;
       var _hasHalfChildChecked = _hasChildCheckState === null || _hasChildCheckState === void 0 ? void 0 : _hasChildCheckState.halfChecked;
       if (item.level === i) {
-        if (item.disabled) return; // 节点被禁用
+        if (item.disabled) return;
         if (value) {
           if (!selfChecked) {
             if (isParentNode(item.pos, pos)) {

package/es/tree-select/interface.js

@@ -1,4 +1,4 @@
 import { tuple } from '../_utils/type';
-export var SelectSizes = tuple('large', 'middle', 'small'); // 选择框大小
+export var SelectSizes = tuple('large', 'middle', 'small');
 export var BorderTypes = tuple('none', 'underline', 'bordered');
 export var Modes = tuple('multiple', 'single');