@qsxy/element-plus-react 1.0.0-next.8 → 1.0.1

package/dist/hooks/useClickOutside.js

@@ -1,61 +1,30 @@
-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);
-
-// src/hooks/useClickOutside.ts
-var useClickOutside_exports = {};
-__export(useClickOutside_exports, {
-  default: () => useClickOutside_default
-});
-module.exports = __toCommonJS(useClickOutside_exports);
-var import_forIn = __toESM(require("lodash/forIn"));
-var import_react = require("react");
-var import_Util = require("../Util");
+import forIn from 'lodash/forIn';
+import { useEffect, useLayoutEffect } from 'react';
+import { randomCode } from "../Util";
 var nodeList = {};
 var startClick;
 var init = false;
 function createDocumentHandler(el, binding) {
-  let excludes = [];
+  var excludes = [];
   if (Array.isArray(binding.arg)) {
     excludes = binding.arg;
   } else {
+    // due to current implementation on binding type is wrong the type casting is necessary here
     excludes.push(binding.arg);
   }
-  return function(mouseup, mousedown) {
+  return function (mouseup, mousedown) {
     if (mouseup && mousedown) {
-      const popperRef = binding.popperRef;
-      const mouseUpTarget = mouseup.target;
-      const mouseDownTarget = mousedown.target;
-      const isBound = !binding;
-      const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-      const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-      const isSelf = el === mouseUpTarget;
-      const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
-      const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+      var popperRef = binding.popperRef;
+      var mouseUpTarget = mouseup.target;
+      var mouseDownTarget = mousedown.target;
+      var isBound = !binding;
+      var isTargetExists = !mouseUpTarget || !mouseDownTarget;
+      var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+      var isSelf = el === mouseUpTarget;
+      var isTargetExcluded = excludes.length && excludes.some(function (item) {
+        return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
+      }) || excludes.length && excludes.includes(mouseDownTarget);
+      var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
       if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
         return;
       }
@@ -63,50 +32,56 @@ function createDocumentHandler(el, binding) {
     }
   };
 }
-var useClickOutside = (el, binding) => {
+var useClickOutside = function useClickOutside(el, binding) {
   if (!init) {
-    window.addEventListener("mousedown", (e) => startClick = e);
-    window.addEventListener("mouseup", (e) => {
-      (0, import_forIn.default)(nodeList, ({ documentHandler }) => {
+    window.addEventListener('mousedown', function (e) {
+      return startClick = e;
+    });
+    window.addEventListener('mouseup', function (e) {
+      forIn(nodeList, function (_ref) {
+        var documentHandler = _ref.documentHandler;
         documentHandler(e, startClick);
       });
     });
     init = true;
   }
-  (0, import_react.useLayoutEffect)(() => {
+  useLayoutEffect(function () {
     if (el.current && binding.popperRef) {
       if (!(el.current instanceof HTMLElement)) {
         return;
       }
-      const index = (0, import_Util.randomCode)(11);
+      var index = randomCode(11);
       el.current.dataset.index = index;
       nodeList[index] = {
         documentHandler: createDocumentHandler(el.current, binding),
         bindingFn: binding.value
       };
-      return () => {
+      return function () {
         delete nodeList[index];
       };
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [binding.popperRef]);
-  (0, import_react.useEffect)(() => {
-    var _a, _b;
+  useEffect(function () {
     if (el.current && binding.visible) {
       if (!(el.current instanceof HTMLElement)) {
         return;
       }
-      const index = (0, import_Util.randomCode)(11);
+      var index = randomCode(11);
       el.current.dataset.index = index;
       nodeList[index] = {
         documentHandler: createDocumentHandler(el.current, binding),
         bindingFn: binding.value
       };
     } else {
-      const index = (_b = (_a = el.current) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
-      if (index) {
-        delete nodeList[index];
+      var _el$current;
+      var _index = (_el$current = el.current) === null || _el$current === void 0 || (_el$current = _el$current.dataset) === null || _el$current === void 0 ? void 0 : _el$current.index;
+      if (_index) {
+        delete nodeList[_index];
       }
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [binding.visible]);
 };
-var useClickOutside_default = useClickOutside;
+export default useClickOutside;

package/dist/hooks/useCommonProps.js

@@ -1,54 +1,21 @@
-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 });
+import { useContext, useMemo } from 'react';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import FormContext from "../Form/FieldContext";
+import { FormItemContext } from "../Form/FormItemContext";
+export var useSize = function useSize(fallback) {
+  var _useConfigProvider = useConfigProvider(),
+    globalSize = _useConfigProvider.size;
+  var size = fallback instanceof Function ? fallback() : fallback;
+  var form = useContext(FormContext);
+  var formItem = useContext(FormItemContext);
+  return useMemo(function () {
+    return size || (formItem === null || formItem === void 0 ? void 0 : formItem.size) || (form === null || form === void 0 ? void 0 : form.size) || globalSize || null;
+  }, [size, form === null || form === void 0 ? void 0 : form.size, formItem === null || formItem === void 0 ? void 0 : formItem.size, globalSize]);
 };
-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);
-
-// src/hooks/useCommonProps.ts
-var useCommonProps_exports = {};
-__export(useCommonProps_exports, {
-  useDisabled: () => useDisabled,
-  useSize: () => useSize
-});
-module.exports = __toCommonJS(useCommonProps_exports);
-var import_react = require("react");
-var import_FieldContext = __toESM(require("../Form/FieldContext"));
-var import_FormItemContext = require("../Form/FormItemContext");
-var useSize = (fallback) => {
-  const disabled = fallback instanceof Function ? fallback() : fallback;
-  const form = (0, import_react.useContext)(import_FieldContext.default);
-  const formItem = (0, import_react.useContext)(import_FormItemContext.FormItemContext);
-  return (0, import_react.useMemo)(() => disabled || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || null, [disabled, form == null ? void 0 : form.size, formItem == null ? void 0 : formItem.size]);
-};
-var useDisabled = (fallback) => {
-  const disabled = fallback instanceof Function ? fallback() : fallback;
-  const form = (0, import_react.useContext)(import_FieldContext.default);
-  return (0, import_react.useMemo)(() => disabled || (form == null ? void 0 : form.disabled) || false, [disabled, form == null ? void 0 : form.disabled]);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDisabled,
-  useSize
-});
+export var useDisabled = function useDisabled(fallback) {
+  var disabled = fallback instanceof Function ? fallback() : fallback;
+  var form = useContext(FormContext);
+  return useMemo(function () {
+    return disabled || (form === null || form === void 0 ? void 0 : form.disabled) || false;
+  }, [disabled, form === null || form === void 0 ? void 0 : form.disabled]);
+};

package/dist/hooks/useComponentWillMount.js

@@ -1,33 +1,9 @@
-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);
-
-// src/hooks/useComponentWillMount.ts
-var useComponentWillMount_exports = {};
-__export(useComponentWillMount_exports, {
-  default: () => useComponentWillMount_default
-});
-module.exports = __toCommonJS(useComponentWillMount_exports);
-var import_react = require("react");
-var useComponentWillMount = (func) => {
-  const willMount = (0, import_react.useRef)(true);
+import { useRef } from 'react';
+var useComponentWillMount = function useComponentWillMount(func) {
+  var willMount = useRef(true);
   if (willMount.current) {
     func();
   }
   willMount.current = false;
 };
-var useComponentWillMount_default = useComponentWillMount;
+export default useComponentWillMount;

package/dist/hooks/useControlled.js

@@ -1,41 +1,35 @@
-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);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useRef, useState } from 'react';
 
-// src/hooks/useControlled.ts
-var useControlled_exports = {};
-__export(useControlled_exports, {
-  default: () => useControlled_default
-});
-module.exports = __toCommonJS(useControlled_exports);
-var import_react = require("react");
+/**
+ * A hook for controlled value management.
+ * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
+ * Generally used for a component including controlled and uncontrolled modes.
+ * @param controlledValue
+ * @param defaultValue
+ * @param formatValue
+ */
 function useControlled(controlledValue, defaultValue) {
-  const controlledRef = (0, import_react.useRef)(false);
-  controlledRef.current = controlledValue !== void 0;
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react.useState)(defaultValue);
-  const value = controlledRef.current ? controlledValue : uncontrolledValue;
-  const setValue = (0, import_react.useCallback)(
-    (nextValue) => {
-      if (!controlledRef.current) {
-        setUncontrolledValue(nextValue);
-      }
-    },
-    [controlledRef]
-  );
+  var controlledRef = useRef(false);
+  controlledRef.current = controlledValue !== undefined;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+
+  // If it is controlled, this directly returns the attribute value.
+  var value = controlledRef.current ? controlledValue : uncontrolledValue;
+  var setValue = useCallback(function (nextValue) {
+    // Only update the value in state when it is not under control.
+    if (!controlledRef.current) {
+      setUncontrolledValue(nextValue);
+    }
+  }, [controlledRef]);
   return [value, setValue, controlledRef.current];
 }
-var useControlled_default = useControlled;
+export default useControlled;

package/dist/hooks/useCssTransiton.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface CssTransitonProps {
+    nodeRef: React.RefObject<HTMLElement>;
+    visible: boolean;
+    disabled?: boolean;
+    duration?: number;
+    beforeLeave?: (el: HTMLElement) => void;
+    onLeave?: (el: HTMLElement) => void;
+    afterLeave?: (el: HTMLElement) => void;
+    beforeEnter?: (el: HTMLElement) => void;
+    onEnter?: (el: HTMLElement, done?: () => void) => void;
+    afterEnter?: (el: HTMLElement) => void;
+    done?: () => void;
+}
+export declare enum STATUS {
+    UNMOUNTED = 0,
+    BEFORE_LEAVE = 1,
+    LEAVE = 2,
+    AFTER_LEAVE = 3,
+    BEFORE_ENTER = 4,
+    ENTER = 5,
+    AFTER_ENTER = 6
+}
+declare const useCssTransiton: (props: CssTransitonProps) => {
+    mounted: boolean;
+};
+export default useCssTransiton;

package/dist/hooks/useCssTransiton.js

@@ -0,0 +1,87 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { addStyle } from 'dom-lib';
+import { useCallback, useEffect, useState } from 'react';
+export var STATUS = /*#__PURE__*/function (STATUS) {
+  STATUS[STATUS["UNMOUNTED"] = 0] = "UNMOUNTED";
+  STATUS[STATUS["BEFORE_LEAVE"] = 1] = "BEFORE_LEAVE";
+  STATUS[STATUS["LEAVE"] = 2] = "LEAVE";
+  STATUS[STATUS["AFTER_LEAVE"] = 3] = "AFTER_LEAVE";
+  STATUS[STATUS["BEFORE_ENTER"] = 4] = "BEFORE_ENTER";
+  STATUS[STATUS["ENTER"] = 5] = "ENTER";
+  STATUS[STATUS["AFTER_ENTER"] = 6] = "AFTER_ENTER";
+  return STATUS;
+}({});
+var useCssTransiton = function useCssTransiton(props) {
+  var nodeRef = props.nodeRef,
+    visible = props.visible,
+    disabled = props.disabled,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 250 : _props$duration,
+    beforeLeave = props.beforeLeave,
+    onLeave = props.onLeave,
+    afterLeave = props.afterLeave,
+    beforeEnter = props.beforeEnter,
+    onEnter = props.onEnter,
+    afterEnter = props.afterEnter,
+    done = props.done;
+  var _useState = useState(STATUS.UNMOUNTED),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
+  var startCssTransition = useCallback(function () {
+    setStatus(STATUS.BEFORE_LEAVE);
+  }, []);
+  useEffect(function () {
+    if (!disabled) {
+      if (mounted) {
+        startCssTransition();
+      } else {
+        setMounted(true);
+        done === null || done === void 0 || done();
+      }
+    } else {
+      done === null || done === void 0 || done();
+    }
+  }, [visible]);
+  useEffect(function () {
+    if (status === STATUS.BEFORE_LEAVE) {
+      beforeLeave === null || beforeLeave === void 0 || beforeLeave(nodeRef.current);
+      setStatus(STATUS.LEAVE);
+    } else if (status === STATUS.LEAVE) {
+      onLeave === null || onLeave === void 0 || onLeave(nodeRef.current);
+      setStatus(STATUS.AFTER_LEAVE);
+    } else if (status === STATUS.AFTER_LEAVE) {
+      setTimeout(function () {
+        afterLeave === null || afterLeave === void 0 || afterLeave(nodeRef.current);
+        setStatus(STATUS.BEFORE_ENTER);
+        addStyle(nodeRef.current, {
+          display: 'none'
+        });
+      }, duration);
+    } else if (status === STATUS.BEFORE_ENTER) {
+      beforeEnter === null || beforeEnter === void 0 || beforeEnter(nodeRef.current);
+      setStatus(STATUS.ENTER);
+    } else if (status === STATUS.ENTER) {
+      addStyle(nodeRef.current, {
+        display: ''
+      });
+      onEnter === null || onEnter === void 0 || onEnter(nodeRef.current, done);
+      setStatus(STATUS.AFTER_ENTER);
+    } else if (status === STATUS.AFTER_ENTER) {
+      afterEnter === null || afterEnter === void 0 || afterEnter(nodeRef.current);
+    }
+  }, [status]);
+  return {
+    mounted: mounted
+  };
+};
+export default useCssTransiton;

package/dist/hooks/useForceUpdate.js

@@ -1,39 +1,21 @@
-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);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from 'react';
+import { randomCode } from "../Util";
 
-// src/hooks/useForceUpdate.ts
-var useForceUpdate_exports = {};
-__export(useForceUpdate_exports, {
-  useForceUpdate: () => useForceUpdate
-});
-module.exports = __toCommonJS(useForceUpdate_exports);
-var import_react = require("react");
-var import_Util = require("../Util");
-var useForceUpdate = () => {
-  const [, setForceUpdate] = (0, import_react.useState)("");
+/** 强制刷新 */
+export var useForceUpdate = function useForceUpdate() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    setForceUpdate = _useState2[1];
   return {
     // forceUpdate,
-    forceUpdate: () => {
-      setForceUpdate((0, import_Util.randomCode)(5));
+    forceUpdate: function forceUpdate() {
+      setForceUpdate(randomCode(5));
     }
   };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useForceUpdate
-});
+};

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,42 @@
+import { RefObject } from 'react';
+export interface ResizeObserverSize {
+    readonly inlineSize: number;
+    readonly blockSize: number;
+}
+export interface ResizeObserverEntry {
+    readonly target: Element;
+    readonly contentRect: DOMRectReadOnly;
+    readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>;
+    readonly contentBoxSize: ReadonlyArray<ResizeObserverSize>;
+    readonly devicePixelContentBoxSize: ReadonlyArray<ResizeObserverSize>;
+}
+export type ResizeObserverCallback = (entries: ReadonlyArray<ResizeObserverEntry>, observer: ResizeObserver) => void;
+export interface UseResizeObserverOptions {
+    /**
+     * Sets which box model the observer will observe changes to. Possible values
+     * are `content-box` (the default), `border-box` and `device-pixel-content-box`.
+     *
+     * @default 'content-box'
+     */
+    box?: ResizeObserverBoxOptions;
+    window?: Window;
+}
+declare class ResizeObserver {
+    constructor(callback: ResizeObserverCallback);
+    disconnect(): void;
+    observe(target: Element, options?: UseResizeObserverOptions): void;
+    unobserve(target: Element): void;
+}
+/**
+ * Reports changes to the dimensions of an Element's content or the border-box
+ *
+ * @param target
+ * @param callback
+ * @param options
+ */
+export declare function useResizeObserver(target: RefObject<HTMLElement>, callback: ResizeObserverCallback, options?: UseResizeObserverOptions): {
+    isSupported: boolean;
+    stop: () => void;
+};
+export type UseResizeObserverReturn = ReturnType<typeof useResizeObserver>;
+export {};

package/dist/hooks/useResizeObserver.js

@@ -0,0 +1,42 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { useEffect, useMemo } from 'react';
+/**
+ * Reports changes to the dimensions of an Element's content or the border-box
+ *
+ * @param target
+ * @param callback
+ * @param options
+ */
+export function useResizeObserver(target, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var observerOptions = Object.assign({}, (_objectDestructuringEmpty(options), options));
+  var observer;
+  var isSupported = useMemo(function () {
+    return window && 'ResizeObserver' in window;
+  }, []);
+  var cleanup = function cleanup() {
+    if (observer) {
+      observer.disconnect();
+      observer = undefined;
+    }
+  };
+  var stop = function stop() {
+    cleanup();
+  };
+  useEffect(function () {
+    cleanup();
+    if (isSupported && window) {
+      observer = new ResizeObserver(callback);
+      if (target.current) {
+        observer.observe(target.current, observerOptions);
+      }
+    }
+    return function () {
+      cleanup();
+    };
+  }, []);
+  return {
+    isSupported: isSupported,
+    stop: stop
+  };
+}

package/dist/hooks/useUpdateEffect.js

@@ -1,36 +1,13 @@
-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);
-
-// src/hooks/useUpdateEffect.ts
-var useUpdateEffect_exports = {};
-__export(useUpdateEffect_exports, {
-  default: () => useUpdateEffect_default
-});
-module.exports = __toCommonJS(useUpdateEffect_exports);
-var import_react = require("react");
-var useUpdateEffect = (effect, deps) => {
-  const isMounting = (0, import_react.useRef)(true);
-  (0, import_react.useEffect)(() => {
+import { useEffect, useRef } from 'react';
+var useUpdateEffect = function useUpdateEffect(effect, deps) {
+  var isMounting = useRef(true);
+  useEffect(function () {
     if (isMounting.current) {
       isMounting.current = false;
       return;
     }
     effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
-var useUpdateEffect_default = useUpdateEffect;
+export default useUpdateEffect;