@ucloud-fe/react-components 1.5.16 → 1.5.17

package/lib/hooks/useInitial.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
-var _useIsInitial = _interopRequireDefault(require("./useIsInitial"));
-
-var _this = void 0;
-
-var useInitial = function useInitial(cb) {
-  (0, _newArrowCheck2.default)(this, _this);
-  var isInitial = (0, _useIsInitial.default)();
-  if (isInitial) cb();
-}.bind(void 0);
-
-var _default = useInitial;
-exports.default = _default;

package/lib/hooks/useIsInitial.d.ts

@@ -1,2 +0,0 @@
-declare const useIsInitial: () => boolean;
-export default useIsInitial;

package/lib/hooks/useIsInitial.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _this = void 0;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useIsInitial = function useIsInitial() {
-  var _this2 = this;
-
-  (0, _newArrowCheck2.default)(this, _this);
-  var isFirst = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
-    var _this3 = this;
-
-    (0, _newArrowCheck2.default)(this, _this2);
-    setTimeout(function () {
-      (0, _newArrowCheck2.default)(this, _this3);
-      return isFirst.current = false;
-    }.bind(this), 0);
-  }.bind(this), []);
-  return isFirst.current;
-}.bind(void 0);
-
-var _default = useIsInitial;
-exports.default = _default;

package/lib/hooks/useOverflow.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-/**
- * 计算容器内的元素最大展示数量
- * @returns {[number, number, boolean]} [当前测试的展示数, 最终确定的展示数, 是否在测试过程中]
- */
-declare const useOverflow: ({ containerRef, defaultCount, maxCount, minCount }: {
-    /**
-     * 容器元素的 ref
-     */
-    containerRef?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    /**
-     * 默认的初始展示数量
-     */
-    defaultCount?: number | undefined;
-    /**
-     * 最大展示数量，一般传入元素数量即可
-     */
-    maxCount: number;
-    /**
-     * 最小展示数量
-     */
-    minCount?: number | undefined;
-}, deps?: any[]) => [number, number, boolean];
-export default useOverflow;

package/lib/hooks/useOverflow.js

@@ -1,159 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// https://github.com/que-etc/resize-observer-polyfill/issues/80
-// 由于 ts 官方增加了 contentRect 的类型定义，导致和 resize-observer-polyfill 内部的定义冲突，目前先以 "skipLibCheck" 解决
-var DEFAULT_DEP = [];
-/**
- * 计算容器内的元素最大展示数量
- * @returns {[number, number, boolean]} [当前测试的展示数, 最终确定的展示数, 是否在测试过程中]
- */
-
-var useOverflow = function useOverflow(_ref) {
-  var _this = this;
-
-  var containerRef = _ref.containerRef,
-      _ref$defaultCount = _ref.defaultCount,
-      defaultCount = _ref$defaultCount === void 0 ? 0 : _ref$defaultCount,
-      maxCount = _ref.maxCount,
-      _ref$minCount = _ref.minCount,
-      minCount = _ref$minCount === void 0 ? 0 : _ref$minCount;
-  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DEP;
-
-  // the count of trying to show
-  var _useState = (0, _react.useState)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    return Math.min(defaultCount, maxCount);
-  }.bind(this)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      count = _useState2[0],
-      setCount = _useState2[1]; // the count valid to show
-
-
-  var _useState3 = (0, _react.useState)(count),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      measureCount = _useState4[0],
-      setMeasureCount = _useState4[1]; // latest valid count
-
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      latestValidCount = _useState6[0],
-      setLatestValidCount = _useState6[1]; // the container element
-
-
-  var _useState7 = (0, _react.useState)(true),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      measuring = _useState8[0],
-      setMeasuring = _useState8[1]; // save to ref for use in resize observer to avoid frequently create new observer
-
-
-  var measuringRef = (0, _react.useRef)(measuring);
-  (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    measuringRef.current = measuring;
-  }.bind(this), [measuring]); // start to measure
-
-  var startMeasuring = (0, _react.useCallback)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    if (measuringRef.current) return;
-    setMeasuring(true);
-    setLatestValidCount(null);
-  }.bind(this), []); // stop measuring
-
-  var endMeasuring = (0, _react.useCallback)(function (measureCount) {
-    (0, _newArrowCheck2.default)(this, _this);
-    setMeasuring(false);
-    setMeasureCount(measureCount);
-  }.bind(this), []);
-  (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    // console.log('reset when deps changed');
-    startMeasuring(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }.bind(this), deps);
-  (0, _react.useEffect)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    // reset when config changed
-    startMeasuring();
-  }.bind(this), [minCount, maxCount, startMeasuring]);
-  (0, _react.useEffect)(function () {
-    var _this2 = this;
-
-    (0, _newArrowCheck2.default)(this, _this);
-    var containerDOM = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    var resizeObserver = null;
-
-    if (containerDOM) {
-      resizeObserver = new _resizeObserverPolyfill.default(function () {
-        (0, _newArrowCheck2.default)(this, _this2);
-
-        if (!measuringRef.current) {
-          startMeasuring(); // console.log('reset when width changed');
-        } // else {
-        //     console.log('lock when width changed');
-        // }
-
-      }.bind(this));
-      resizeObserver.observe(containerDOM);
-    }
-
-    return function () {
-      (0, _newArrowCheck2.default)(this, _this2);
-
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    }.bind(this);
-  }.bind(this), [containerRef, startMeasuring]); // console.log({ count, latestValidCount, maxCount, minCount, measuring });
-  // use layout effect to measure can avoid most shaking
-
-  (0, _react.useLayoutEffect)(function () {
-    (0, _newArrowCheck2.default)(this, _this);
-    var containerDOM = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-    if (!containerDOM) return; // measure end
-
-    if (count === latestValidCount) {
-      endMeasuring(latestValidCount);
-      return;
-    }
-
-    var newCount = count;
-
-    if (containerDOM.offsetWidth >= containerDOM.scrollWidth) {
-      setLatestValidCount(count); // try to show more
-
-      newCount = Math.min(count + 1, maxCount);
-    } else if (containerDOM.offsetWidth < containerDOM.scrollWidth) {
-      // if container with not enough space event when count is 0, it will be set to 0
-      if (count === 0) setLatestValidCount(count); // try to show less
-
-      newCount = Math.max(0, minCount, count - 1);
-    }
-
-    setCount(newCount);
-  }.bind(this), [containerRef, count, endMeasuring, latestValidCount, maxCount, minCount]);
-  return [count, measureCount, measuring];
-};
-
-var _default = useOverflow;
-exports.default = _default;

