@rc-component/util 1.0.0 → 1.0.1

package/es/ref.js

@@ -1,12 +1,11 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { isValidElement } from 'react';
 import { ForwardRef, isMemo } from 'react-is';
 import useMemo from "./hooks/useMemo";
 import isFragment from "./React/isFragment";
-export var fillRef = function fillRef(ref, node) {
+export const fillRef = (ref, node) => {
   if (typeof ref === 'function') {
     ref(node);
-  } else if (_typeof(ref) === 'object' && ref && 'current' in ref) {
+  } else if (typeof ref === 'object' && ref && 'current' in ref) {
     ref.current = node;
   }
 };
@@ -14,36 +13,23 @@ export var fillRef = function fillRef(ref, node) {
 /**
  * Merge refs into one ref function to support ref passing.
  */
-export var composeRef = function composeRef() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  var refList = refs.filter(Boolean);
+export const composeRef = (...refs) => {
+  const refList = refs.filter(Boolean);
   if (refList.length <= 1) {
     return refList[0];
   }
-  return function (node) {
-    refs.forEach(function (ref) {
+  return node => {
+    refs.forEach(ref => {
       fillRef(ref, node);
     });
   };
 };
-export var useComposeRef = function useComposeRef() {
-  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    refs[_key2] = arguments[_key2];
-  }
-  return useMemo(function () {
-    return composeRef.apply(void 0, refs);
-  },
+export const useComposeRef = (...refs) => {
+  return useMemo(() => composeRef(...refs),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  refs, function (prev, next) {
-    return prev.length !== next.length || prev.every(function (ref, i) {
-      return ref !== next[i];
-    });
-  });
+  refs, (prev, next) => prev.length !== next.length || prev.every((ref, i) => ref !== next[i]));
 };
-export var supportRef = function supportRef(nodeOrComponent) {
-  var _type$prototype, _nodeOrComponent$prot;
+export const supportRef = nodeOrComponent => {
   if (!nodeOrComponent) {
     return false;
   }
@@ -52,15 +38,15 @@ export var supportRef = function supportRef(nodeOrComponent) {
   if (isReactElement(nodeOrComponent) && nodeOrComponent.props.propertyIsEnumerable('ref')) {
     return true;
   }
-  var type = isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
+  const type = isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
 
   // Function component node
-  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type.$$typeof !== ForwardRef) {
+  if (typeof type === 'function' && !type.prototype?.render && type.$$typeof !== ForwardRef) {
     return false;
   }
 
   // Class component
-  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== ForwardRef) {
+  if (typeof nodeOrComponent === 'function' && !nodeOrComponent.prototype?.render && nodeOrComponent.$$typeof !== ForwardRef) {
     return false;
   }
   return true;
@@ -68,7 +54,7 @@ export var supportRef = function supportRef(nodeOrComponent) {
 function isReactElement(node) {
   return /*#__PURE__*/isValidElement(node) && !isFragment(node);
 }
-export var supportNodeRef = function supportNodeRef(node) {
+export const supportNodeRef = node => {
   return isReactElement(node) && supportRef(node);
 };
 
@@ -77,9 +63,9 @@ export var supportNodeRef = function supportNodeRef(node) {
  * But a property from `props.ref`.
  * To check if `props.ref` exist or fallback to `ref`.
  */
-export var getNodeRef = function getNodeRef(node) {
+export const getNodeRef = node => {
   if (node && isReactElement(node)) {
-    var ele = node;
+    const ele = node;
 
     // Source from:
     // https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/getReactNodeRef/getReactNodeRef.ts

package/es/setStyle.js

@@ -4,21 +4,21 @@
  * https://github.com/ant-design/ant-design/issues/19393
  *
  */
-function setStyle(style) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function setStyle(style, options = {}) {
   if (!style) {
     return {};
   }
-  var _options$element = options.element,
-    element = _options$element === void 0 ? document.body : _options$element;
-  var oldStyle = {};
-  var styleKeys = Object.keys(style);
+  const {
+    element = document.body
+  } = options;
+  const oldStyle = {};
+  const styleKeys = Object.keys(style);
 
   // IE browser compatible
-  styleKeys.forEach(function (key) {
+  styleKeys.forEach(key => {
     oldStyle[key] = element.style[key];
   });
-  styleKeys.forEach(function (key) {
+  styleKeys.forEach(key => {
     element.style[key] = style[key];
   });
   return oldStyle;

package/es/test/domHook.js

@@ -1,52 +1,44 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable @typescript-eslint/ban-types */
 /* eslint-disable no-param-reassign */
-var NO_EXIST = {
+const NO_EXIST = {
   __NOT_EXIST: true
 };
 export function spyElementPrototypes(elementClass, properties) {
-  var propNames = Object.keys(properties);
-  var originDescriptors = {};
-  propNames.forEach(function (propName) {
-    var originDescriptor = Object.getOwnPropertyDescriptor(elementClass.prototype, propName);
+  const propNames = Object.keys(properties);
+  const originDescriptors = {};
+  propNames.forEach(propName => {
+    const originDescriptor = Object.getOwnPropertyDescriptor(elementClass.prototype, propName);
     originDescriptors[propName] = originDescriptor || NO_EXIST;
-    var spyProp = properties[propName];
+    const spyProp = properties[propName];
     if (typeof spyProp === 'function') {
       // If is a function
-      elementClass.prototype[propName] = function spyFunc() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        return spyProp.call.apply(spyProp, [this, originDescriptor].concat(args));
+      elementClass.prototype[propName] = function spyFunc(...args) {
+        return spyProp.call(this, originDescriptor, ...args);
       };
     } else {
       // Otherwise tread as a property
-      Object.defineProperty(elementClass.prototype, propName, _objectSpread(_objectSpread({}, spyProp), {}, {
-        set: function set(value) {
+      Object.defineProperty(elementClass.prototype, propName, {
+        ...spyProp,
+        set(value) {
           if (spyProp.set) {
             return spyProp.set.call(this, originDescriptor, value);
           }
           return originDescriptor.set(value);
         },
-        get: function get() {
+        get() {
           if (spyProp.get) {
             return spyProp.get.call(this, originDescriptor);
           }
           return originDescriptor.get();
         },
         configurable: true
-      }));
+      });
     }
   });
   return {
-    mockRestore: function mockRestore() {
-      propNames.forEach(function (propName) {
-        var originDescriptor = originDescriptors[propName];
+    mockRestore() {
+      propNames.forEach(propName => {
+        const originDescriptor = originDescriptors[propName];
         if (originDescriptor === NO_EXIST) {
           delete elementClass.prototype[propName];
         } else if (typeof originDescriptor === 'function') {
@@ -59,6 +51,8 @@ export function spyElementPrototypes(elementClass, properties) {
   };
 }
 export function spyElementPrototype(Element, propName, property) {
-  return spyElementPrototypes(Element, _defineProperty({}, propName, property));
+  return spyElementPrototypes(Element, {
+    [propName]: property
+  });
 }
 /* eslint-enable */

package/es/utils/get.js

@@ -1,6 +1,6 @@
 export default function get(entity, path) {
-  var current = entity;
-  for (var i = 0; i < path.length; i += 1) {
+  let current = entity;
+  for (let i = 0; i < path.length; i += 1) {
     if (current === null || current === undefined) {
       return undefined;
     }

package/es/utils/set.js

@@ -1,33 +1,18 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import get from "./get";
 function internalSet(entity, paths, value, removeIfUndefined) {
   if (!paths.length) {
     return value;
   }
-  var _paths = _toArray(paths),
-    path = _paths[0],
-    restPath = _paths.slice(1);
-  var clone;
+  const [path, ...restPath] = paths;
+  let clone;
   if (!entity && typeof path === 'number') {
     clone = [];
   } else if (Array.isArray(entity)) {
-    clone = _toConsumableArray(entity);
+    clone = [...entity];
   } else {
-    clone = _objectSpread({}, entity);
+    clone = {
+      ...entity
+    };
   }
 
   // Delete prop if `removeIfUndefined` and value is undefined
@@ -38,8 +23,7 @@ function internalSet(entity, paths, value, removeIfUndefined) {
   }
   return clone;
 }
-export default function set(entity, paths, value) {
-  var removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+export default function set(entity, paths, value, removeIfUndefined = false) {
   // Do nothing if `removeIfUndefined` and parent object not exist
   if (paths.length && removeIfUndefined && value === undefined && !get(entity, paths.slice(0, -1))) {
     return entity;
@@ -47,40 +31,37 @@ export default function set(entity, paths, value) {
   return internalSet(entity, paths, value, removeIfUndefined);
 }
 function isObject(obj) {
-  return _typeof(obj) === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
+  return typeof obj === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
 }
 function createEmpty(source) {
   return Array.isArray(source) ? [] : {};
 }
-var keys = typeof Reflect === 'undefined' ? Object.keys : Reflect.ownKeys;
+const keys = typeof Reflect === 'undefined' ? Object.keys : Reflect.ownKeys;
 
 /**
  * Merge objects which will create
  */
-export function merge() {
-  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-    sources[_key] = arguments[_key];
-  }
-  var clone = createEmpty(sources[0]);
-  sources.forEach(function (src) {
+export function merge(...sources) {
+  let clone = createEmpty(sources[0]);
+  sources.forEach(src => {
     function internalMerge(path, parentLoopSet) {
-      var loopSet = new Set(parentLoopSet);
-      var value = get(src, path);
-      var isArr = Array.isArray(value);
+      const loopSet = new Set(parentLoopSet);
+      const value = get(src, path);
+      const isArr = Array.isArray(value);
       if (isArr || isObject(value)) {
         // Only add not loop obj
         if (!loopSet.has(value)) {
           loopSet.add(value);
-          var originValue = get(clone, path);
+          const originValue = get(clone, path);
           if (isArr) {
             // Array will always be override
             clone = set(clone, path, []);
-          } else if (!originValue || _typeof(originValue) !== 'object') {
+          } else if (!originValue || typeof originValue !== 'object') {
             // Init container if not exist
             clone = set(clone, path, createEmpty(value));
           }
-          keys(value).forEach(function (key) {
-            internalMerge([].concat(_toConsumableArray(path), [key]), loopSet);
+          keys(value).forEach(key => {
+            internalMerge([...path, key], loopSet);
           });
         }
       } else {

package/es/warning.js

@@ -1,12 +1,12 @@
 /* eslint-disable no-console */
-var warned = {};
-var preWarningFns = [];
+let warned = {};
+const preWarningFns = [];
 
 /**
  * Pre warning enable you to parse content before console.error.
  * Modify to null will prevent warning.
  */
-export var preMessage = function preMessage(fn) {
+export const preMessage = fn => {
   preWarningFns.push(fn);
 };
 
@@ -23,11 +23,9 @@ export var preMessage = function preMessage(fn) {
  */
 export function warning(valid, message) {
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');
-    }, message);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? '', 'warning'), message);
     if (finalMessage) {
-      console.error("Warning: ".concat(finalMessage));
+      console.error(`Warning: ${finalMessage}`);
     }
   }
 }
@@ -35,11 +33,9 @@ export function warning(valid, message) {
 /** @see Similar to {@link warning} */
 export function note(valid, message) {
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');
-    }, message);
+    const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? '', 'note'), message);
     if (finalMessage) {
-      console.warn("Note: ".concat(finalMessage));
+      console.warn(`Note: ${finalMessage}`);
     }
   }
 }

package/lib/Children/toArray.js

@@ -7,10 +7,9 @@ exports.default = toArray;
 var _isFragment = _interopRequireDefault(require("../React/isFragment"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function toArray(children) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var ret = [];
-  _react.default.Children.forEach(children, function (child) {
+function toArray(children, option = {}) {
+  let ret = [];
+  _react.default.Children.forEach(children, child => {
     if ((child === undefined || child === null) && !option.keepEmpty) {
       return;
     }

package/lib/Dom/contains.js

@@ -15,7 +15,7 @@ function contains(root, n) {
   }
 
   // `document.contains` not support with IE11
-  var node = n;
+  let node = n;
   while (node) {
     if (node === root) {
       return true;

package/lib/Dom/dynamicCSS.js

@@ -10,21 +10,15 @@ exports.updateCSS = updateCSS;
 var _canUseDom = _interopRequireDefault(require("./canUseDom"));
 var _contains = _interopRequireDefault(require("./contains"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var APPEND_ORDER = 'data-rc-order';
-var APPEND_PRIORITY = 'data-rc-priority';
-var MARK_KEY = "rc-util-key";
-var containerCache = new Map();
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    mark = _ref.mark;
+const APPEND_ORDER = 'data-rc-order';
+const APPEND_PRIORITY = 'data-rc-priority';
+const MARK_KEY = `rc-util-key`;
+const containerCache = new Map();
+function getMark({
+  mark
+} = {}) {
   if (mark) {
-    return mark.startsWith('data-') ? mark : "data-".concat(mark);
+    return mark.startsWith('data-') ? mark : `data-${mark}`;
   }
   return MARK_KEY;
 }
@@ -32,7 +26,7 @@ function getContainer(option) {
   if (option.attachTo) {
     return option.attachTo;
   }
-  var head = document.querySelector('head');
+  const head = document.querySelector('head');
   return head || document.body;
 }
 function getOrder(prepend) {
@@ -46,43 +40,43 @@ function getOrder(prepend) {
  * Find style which inject by rc-util
  */
 function findStyles(container) {
-  return Array.from((containerCache.get(container) || container).children).filter(function (node) {
-    return node.tagName === 'STYLE';
-  });
+  return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE');
 }
-function injectCSS(css) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function injectCSS(css, option = {}) {
   if (!(0, _canUseDom.default)()) {
     return null;
   }
-  var csp = option.csp,
-    prepend = option.prepend,
-    _option$priority = option.priority,
-    priority = _option$priority === void 0 ? 0 : _option$priority;
-  var mergedOrder = getOrder(prepend);
-  var isPrependQueue = mergedOrder === 'prependQueue';
-  var styleNode = document.createElement('style');
+  const {
+    csp,
+    prepend,
+    priority = 0
+  } = option;
+  const mergedOrder = getOrder(prepend);
+  const isPrependQueue = mergedOrder === 'prependQueue';
+  const styleNode = document.createElement('style');
   styleNode.setAttribute(APPEND_ORDER, mergedOrder);
   if (isPrependQueue && priority) {
-    styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
+    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
   }
-  if (csp !== null && csp !== void 0 && csp.nonce) {
-    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
+  if (csp?.nonce) {
+    styleNode.nonce = csp?.nonce;
   }
   styleNode.innerHTML = css;
-  var container = getContainer(option);
-  var firstChild = container.firstChild;
+  const container = getContainer(option);
+  const {
+    firstChild
+  } = container;
   if (prepend) {
     // If is queue `prepend`, it will prepend first style and then append rest style
     if (isPrependQueue) {
-      var existStyle = (option.styles || findStyles(container)).filter(function (node) {
+      const existStyle = (option.styles || findStyles(container)).filter(node => {
         // Ignore style which not injected by rc-util with prepend
         if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
           return false;
         }
 
         // Ignore style which priority less then new style
-        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
+        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
         return priority >= nodePriority;
       });
       if (existStyle.length) {
@@ -98,18 +92,14 @@ function injectCSS(css) {
   }
   return styleNode;
 }
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer(option);
-  return (option.styles || findStyles(container)).find(function (node) {
-    return node.getAttribute(getMark(option)) === key;
-  });
+function findExistNode(key, option = {}) {
+  const container = getContainer(option);
+  return (option.styles || findStyles(container)).find(node => node.getAttribute(getMark(option)) === key);
 }
-function removeCSS(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var existNode = findExistNode(key, option);
+function removeCSS(key, option = {}) {
+  const existNode = findExistNode(key, option);
   if (existNode) {
-    var container = getContainer(option);
+    const container = getContainer(option);
     container.removeChild(existNode);
   }
 }
@@ -118,12 +108,14 @@ function removeCSS(key) {
  * qiankun will inject `appendChild` to insert into other
  */
 function syncRealContainer(container, option) {
-  var cachedRealContainer = containerCache.get(container);
+  const cachedRealContainer = containerCache.get(container);
 
   // Find real container when not cached or cached container removed
   if (!cachedRealContainer || !(0, _contains.default)(document, cachedRealContainer)) {
-    var placeholderStyle = injectCSS('', option);
-    var parentNode = placeholderStyle.parentNode;
+    const placeholderStyle = injectCSS('', option);
+    const {
+      parentNode
+    } = placeholderStyle;
     containerCache.set(container, parentNode);
     container.removeChild(placeholderStyle);
   }
@@ -135,29 +127,27 @@ function syncRealContainer(container, option) {
 function clearContainerCache() {
   containerCache.clear();
 }
-function updateCSS(css, key) {
-  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(originOption);
-  var styles = findStyles(container);
-  var option = _objectSpread(_objectSpread({}, originOption), {}, {
-    styles: styles
-  });
+function updateCSS(css, key, originOption = {}) {
+  const container = getContainer(originOption);
+  const styles = findStyles(container);
+  const option = {
+    ...originOption,
+    styles
+  };
 
   // Sync real parent
   syncRealContainer(container, option);
-  var existNode = findExistNode(key, option);
+  const existNode = findExistNode(key, option);
   if (existNode) {
-    var _option$csp, _option$csp2;
-    if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
-      var _option$csp3;
-      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
+    if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) {
+      existNode.nonce = option.csp?.nonce;
     }
     if (existNode.innerHTML !== css) {
       existNode.innerHTML = css;
     }
     return existNode;
   }
-  var newNode = injectCSS(css, option);
+  const newNode = injectCSS(css, option);
   newNode.setAttribute(getMark(option), key);
   return newNode;
 }

package/lib/Dom/findDOMNode.js

@@ -9,7 +9,6 @@ exports.isDOM = isDOM;
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function isDOM(node) {
   // https://developer.mozilla.org/en-US/docs/Web/API/Element
   // Since XULElement is also subclass of Element, we only need HTMLElement and SVGElement
@@ -20,7 +19,7 @@ function isDOM(node) {
  * Retrieves a DOM node via a ref, and does not invoke `findDOMNode`.
  */
 function getDOM(node) {
-  if (node && _typeof(node) === 'object' && isDOM(node.nativeElement)) {
+  if (node && typeof node === 'object' && isDOM(node.nativeElement)) {
     return node.nativeElement;
   }
   if (isDOM(node)) {
@@ -33,13 +32,12 @@ function getDOM(node) {
  * Return if a node is a DOM node. Else will return by `findDOMNode`
  */
 function findDOMNode(node) {
-  var domNode = getDOM(node);
+  const domNode = getDOM(node);
   if (domNode) {
     return domNode;
   }
   if (node instanceof _react.default.Component) {
-    var _ReactDOM$findDOMNode;
-    return (_ReactDOM$findDOMNode = _reactDom.default.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(_reactDom.default, node);
+    return _reactDom.default.findDOMNode?.(node);
   }
   return null;
 }