| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- var _typeof = require("@babel/runtime/helpers/typeof");
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.OVERFLOW_KEY = void 0;
- exports.default = useKeyRecords;
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
- var _react = _interopRequireWildcard(require("react"));
- var React = _react;
- var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
- var _timeUtil = require("../utils/timeUtil");
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
- 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);
- };
- var OVERFLOW_KEY = exports.OVERFLOW_KEY = 'rc-menu-more';
- function useKeyRecords() {
- var _React$useState = React.useState({}),
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
- internalForceUpdate = _React$useState2[1];
- var key2pathRef = (0, _react.useRef)(new Map());
- var path2keyRef = (0, _react.useRef)(new Map());
- var _React$useState3 = React.useState([]),
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
- overflowKeys = _React$useState4[0],
- setOverflowKeys = _React$useState4[1];
- var updateRef = (0, _react.useRef)(0);
- var destroyRef = (0, _react.useRef)(false);
- var forceUpdate = function forceUpdate() {
- if (!destroyRef.current) {
- internalForceUpdate({});
- }
- };
- var registerPath = (0, _react.useCallback)(function (key, keyPath) {
- // Warning for invalidate or duplicated `key`
- if (process.env.NODE_ENV !== 'production') {
- (0, _warning.default)(!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;
- (0, _timeUtil.nextSlice)(function () {
- if (id === updateRef.current) {
- forceUpdate();
- }
- });
- }, []);
- var unregisterPath = (0, _react.useCallback)(function (key, keyPath) {
- var connectedPath = getPathStr(keyPath);
- path2keyRef.current.delete(connectedPath);
- key2pathRef.current.delete(key);
- }, []);
- var refreshOverflowKeys = (0, _react.useCallback)(function (keys) {
- setOverflowKeys(keys);
- }, []);
- var getKeyPath = (0, _react.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 = (0, _react.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 = (0, _toConsumableArray2.default)(key2pathRef.current.keys());
- if (overflowKeys.length) {
- keys.push(OVERFLOW_KEY);
- }
- return keys;
- };
- /**
- * Find current key related child path keys
- */
- var getSubPathKeys = (0, _react.useCallback)(function (key) {
- var connectedPath = "".concat(key2pathRef.current.get(key)).concat(PATH_SPLIT);
- var pathKeys = new Set();
- (0, _toConsumableArray2.default)(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
- };
- }
|