linkmore-design 1.1.26 → 1.1.27-beta.1

package/lib/Tree/DirectoryTree.js

@@ -1,92 +1,65 @@
 "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) {
@@ -94,20 +67,16 @@ 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);
@@ -118,38 +87,32 @@ 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;
@@ -172,22 +135,17 @@ 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({
@@ -203,13 +161,10 @@ 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,55 +1,39 @@
 "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),
@@ -59,26 +43,21 @@ 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,13 +1,10 @@
 "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,38 +1,28 @@
 "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,67 +1,52 @@
 "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) {
@@ -72,27 +57,22 @@ 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,3 +1,4 @@
+/// <reference types="react" />
 export declare const offset = 4;
 export default function dropIndicatorRender(props: {
     dropPosition: -1 | 0 | 1;

package/lib/Tree/utils/dropIndicator.js

@@ -1,49 +1,39 @@
 "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,49 +1,33 @@
 "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) {
@@ -51,28 +35,22 @@ 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")
@@ -80,7 +58,6 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
       className: "".concat(prefixCls, "-switcher-line-icon")
     });
   }
-
   return /*#__PURE__*/React.createElement(_CaretDownFilled.default, {
     className: switcherCls
   });