linkmore-design 1.1.27-beta.4 → 1.1.27-beta.6

package/lib/Tree/DirectoryTree.js

@@ -1,65 +1,92 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _FileOutlined = _interopRequireDefault(require("@ant-design/icons/FileOutlined"));
+
 var _FolderOpenOutlined = _interopRequireDefault(require("@ant-design/icons/FolderOpenOutlined"));
+
 var _FolderOutlined = _interopRequireDefault(require("@ant-design/icons/FolderOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _util = require("rc-tree/lib/util");
+
 var _treeUtil = require("rc-tree/lib/utils/treeUtil");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
 var _Tree = _interopRequireDefault(require("./Tree"));
+
 var _dictUtil = require("./utils/dictUtil");
+
 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];
   }
+
   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;
 };
+
 var ConfigContext = _ConfigProvider.default.ConfigContext;
+
 function getIcon(props) {
   var isLeaf = props.isLeaf,
-    expanded = props.expanded;
+      expanded = props.expanded;
+
   if (isLeaf) {
     return /*#__PURE__*/React.createElement(_FileOutlined.default, null);
   }
+
   return expanded ? /*#__PURE__*/React.createElement(_FolderOpenOutlined.default, null) : /*#__PURE__*/React.createElement(_FolderOutlined.default, null);
 }
+
 function getTreeData(_ref) {
   var treeData = _ref.treeData,
-    children = _ref.children;
+      children = _ref.children;
   return treeData || (0, _treeUtil.convertTreeToData)(children);
 }
+
 var DirectoryTree = function DirectoryTree(_a, ref) {
   var defaultExpandAll = _a.defaultExpandAll,
-    defaultExpandParent = _a.defaultExpandParent,
-    defaultExpandedKeys = _a.defaultExpandedKeys,
-    props = __rest(_a, ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"]);
-  // Shift click usage
+      defaultExpandParent = _a.defaultExpandParent,
+      defaultExpandedKeys = _a.defaultExpandedKeys,
+      props = __rest(_a, ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"]); // Shift click usage
+
+
   var lastSelectedKey = React.useRef();
   var cachedSelectedKeys = React.useRef();
   var treeRef = /*#__PURE__*/React.createRef();
   React.useImperativeHandle(ref, function () {
     return treeRef.current;
   });
+
   var getInitExpandedKeys = function getInitExpandedKeys() {
     var _convertDataToEntitie = (0, _treeUtil.convertDataToEntities)(getTreeData(props)),
-      keyEntities = _convertDataToEntitie.keyEntities;
-    var initExpandedKeys;
-    // Expanded keys
+        keyEntities = _convertDataToEntitie.keyEntities;
+
+    var initExpandedKeys; // Expanded keys
+
     if (defaultExpandAll) {
       initExpandedKeys = Object.keys(keyEntities);
     } else if (defaultExpandParent) {
@@ -67,16 +94,20 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
     } else {
       initExpandedKeys = props.expandedKeys || defaultExpandedKeys;
     }
+
     return initExpandedKeys;
   };
+
   var _React$useState = React.useState(props.selectedKeys || props.defaultSelectedKeys || []),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    selectedKeys = _React$useState2[0],
-    setSelectedKeys = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      selectedKeys = _React$useState2[0],
+      setSelectedKeys = _React$useState2[1];
+
   var _React$useState3 = React.useState(getInitExpandedKeys()),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    expandedKeys = _React$useState4[0],
-    setExpandedKeys = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      expandedKeys = _React$useState4[0],
+      setExpandedKeys = _React$useState4[1];
+
   React.useEffect(function () {
     if ('selectedKeys' in props) {
       setSelectedKeys(props.selectedKeys);
@@ -87,32 +118,38 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
       setExpandedKeys(props.expandedKeys);
     }
   }, [props.expandedKeys]);
+
   var onExpand = function onExpand(keys, info) {
     var _a;
+
     if (!('expandedKeys' in props)) {
       setExpandedKeys(keys);
-    }
-    // Call origin function
+    } // Call origin function
+
+
     return (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, keys, info);
   };
+
   var onSelect = function onSelect(keys, event) {
     var _a;
+
     var multiple = props.multiple;
     var node = event.node,
-      nativeEvent = event.nativeEvent;
+        nativeEvent = event.nativeEvent;
     var _node$key = node.key,
-      key = _node$key === void 0 ? '' : _node$key;
-    var treeData = getTreeData(props);
-    // const newState: DirectoryTreeState = {};
+        key = _node$key === void 0 ? '' : _node$key;
+    var treeData = getTreeData(props); // const newState: DirectoryTreeState = {};
     // We need wrap this event since some value is not same
+
     var newEvent = Object.assign(Object.assign({}, event), {
       selected: true
-    });
-    // Windows / Mac single pick
+    }); // Windows / Mac single pick
+
     var ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey);
