@hi-ui/table 4.3.0 → 4.3.2-alpha.0

package/lib/cjs/hooks/use-expand.js

@@ -9,20 +9,13 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var useQueue = require('./use-queue.js');
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var useLatest = require('@hi-ui/use-latest');
 
+// TODO: 抽离成 useDefaultExpandAll
 var useExpandProps = function useExpandProps(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll) {
   return useUncontrolledState.useUncontrolledState(function getDefaultExpandedIds() {
     // 开启默认展开全部
@@ -31,91 +24,76 @@ var useExpandProps = function useExpandProps(flattedData, defaultExpandedIds, ex
         return node.id;
       });
     }
-
     return defaultExpandedIds;
   }, expandedIdsProp, onExpand);
 };
 /**
  * 树形节点展开
  */
-
-
 var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll) {
   var _useExpandProps = useExpandProps(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll),
-      expandedIds = _useExpandProps[0],
-      tryToggleExpandedIds = _useExpandProps[1]; // const [onExpandTreeRowsChange, isExpandTreeRows] = useCheck({
+    expandedIds = _useExpandProps[0],
+    tryToggleExpandedIds = _useExpandProps[1];
+  // const [onExpandTreeRowsChange, isExpandTreeRows] = useCheck({
   //   checkedIds: expandTreeRows,
   //   onCheck: trySetExpandTreeRows as any,
   //   idFieldName: 'key',
   // })
-
-
   var expandedNodeIdSet = React.useMemo(function () {
     return new Set(expandedIds);
   }, [expandedIds]);
-
   var isExpandedId = function isExpandedId(id) {
     return expandedNodeIdSet.has(id);
   };
-
-  var expandedIdsRef = useLatest.useLatestRef(expandedIds); // 更新展示数据，只展示被展开的所有节点
-
+  var expandedIdsRef = useLatest.useLatestRef(expandedIds);
+  // 更新展示数据，只展示被展开的所有节点
   var _useState = React.useState(flattedData),
-      transitionData = _useState[0],
-      setTransitionData = _useState[1];
-
+    transitionData = _useState[0],
+    setTransitionData = _useState[1];
   var transitionDataRef = useLatest.useLatestRef(transitionData);
   var trySetTransitionData = React.useCallback(function (data, expandedIds) {
-    var nextData = data; // 当有 children 时，在构造新的数据，防止重复刷新组件
-
+    var nextData = data;
+    // 当有 children 时，在构造新的数据，防止重复刷新组件
     if (data.some(function (item) {
       return !!item.children && item.children.length > 0;
     })) {
       nextData = flattenTreeDataWithExpand(data, expandedIds);
     }
-
     setTransitionData(nextData);
-  }, []); // 用来确保一次折叠动画是一次加锁的单元任务
+  }, []);
+  // 用来确保一次折叠动画是一次加锁的单元任务
   // 防止用户频繁折叠展开导致动画渲染（存在 DOM 操作）异常
-
   var _useState2 = React.useState(false),
-      isExpanding = _useState2[0],
-      setIsExpanding = _useState2[1];
-
+    isExpanding = _useState2[0],
+    setIsExpanding = _useState2[1];
   var isExpandingRef = React.useRef(false);
-
   var _useQueue = useQueue.useQueue([]),
