| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
- import * as React from 'react';
- import { useRef, useCallback } from 'react';
- import warning from "rc-util/es/warning";
- import { nextSlice } from "../utils/timeUtil";
- var PATH_SPLIT = '__RC_UTIL_PATH_SPLIT__';
- var getPathStr = function getPathStr(keyPath) {
- return keyPath.join(PATH_SPLIT);
- };
- var getPathKeys = function getPathKeys(keyPathStr) {
- return keyPathStr.split(PATH_SPLIT);
- };
- export var OVERFLOW_KEY = 'rc-menu-more';
- export default function useKeyRecords() {
- var _React$useState = React.useState({}),
- _React$useState2 = _slicedToArray(_React$useState, 2),
- internalForceUpdate = _React$useState2[1];
- var key2pathRef = useRef(new Map());
- var path2keyRef = useRef(new Map());
- var _React$useState3 = React.useState([]),
- _React$useState4 = _slicedToArray(_React$useState3, 2),
- overflowKeys = _React$useState4[0],
- setOverflowKeys = _React$useState4[1];
- var updateRef = useRef(0);
- var destroyRef = useRef(false);
- var forceUpdate = function forceUpdate() {
- if (!destroyRef.current) {
- internalForceUpdate({});
- }
- };
- var registerPath = useCallback(function (key, keyPath) {
- // Warning for invalidate or duplicated `key`
- if (process.env.NODE_ENV !== 'production') {
- warning(!key2pathRef.current.has(key), "Duplicated key '".concat(key, "' used in Menu by path [").concat(keyPath.join(' > '), "]"));
- }
- // Fill map
- var connectedPath = getPathStr(keyPath);
- path2keyRef.current.set(connectedPath, key);
- key2pathRef.current.set(key, connectedPath);
- updateRef.current += 1;
- var id = updateRef.current;
- nextSlice(function () {
- if (id === updateRef.current) {
- forceUpdate();
- }
- });
- }, []);
- var unregisterPath = useCallback(function (key, keyPath) {
- var connectedPath = getPathStr(keyPath);
- path2keyRef.current.delete(connectedPath);
- key2pathRef.current.delete(key);
- }, []);
- var refreshOverflowKeys = useCallback(function (keys) {
- setOverflowKeys(keys);
- }, []);
- var getKeyPath = useCallback(function (eventKey, includeOverflow) {
- var fullPath = key2pathRef.current.get(eventKey) || '';
- var keys = getPathKeys(fullPath);
- if (includeOverflow && overflowKeys.includes(keys[0])) {
- keys.unshift(OVERFLOW_KEY);
- }
- return keys;
- }, [overflowKeys]);
- var isSubPathKey = useCallback(function (pathKeys, eventKey) {
- return pathKeys.filter(function (item) {
- return item !== undefined;
- }).some(function (pathKey) {
- var pathKeyList = getKeyPath(pathKey, true);
- return pathKeyList.includes(eventKey);
- });
- }, [getKeyPath]);
- var getKeys = function getKeys() {
- var keys = _toConsumableArray(key2pathRef.current.keys());
- if (overflowKeys.length) {
- keys.push(OVERFLOW_KEY);
- }
- return keys;
- };
- /**
- * Find current key related child path keys
- */
- var getSubPathKeys = useCallback(function (key) {
- var connectedPath = "".concat(key2pathRef.current.get(key)).concat(PATH_SPLIT);
- var pathKeys = new Set();
- _toConsumableArray(path2keyRef.current.keys()).forEach(function (pathKey) {
- if (pathKey.startsWith(connectedPath)) {
- pathKeys.add(path2keyRef.current.get(pathKey));
- }
- });
- return pathKeys;
- }, []);
- React.useEffect(function () {
- return function () {
- destroyRef.current = true;
- };
- }, []);
- return {
- // Register
- registerPath: registerPath,
- unregisterPath: unregisterPath,
- refreshOverflowKeys: refreshOverflowKeys,
- // Util
- isSubPathKey: isSubPathKey,
- getKeyPath: getKeyPath,
- getKeys: getKeys,
- getSubPathKeys: getSubPathKeys
- };
- }
|