@sheinx/hooks 3.9.0-beta.2 → 3.9.0-beta.20

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/components/use-tree/use-tree.d.ts

@@ -23,7 +23,6 @@ export declare const MODE: {
     MODE_4: number;
 };
 declare const useTree: <DataItem>(props: BaseTreeProps<DataItem>) => {
-    inited: boolean;
     datum: TreeDatum<DataItem>;
     expanded: KeygenResult[] | undefined;
     onExpand: (value: KeygenResult[]) => void;

package/esm/components/use-tree/use-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree.d.ts","sourceRoot":"","sources":["use-tree.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EAKb,SAAS,EAIV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAiBjD,eAAO,MAAM,IAAI;IACf;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEJ,CAAC;AAEF,QAAA,MAAM,OAAO;;;;;CAotBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-tree.d.ts","sourceRoot":"","sources":["use-tree.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EAKb,SAAS,EAIV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAiBjD,eAAO,MAAM,IAAI;IACf;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEJ,CAAC;AAEF,QAAA,MAAM,OAAO;;;;CA+sBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/components/use-tree/use-tree.js

@@ -71,14 +71,10 @@ var useTree = function useTree(props) {
     onExpandProp = props.onExpand;
   var disabledProps = isOptionalDisabled(props.disabled) ? props.disabled.disabled : props.disabled;
   var isRealtime = isOptionalDisabled(props.disabled) ? props.disabled.isRealtime : false;
-  var _useState = useState(false),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    inited = _useState2[0],
-    setInited = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dataFlat = _useState4[0],
-    setDataFlat = _useState4[1];
+    dataFlat = _useState2[0],
+    setDataFlat = _useState2[1];
   var _useInputAble = useInputAble({
       value: expandedProp,
       defaultValue: defaultExpanded,
@@ -659,9 +655,6 @@ var useTree = function useTree(props) {
     var tiledFlatData = initFlatData(props.tiledData, [], 1);
     setDataFlat(tiledFlatData);
   }, [props.tiledData]);
-  useEffect(function () {
-    setInited(true);
-  }, []);
   var datum = useLatestObj({
     get: get,
     set: set,
@@ -694,7 +687,6 @@ var useTree = function useTree(props) {
     dataFlatStatusMap: context.dataFlatStatusMap
   });
   return {
-    inited: inited,
     datum: props.datum || datum,
     expanded: expanded,
     onExpand: onExpand

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.2",
+  "version": "3.9.0-beta.20",
   "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": {