-      enqueue = _useQueue.enqueue,
-      top = _useQueue.top,
-      dequeue = _useQueue.dequeue; // 用户传入 data 或 expandedIds 被改变时，同步更新要展示的所有节点
-
-
+    enqueue = _useQueue.enqueue,
+    top = _useQueue.top,
+    dequeue = _useQueue.dequeue;
+  // 用户传入 data 或 expandedIds 被改变时，同步更新要展示的所有节点
   React.useEffect(function () {
     trySetTransitionData(flattedData, expandedIds);
   }, [flattedData, trySetTransitionData, expandedIds]);
   var onNodeToggleStart = React.useCallback(function (expandedNode, shouldExpanded) {
     if (isExpandingRef.current) return;
     var expanded = expandedIdsRef.current.indexOf(expandedNode.id) !== -1;
-
     if (shouldExpanded === expanded) {
       dequeue();
       return;
-    } // isExpandingRef.current = true
-
-
+    }
+    // isExpandingRef.current = true
     setIsExpanding(true);
     var expandedIds = expandedIdsRef.current;
     var transitionData = transitionDataRef.current;
     var expandedNodeIdSet = new Set(expandedIds);
     var expandedNodeId = expandedNode.id;
-
     if (shouldExpanded) {
-      expandedNodeIdSet.add(expandedNodeId); // 设置展开的子节点集合用一个容器节点包裹，用来实现动画展开效果
+      expandedNodeIdSet.add(expandedNodeId);
+      // 设置展开的子节点集合用一个容器节点包裹，用来实现动画展开效果
       // @ts-ignore
-
       var _fFindNestedChildNode = treeUtils.fFindNestedChildNodesById(flattedData, expandedNodeId),
-          rangeData = _fFindNestedChildNode[0];
-
+        rangeData = _fFindNestedChildNode[0];
       var expandedNodeIndex = transitionData.findIndex(function (node) {
         return node.id === expandedNodeId;
       });
@@ -124,22 +102,18 @@ var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsP
       newTransitionData.splice.apply(newTransitionData, [childrenStartIndex, 0].concat(flattenTreeDataWithExpand(rangeData, expandedIds)));
       trySetTransitionData(newTransitionData, Array.from(expandedNodeIdSet));
     } else {
-      expandedNodeIdSet["delete"](expandedNodeId); // 设置隐藏的子节点集合用一个 节点 包裹，用来实现动画隐藏效果
-
-      var _fFindNestedChildNode2 = treeUtils.fFindNestedChildNodesById( // @ts-ignore
-      transitionData, expandedNodeId),
-          _rangeData = _fFindNestedChildNode2[0],
-          _expandedNodeIndex = _fFindNestedChildNode2[1];
-
+      expandedNodeIdSet["delete"](expandedNodeId);
+      // 设置隐藏的子节点集合用一个 节点 包裹，用来实现动画隐藏效果
+      var _fFindNestedChildNode2 = treeUtils.fFindNestedChildNodesById(
+        // @ts-ignore
+        transitionData, expandedNodeId),
+        _rangeData = _fFindNestedChildNode2[0],
+        _expandedNodeIndex = _fFindNestedChildNode2[1];
       var _childrenStartIndex = _expandedNodeIndex + 1;
-
       var _newTransitionData = treeUtils.cloneTree(transitionData);
-
       _newTransitionData.splice.apply(_newTransitionData, [_childrenStartIndex, _rangeData.length].concat(_rangeData));
-
       trySetTransitionData(_newTransitionData, Array.from(expandedNodeIdSet));
     }
-
     tryToggleExpandedIds(Array.from(expandedNodeIdSet), expandedNode, shouldExpanded);
   }, [tryToggleExpandedIds, flattedData, trySetTransitionData, dequeue, expandedIdsRef, transitionDataRef]);
   var onNodeToggleStartLatest = useLatest.useLatestCallback(onNodeToggleStart);
