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

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/useComposition.d.ts

@@ -0,0 +1,16 @@
+import { CompositionEvent } from 'react';
+interface UseCompositionOptions {
+    afterComposition: (event: CompositionEvent<HTMLInputElement>) => void;
+    compositionstart?: (evt: CompositionEvent<HTMLInputElement>) => void;
+    compositionupdate?: (evt: CompositionEvent<HTMLInputElement>) => void;
+    compositionend?: (evt: CompositionEvent<HTMLInputElement>) => void;
+}
+export declare function useComposition({ afterComposition, compositionstart, compositionupdate, compositionend }: UseCompositionOptions): {
+    isComposing: import("react").MutableRefObject<boolean>;
+    handleComposition: (event: CompositionEvent<HTMLInputElement>) => void;
+    handleCompositionStart: (event: CompositionEvent<HTMLInputElement>) => void;
+    handleCompositionUpdate: (event: CompositionEvent<HTMLInputElement>) => void;
+    handleCompositionEnd: (event: CompositionEvent<HTMLInputElement>) => void;
+};
+export declare const isKorean: (text: string) => boolean;
+export {};

package/dist/hooks/useComposition.js

@@ -0,0 +1,39 @@
+import { useRef } from 'react';
+export function useComposition(_ref) {
+  var afterComposition = _ref.afterComposition,
+    compositionstart = _ref.compositionstart,
+    compositionupdate = _ref.compositionupdate,
+    compositionend = _ref.compositionend;
+  var isComposing = useRef(false);
+  var handleCompositionStart = function handleCompositionStart(event) {
+    compositionstart === null || compositionstart === void 0 || compositionstart(event);
+    isComposing.current = true;
+  };
+  var handleCompositionUpdate = function handleCompositionUpdate(event) {
+    var _event$target;
+    compositionupdate === null || compositionupdate === void 0 || compositionupdate(event);
+    var text = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;
+    var lastCharacter = text[text.length - 1] || '';
+    isComposing.current = !isKorean(lastCharacter);
+  };
+  var handleCompositionEnd = function handleCompositionEnd(event) {
+    compositionend === null || compositionend === void 0 || compositionend(event);
+    if (isComposing.current) {
+      isComposing.current = false;
+      afterComposition(event);
+    }
+  };
+  var handleComposition = function handleComposition(event) {
+    event.type === 'compositionend' ? handleCompositionEnd(event) : handleCompositionUpdate(event);
+  };
+  return {
+    isComposing: isComposing,
+    handleComposition: handleComposition,
+    handleCompositionStart: handleCompositionStart,
+    handleCompositionUpdate: handleCompositionUpdate,
+    handleCompositionEnd: handleCompositionEnd
+  };
+}
+export var isKorean = function isKorean(text) {
+  return /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
+};

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/useCursor.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useCursor(input: RefObject<HTMLInputElement | undefined>): [() => void, () => void];

package/dist/hooks/useCursor.js

@@ -0,0 +1,52 @@
+// Keep input cursor in the correct position when we use formatter.
+export function useCursor(input) {
+  var selectionInfo;
+  function recordCursor() {
+    if (input.current == undefined) {
+      return;
+    }
+    var _input$current = input.current,
+      selectionStart = _input$current.selectionStart,
+      selectionEnd = _input$current.selectionEnd,
+      value = _input$current.value;
+    if (selectionStart == null || selectionEnd == null) {
+      return;
+    }
+    var beforeTxt = value.slice(0, Math.max(0, selectionStart));
+    var afterTxt = value.slice(Math.max(0, selectionEnd));
+    selectionInfo = {
+      selectionStart: selectionStart,
+      selectionEnd: selectionEnd,
+      value: value,
+      beforeTxt: beforeTxt,
+      afterTxt: afterTxt
+    };
+  }
+  function setCursor() {
+    if (input.current == undefined || selectionInfo == undefined) {
+      return;
+    }
+    var value = input.current.value;
+    var _selectionInfo = selectionInfo,
+      beforeTxt = _selectionInfo.beforeTxt,
+      afterTxt = _selectionInfo.afterTxt,
+      selectionStart = _selectionInfo.selectionStart;
+    if (beforeTxt == undefined || afterTxt == undefined || selectionStart == undefined) {
+      return;
+    }
+    var startPos = value.length;
+    if (value.endsWith(afterTxt)) {
+      startPos = value.length - afterTxt.length;
+    } else if (value.startsWith(beforeTxt)) {
+      startPos = beforeTxt.length;
+    } else {
+      var beforeLastChar = beforeTxt[selectionStart - 1];
+      var newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+      if (newIndex !== -1) {
+        startPos = newIndex + 1;
+      }
+    }
+    input.current.setSelectionRange(startPos, startPos);
+  }
+  return [recordCursor, setCursor];
+}

