@sheinx/hooks 3.9.0-beta.3 → 3.9.0-beta.31

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TableColumnItem, BaseTableProps } from './use-table.type';
 import { KeygenResult } from '../../common/type';
-export interface UseTableFilterProps<Item = any> extends Pick<BaseTableProps<Item>, 'onSortCancel' | 'sorter' | 'data'> {
+export interface UseTableFilterProps<Item = any> extends Pick<BaseTableProps<Item>, 'onSortCancel' | 'sorter' | 'data' | 'keygen'> {
     columns?: TableColumnItem<Item>[];
 }
 export interface FilterInfo<T> {
@@ -12,7 +12,7 @@ export type FilterMap<T> = Map<KeygenResult, FilterInfo<T>>;
 declare const useTableFilter: <Item = any>(props: UseTableFilterProps<Item>) => {
     filterInfo: FilterMap<Item>;
     setFilterInfo: import("react").Dispatch<import("react").SetStateAction<FilterMap<Item>>>;
-    filteredData: Item[] | undefined;
+    filteredData: Item[];
     onFilterChange: (columnKey: KeygenResult, value: any) => void;
 };
 export default useTableFilter;

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-filter.d.ts","sourceRoot":"","sources":["use-table-filter.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,mBAAmB,CAAC,IAAI,GAAG,GAAG,CAC7C,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtE,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;CACnC;AACD,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5D,QAAA,MAAM,cAAc;;;;gCA8BH,YAAY,SAAS,GAAG;CAyDxC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-filter.d.ts","sourceRoot":"","sources":["use-table-filter.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,mBAAmB,CAAC,IAAI,GAAG,GAAG,CAC7C,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjF,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;CACnC;AACD,MAAM,WAAW,UAAU,CAAC,CAAC;IAE3B,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5D,QAAA,MAAM,cAAc;;;;gCA+BH,YAAY,SAAS,GAAG;CAyDxC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -13,6 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useState, useMemo, useEffect } from 'react';
 import usePersistFn from "../../common/use-persist-fn";
 import { isFunc } from "../../utils/is";
+import { getFilterTree, getKey } from "../../utils";
 var useTableFilter = function useTableFilter(props) {
   var _useState = useState(new Map()),
     _useState2 = _slicedToArray(_useState, 2),
@@ -25,10 +26,13 @@ var useTableFilter = function useTableFilter(props) {
     });
   }, [filterInfo]);
   var filteredData = useMemo(function () {
-    var _props$data;
+    var _props$columns;
     // why use slice: props.data引用不改变会导致后续的useMemo无法重新计算
     if (activeFilters.length === 0) return (props.data || []).slice();
-    return (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.filter(function (item) {
+    var columnHasChildren = (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.find(function (col) {
+      return col.treeColumnsName;
+    });
+    return getFilterTree(props.data, function (item) {
       return activeFilters.every(function (key) {
         var filter = filterInfo.get(key);
         if ((filter === null || filter === void 0 ? void 0 : filter.value) === undefined) return true;
@@ -38,7 +42,9 @@ var useTableFilter = function useTableFilter(props) {
         }
         return true;
       });
-    });
+    }, undefined, function (node) {
+      return getKey(props.keygen, node);
+    }, columnHasChildren === null || columnHasChildren === void 0 ? void 0 : columnHasChildren.treeColumnsName, false);
   }, [activeFilters, props.data]);
   var onFilterChange = usePersistFn(function (columnKey, value) {
     // TODO: 暂未开放reset全部筛选条件
@@ -68,8 +74,8 @@ var useTableFilter = function useTableFilter(props) {
   // 根据columns生成filterInfo
   useEffect(function () {
     setFilterInfo(function (prev) {
-      var _props$columns;
-      var _filterInfo = props === null || props === void 0 || (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.reduce(function (acc, column, index) {
+      var _props$columns2;
+      var _filterInfo = props === null || props === void 0 || (_props$columns2 = props.columns) === null || _props$columns2 === void 0 ? void 0 : _props$columns2.reduce(function (acc, column, index) {
         var _prev$get2, _column$filter;
         if (!column.filter) return acc;
         var columnKey = typeof column.render === 'string' ? column.render : String(index);

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

@@ -289,7 +289,7 @@ var useTableLayout = function useTableLayout(props) {
   });
   var checkFloat = usePersistFn(function () {
     var scrollEl = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-    if (!scrollEl) return;
+    if (!scrollEl || !(scrollEl !== null && scrollEl !== void 0 && scrollEl.offsetParent)) return;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var min = 0;
     var left = scrollEl.scrollLeft;

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { TableFormatColumn } from './use-table.type';
 interface UseTableVirtualProps {
+    virtual?: boolean | 'lazy';
     data: any[];
     rowsInView: number;
     rowHeight: number;
+    strictRowHeight?: number;
     scrollRef: React.RefObject<HTMLDivElement>;
     innerRef: React.RefObject<HTMLDivElement>;
     scrollLeft?: number;

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,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,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;;;;;;oBAqLpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;2BAsIrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;;;;;CA2GnE,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;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"}

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

@@ -29,11 +29,14 @@ function getMaxRowSpanLength(input) {
   return Math.max.apply(Math, _toConsumableArray(Array.from(map.values())));
 }
 var useTableVirtual = function useTableVirtual(props) {
+  var _props$scrollRef$curr;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     innerTop = _useState2[0],
     setTop = _useState2[1];
-  var _useState3 = useState(props.data.length * props.rowHeight),
+  var strictRowHeight = props.strictRowHeight ? props.strictRowHeight : 0;
+  var defaultScrollHeight = strictRowHeight ? props.data.length * strictRowHeight : props.data.length * props.rowHeight;
+  var _useState3 = useState(defaultScrollHeight),
     _useState4 = _slicedToArray(_useState3, 2),
     scrollHeight = _useState4[0],
     setHeight = _useState4[1];
@@ -45,6 +48,15 @@ var useTableVirtual = function useTableVirtual(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     offsetY = _useState8[0],
     setOffsetY = _useState8[1];
+
+  // TODO: 尝试垂直滚动采用延迟销毁 + 操作dom transform方案提升性能？
+  // const setTop = (v: number) => {
+  //   if (props.virtual === 'lazy') {
+  //     props.innerRef.current && (props.innerRef.current.style.transform = `translate3d(0, ${-v}px, 0)`);
+  //   } else {
+  //   }
+  //   _setTop(v);
+  // }
   var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
   var rowSpanInfo = useMemo(function () {
     var rowSpanColumns = props.columns.filter(function (col) {
@@ -119,6 +131,9 @@ var useTableVirtual = function useTableVirtual(props) {
     context = _useRef.current;
   var getContentHeight = function getContentHeight(index) {
     if (props.disabled) return 0;
+    if (strictRowHeight) {
+      return strictRowHeight * (index + 1) + props.theadHeight + props.tfootHeight;
+    }
     var sum = 0;
     for (var i = 0; i <= index; i++) {
       sum += context.cachedHeight[i] || props.rowHeight;
@@ -144,17 +159,26 @@ var useTableVirtual = function useTableVirtual(props) {
       });
     }
   });
+
+  // const setStartIndex2 = (index:number) => {
+  //   let sum = 0;
+  //   for (let i = 0; i < index; i++) {
+  //     sum += context.cachedHeight[i] || props.rowHeight;
+  //   }
+  //   props.innerRef.current && (props.innerRef.current.style.transform = `translate3d(0, ${-innerTop + sum}px, 0)`);
+  //   setStartIndex(index);
+  // }
+
+  var maxIndex = Math.max(props.data.length - rowsInView, 0);
+  var scrollContainerHeight = Math.max(((_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.clientHeight) || 0, 200);
   var updateIndexAndTopFromTop = function updateIndexAndTopFromTop(scrollTop, fromDrag) {
-    var _props$scrollRef$curr;
     if (props.disabled) return;
     var sum = 0;
     var currentIndex = 0;
     var top = 0;
-    var maxIndex = Math.max(props.data.length - rowsInView, 0);
-    var scrollContainerHeight = Math.max(((_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.clientHeight) || 0, 200);
     for (var i = 0; i <= maxIndex; i++) {
       context.rowSpanRows = 0;
-      var currentRowHeight = context.cachedHeight[i] || props.rowHeight;
+      var currentRowHeight = strictRowHeight || context.cachedHeight[i] || props.rowHeight;
       sum += currentRowHeight;
       var rowSpanHeight = 0;
       if (rowSpanInfo) {
@@ -169,17 +193,26 @@ var useTableVirtual = function useTableVirtual(props) {
           if (rowSpanHeight < scrollContainerHeight) {
             var index = siblingsIndexs[j];
             context.rowSpanRows += 1;
-            rowSpanHeight += context.cachedHeight[index] || props.rowHeight;
+            rowSpanHeight += strictRowHeight || context.cachedHeight[index] || props.rowHeight;
           }
         }
       }
       if (scrollTop < sum + rowSpanHeight || i === maxIndex) {
         currentIndex = i;
-        var beforeHeight = i === 0 ? 0 : sum - (context.cachedHeight[i] || props.rowHeight);
+        var beforeHeight = i === 0 ? 0 : sum - (strictRowHeight || context.cachedHeight[i] || props.rowHeight);
         top = scrollTop - beforeHeight;
         break;
       }
     }
+    // if (props.virtual === 'lazy') {
+    //   setTop(scrollTop);
+    //   context.autoAddRows = currentIndex
+    //   setTimeout(() => {
+    //     setStartIndex2(currentIndex);
+    //     context.autoAddRows = 0
+    //   }, 300);
+    //   return;
+    // }
     if (currentIndex !== startIndex) {
       setStartIndex(currentIndex);
 
@@ -308,16 +341,16 @@ var useTableVirtual = function useTableVirtual(props) {
       var addonHeight = 0;
       var addonCount = 0;
       for (var i = startIndex + rowsInView; i < props.data.length; i++) {
-        var height = context.cachedHeight[i] || props.rowHeight;
+        var height = strictRowHeight || context.cachedHeight[i] || props.rowHeight;
         addonHeight += height;
         addonCount += 1;
-        if (addonHeight >= remainHeight + context.cachedHeight[0]) break;
+        if (addonHeight >= remainHeight + (strictRowHeight || context.cachedHeight[0])) break;
       }
       if (addonCount > 0) {
         context.autoAddRows = addonCount;
       }
     }
-  }, []);
+  }, [props.data.length]);
   useEffect(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -360,6 +393,7 @@ var useTableVirtual = function useTableVirtual(props) {
     return _toConsumableArray(props.data).slice(startIndex, startIndex + finalRowsInView);
   }, [props.data, props.disabled, startIndex, finalRowsInView]);
   var translateStyle = useMemo(function () {
+    // if (props.virtual === 'lazy') return 'translate3d(0, 0, 0)';
     var t = innerTop + offsetY;
     if (t < 0) {
       t = 0;

package/esm/utils/dom/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAEpF,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA+Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAEpF,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}

package/esm/utils/dom/element.js

@@ -61,6 +61,9 @@ export var addResizeObserver = function addResizeObserver(el, handler) {
       lastWidth = el.clientWidth;
       lastHeight = el.clientHeight;
       h = function h(entry) {
+        if ((el === null || el === void 0 ? void 0 : el.offsetParent) === null) {
+          return;
+        }
         var _entry$0$contentRect = entry[0].contentRect,
           width = _entry$0$contentRect.width,
           height = _entry$0$contentRect.height;

package/esm/utils/dom/get-dataset.d.ts

@@ -0,0 +1,4 @@
+export declare const getDataset: <T extends {}>(props?: T | undefined) => {
+    [key: string]: T[keyof T];
+};
+//# sourceMappingURL=get-dataset.d.ts.map

package/esm/utils/dom/get-dataset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-dataset.d.ts","sourceRoot":"","sources":["get-dataset.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;CAWtB,CAAA"}

package/esm/utils/dom/get-dataset.js

@@ -0,0 +1,12 @@
+export var getDataset = function getDataset(props) {
+  if (!props) return {};
+  var dataset = {};
+  var keys = Object.keys(props);
+  for (var i = 0; i < keys.length; i++) {
+    var _key = keys[i];
+    if (_key.startsWith('data-')) {
+      dataset[_key] = props[keys[i]];
+    }
+  }
+  return dataset;
+};

package/esm/utils/dom/index.d.ts

@@ -4,6 +4,7 @@ export type { OldWheelEvent } from './normalize-wheel.type';
 export * from './ready';
 export * from './element';
 export * from './document';
+export * from './get-dataset';
 export { default as ResponsiveObserve } from './responsiveObserve';
 export type { Breakpoint, ScreenMap } from './responsiveObserve.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/utils/dom/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC"}

package/esm/utils/dom/index.js

@@ -3,4 +3,5 @@ export { parsePxToNumber, addResizeObserver } from "./element";
 export * from "./ready";
 export * from "./element";
 export * from "./document";
+export * from "./get-dataset";
 export { default as ResponsiveObserve } from "./responsiveObserve";

package/esm/utils/rule/regexp.d.ts

@@ -1,6 +1,6 @@
 import { MessageType } from './rule.type';
 declare const _default: ({ message }?: {
     message?: MessageType | undefined;
-}) => (regExp: string | RegExp, msg?: MessageType) => import("../..").ObjectType | null;
+}) => (regExp: string | RegExp, msg?: MessageType) => import("@sheinx/base").ObjectType | null;
 export default _default;
 //# sourceMappingURL=regexp.d.ts.map

package/esm/utils/rule/required.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"required.d.ts","sourceRoot":"","sources":["required.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,eAAO,MAAM,eAAe,UAAW,UAAU,WAGhD,CAAC;;;YAEM,WAAW;AADnB,wBASM"}
+{"version":3,"file":"required.d.ts","sourceRoot":"","sources":["required.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1C,eAAO,MAAM,eAAe,UAAW,UAAU,WAGhD,CAAC;;;YAEM,WAAW;AADnB,wBASM"}

package/esm/utils/rule/required.js

@@ -1,10 +1,12 @@
+import { getLocale, config } from '@sheinx/base';
 import { deepMerge } from "../object";
+import { substitute } from "../string";
 var options = {
   skipUndefined: true
 };
 export var requiredMessage = function requiredMessage(props) {
   var type = props.type === 'array' ? 'array' : 'string';
-  return "$rules.required.".concat(type);
+  return substitute(getLocale(config.locale, "rules.required.".concat(type)), props);
 };
 export default (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},

package/esm/utils/validate/get-rule.js

@@ -54,7 +54,7 @@ export default function getRule(rule, props) {
         return;
       }
       if (reg.global) reg.lastIndex = 0;
-      if (typeof value === 'string' && reg.test(value)) {
+      if (reg.test(value)) {
         callback(true);
       } else {
         callback(new FormError(po.message, po));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.9.0-beta.3",
+  "version": "3.9.0-beta.31",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -14,7 +14,7 @@
     "date-fns": "2.30.0",
     "dayjs": "^1.11.9",
     "react-fast-compare": "^3.2.2",
-    "@shined/reactive": "^0.1.2",
+    "@shined/reactive": "^0.3.3",
     "immer": "10.0.2"
   },
   "peerDependencies": {