@sheinx/hooks 3.9.14-beta.9 → 3.9.15-beta.1

package/cjs/components/use-input/use-input-number.d.ts

@@ -3,6 +3,7 @@ import { InputNumberProps } from './use-input-number.type';
 declare const useNumberFormat: (props: InputNumberProps) => {
     onPlus: () => void;
     onMinus: () => void;
+    onClear: () => void;
     onChange: (v: string | undefined) => void;
     onBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     onFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;

package/cjs/components/use-input/use-input-number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;CA6L/C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;;CAiM/C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-input/use-input-number.js

@@ -34,6 +34,7 @@ var useNumberFormat = function useNumberFormat(props) {
     min = props.min,
     max = props.max,
     allowNull = props.allowNull,
+    clearToUndefined = props.clearToUndefined,
     _props$step = props.step,
     step = _props$step === void 0 ? 1 : _props$step,
     cancelBlurChange = props.cancelBlurChange,
@@ -54,11 +55,8 @@ var useNumberFormat = function useNumberFormat(props) {
     setInternalInputValue = _React$useState2[1];
   var focusedRef = _react.default.useRef(false);
   (0, _react.useEffect)(function () {
-    // 将外部值转为字符串后再比较，避免 number 5 vs string "5" 的类型不匹配误判
     var stringValue = getStringValue(props.value);
-    // 聚焦编辑期间不同步外部值，避免 form 回填 defaultValue 覆盖用户输入
-    // 但当外部值被清空时(如 clearable 触发)，即使聚焦也需要同步
-    if (stringValue !== inernalInputValue && (!focusedRef.current || props.value == null || props.value === '')) {
+    if (stringValue !== inernalInputValue && (!focusedRef.current || props.value == null)) {
       setInternalInputValue(stringValue);
     }
   }, [props.value]);
@@ -185,6 +183,10 @@ var useNumberFormat = function useNumberFormat(props) {
     var num = changeValue(-step);
     if (num !== undefined) setInternalInputValue(getStringValue(num));
   });
+  var handleClear = (0, _usePersistFn.default)(function () {
+    setInternalInputValue('');
+    onChange === null || onChange === void 0 || onChange(clearToUndefined ? undefined : allowNull ? null : '');
+  });
   return _objectSpread(_objectSpread({}, (0, _useInputFormat.default)({
     value: inernalInputValue,
     type: 'number',
@@ -198,7 +200,8 @@ var useNumberFormat = function useNumberFormat(props) {
     cancelBlurChange: true
   })), {}, {
     onPlus: handlePlus,
-    onMinus: handleMinus
+    onMinus: handleMinus,
+    onClear: handleClear
   });
 };
 var _default = exports.default = useNumberFormat;

package/cjs/components/use-input/use-input-number.type.d.ts

@@ -23,6 +23,7 @@ export interface InputNumberProps extends Omit<InputFormatProps, 'value' | 'onCh
      * @cn 清空后值为 null
      */
     allowNull?: boolean;
+    clearToUndefined?: boolean;
     /**
      * @en Change the digital span. It can be decimal
      * @cn 改变数字跨度，可为小数

package/cjs/components/use-input/use-input-number.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/cjs/components/use-table/use-table-virtual-external.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface UseTableVirtualExternalProps {
+    disabled?: boolean;
+    dataLength: number;
+    theadHeight: number;
+    tfootHeight: number;
+    externalStickyHeader?: boolean;
+    virtualScrollContainer: () => HTMLElement | null;
+    tableRef?: React.RefObject<HTMLDivElement>;
+    getContentHeight: (index: number) => number;
+    updateIndexAndTopFromTop: (scrollTop: number) => void;
+}
+declare const useTableVirtualExternal: (props: UseTableVirtualExternalProps) => {
+    externalStickyRef: import("react").RefObject<HTMLDivElement>;
+    headerOffset: number;
+    tableOffsetRef: import("react").MutableRefObject<number>;
+};
+export default useTableVirtualExternal;
+//# sourceMappingURL=use-table-virtual-external.d.ts.map

package/cjs/components/use-table/use-table-virtual-external.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-virtual-external.d.ts","sourceRoot":"","sources":["use-table-virtual-external.tsx"],"names":[],"mappings":";AAGA,UAAU,4BAA4B;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,QAAA,MAAM,uBAAuB,UAAW,4BAA4B;;;;CAyEnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/cjs/components/use-table/use-table-virtual-external.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _usePersistFn = require("../../common/use-persist-fn");
+var _react = require("react");
+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; }
+var useTableVirtualExternal = function useTableVirtualExternal(props) {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    headerOffset = _useState2[0],
+    setHeaderOffset = _useState2[1];
+  var externalStickyRef = (0, _react.useRef)(null);
+  var tableOffsetRef = (0, _react.useRef)(0);
+  var handleExternalScroll = (0, _usePersistFn.usePersistFn)(function () {
+    var _props$tableRef, _externalStickyRef$cu;
+    if (props.disabled) return;
+    var container = props.virtualScrollContainer();
+    var tableEl = (_props$tableRef = props.tableRef) === null || _props$tableRef === void 0 ? void 0 : _props$tableRef.current;
+    if (!container || !tableEl) return;
+    if (tableOffsetRef.current === 0) {
+      if (container === document.documentElement || container === document.body) {
+        tableOffsetRef.current = tableEl.getBoundingClientRect().top + window.scrollY;
+      } else {
+        tableOffsetRef.current = tableEl.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+      }
+    }
+    var rawScrollTop;
+    if (container === document.documentElement || container === document.body) {
+      var rect = tableEl.getBoundingClientRect();
+      rawScrollTop = -rect.top;
+    } else {
+      var containerRect = container.getBoundingClientRect();
+      var tableRect = tableEl.getBoundingClientRect();
+      rawScrollTop = containerRect.top - tableRect.top;
+    }
+    if (rawScrollTop < 0) rawScrollTop = 0;
+    var sumHeight = props.getContentHeight(props.dataLength - 1);
+    var viewportHeight = ((_externalStickyRef$cu = externalStickyRef.current) === null || _externalStickyRef$cu === void 0 ? void 0 : _externalStickyRef$cu.clientHeight) || container.clientHeight;
+    var scrollTop;
+    var max;
+    if (props.externalStickyHeader) {
+      max = sumHeight - props.tfootHeight - viewportHeight;
+      scrollTop = rawScrollTop;
+    } else {
+      var newHeaderOffset = Math.min(rawScrollTop, props.theadHeight);
+      if (newHeaderOffset !== headerOffset) {
+        setHeaderOffset(newHeaderOffset);
+      }
+      max = sumHeight - props.theadHeight - props.tfootHeight - viewportHeight;
+      scrollTop = rawScrollTop - props.theadHeight;
+      if (scrollTop < 0) scrollTop = 0;
+    }
+    if (max > 0 && scrollTop > max) {
+      scrollTop = max;
+    }
+    props.updateIndexAndTopFromTop(scrollTop);
+  });
+  (0, _react.useEffect)(function () {
+    if (props.disabled) return;
+    var container = props.virtualScrollContainer();
+    if (!container) return;
+    var scrollTarget = container === document.documentElement || container === document.body ? window : container;
+    scrollTarget.addEventListener('scroll', handleExternalScroll, {
+      passive: true
+    });
+    handleExternalScroll();
+    return function () {
+      scrollTarget.removeEventListener('scroll', handleExternalScroll);
+    };
+  }, [props.disabled, props.dataLength]);
+  return {
+    externalStickyRef: externalStickyRef,
+    headerOffset: headerOffset,
+    tableOffsetRef: tableOffsetRef
+  };
+};
+var _default = exports.default = useTableVirtualExternal;

package/cjs/components/use-table/use-table-virtual.d.ts

@@ -15,6 +15,9 @@ interface UseTableVirtualProps {
     colgroup: (number | string | undefined)[];
     theadHeight: number;
     tfootHeight: number;
+    virtualScrollContainer?: () => HTMLElement | null;
+    tableRef?: React.RefObject<HTMLDivElement>;
+    externalStickyHeader?: boolean;
 }
 declare const useTableVirtual: (props: UseTableVirtualProps) => {
     scrollHeight: number;
@@ -36,6 +39,10 @@ declare const useTableVirtual: (props: UseTableVirtualProps) => {
         rowSpanIndexArray: number[];
         maxRowSpan: number;
     } | null;
+    isExternalScroll: boolean;
+    externalStickyRef: import("react").RefObject<HTMLDivElement>;
+    headerOffset: number;
+    tableOffsetRef: import("react").MutableRefObject<number>;
 };
 export default useTableVirtual;
 //# sourceMappingURL=use-table-virtual.d.ts.map

package/cjs/components/use-table/use-table-virtual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAoNpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BArHuB,MAAM,UAAU,MAAM;2BAwJrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;;;;;CA4GnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAYrD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAoNpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BArHuB,MAAM,UAAU,MAAM;2BAwJrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;;;;;;;;;CA8HnE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-table/use-table-virtual.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _usePersistFn = require("../../common/use-persist-fn");
 var _react = require("react");
+var _useTableVirtualExternal = _interopRequireDefault(require("./use-table-virtual-external"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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; } }
@@ -155,8 +157,8 @@ var useTableVirtual = function useTableVirtual(props) {
       setHeight(getContentHeight(props.data.length - 1));
     }
     var preIndex = context.preIndex;
-    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
-    if (preIndex && preIndex > startIndex && startIndex === index) {
+    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动（仅内部滚动需要）
+    if (!props.virtualScrollContainer && preIndex && preIndex > startIndex && startIndex === index) {
       // 发生在顶部
       if (context.heightCallback) return;
       var offset = height - (beforeHeight || props.rowHeight);
@@ -406,6 +408,20 @@ var useTableVirtual = function useTableVirtual(props) {
     }
     return "translate3d(0, ".concat(0 - t, "px, 0)");
   }, [innerTop]);
+  var isExternalScroll = !!props.virtualScrollContainer;
+  var externalInfo = (0, _useTableVirtualExternal.default)({
+    disabled: props.disabled || !isExternalScroll,
+    dataLength: props.data.length,
+    theadHeight: props.theadHeight,
+    tfootHeight: props.tfootHeight,
+    externalStickyHeader: props.externalStickyHeader,
+    virtualScrollContainer: props.virtualScrollContainer || function () {
+      return null;
+    },
+    tableRef: props.tableRef,
+    getContentHeight: getContentHeight,
+    updateIndexAndTopFromTop: updateIndexAndTopFromTop
+  });
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,
@@ -416,7 +432,11 @@ var useTableVirtual = function useTableVirtual(props) {
     scrollToIndex: scrollToIndex,
     scrollColumnByLeft: scrollColumnByLeft,
     scrollColumnIntoView: scrollColumnIntoView,
-    rowSpanInfo: rowSpanInfo
+    rowSpanInfo: rowSpanInfo,
+    isExternalScroll: isExternalScroll,
+    externalStickyRef: externalInfo.externalStickyRef,
+    headerOffset: externalInfo.headerOffset,
+    tableOffsetRef: externalInfo.tableOffsetRef
   };
 };
 var _default = exports.default = useTableVirtual;

package/esm/components/use-input/use-input-number.d.ts

@@ -3,6 +3,7 @@ import { InputNumberProps } from './use-input-number.type';
 declare const useNumberFormat: (props: InputNumberProps) => {
     onPlus: () => void;
     onMinus: () => void;
+    onClear: () => void;
     onChange: (v: string | undefined) => void;
     onBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     onFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;

package/esm/components/use-input/use-input-number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;CA6L/C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-input-number.d.ts","sourceRoot":"","sources":["use-input-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D,QAAA,MAAM,eAAe,UAAW,gBAAgB;;;;;;;;;CAiM/C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-input/use-input-number.js

@@ -25,6 +25,7 @@ var useNumberFormat = function useNumberFormat(props) {
     min = props.min,
     max = props.max,
     allowNull = props.allowNull,
+    clearToUndefined = props.clearToUndefined,
     _props$step = props.step,
     step = _props$step === void 0 ? 1 : _props$step,
     cancelBlurChange = props.cancelBlurChange,
@@ -45,11 +46,8 @@ var useNumberFormat = function useNumberFormat(props) {
     setInternalInputValue = _React$useState2[1];
   var focusedRef = React.useRef(false);
   useEffect(function () {
-    // 将外部值转为字符串后再比较，避免 number 5 vs string "5" 的类型不匹配误判
     var stringValue = getStringValue(props.value);
-    // 聚焦编辑期间不同步外部值，避免 form 回填 defaultValue 覆盖用户输入
-    // 但当外部值被清空时(如 clearable 触发)，即使聚焦也需要同步
-    if (stringValue !== inernalInputValue && (!focusedRef.current || props.value == null || props.value === '')) {
+    if (stringValue !== inernalInputValue && (!focusedRef.current || props.value == null)) {
       setInternalInputValue(stringValue);
     }
   }, [props.value]);
@@ -176,6 +174,10 @@ var useNumberFormat = function useNumberFormat(props) {
     var num = changeValue(-step);
     if (num !== undefined) setInternalInputValue(getStringValue(num));
   });
+  var handleClear = usePersistFn(function () {
+    setInternalInputValue('');
+    onChange === null || onChange === void 0 || onChange(clearToUndefined ? undefined : allowNull ? null : '');
+  });
   return _objectSpread(_objectSpread({}, useInputFormat({
     value: inernalInputValue,
     type: 'number',
@@ -189,7 +191,8 @@ var useNumberFormat = function useNumberFormat(props) {
     cancelBlurChange: true
   })), {}, {
     onPlus: handlePlus,
-    onMinus: handleMinus
+    onMinus: handleMinus,
+    onClear: handleClear
   });
 };
 export default useNumberFormat;

package/esm/components/use-input/use-input-number.type.d.ts

@@ -23,6 +23,7 @@ export interface InputNumberProps extends Omit<InputFormatProps, 'value' | 'onCh
      * @cn 清空后值为 null
      */
     allowNull?: boolean;
+    clearToUndefined?: boolean;
     /**
      * @en Change the digital span. It can be decimal
      * @cn 改变数字跨度，可为小数

package/esm/components/use-input/use-input-number.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"use-input-number.type.d.ts","sourceRoot":"","sources":["use-input-number.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/esm/components/use-table/use-table-virtual-external.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface UseTableVirtualExternalProps {
+    disabled?: boolean;
+    dataLength: number;
+    theadHeight: number;
+    tfootHeight: number;
+    externalStickyHeader?: boolean;
+    virtualScrollContainer: () => HTMLElement | null;
+    tableRef?: React.RefObject<HTMLDivElement>;
+    getContentHeight: (index: number) => number;
+    updateIndexAndTopFromTop: (scrollTop: number) => void;
+}
+declare const useTableVirtualExternal: (props: UseTableVirtualExternalProps) => {
+    externalStickyRef: import("react").RefObject<HTMLDivElement>;
+    headerOffset: number;
+    tableOffsetRef: import("react").MutableRefObject<number>;
+};
+export default useTableVirtualExternal;
+//# sourceMappingURL=use-table-virtual-external.d.ts.map

package/esm/components/use-table/use-table-virtual-external.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-virtual-external.d.ts","sourceRoot":"","sources":["use-table-virtual-external.tsx"],"names":[],"mappings":";AAGA,UAAU,4BAA4B;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,QAAA,MAAM,uBAAuB,UAAW,4BAA4B;;;;CAyEnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/esm/components/use-table/use-table-virtual-external.js

@@ -0,0 +1,79 @@
+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 { usePersistFn } from "../../common/use-persist-fn";
+import { useState, useRef, useEffect } from 'react';
+var useTableVirtualExternal = function useTableVirtualExternal(props) {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    headerOffset = _useState2[0],
+    setHeaderOffset = _useState2[1];
+  var externalStickyRef = useRef(null);
+  var tableOffsetRef = useRef(0);
+  var handleExternalScroll = usePersistFn(function () {
+    var _props$tableRef, _externalStickyRef$cu;
+    if (props.disabled) return;
+    var container = props.virtualScrollContainer();
+    var tableEl = (_props$tableRef = props.tableRef) === null || _props$tableRef === void 0 ? void 0 : _props$tableRef.current;
+    if (!container || !tableEl) return;
+    if (tableOffsetRef.current === 0) {
+      if (container === document.documentElement || container === document.body) {
+        tableOffsetRef.current = tableEl.getBoundingClientRect().top + window.scrollY;
+      } else {
+        tableOffsetRef.current = tableEl.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+      }
+    }
+    var rawScrollTop;
+    if (container === document.documentElement || container === document.body) {
+      var rect = tableEl.getBoundingClientRect();
+      rawScrollTop = -rect.top;
+    } else {
+      var containerRect = container.getBoundingClientRect();
+      var tableRect = tableEl.getBoundingClientRect();
+      rawScrollTop = containerRect.top - tableRect.top;
+    }
+    if (rawScrollTop < 0) rawScrollTop = 0;
+    var sumHeight = props.getContentHeight(props.dataLength - 1);
+    var viewportHeight = ((_externalStickyRef$cu = externalStickyRef.current) === null || _externalStickyRef$cu === void 0 ? void 0 : _externalStickyRef$cu.clientHeight) || container.clientHeight;
+    var scrollTop;
+    var max;
+    if (props.externalStickyHeader) {
+      max = sumHeight - props.tfootHeight - viewportHeight;
+      scrollTop = rawScrollTop;
+    } else {
+      var newHeaderOffset = Math.min(rawScrollTop, props.theadHeight);
+      if (newHeaderOffset !== headerOffset) {
+        setHeaderOffset(newHeaderOffset);
+      }
+      max = sumHeight - props.theadHeight - props.tfootHeight - viewportHeight;
+      scrollTop = rawScrollTop - props.theadHeight;
+      if (scrollTop < 0) scrollTop = 0;
+    }
+    if (max > 0 && scrollTop > max) {
+      scrollTop = max;
+    }
+    props.updateIndexAndTopFromTop(scrollTop);
+  });
+  useEffect(function () {
+    if (props.disabled) return;
+    var container = props.virtualScrollContainer();
+    if (!container) return;
+    var scrollTarget = container === document.documentElement || container === document.body ? window : container;
+    scrollTarget.addEventListener('scroll', handleExternalScroll, {
+      passive: true
+    });
+    handleExternalScroll();
+    return function () {
+      scrollTarget.removeEventListener('scroll', handleExternalScroll);
+    };
+  }, [props.disabled, props.dataLength]);
+  return {
+    externalStickyRef: externalStickyRef,
+    headerOffset: headerOffset,
+    tableOffsetRef: tableOffsetRef
+  };
+};
+export default useTableVirtualExternal;

package/esm/components/use-table/use-table-virtual.d.ts

@@ -15,6 +15,9 @@ interface UseTableVirtualProps {
     colgroup: (number | string | undefined)[];
     theadHeight: number;
     tfootHeight: number;
+    virtualScrollContainer?: () => HTMLElement | null;
+    tableRef?: React.RefObject<HTMLDivElement>;
+    externalStickyHeader?: boolean;
 }
 declare const useTableVirtual: (props: UseTableVirtualProps) => {
     scrollHeight: number;
@@ -36,6 +39,10 @@ declare const useTableVirtual: (props: UseTableVirtualProps) => {
         rowSpanIndexArray: number[];
         maxRowSpan: number;
     } | null;
+    isExternalScroll: boolean;
+    externalStickyRef: import("react").RefObject<HTMLDivElement>;
+    headerOffset: number;
+    tableOffsetRef: import("react").MutableRefObject<number>;
 };
 export default useTableVirtual;
 //# sourceMappingURL=use-table-virtual.d.ts.map

package/esm/components/use-table/use-table-virtual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAoNpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BArHuB,MAAM,UAAU,MAAM;2BAwJrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;;;;;CA4GnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAYrD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAoNpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BArHuB,MAAM,UAAU,MAAM;2BAwJrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;;;;;;;;;CA8HnE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-table/use-table-virtual.js

@@ -11,6 +11,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 import { usePersistFn } from "../../common/use-persist-fn";
 import { useState, useRef, useEffect, useMemo } from 'react';
+import useTableVirtualExternal from "./use-table-virtual-external";
+
 // 找出最大的连续数字的个数
 function getMaxRowSpanLength(input) {
   var map = new Map();
@@ -149,8 +151,8 @@ var useTableVirtual = function useTableVirtual(props) {
       setHeight(getContentHeight(props.data.length - 1));
     }
     var preIndex = context.preIndex;
-    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动
-    if (preIndex && preIndex > startIndex && startIndex === index) {
+    // 解决: 从下往上滚 由于高度变化会导致滚动条跳动（仅内部滚动需要）
+    if (!props.virtualScrollContainer && preIndex && preIndex > startIndex && startIndex === index) {
       // 发生在顶部
       if (context.heightCallback) return;
       var offset = height - (beforeHeight || props.rowHeight);
@@ -400,6 +402,20 @@ var useTableVirtual = function useTableVirtual(props) {
     }
     return "translate3d(0, ".concat(0 - t, "px, 0)");
   }, [innerTop]);
+  var isExternalScroll = !!props.virtualScrollContainer;
+  var externalInfo = useTableVirtualExternal({
+    disabled: props.disabled || !isExternalScroll,
+    dataLength: props.data.length,
+    theadHeight: props.theadHeight,
+    tfootHeight: props.tfootHeight,
+    externalStickyHeader: props.externalStickyHeader,
+    virtualScrollContainer: props.virtualScrollContainer || function () {
+      return null;
+    },
+    tableRef: props.tableRef,
+    getContentHeight: getContentHeight,
+    updateIndexAndTopFromTop: updateIndexAndTopFromTop
+  });
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,
@@ -410,7 +426,11 @@ var useTableVirtual = function useTableVirtual(props) {
     scrollToIndex: scrollToIndex,
     scrollColumnByLeft: scrollColumnByLeft,
     scrollColumnIntoView: scrollColumnIntoView,
-    rowSpanInfo: rowSpanInfo
+    rowSpanInfo: rowSpanInfo,
+    isExternalScroll: isExternalScroll,
+    externalStickyRef: externalInfo.externalStickyRef,
+    headerOffset: externalInfo.headerOffset,
+    tableOffsetRef: externalInfo.tableOffsetRef
   };
 };
 export default useTableVirtual;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.9.14-beta.9",
+  "version": "3.9.15-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",