package/lib/hooks/usePopoverConfig.d.ts

@@ -1,27 +0,0 @@
-import { ConfigContextType } from '../components/ConfigProvider/ConfigContext';
-export declare const getPopoverConfigFromContext: (configContext: ConfigContextType) => {
-    getPopupContainer?: ((triggerNode: Element) => Element) | undefined;
-    forceAlignWhenScroll?: boolean | undefined;
-    forwardPopupContainer?: boolean | ((triggerNode: Element) => Element) | undefined;
-    ignorePopover?: boolean | undefined;
-} | {
-    forwardPopupContainer: (triggerNode: HTMLElement) => ParentNode | null;
-    getPopupContainer?: undefined;
-} | {
-    getPopupContainer: (triggerNode: HTMLElement) => ParentNode | null;
-    forwardPopupContainer?: undefined;
-};
-declare const usePopoverConfig: () => {
-    getPopupContainer?: ((triggerNode: Element) => Element) | undefined;
-    forceAlignWhenScroll?: boolean | undefined;
-    forwardPopupContainer?: boolean | ((triggerNode: Element) => Element) | undefined;
-    ignorePopover?: boolean | undefined;
-} | {
-    forwardPopupContainer: (triggerNode: HTMLElement) => ParentNode | null;
-    getPopupContainer?: undefined;
-} | {
-    getPopupContainer: (triggerNode: HTMLElement) => ParentNode | null;
-    forwardPopupContainer?: undefined;
-};
-export default usePopoverConfig;
-export declare const useShouldUsePopoverConfig: () => boolean | undefined;

package/lib/hooks/usePopoverConfig.js

@@ -1,78 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useShouldUsePopoverConfig = exports.default = exports.getPopoverConfigFromContext = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ConfigContext = _interopRequireDefault(require("../components/ConfigProvider/ConfigContext"));
-
-var _this = void 0;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var oldDefaultPopupContainer = function oldDefaultPopupContainer(triggerNode) {
-  (0, _newArrowCheck2.default)(this, _this);
-  return triggerNode.parentNode;
-}.bind(void 0);
-
-var getPopoverConfigFromContext = function getPopoverConfigFromContext(configContext) {
-  (0, _newArrowCheck2.default)(this, _this);
-
-  if (configContext.popover) {
-    var clone = _objectSpread({}, configContext.popover);
-
-    delete clone.ignorePopover;
-    return clone;
-  }
-
-  return configContext.forwardPopupContainer === true ? {
-    forwardPopupContainer: oldDefaultPopupContainer
-  } : {
-    getPopupContainer: oldDefaultPopupContainer
-  };
-}.bind(void 0);
-
-exports.getPopoverConfigFromContext = getPopoverConfigFromContext;
-
-var usePopoverConfig = function usePopoverConfig() {
-  var _this2 = this;
-
-  (0, _newArrowCheck2.default)(this, _this);
-  var configContext = (0, _react.useContext)(_ConfigContext.default);
-  var popoverConfigProps = (0, _react.useMemo)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
-    return getPopoverConfigFromContext({
-      forwardPopupContainer: configContext.forwardPopupContainer,
-      popover: configContext.popover
-    });
-  }.bind(this), [configContext.forwardPopupContainer, configContext.popover]);
-  return popoverConfigProps;
-}.bind(void 0);
-
-var _default = usePopoverConfig;
-exports.default = _default;
-
-var useShouldUsePopoverConfig = function useShouldUsePopoverConfig() {
-  (0, _newArrowCheck2.default)(this, _this);
-  var configContext = (0, _react.useContext)(_ConfigContext.default);
-  return configContext.popover && configContext.popover.ignorePopover !== false;
-}.bind(void 0);
-
-exports.useShouldUsePopoverConfig = useShouldUsePopoverConfig;

package/lib/hooks/useSearch.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-interface SearchResult<T> {
-    dataSource: T[];
-    count?: number | null;
-    empty?: boolean;
-}
-declare const useSearch: <T extends {
-    title: ReactNode | string;
-    key: string;
-    children?: T[] | undefined;
-}>({ dataSource, searchValue, handleSearch, onSearchEnd, defaultDataSourceAfterSearch }: {
-    dataSource?: T[] | undefined;
-    searchValue?: string | undefined;
-    handleSearch?: ((searchValue: string, dataSource: T[]) => SearchResult<T> | Promise<SearchResult<T>>) | undefined;
-    onSearchEnd?: ((searchResult: any) => void) | undefined;
-    defaultDataSourceAfterSearch?: T[] | undefined;
-}) => {
-    dataSource: T[];
-    loading: boolean;
-    count: number | void | null;
-    error: Error | undefined;
-};
-export default useSearch;