@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/utils/useEditableMap/index.js

@@ -1,197 +1,206 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/utils/useEditableMap/index.tsx
-var useEditableMap_exports = {};
-__export(useEditableMap_exports, {
-  useEditableMap: () => useEditableMap
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useEditableMap_exports);
-var import_antd = require("antd");
-var import_rc_util = require("rc-util");
-var import_react = require("react");
-var import_provider = require("../../provider");
-var import_useEditableArray = require("../useEditableArray");
-var warning = (messageStr) => {
-  return (import_antd.message.warn || import_antd.message.warning)(messageStr);
+exports.useEditableMap = useEditableMap;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = require("react");
+var _provider = require("../../provider");
+var _useEditableArray = require("../useEditableArray");
+/* eslint-disable react-hooks/exhaustive-deps */
+
+/**
+ * 显示警告信息
+ * @param messageStr
+ */
+var warning = function warning(messageStr) {
+  return _antd.message.warning(messageStr);
 };
-function editableRowByKey({
-  data,
-  row
-}) {
-  return __spreadValues(__spreadValues({}, data), row);
+/**
+ * 使用map 来删除数据，性能一般 但是准确率比较高
+ *
+ * @param params
+ * @param action
+ */
+function editableRowByKey(_ref) {
+  var data = _ref.data,
+    row = _ref.row;
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), row);
 }
+/**
+ * 一个方便的hooks 用于维护编辑的状态
+ *
+ * @param props
+ */
 function useEditableMap(props) {
-  const preEditRowRef = (0, import_react.useRef)(null);
-  const editableType = props.type || "single";
-  const intl = (0, import_provider.useIntl)();
-  const [editableKeys, setEditableRowKeys] = (0, import_rc_util.useMergedState)([], {
-    value: props.editableKeys,
-    onChange: props.onChange ? (keys) => {
-      var _a;
-      (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(
-        props,
+  /**
+   * 点击开始编辑之前的保存数据用的
+   */
+  var preEditRowRef = (0, _react.useRef)(null);
+  var editableType = props.type || 'single';
+
+  // Internationalization
+  var intl = (0, _provider.useIntl)();
+  var _useMergedState = (0, _util.useMergedState)([], {
+      value: props.editableKeys,
+      onChange: props.onChange ? function (keys) {
+        var _props$onChange;
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props,
         // 计算编辑的key
-        keys,
-        props.dataSource
-      );
-    } : void 0
-  });
-  const editableKeysSet = (0, import_react.useMemo)(() => {
-    const keys = editableType === "single" ? editableKeys == null ? void 0 : editableKeys.slice(0, 1) : editableKeys;
+        keys, props.dataSource);
+      } : undefined
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    editableKeys = _useMergedState2[0],
+    setEditableRowKeys = _useMergedState2[1];
+  /** 一个用来标志的set 提供了方便的 api 来去重什么的 */
+  var editableKeysSet = (0, _react.useMemo)(function () {
+    var keys = editableType === 'single' ? editableKeys === null || editableKeys === void 0 ? void 0 : editableKeys.slice(0, 1) : editableKeys;
     return new Set(keys);
-  }, [(editableKeys || []).join(","), editableType]);
-  const isEditable = (0, import_react.useCallback)(
-    (recordKey) => {
-      if (editableKeys == null ? void 0 : editableKeys.includes((0, import_useEditableArray.recordKeyToString)(recordKey)))
-        return true;
-      return false;
-    },
-    [(editableKeys || []).join(",")]
-  );
-  const startEditable = (recordKey, recordValue) => {
-    var _a;
-    if (editableKeysSet.size > 0 && editableType === "single") {
-      warning(
-        props.onlyOneLineEditorAlertMessage || intl.getMessage(
-          "editableTable.onlyOneLineEditor",
-          "只能同时编辑一行"
-        )
-      );
+  }, [(editableKeys || []).join(','), editableType]);
+
+  /** 这行是不是编辑状态 */
+  var isEditable = (0, _react.useCallback)(function (recordKey) {
+    if (editableKeys !== null && editableKeys !== void 0 && editableKeys.includes((0, _useEditableArray.recordKeyToString)(recordKey))) return true;
+    return false;
+  }, [(editableKeys || []).join(',')]);
+
+  /**
+   * 进入编辑状态
+   *
+   * @param recordKey
+   */
+  var startEditable = function startEditable(recordKey, recordValue) {
+    var _ref2;
+    // 如果是单行的话，不允许多行编辑
+    if (editableKeysSet.size > 0 && editableType === 'single') {
+      warning(props.onlyOneLineEditorAlertMessage || intl.getMessage('editableTable.onlyOneLineEditor', '只能同时编辑一行'));
       return false;
     }
-    preEditRowRef.current = (_a = recordValue != null ? recordValue : (0, import_rc_util.get)(
-      props.dataSource,
-      Array.isArray(recordKey) ? recordKey : [recordKey]
-    )) != null ? _a : null;
-    editableKeysSet.add((0, import_useEditableArray.recordKeyToString)(recordKey));
+    preEditRowRef.current = (_ref2 = recordValue !== null && recordValue !== void 0 ? recordValue : (0, _util.get)(props.dataSource, Array.isArray(recordKey) ? recordKey : [recordKey])) !== null && _ref2 !== void 0 ? _ref2 : null;
+    editableKeysSet.add((0, _useEditableArray.recordKeyToString)(recordKey));
     setEditableRowKeys(Array.from(editableKeysSet));
     return true;
   };
-  const cancelEditable = (recordKey) => {
-    editableKeysSet.delete((0, import_useEditableArray.recordKeyToString)(recordKey));
+
+  /**
+   * 退出编辑状态
+   *
+   * @param recordKey
+   */
+  var cancelEditable = function cancelEditable(recordKey) {
+    // 防止多次渲染
+    editableKeysSet.delete((0, _useEditableArray.recordKeyToString)(recordKey));
     setEditableRowKeys(Array.from(editableKeysSet));
     return true;
   };
-  const onCancel = (recordKey, editRow, originRow, newLine) => __async(this, null, function* () {
-    var _a;
-    const success = yield (_a = props == null ? void 0 : props.onCancel) == null ? void 0 : _a.call(
-      props,
-      recordKey,
-      editRow,
-      originRow,
-      newLine
-    );
-    if (success === false) {
-      return false;
-    }
-    return true;
-  });
-  const onSave = (recordKey, editRow, originRow) => __async(this, null, function* () {
-    var _a;
-    const success = yield (_a = props == null ? void 0 : props.onSave) == null ? void 0 : _a.call(props, recordKey, editRow, originRow);
-    if (success === false) {
-      return false;
-    }
-    yield cancelEditable(recordKey);
-    const actionProps = {
-      data: props.dataSource,
-      row: editRow,
-      key: recordKey,
-      childrenColumnName: props.childrenColumnName || "children"
+  var onCancel = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(recordKey, editRow, originRow, newLine) {
+      var _props$onCancel;
+      var success;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return props === null || props === void 0 || (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, recordKey, editRow, originRow, newLine);
+          case 2:
+            success = _context.sent;
+            if (!(success === false)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return", false);
+          case 5:
+            return _context.abrupt("return", true);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onCancel(_x, _x2, _x3, _x4) {
+      return _ref3.apply(this, arguments);
     };
-    props.setDataSource(editableRowByKey(actionProps));
-    return true;
-  });
-  const saveText = intl.getMessage("editableTable.action.save", "保存");
-  const deleteText = intl.getMessage("editableTable.action.delete", "删除");
-  const cancelText = intl.getMessage("editableTable.action.cancel", "取消");
-  const actionRender = (0, import_react.useCallback)(
-    (key, config) => {
-      const renderConfig = __spreadValues({
-        recordKey: key,
-        cancelEditable,
-        onCancel,
-        onSave,
-        editableKeys,
-        setEditableRowKeys,
-        saveText,
-        cancelText,
-        preEditRowRef,
-        deleteText,
-        deletePopconfirmMessage: `${intl.getMessage(
-          "deleteThisLine",
-          "删除此项"
-        )}?`,
-        editorType: "Map"
-      }, config);
-      const renderResult = (0, import_useEditableArray.defaultActionRender)(props.dataSource, renderConfig);
-      if (props.actionRender) {
-        return props.actionRender(props.dataSource, renderConfig, {
-          save: renderResult.save,
-          delete: renderResult.delete,
-          cancel: renderResult.cancel
-        });
-      }
-      return [renderResult.save, renderResult.delete, renderResult.cancel];
-    },
-    [editableKeys && editableKeys.join(","), props.dataSource]
-  );
+  }();
+  var onSave = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(recordKey, editRow, originRow) {
+      var _props$onSave;
+      var success, actionProps;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return props === null || props === void 0 || (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, recordKey, editRow, originRow);
+          case 2:
+            success = _context2.sent;
+            if (!(success === false)) {
+              _context2.next = 5;
+              break;
+            }
+            return _context2.abrupt("return", false);
+          case 5:
+            _context2.next = 7;
+            return cancelEditable(recordKey);
+          case 7:
+            actionProps = {
+              data: props.dataSource,
+              row: editRow,
+              key: recordKey,
+              childrenColumnName: props.childrenColumnName || 'children'
+            };
+            props.setDataSource(editableRowByKey(actionProps));
+            return _context2.abrupt("return", true);
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onSave(_x5, _x6, _x7) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var saveText = intl.getMessage('editableTable.action.save', '保存');
+  var deleteText = intl.getMessage('editableTable.action.delete', '删除');
+  var cancelText = intl.getMessage('editableTable.action.cancel', '取消');
+  var actionRender = (0, _react.useCallback)(function (key, config) {
+    var renderConfig = (0, _objectSpread2.default)({
+      recordKey: key,
+      cancelEditable: cancelEditable,
+      onCancel: onCancel,
+      onSave: onSave,
+      editableKeys: editableKeys,
+      setEditableRowKeys: setEditableRowKeys,
+      saveText: saveText,
+      cancelText: cancelText,
+      preEditRowRef: preEditRowRef,
+      deleteText: deleteText,
+      deletePopconfirmMessage: "".concat(intl.getMessage('deleteThisLine', '删除此项'), "?"),
+      editorType: 'Map'
+    }, config);
+    var renderResult = (0, _useEditableArray.defaultActionRender)(props.dataSource, renderConfig);
+    if (props.actionRender) {
+      return props.actionRender(props.dataSource, renderConfig, {
+        save: renderResult.save,
+        delete: renderResult.delete,
+        cancel: renderResult.cancel
+      });
+    }
+    return [renderResult.save, renderResult.delete, renderResult.cancel];
+  }, [editableKeys && editableKeys.join(','), props.dataSource]);
   return {
-    editableKeys,
-    setEditableRowKeys,
-    isEditable,
-    actionRender,
-    startEditable,
-    cancelEditable
+    editableKeys: editableKeys,
+    setEditableRowKeys: setEditableRowKeys,
+    isEditable: isEditable,
+    actionRender: actionRender,
+    startEditable: startEditable,
+    cancelEditable: cancelEditable
   };
-}
+}

package/lib/utils/useMediaQuery/index.js

@@ -1,126 +1,106 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/useMediaQuery/index.ts
-var useMediaQuery_exports = {};
-__export(useMediaQuery_exports, {
-  MediaQueryEnum: () => MediaQueryEnum,
-  getScreenClassName: () => getScreenClassName,
-  useBreakpoint: () => useBreakpoint
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useMediaQuery_exports);
-var import_react = require("react");
-var import_query = __toESM(require("./query"));
-var MediaQueryEnum = {
+exports.useBreakpoint = exports.getScreenClassName = exports.MediaQueryEnum = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _query = _interopRequireDefault(require("./query"));
+var MediaQueryEnum = exports.MediaQueryEnum = {
   xs: {
     maxWidth: 575,
-    matchMedia: "(max-width: 575px)"
+    matchMedia: '(max-width: 575px)'
   },
   sm: {
     minWidth: 576,
     maxWidth: 767,
-    matchMedia: "(min-width: 576px) and (max-width: 767px)"
+    matchMedia: '(min-width: 576px) and (max-width: 767px)'
   },
   md: {
     minWidth: 768,
     maxWidth: 991,
-    matchMedia: "(min-width: 768px) and (max-width: 991px)"
+    matchMedia: '(min-width: 768px) and (max-width: 991px)'
   },
   lg: {
     minWidth: 992,
     maxWidth: 1199,
-    matchMedia: "(min-width: 992px) and (max-width: 1199px)"
+    matchMedia: '(min-width: 992px) and (max-width: 1199px)'
   },
   xl: {
     minWidth: 1200,
     maxWidth: 1599,
-    matchMedia: "(min-width: 1200px) and (max-width: 1599px)"
+    matchMedia: '(min-width: 1200px) and (max-width: 1599px)'
   },
   xxl: {
     minWidth: 1600,
-    matchMedia: "(min-width: 1600px)"
+    matchMedia: '(min-width: 1600px)'
   }
 };
-var getScreenClassName = () => {
-  let queryKey = void 0;
-  if (typeof window === "undefined") {
+/**
+ * loop query screen className
+ * Array.find will throw a error
+ * `Rendered more hooks than during the previous render.`
+ * So should use Array.forEach
+ */
+var getScreenClassName = exports.getScreenClassName = function getScreenClassName() {
+  var queryKey = undefined;
+  // support ssr
+  if (typeof window === 'undefined') {
     return queryKey;
   }
-  const mediaQueryKey = Object.keys(MediaQueryEnum).find(
-    (key) => {
-      const { matchMedia } = MediaQueryEnum[key];
-      if (window.matchMedia(matchMedia).matches) {
-        return true;
-      }
-      return false;
+  var mediaQueryKey = Object.keys(MediaQueryEnum).find(function (key) {
+    var matchMedia = MediaQueryEnum[key].matchMedia;
+    if (window.matchMedia(matchMedia).matches) {
+      return true;
     }
-  );
+    return false;
+  });
   queryKey = mediaQueryKey;
   return queryKey;
 };
-var useBreakpoint = () => {
-  const isMd = (0, import_query.default)(MediaQueryEnum.md.matchMedia);
-  const isLg = (0, import_query.default)(MediaQueryEnum.lg.matchMedia);
-  const isXxl = (0, import_query.default)(MediaQueryEnum.xxl.matchMedia);
-  const isXl = (0, import_query.default)(MediaQueryEnum.xl.matchMedia);
-  const isSm = (0, import_query.default)(MediaQueryEnum.sm.matchMedia);
-  const isXs = (0, import_query.default)(MediaQueryEnum.xs.matchMedia);
-  const [colSpan, setColSpan] = (0, import_react.useState)(getScreenClassName());
-  (0, import_react.useEffect)(() => {
-    if (false) {
-      setColSpan(process.env.USE_MEDIA || "md");
+var useBreakpoint = exports.useBreakpoint = function useBreakpoint() {
+  var isMd = (0, _query.default)(MediaQueryEnum.md.matchMedia);
+  var isLg = (0, _query.default)(MediaQueryEnum.lg.matchMedia);
+  var isXxl = (0, _query.default)(MediaQueryEnum.xxl.matchMedia);
+  var isXl = (0, _query.default)(MediaQueryEnum.xl.matchMedia);
+  var isSm = (0, _query.default)(MediaQueryEnum.sm.matchMedia);
+  var isXs = (0, _query.default)(MediaQueryEnum.xs.matchMedia);
+  var _useState = (0, _react.useState)(getScreenClassName()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    colSpan = _useState2[0],
+    setColSpan = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (process.env.NODE_ENV === 'TEST') {
+      setColSpan(process.env.USE_MEDIA || 'md');
       return;
     }
     if (isXxl) {
-      setColSpan("xxl");
+      setColSpan('xxl');
       return;
     }
     if (isXl) {
-      setColSpan("xl");
+      setColSpan('xl');
       return;
     }
     if (isLg) {
-      setColSpan("lg");
+      setColSpan('lg');
       return;
     }
     if (isMd) {
-      setColSpan("md");
+      setColSpan('md');
       return;
     }
     if (isSm) {
-      setColSpan("sm");
+      setColSpan('sm');
       return;
     }
     if (isXs) {
-      setColSpan("xs");
+      setColSpan('xs');
       return;
     }
-    setColSpan("md");
+    setColSpan('md');
   }, [isMd, isLg, isXxl, isXl, isSm, isXs]);
   return colSpan;
-};
+};

package/lib/utils/useMediaQuery/query.js

@@ -1,41 +1,32 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/utils/useMediaQuery/query.ts
-var query_exports = {};
-__export(query_exports, {
-  default: () => useMediaQuery
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(query_exports);
-var import_react = require("react");
+exports.default = useMediaQuery;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
 function useMediaQuery(mediaQuery) {
-  const isSsr = typeof window === "undefined";
-  const [matches, setMatches] = (0, import_react.useState)(
-    () => isSsr ? false : window.matchMedia(mediaQuery).matches
-  );
-  (0, import_react.useLayoutEffect)(() => {
+  var isSsr = typeof window === 'undefined';
+  var _useState = (0, _react.useState)(function () {
+      return isSsr ? false : window.matchMedia(mediaQuery).matches;
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    matches = _useState2[0],
+    setMatches = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
     if (isSsr) {
       return;
     }
-    const mediaQueryList = window.matchMedia(mediaQuery);
-    const listener = (e) => setMatches(e.matches);
+    var mediaQueryList = window.matchMedia(mediaQuery);
+    var listener = function listener(e) {
+      return setMatches(e.matches);
+    };
     mediaQueryList.addListener(listener);
-    return () => mediaQueryList.removeListener(listener);
+    return function () {
+      return mediaQueryList.removeListener(listener);
+    };
   }, [mediaQuery]);
   return matches;
-}
+}

package/lib/utils/useMountMergeState/index.d.ts

@@ -1,2 +1,2 @@
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import { useMergedState } from '@rc-component/util';
 export { useMergedState as useMountMergeState };