-    var shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey;
-    // Generate new selected keys
+    var shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey; // Generate new selected keys
+
     var newSelectedKeys;
+
     if (multiple && ctrlPick) {
       // Control click
       newSelectedKeys = keys;
@@ -135,17 +172,22 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
       cachedSelectedKeys.current = newSelectedKeys;
       newEvent.selectedNodes = (0, _dictUtil.convertDirectoryKeysToNodes)(treeData, newSelectedKeys);
     }
+
     (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, newSelectedKeys, newEvent);
+
     if (!('selectedKeys' in props)) {
       setSelectedKeys(newSelectedKeys);
     }
   };
+
   var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction;
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
   var customizePrefixCls = props.prefixCls,
-    className = props.className,
-    otherProps = __rest(props, ["prefixCls", "className"]);
+      className = props.className,
+      otherProps = __rest(props, ["prefixCls", "className"]);
+
   var prefixCls = getPrefixCls('tree', customizePrefixCls);
   var connectClassName = (0, _classnames.default)("".concat(prefixCls, "-directory"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-directory-rtl"), direction === 'rtl'), className);
   return /*#__PURE__*/React.createElement(_Tree.default, Object.assign({
@@ -161,10 +203,13 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
     onExpand: onExpand
   }));
 };
+
 var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
+
 if (process.env.NODE_ENV !== 'production') {
   ForwardDirectoryTree.displayName = 'DirectoryTree';
 }
+
 ForwardDirectoryTree.defaultProps = {
   showIcon: true,
   expandAction: 'click'

package/lib/Tree/Tree.js

@@ -1,39 +1,55 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _HolderOutlined = _interopRequireDefault(require("@ant-design/icons/HolderOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _rcTree = _interopRequireWildcard(require("rc-tree"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
 var _motion = _interopRequireDefault(require("../_util/motion"));
+
 var _DirectoryTree = _interopRequireDefault(require("./DirectoryTree"));
+
 var _dropIndicator = _interopRequireDefault(require("./utils/dropIndicator"));
+
 var _iconUtil = _interopRequireDefault(require("./utils/iconUtil"));
+
 var ConfigContext = _ConfigProvider.default.ConfigContext;
 var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
+
   var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    virtual = _React$useContext.virtual;
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction,
+      virtual = _React$useContext.virtual;
+
   var customizePrefixCls = props.prefixCls,
-    className = props.className,
-    showIcon = props.showIcon,
-    showLine = props.showLine,
-    _switcherIcon = props.switcherIcon,
-    blockNode = props.blockNode,
-    children = props.children,
-    checkable = props.checkable,
-    selectable = props.selectable,
-    draggable = props.draggable;
+      className = props.className,
+      showIcon = props.showIcon,
+      showLine = props.showLine,
+      _switcherIcon = props.switcherIcon,
+      blockNode = props.blockNode,
+      children = props.children,
+      checkable = props.checkable,
+      selectable = props.selectable,
+      draggable = props.draggable;
   var prefixCls = getPrefixCls('tree', customizePrefixCls);
   var newProps = Object.assign(Object.assign({}, props), {
     showLine: Boolean(showLine),
@@ -43,21 +59,26 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!draggable) {
       return false;
     }
+
     var mergedDraggable = {};
+
     switch ((0, _typeof2.default)(draggable)) {
       case 'function':
         mergedDraggable.nodeDraggable = draggable;
         break;
+
       case 'object':
         mergedDraggable = Object.assign({}, draggable);
         break;
-      default:
-      // Do nothing
+
+      default: // Do nothing
+
     }
 
     if (mergedDraggable.icon !== false) {
       mergedDraggable.icon = mergedDraggable.icon || /*#__PURE__*/React.createElement(_HolderOutlined.default, null);
     }
+
     return mergedDraggable;
   }, [draggable]);
   return /*#__PURE__*/React.createElement(_rcTree.default, Object.assign({

package/lib/Tree/TreeIndex.js

@@ -1,10 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _Tree = _interopRequireDefault(require("./Tree"));
+
 var _default = _Tree.default;
 exports.default = _default;

package/lib/Tree/index.js

@@ -1,28 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _Tree = _interopRequireDefault(require("./Tree"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 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];
   }
+
   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;
 };
+
 var prefixCls = 'lm_tree';
 var LmTree = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-    rest = __rest(props, ["className"]);
+      rest = __rest(props, ["className"]);
+
   return /*#__PURE__*/_react.default.createElement(_Tree.default, Object.assign({
     ref: ref
   }, rest, {

package/lib/Tree/utils/dictUtil.js

@@ -1,52 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcRangeKeys = calcRangeKeys;
 exports.convertDirectoryKeysToNodes = convertDirectoryKeysToNodes;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var Record;
+
 (function (Record) {
   Record[Record["None"] = 0] = "None";
   Record[Record["Start"] = 1] = "Start";
   Record[Record["End"] = 2] = "End";
 })(Record || (Record = {}));
+
 function traverseNodesKey(treeData, callback) {
   function processNode(dataNode) {
     var key = dataNode.key,
-      children = dataNode.children;
+        children = dataNode.children;
+
     if (callback(key, dataNode) !== false) {
       traverseNodesKey(children || [], callback);
     }
   }
+
   treeData.forEach(processNode);
 }
 /** 计算选中范围，只考虑expanded情况以优化性能 */
+
+
 function calcRangeKeys(_ref) {
   var treeData = _ref.treeData,
-    expandedKeys = _ref.expandedKeys,
-    startKey = _ref.startKey,
-    endKey = _ref.endKey;
+      expandedKeys = _ref.expandedKeys,
+      startKey = _ref.startKey,
+      endKey = _ref.endKey;
   var keys = [];
   var record = Record.None;
+
   if (startKey && startKey === endKey) {
     return [startKey];
   }
+
   if (!startKey || !endKey) {
     return [];
   }
+
   function matchKey(key) {
     return key === startKey || key === endKey;
   }
+
   traverseNodesKey(treeData, function (key) {
     if (record === Record.End) {
       return false;
     }
+
     if (matchKey(key)) {
       // Match test
       keys.push(key);
+
       if (record === Record.None) {
         record = Record.Start;
       } else if (record === Record.Start) {
@@ -57,22 +72,27 @@ function calcRangeKeys(_ref) {
       // Append selection
       keys.push(key);
     }
+
     if (expandedKeys.indexOf(key) === -1) {
       return false;
     }
+
     return true;
   });
   return keys;
 }
+
 function convertDirectoryKeysToNodes(treeData, keys) {
   var restKeys = (0, _toConsumableArray2.default)(keys);
   var nodes = [];
   traverseNodesKey(treeData, function (key, node) {
     var index = restKeys.indexOf(key);
+
     if (index !== -1) {
       nodes.push(node);
       restKeys.splice(index, 1);
     }
+
     return !!restKeys.length;
   });
   return nodes;

package/lib/Tree/utils/dropIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const offset = 4;
 export default function dropIndicatorRender(props: {
     dropPosition: -1 | 0 | 1;

package/lib/Tree/utils/dropIndicator.js

@@ -1,39 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = dropIndicatorRender;
 exports.offset = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var offset = 4;
 exports.offset = offset;
+
 function dropIndicatorRender(props) {
   var _style;
+
   var dropPosition = props.dropPosition,
-    dropLevelOffset = props.dropLevelOffset,
-    prefixCls = props.prefixCls,
-    indent = props.indent,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'ltr' : _props$direction;
+      dropLevelOffset = props.dropLevelOffset,
+      prefixCls = props.prefixCls,
+      indent = props.indent,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'ltr' : _props$direction;
   var startPosition = direction === 'ltr' ? 'left' : 'right';
   var endPosition = direction === 'ltr' ? 'right' : 'left';
   var style = (_style = {}, (0, _defineProperty2.default)(_style, startPosition, -dropLevelOffset * indent + offset), (0, _defineProperty2.default)(_style, endPosition, 0), _style);
+
   switch (dropPosition) {
     case -1:
       style.top = -3;
       break;
+
     case 1:
       style.bottom = -3;
       break;
+
     default:
       // dropPosition === 0
       style.bottom = -3;
       style[startPosition] = indent + offset;
       break;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     className: "".concat(prefixCls, "-drop-indicator")

package/lib/Tree/utils/iconUtil.js

@@ -1,33 +1,49 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = renderSwitcherIcon;
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _CaretDownFilled = _interopRequireDefault(require("@ant-design/icons/CaretDownFilled"));
+
 var _FileOutlined = _interopRequireDefault(require("@ant-design/icons/FileOutlined"));
+
 var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
+
 var _MinusSquareOutlined = _interopRequireDefault(require("@ant-design/icons/MinusSquareOutlined"));
+
 var _PlusSquareOutlined = _interopRequireDefault(require("@ant-design/icons/PlusSquareOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _reactNode = require("../../_util/reactNode");
+
 function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
   var isLeaf = treeNodeProps.isLeaf,
-    expanded = treeNodeProps.expanded,
-    loading = treeNodeProps.loading;
+      expanded = treeNodeProps.expanded,
+      loading = treeNodeProps.loading;
+
   if (loading) {
     return /*#__PURE__*/React.createElement(_LoadingOutlined.default, {
       className: "".concat(prefixCls, "-switcher-loading-icon")
     });
   }
+
   var showLeafIcon;
+
   if (showLine && (0, _typeof2.default)(showLine) === 'object') {
     showLeafIcon = showLine.showLeafIcon;
   }
+
   if (isLeaf) {
     if (showLine) {
       if ((0, _typeof2.default)(showLine) === 'object' && !showLeafIcon) {
@@ -35,22 +51,28 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
           className: "".concat(prefixCls, "-switcher-leaf-line")
         });
       }
+
       return /*#__PURE__*/React.createElement(_FileOutlined.default, {
         className: "".concat(prefixCls, "-switcher-line-icon")
       });
     }
+
     return null;
   }
+
   var switcherCls = "".concat(prefixCls, "-switcher-icon");
   var switcher = typeof switcherIcon === 'function' ? switcherIcon(treeNodeProps) : switcherIcon;
+
   if ((0, _reactNode.isValidElement)(switcher)) {
     return (0, _reactNode.cloneElement)(switcher, {
       className: (0, _classnames.default)(switcher.props.className || '', switcherCls)
     });
   }
+
   if (switcher) {
     return switcher;
   }
+
   if (showLine) {
     return expanded ? /*#__PURE__*/React.createElement(_MinusSquareOutlined.default, {
       className: "".concat(prefixCls, "-switcher-line-icon")
@@ -58,6 +80,7 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
       className: "".concat(prefixCls, "-switcher-line-icon")
     });
   }
+
   return /*#__PURE__*/React.createElement(_CaretDownFilled.default, {
     className: switcherCls
   });