@hi-ui/table 4.3.1 → 4.3.2

package/lib/esm/hooks/use-embed-expand.js

@@ -18,22 +18,20 @@ var DEFAULT_EXPAND_EMBED_ROW_KEYS = [];
 /**
  * 行内嵌面板展开
  */
-
 var useEmbedExpand = function useEmbedExpand(_ref) {
   var _ref$rowExpandable = _ref.rowExpandable,
-      rowExpandable = _ref$rowExpandable === void 0 ? true : _ref$rowExpandable,
-      _ref$defaultExpandedE = _ref.defaultExpandedEmbedRowKeys,
-      defaultExpandedEmbedRowKeys = _ref$defaultExpandedE === void 0 ? DEFAULT_EXPAND_EMBED_ROW_KEYS : _ref$defaultExpandedE,
-      expandEmbedRowKeysProp = _ref.expandedEmbedRowKeys,
-      onEmbedExpand = _ref.onEmbedExpand,
-      expandedRender = _ref.expandedRender;
+    rowExpandable = _ref$rowExpandable === void 0 ? true : _ref$rowExpandable,
+    _ref$defaultExpandedE = _ref.defaultExpandedEmbedRowKeys,
+    defaultExpandedEmbedRowKeys = _ref$defaultExpandedE === void 0 ? DEFAULT_EXPAND_EMBED_ROW_KEYS : _ref$defaultExpandedE,
+    expandEmbedRowKeysProp = _ref.expandedEmbedRowKeys,
+    onEmbedExpand = _ref.onEmbedExpand,
+    expandedRender = _ref.expandedRender;
   /**
    * 收敛行内嵌面板配置开关
    */
-
   var embedExpandable = useMemo(function () {
-    if (!rowExpandable) return false; // 不传入 render 方法，则不开启内嵌面板
-
+    if (!rowExpandable) return false;
+    // 不传入 render 方法，则不开启内嵌面板
     if (!isFunction(expandedRender)) return false;
     return {
       rowExpandable: rowExpandable,
@@ -43,43 +41,35 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
   /**
    * 是否展开状态控制
    */
-
   var _useUncontrolledState = useUncontrolledState(defaultExpandedEmbedRowKeys, expandEmbedRowKeysProp, onEmbedExpand),
-      expandEmbedRows = _useUncontrolledState[0],
-      trySetExpandEmbedRows = _useUncontrolledState[1];
-
+    expandEmbedRows = _useUncontrolledState[0],
+    trySetExpandEmbedRows = _useUncontrolledState[1];
   var _useCheck = useCheck({
-    checkedIds: expandEmbedRows,
-    onCheck: trySetExpandEmbedRows
-  }),
-      onExpandEmbedRowsChange = _useCheck[0],
-      isExpandEmbedRows = _useCheck[1];
+      checkedIds: expandEmbedRows,
+      onCheck: trySetExpandEmbedRows
+    }),
+    onExpandEmbedRowsChange = _useCheck[0],
+    isExpandEmbedRows = _useCheck[1];
   /**
    * 异步展开中状态控制
    */
-
-
   var _useCheckState = useCheckState(),
-      addLoadingIds = _useCheckState.add,
-      removeLoadingIds = _useCheckState.remove,
-      isLoadingId = _useCheckState.has;
+    addLoadingIds = _useCheckState.add,
+    removeLoadingIds = _useCheckState.remove,
+    isLoadingId = _useCheckState.has;
   /**
    * 内嵌面板数据
    * 结构：{ [id]: 内嵌数据 }
    */
-
-
   var _React$useState = React__default.useState({}),
-      embedPanelRecord = _React$useState[0],
-      setEmbedPanelRecord = _React$useState[1];
-
+    embedPanelRecord = _React$useState[0],
+    setEmbedPanelRecord = _React$useState[1];
   var getEmbedPanelById = useCallback(function (id) {
     return embedPanelRecord[id] || null;
   }, [embedPanelRecord]);
   /**
    * 异步展开逻辑处理
    */
-
   var onEmbedSwitch = useCallback(function (node, rowIndex) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var embedContentMaybePromise;
@@ -91,24 +81,19 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 2:
               embedContentMaybePromise = embedExpandable.expandedRender(node.raw, rowIndex); // TODO： 复用 use-dataSource 逻辑
-
               if (!isPromise(embedContentMaybePromise)) {
                 _context.next = 8;
                 break;
               }
-
               addLoadingIds(node.id);
               embedContentMaybePromise.then(function (jsxElement) {
                 removeLoadingIds(node.id);
                 if (typeof jsxElement === 'undefined') return;
                 setEmbedPanelRecord(function (prev) {
                   var _Object$assign;
-
                   return Object.assign(Object.assign({}, prev), (_Object$assign = {}, _Object$assign[node.id] = jsxElement, _Object$assign));
                 });
               })["catch"](function (jsxElement) {
@@ -116,28 +101,22 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
                 if (typeof jsxElement === 'undefined') return;
                 setEmbedPanelRecord(function (prev) {
                   var _Object$assign2;
-
                   return Object.assign(Object.assign({}, prev), (_Object$assign2 = {}, _Object$assign2[node.id] = jsxElement, _Object$assign2));
                 });
               });
               _context.next = 11;
               break;
-
             case 8:
               if (!(typeof embedContentMaybePromise === 'undefined')) {
                 _context.next = 10;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 10:
               setEmbedPanelRecord(function (prev) {
                 var _Object$assign3;
-
                 return Object.assign(Object.assign({}, prev), (_Object$assign3 = {}, _Object$assign3[node.id] = embedContentMaybePromise, _Object$assign3));
               });
-
             case 11:
             case "end":
               return _context.stop();
@@ -155,5 +134,4 @@ var useEmbedExpand = function useEmbedExpand(_ref) {
     onExpandEmbedRowsChange: onExpandEmbedRowsChange
   };
 };
-
 export { useEmbedExpand };

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

@@ -13,6 +13,7 @@ import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { fFindNestedChildNodesById, cloneTree } from '@hi-ui/tree-utils';
 import { useLatestRef, useLatestCallback } from '@hi-ui/use-latest';
 
+// TODO: 抽离成 useDefaultExpandAll
 var useExpandProps = function useExpandProps(flattedData, defaultExpandedIds, expandedIdsProp, onExpand, defaultExpandAll) {
   return useUncontrolledState(function getDefaultExpandedIds() {
     // 开启默认展开全部
@@ -21,91 +22,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 = useMemo(function () {
     return new Set(expandedIds);
   }, [expandedIds]);
-
   var isExpandedId = function isExpandedId(id) {
     return expandedNodeIdSet.has(id);
   };
-
-  var expandedIdsRef = useLatestRef(expandedIds); // 更新展示数据，只展示被展开的所有节点
-
+  var expandedIdsRef = useLatestRef(expandedIds);
+  // 更新展示数据，只展示被展开的所有节点
   var _useState = useState(flattedData),
-      transitionData = _useState[0],
-      setTransitionData = _useState[1];
-
+    transitionData = _useState[0],
+    setTransitionData = _useState[1];
   var transitionDataRef = useLatestRef(transitionData);
   var trySetTransitionData = 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 = useState(false),
-      isExpanding = _useState2[0],
-      setIsExpanding = _useState2[1];
-
+    isExpanding = _useState2[0],
+    setIsExpanding = _useState2[1];
   var isExpandingRef = useRef(false);
-
   var _useQueue = useQueue([]),
-      enqueue = _useQueue.enqueue,
-      top = _useQueue.top,
-      dequeue = _useQueue.dequeue; // 用户传入 data 或 expandedIds 被改变时，同步更新要展示的所有节点
-
-
+    enqueue = _useQueue.enqueue,
+    top = _useQueue.top,
+    dequeue = _useQueue.dequeue;
+  // 用户传入 data 或 expandedIds 被改变时，同步更新要展示的所有节点
   useEffect(function () {
     trySetTransitionData(flattedData, expandedIds);
   }, [flattedData, trySetTransitionData, expandedIds]);
   var onNodeToggleStart = 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 = fFindNestedChildNodesById(flattedData, expandedNodeId),
-          rangeData = _fFindNestedChildNode[0];
-
+        rangeData = _fFindNestedChildNode[0];
       var expandedNodeIndex = transitionData.findIndex(function (node) {
         return node.id === expandedNodeId;
       });
@@ -114,22 +100,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 = fFindNestedChildNodesById( // @ts-ignore
-      transitionData, expandedNodeId),
-          _rangeData = _fFindNestedChildNode2[0],
-          _expandedNodeIndex = _fFindNestedChildNode2[1];
-
+      expandedNodeIdSet["delete"](expandedNodeId);
+      // 设置隐藏的子节点集合用一个 节点 包裹，用来实现动画隐藏效果
+      var _fFindNestedChildNode2 = fFindNestedChildNodesById(
+        // @ts-ignore
+        transitionData, expandedNodeId),
+        _rangeData = _fFindNestedChildNode2[0],
+        _expandedNodeIndex = _fFindNestedChildNode2[1];
       var _childrenStartIndex = _expandedNodeIndex + 1;
-
       var _newTransitionData = 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 = useLatestCallback(onNodeToggleStart);
@@ -139,7 +121,6 @@ var useExpand = function useExpand(flattedData, defaultExpandedIds, expandedIdsP
   useEffect(function () {
     window.requestAnimationFrame(function () {
       if (isExpanding) return;
-
       if (top) {
         onNodeToggleStartLatest(top[0], top[1]);
         dequeue();
@@ -149,28 +130,23 @@ 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;
 }
-
 export { useExpand, useExpandProps };

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

@@ -11,44 +11,33 @@ import React__default from 'react';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { useLatestCallback } from '@hi-ui/use-latest';
 import axios from '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(1, pagination.current, pagination.onChange),
-      currentPage = _useUncontrolledState[0],
-      trySetCurrentPage = _useUncontrolledState[1];
-
+    currentPage = _useUncontrolledState[0],
+    trySetCurrentPage = _useUncontrolledState[1];
   var _useUncontrolledState2 = 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];
-
+    pageSize = _useUncontrolledState2[0],
+    trySetPageSize = _useUncontrolledState2[1];
   var _React$useState = React__default.useState(false),
-      internalLoading = _React$useState[0],
-      setInternalLoading = _React$useState[1];
-
+    internalLoading = _React$useState[0],
+    setInternalLoading = _React$useState[1];
   var loading = dataSource ? internalLoading : loadingProp;
-
   var _React$useState2 = React__default.useState(0),
-      internalTotal = _React$useState2[0],
-      setInternalTotal = _React$useState2[1];
-
+    internalTotal = _React$useState2[0],
+    setInternalTotal = _React$useState2[1];
   var total = dataSource ? internalTotal : pagination.total;
-
   var _React$useState3 = React__default.useState([]),
-      remoteTableData = _React$useState3[0],
-      setRemoteTableData = _React$useState3[1];
-
+    remoteTableData = _React$useState3[0],
+    setRemoteTableData = _React$useState3[1];
   var mergedData = dataSource ? remoteTableData : dataProp;
   /**
    * 当设置 dataSource 后，则自动获取数据
    */
-
   var getData = useLatestCallback(function () {
     if (dataSource) {
       var requestConfig = dataSource(currentPage, pageSize);
@@ -82,5 +71,4 @@ var useTablePagination = function useTablePagination(_ref) {
     total: total
   };
 };
-
 export { useTablePagination };

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

@@ -8,16 +8,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { useState, useCallback } from 'react';
-
 var useQueue = function useQueue(initialValue) {
   if (initialValue === void 0) {
     initialValue = [];
   }
-
   var _useState = useState(initialValue),
-      queue = _useState[0],
-      setQueue = _useState[1];
-
+    queue = _useState[0],
+    setQueue = _useState[1];
   var enqueue = useCallback(function (value) {
     setQueue(function (prevQueue) {
       return [].concat(prevQueue, [value]);
@@ -26,23 +23,18 @@ var useQueue = function useQueue(initialValue) {
   var dequeue = 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;
     }
-
   };
 };
-
 export { useQueue };

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

@@ -1,5 +1,4 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 /** @LICENSE
  * @hi-ui/table
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
@@ -10,6 +9,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
  * LICENSE file in the root directory of this source tree.
  */
 import { c as classnames } from '../../_virtual/index.js';
+
 /*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -18,24 +18,20 @@ import { c as classnames } from '../../_virtual/index.js';
 
 (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);
             }
@@ -52,10 +48,8 @@ import { c as classnames } from '../../_virtual/index.js';
           }
         }
       }
-
       return classes.join(' ');
     }
-
     if (module.exports) {
       classNames["default"] = classNames;
       module.exports = classNames;
@@ -64,6 +58,5 @@ import { c as classnames } from '../../_virtual/index.js';
     }
   })();
 })(classnames);
-
 var classNames = classnames.exports;
 export { classNames as default };