package/dist/hooks/useFocusController.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from 'react';
+interface UseFocusControllerOptions {
+    disabled?: boolean;
+    /**
+     * return true to cancel focus
+     * @param event FocusEvent
+     */
+    beforeFocus?: (event: FocusEvent) => boolean | undefined;
+    afterFocus?: () => void;
+    /**
+     * return true to cancel blur
+     * @param event FocusEvent
+     */
+    beforeBlur?: (event: FocusEvent) => boolean | undefined;
+    afterBlur?: () => void;
+}
+export declare function useFocusController<T extends {
+    focus: () => void;
+}>(target: RefObject<HTMLElement | undefined>, { disabled, beforeFocus, afterFocus, beforeBlur, afterBlur }?: UseFocusControllerOptions): {
+    isFocused: boolean;
+    /** Avoid using wrapperRef and handleFocus/handleBlur together */
+    wrapperRef: import("react").MutableRefObject<HTMLInputElement>;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+    handleClick: (event: Event) => void;
+};
+export {};

package/dist/hooks/useFocusController.js

@@ -0,0 +1,72 @@
+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 isFunction from 'lodash/isFunction';
+import { useRef, useState } from 'react';
+import { isFocusable } from "../Util/aria";
+export function useFocusController(target) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    disabled = _ref.disabled,
+    beforeFocus = _ref.beforeFocus,
+    afterFocus = _ref.afterFocus,
+    beforeBlur = _ref.beforeBlur,
+    afterBlur = _ref.afterBlur;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFocused = _useState2[0],
+    setIsFocused = _useState2[1];
+  var wrapperRef = useRef(null);
+  var handleFocus = function handleFocus(event) {
+    var cancelFocus = isFunction(beforeFocus) ? beforeFocus(event) : false;
+    if (disabled || isFocused || cancelFocus) {
+      return;
+    }
+    setIsFocused(true);
+    // emit('focus', event);
+    afterFocus === null || afterFocus === void 0 || afterFocus();
+  };
+  var handleBlur = function handleBlur(event) {
+    var _wrapperRef$current;
+    var cancelBlur = isFunction(beforeBlur) ? beforeBlur(event) : false;
+    if (disabled || event.relatedTarget && (_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(event.relatedTarget) || cancelBlur) {
+      return;
+    }
+    setIsFocused(false);
+
+    // emit('blur', event);
+    afterBlur === null || afterBlur === void 0 || afterBlur();
+  };
+  var handleClick = function handleClick(event) {
+    var _wrapperRef$current2, _target$current;
+    if (disabled || isFocusable(event.target) || (_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(document.activeElement) && wrapperRef.current !== document.activeElement) {
+      return;
+    }
+    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
+  };
+
+  // useMount(() => {
+  //     if (!wrapperRef.current) {
+  //         return;
+  //     }
+  //     wrapperRef.current.addEventListener('focus', handleFocus, true);
+  //     wrapperRef.current.addEventListener('blur', handleBlur, true);
+  //     wrapperRef.current.addEventListener('click', handleClick, true);
+  //     return () => {
+  //         wrapperRef.current?.removeEventListener('focus', handleFocus, true);
+  //         wrapperRef.current?.removeEventListener('blur', handleBlur, true);
+  //         wrapperRef.current?.removeEventListener('click', handleClick, true);
+  //     };
+  // });
+
+  return {
+    isFocused: isFocused,
+    /** Avoid using wrapperRef and handleFocus/handleBlur together */
+    wrapperRef: wrapperRef,
+    handleFocus: handleFocus,
+    handleBlur: handleBlur,
+    handleClick: handleClick
+  };
+}

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 {};