@@ -149,7 +123,6 @@ var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsP
   React.useEffect(function () {
     window.requestAnimationFrame(function () {
       if (isExpanding) return;
-
       if (top) {
         onNodeToggleStartLatest(top[0], top[1]);
         dequeue();
@@ -159,29 +132,24 @@ var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsP
   }, [isExpanding, top, onNodeToggleStartLatest, dequeue]);
   return [transitionData, onNodeExpand, isExpandedId];
 };
-
 function flattenTreeDataWithExpand(flattedTreeData, expandedIds) {
   var expandedKeySet = new Set(expandedIds);
   var length = flattedTreeData.length;
-  var nextData = []; // 处理只展示未折叠的节点或动画节点
-
+  var nextData = [];
+  // 处理只展示未折叠的节点或动画节点
   for (var i = 0; i < length;) {
     var node = flattedTreeData[i];
     nextData.push(node);
-
     if (expandedKeySet.has(node.id)) {
       i++;
     } else {
       var child = flattedTreeData[++i];
-
       while (child && child.depth > node.depth) {
         child = flattedTreeData[++i];
       }
     }
   }
-
   return nextData;
 }
-
 exports.useExpand = useExpand;
 exports.useExpandProps = useExpandProps;

package/lib/cjs/hooks/use-pagination.js

@@ -9,72 +9,42 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var axios = require('axios');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-
 var useTablePagination = function useTablePagination(_ref) {
   var pagination = _ref.pagination,
-      loadingProp = _ref.loadingProp,
-      dataProp = _ref.data,
-      dataSource = _ref.dataSource;
-
+    loadingProp = _ref.loadingProp,
+    dataProp = _ref.data,
+    dataSource = _ref.dataSource;
   var _a, _b;
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(1, pagination.current, pagination.onChange),
-      currentPage = _useUncontrolledState[0],
-      trySetCurrentPage = _useUncontrolledState[1];
-
+    currentPage = _useUncontrolledState[0],
+    trySetCurrentPage = _useUncontrolledState[1];
   var _useUncontrolledState2 = useUncontrolledState.useUncontrolledState((_b = (_a = pagination === null || pagination === void 0 ? void 0 : pagination.pageSizeOptions) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 10, pagination.pageSize, pagination.onPageSizeChange),
-      pageSize = _useUncontrolledState2[0],
-      trySetPageSize = _useUncontrolledState2[1];
-
-  var _React$useState = React__default["default"].useState(false),
-      internalLoading = _React$useState[0],
-      setInternalLoading = _React$useState[1];
-
+    pageSize = _useUncontrolledState2[0],
+    trySetPageSize = _useUncontrolledState2[1];
+  var _React$useState = React.useState(false),
+    internalLoading = _React$useState[0],
+    setInternalLoading = _React$useState[1];
   var loading = dataSource ? internalLoading : loadingProp;
-
-  var _React$useState2 = React__default["default"].useState(0),
-      internalTotal = _React$useState2[0],
-      setInternalTotal = _React$useState2[1];
-
+  var _React$useState2 = React.useState(0),
+    internalTotal = _React$useState2[0],
+    setInternalTotal = _React$useState2[1];
   var total = dataSource ? internalTotal : pagination.total;
-
-  var _React$useState3 = React__default["default"].useState([]),
-      remoteTableData = _React$useState3[0],
-      setRemoteTableData = _React$useState3[1];
-
+  var _React$useState3 = React.useState([]),
+    remoteTableData = _React$useState3[0],
+    setRemoteTableData = _React$useState3[1];
   var mergedData = dataSource ? remoteTableData : dataProp;
   /**
    * 当设置 dataSource 后，则自动获取数据
    */
-
   var getData = useLatest.useLatestCallback(function () {
     if (dataSource) {
       var requestConfig = dataSource(currentPage, pageSize);
       setInternalLoading(true);
-      axios__default["default"](requestConfig).then(function (res) {
+      axios(requestConfig).then(function (res) {
         var data = res.data;
         setRemoteTableData(data === null || data === void 0 ? void 0 : data.list);
         setInternalTotal(data === null || data === void 0 ? void 0 : data.total);
@@ -83,10 +53,10 @@ var useTablePagination = function useTablePagination(_ref) {
       });
     }
   });
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     getData();
   }, [currentPage, getData, pageSize]);
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     if (dataSource) {
       // 如果已经在第一页则直接刷新数据，否则重置到第一页
       currentPage === 1 ? getData() : trySetCurrentPage(1);
@@ -103,5 +73,4 @@ var useTablePagination = function useTablePagination(_ref) {
     total: total
   };
 };
-
 exports.useTablePagination = useTablePagination;

package/lib/cjs/hooks/use-queue.js

@@ -9,21 +9,14 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var useQueue = function useQueue(initialValue) {
   if (initialValue === void 0) {
     initialValue = [];
   }
-
   var _useState = React.useState(initialValue),
-      queue = _useState[0],
-      setQueue = _useState[1];
-
+    queue = _useState[0],
+    setQueue = _useState[1];
   var enqueue = React.useCallback(function (value) {
     setQueue(function (prevQueue) {
       return [].concat(prevQueue, [value]);
@@ -32,23 +25,18 @@ var useQueue = function useQueue(initialValue) {
   var dequeue = React.useCallback(function () {
     setQueue(function (_ref) {
       var nextQueue = _ref.slice(1);
-
       return nextQueue;
     });
   }, []);
   return {
     enqueue: enqueue,
     dequeue: dequeue,
-
     get top() {
       return queue[0];
     },
-
     get empty() {
       return queue.length === 0;
     }
-
   };
 };
-
 exports.useQueue = useQueue;

package/lib/cjs/icons/index.js

@@ -9,45 +9,28 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var icons = require('@hi-ui/icons');
-
 var spinner = require('@hi-ui/spinner');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var defaultCollapseIcon = /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, {
+var defaultCollapseIcon = /*#__PURE__*/React.createElement(icons.CaretDownFilled, {
   style: {
     transition: 'transform 0.3s',
     transform: 'rotate(-90deg)'
   }
 });
-var defaultExpandIcon = /*#__PURE__*/React__default["default"].createElement(icons.CaretDownFilled, {
+var defaultExpandIcon = /*#__PURE__*/React.createElement(icons.CaretDownFilled, {
   style: {
     transition: 'transform 0.3s',
     transform: 'rotate(0)'
   }
 });
-var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
+var defaultLeafIcon = /*#__PURE__*/React.createElement("span", {
   style: {
     display: 'inline-block',
     width: 16
   }
 });
-var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
+var defaultLoadingIcon = /*#__PURE__*/React.createElement(spinner.Spinner, null);
 exports.defaultCollapseIcon = defaultCollapseIcon;
 exports.defaultExpandIcon = defaultExpandIcon;
 exports.defaultLeafIcon = defaultLeafIcon;

package/lib/cjs/index.js

@@ -12,13 +12,9 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Table = require('./Table.js');
-
 var SettingDrawer = require('./SettingDrawer.js');
-
 exports.SELECTION_DATA_KEY = Table.SELECTION_DATA_KEY;
 exports.Table = Table.Table;
 exports["default"] = Table.Table;

package/lib/cjs/node_modules/classnames/index.js

@@ -10,39 +10,33 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var index = require('../../_virtual/index.js');
+
 /*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
 
-
 (function (module) {
   /* global define */
+
   (function () {
     var hasOwn = {}.hasOwnProperty;
-
     function classNames() {
       var classes = [];
-
       for (var i = 0; i < arguments.length; i++) {
         var arg = arguments[i];
         if (!arg) continue;
-
         var argType = _typeof(arg);
-
         if (argType === 'string' || argType === 'number') {
           classes.push(arg);
         } else if (Array.isArray(arg)) {
           if (arg.length) {
             var inner = classNames.apply(null, arg);
-
             if (inner) {
               classes.push(inner);
             }
@@ -59,10 +53,8 @@ var index = require('../../_virtual/index.js');
           }
         }
       }
-
       return classes.join(' ');
     }
-
     if (module.exports) {
       classNames["default"] = classNames;
       module.exports = classNames;
@@ -71,6 +63,5 @@ var index = require('../../_virtual/index.js');
     }
   })();
 })(index.classnames);
-
 var classNames = index.classnames.exports;
 exports["default"] = classNames;