@sheinx/hooks 3.0.0-alpha.9 → 3.0.0-rc.2

package/esm/common/use-filter/use-filter.js

@@ -24,7 +24,9 @@ var useFilter = function useFilter(props) {
     onCreate = props.onCreate,
     firstMatch = props.firstMatch,
     onFilterWidthCreate = props.onFilterWidthCreate,
-    onAdvancedFilter = props.onAdvancedFilter;
+    onAdvancedFilter = props.onAdvancedFilter,
+    _props$filterDelay = props.filterDelay,
+    filterDelay = _props$filterDelay === void 0 ? 400 : _props$filterDelay;
   var _useState = (0, _react.useState)(data),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filterData = _useState2[0],
@@ -46,6 +48,10 @@ var useFilter = function useFilter(props) {
     createdData = _useState10[0],
     setCreatedData = _useState10[1];
   var firstMatchNode = (0, _react.useRef)();
+  var _useRef = (0, _react.useRef)({
+      filterTimer: null
+    }),
+    context = _useRef.current;
   var filterFn = onFilterWidthCreate || function (item, createdData, key) {
     return (0, _utils.getKey)(keygen, item) === key;
   };
@@ -70,7 +76,7 @@ var useFilter = function useFilter(props) {
     if (filterText) {
       newData = (0, _utils.getFilterTree)(treeData, onFilter === null || onFilter === void 0 ? void 0 : onFilter(filterText), filterExpandedKeys, function (node) {
         return (0, _utils.getKey)(keygen, node);
-      }, childrenKey, showHitDescendants, firstMatch ? getFirstMatchNode : undefined, {
+      }, childrenKey, !!showHitDescendants, firstMatch ? getFirstMatchNode : undefined, {
         advanced: !!onAdvancedFilter
       });
     }
@@ -89,7 +95,9 @@ var useFilter = function useFilter(props) {
     return createFn === null || createFn === void 0 ? void 0 : createFn(text);
   };
   var handleFilter = function handleFilter(text) {
+    var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'edit';
     setInputText(text);
+    setFilterText(text);
     firstMatchNode.current = null;
     if (!text) {
       if (data) {
@@ -98,11 +106,10 @@ var useFilter = function useFilter(props) {
       if (treeData) {
         setFilterData(treeData);
       }
-      setFilterText('');
       setFilterFunc(undefined);
       handleClearCreatedData();
       // 没有 text 时触发一次 onFilter 以便外部重置数据
-      if (onFilter) onFilter(text);
+      if (onFilter) onFilter(text, from);
       return;
     }
     if (onCreate) {
@@ -110,26 +117,28 @@ var useFilter = function useFilter(props) {
       setCreatedData(innerData);
     }
     if (!onFilter || !(0, _utils.isFunc)(onFilter)) return;
-    setFilterText(text);
-    var next = onFilter(text);
-    if (!(0, _utils.isFunc)(next)) return;
-    setFilterFunc(function () {
-      return next;
-    });
-    var nextData = data === null || data === void 0 ? void 0 : data.filter(function (item) {
-      if (!groupKey) return next(item);
-      // 剔除分组项
-      if (item[groupKey]) return item;
-      return next(item);
-    });
-    setFilterData(nextData);
-  };
-  var handleResetData = function handleResetData() {
-    setFilterData(data);
+    if (context.filterTimer) clearTimeout(context.filterTimer);
+    context.filterTimer = setTimeout(function () {
+      var next = onFilter(text, from);
+      if (!(0, _utils.isFunc)(next)) return;
+      setFilterFunc(function () {
+        return next;
+      });
+      var nextData = data === null || data === void 0 ? void 0 : data.filter(function (item) {
+        if (!groupKey) return next(item);
+        // 剔除分组项
+        if (item[groupKey]) return item;
+        return next(item);
+      });
+      setFilterData(nextData);
+    }, filterDelay);
   };
   (0, _react.useEffect)(function () {
     if (data) setFilterData(data);
   }, [data]);
+  (0, _react.useEffect)(function () {
+    if (context.filterTimer) clearTimeout(context.filterTimer);
+  }, []);
   var nextData;
   var nextExpanded;
   if (treeData) {
@@ -138,8 +147,7 @@ var useFilter = function useFilter(props) {
       filterExpandedKeys = _getTreeData.filterExpandedKeys;
     nextData = newData;
     nextExpanded = filterExpandedKeys;
-  }
-  if (data) {
+  } else if (data) {
     nextData = getData();
   }
   return {
@@ -155,7 +163,7 @@ var useFilter = function useFilter(props) {
     filterFunc: filterFunc,
     onCreate: onCreate ? handleCreate : undefined,
     onFilter: onFilter || onCreate ? handleFilter : undefined,
-    onResetFilter: handleResetData,
+    // onResetFilter: handleResetData,
     onClearCreatedData: handleClearCreatedData
   };
 };

package/esm/common/use-filter/use-filter.type.d.ts

@@ -11,8 +11,9 @@ export interface UseFilterProps<DataItem> {
     hideCreateOption?: boolean;
     onAdvancedFilter: boolean;
     firstMatch?: boolean;
-    onFilter?: (text: string) => void | ((data: DataItem) => boolean);
+    onFilter?: (text: string, from?: string) => void | ((data: DataItem) => boolean);
     onFilterWidthCreate?: (data: DataItem, createdData: DataItem, key: string | number) => boolean;
     onCreate?: ((input: string | DataItem) => DataItem | string) | boolean;
+    filterDelay?: number;
 }
 //# sourceMappingURL=use-filter.type.d.ts.map

package/esm/common/use-filter/use-filter.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-filter.type.d.ts","sourceRoot":"","sources":["use-filter.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,cAAc,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAClE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC;CACxE"}
+{"version":3,"file":"use-filter.type.d.ts","sourceRoot":"","sources":["use-filter.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,cAAc,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACjF,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/esm/common/use-fork-ref/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");

package/esm/common/use-func-change/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-func-change/use-func-change.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-func-change.d.ts","sourceRoot":"","sources":["use-func-change.ts"],"names":[],"mappings":"AAKA,UAAU,kBAAkB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AACD,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"use-func-change.d.ts","sourceRoot":"","sources":["use-func-change.ts"],"names":[],"mappings":"AAKA,UAAU,kBAAkB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/common/use-func-change/use-func-change.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
 var _useRender = _interopRequireDefault(require("../use-render"));
-var _immer = require("immer");
+var _immer = require("../../utils/immer");
 var useFuncChange = function useFuncChange(props) {
   var render = (0, _useRender.default)();
   var context = _react.default.useRef({

package/esm/common/use-input-able/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-input-able/use-Input-able.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EAqE3F"}
+{"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EAwE3F"}

package/esm/common/use-input-able/use-Input-able.js

@@ -8,7 +8,8 @@ exports.default = useInputAble;
 require("core-js/modules/es.array.concat.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _utils = require("../../utils");
+var _is = require("../../utils/is");
+var _shallowEqual = require("../../utils/shallow-equal");
 var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
 var _useLatestObj = require("../use-latest-obj");
 var _useRender = require("../use-render");
@@ -61,14 +62,17 @@ function useInputAble(props) {
       other[_key - 1] = arguments[_key];
     }
     var vv = v;
-    if ((0, _utils.isFunc)(beforeChange)) {
+    if (other.length === 0 || props.filterSameChange) {
+      if ((0, _shallowEqual.shallowEqual)(v, value)) return;
+    }
+    if ((0, _is.isFunc)(beforeChange)) {
       var temp = beforeChange(v);
       vv = temp === undefined ? vv : temp;
     }
     if (shouldUseState) {
       changeStateValue(vv);
     }
-    if (!(0, _utils.isFunc)(onChange)) return;
+    if (!(0, _is.isFunc)(onChange)) return;
     context.delayChange = function () {
       context.timer = null;
       context.delayChange = null;

package/esm/common/use-input-able/use-Input-able.type.d.ts

@@ -6,5 +6,6 @@ export interface InputAbleProps<T, V extends ChangeType<T>> {
     onChange: V | undefined;
     control: boolean;
     delay?: number;
+    filterSameChange?: boolean;
 }
 //# sourceMappingURL=use-Input-able.type.d.ts.map

package/esm/common/use-input-able/use-Input-able.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/esm/common/use-key-event/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-latest-obj/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/esm/common/use-list-select/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-list-select/use-list-select-multiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-list-select-multiple.d.ts","sourceRoot":"","sources":["use-list-select-multiple.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMtE,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;sDA0LK;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE;;;;4BA9LzB,GAAG;;qCAiOqB,MAAM;;CAoC5D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"use-list-select-multiple.d.ts","sourceRoot":"","sources":["use-list-select-multiple.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMtE,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;sDA0LK;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE;;;;4BA9LzB,GAAG;;qCA+NqB,MAAM;;CAoC5D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/esm/common/use-list-select/use-list-select-multiple.js

@@ -21,7 +21,6 @@ require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.array.splice.js");
 require("core-js/modules/es.array.from.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.object.values.js");
 var _utils = require("../../utils");
 var _react = _interopRequireWildcard(require("react"));
@@ -225,13 +224,11 @@ var useListSelectMultiple = function useListSelectMultiple(props) {
             raws.splice(j, 1);
             continue outer;
           }
-          if (j === raws.length - 1) {
-            result.push({
-              IS_NOT_MATCHED_VALUE: true,
-              value: values[_i2]
-            });
-          }
         }
+        result.push({
+          IS_NOT_MATCHED_VALUE: true,
+          value: values[_i2]
+        });
       }
     }
     return result;
@@ -239,24 +236,21 @@ var useListSelectMultiple = function useListSelectMultiple(props) {
   var getCheckedStatus = (0, _usePersistFn.default)(function (childrenKey) {
     if (valueArr.length === 0) return false;
     var dataMap = getDataMap(childrenKey);
-    var valueMap = getValueMap();
     var formatValues = Array.from(dataMap, function (_ref) {
       var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        value = _ref2[0],
+        _value = _ref2[0],
         data = _ref2[1];
-      return [value, data];
+      return data;
     });
     var checkedNum = 0;
     var validateNum = 0;
-    formatValues.forEach(function (_ref3) {
-      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-        value = _ref4[0],
-        data = _ref4[1];
+    for (var i = 0; i < formatValues.length; i++) {
+      var data = formatValues[i];
       if (!disabledCheck(data)) {
         validateNum++;
-        if (valueMap.get(value)) checkedNum++;
+        if (check(data)) checkedNum++;
       }
-    });
+    }
     if (checkedNum === 0) return false;
     if (checkedNum === validateNum) return true;
     return 'indeterminate';

package/esm/common/use-pagination-list/index.d.ts

@@ -1,11 +1,12 @@
 interface ListPaginationProps {
     data: any[];
     current: number | undefined;
-    pageSize?: number | undefined;
+    pageSize: number | undefined;
     defaultCurrent: number | undefined;
     onChange: ((current: number, pageSize: number) => void) | undefined;
     shouldPage: boolean;
     loading: boolean;
+    total: number | undefined;
 }
 declare const usePaginationList: (props: ListPaginationProps) => {
     data: any[];

package/esm/common/use-pagination-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,UAAW,mBAAmB;;;;;;;;;;;;;wBAKP,MAAM,YAAY,MAAM;CAmCrE,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,UAAW,mBAAmB;;;;;;;;;;;;;wBAKP,MAAM,YAAY,MAAM;CAmCrE,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/esm/common/use-pagination-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -32,8 +33,9 @@ var usePaginationList = function usePaginationList(props) {
     if (props.onChange) props.onChange(current, pageSize);
   });
   var getPager = function getPager(data) {
+    var _props$total;
     if (!shouldPage) return {};
-    var total = Array.isArray(data) ? data.length : 0;
+    var total = (_props$total = props.total) !== null && _props$total !== void 0 ? _props$total : Array.isArray(data) ? data.length : 0;
     return {
       current: props.current || current,
       pageSize: props.pageSize || pageSize,

package/esm/common/use-persist-fn/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/esm/common/use-position-style/get-position-style.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export declare const getPositionStyle: (position: string, config?: {
     popupGap?: number | undefined;
     zIndex?: number | undefined;
+    fixedWidth?: boolean | "min" | undefined;
 } | undefined) => React.CSSProperties;
 //# sourceMappingURL=get-position-style.d.ts.map

package/esm/common/use-position-style/get-position-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-position-style.d.ts","sourceRoot":"","sources":["get-position-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,gBAAgB,aACjB,MAAM;;;qCAmCjB,CAAC"}
+{"version":3,"file":"get-position-style.d.ts","sourceRoot":"","sources":["get-position-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,gBAAgB,aACjB,MAAM;;;;qCAwCjB,CAAC"}

package/esm/common/use-position-style/get-position-style.js

@@ -16,11 +16,15 @@ var getPositionStyle = function getPositionStyle(position, config) {
   var _ref = config || {},
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
-  var mainMargin = "calc(100% + ".concat(popupGap, "px");
-  var halfMargin = "calc(50% + ".concat(popupGap, "px");
+  var mainMargin = "calc(100% + ".concat(popupGap, "px)");
+  var halfMargin = "calc(50% + ".concat(popupGap, "px)");
   var newStyle = {
     zIndex: config === null || config === void 0 ? void 0 : config.zIndex
   };
+  if (config !== null && config !== void 0 && config.fixedWidth) {
+    var key = config.fixedWidth === 'min' ? 'minWidth' : 'width';
+    newStyle[key] = '100%';
+  }
   if (position === 'drop-down') {
     newStyle.top = mainMargin;
     newStyle.left = 0;

package/esm/common/use-position-style/index.d.ts

@@ -6,9 +6,9 @@ export interface PositionStyleConfig {
     position: PositionType | undefined;
     absolute: boolean;
     show: boolean;
-    parentEl: HTMLElement | null | undefined;
-    popupEl?: HTMLElement | null | undefined;
-    visibleEl?: HTMLElement | null;
+    parentElRef: React.RefObject<HTMLElement>;
+    popupElRef: React.RefObject<HTMLElement>;
+    scrollElRef?: React.RefObject<HTMLElement>;
     getContainer: () => HTMLElement | null | undefined;
     zIndex?: number;
     popupGap?: number;

package/esm/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAwN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAsO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/common/use-position-style/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");
@@ -13,6 +14,7 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.starts-with.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.array.index-of.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,6 +26,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
+var hideStyle = {
+  pointerEvents: 'none',
+  position: 'absolute',
+  zIndex: -1000,
+  opacity: 0
+};
 var usePositionStyle = function usePositionStyle(config) {
   var _ref = config || {},
     absolute = _ref.absolute,
@@ -35,17 +43,13 @@ var usePositionStyle = function usePositionStyle(config) {
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 2 : _ref$popupGap,
     getContainer = _ref.getContainer,
-    parentEl = _ref.parentEl,
-    popupEl = _ref.popupEl,
-    visibleEl = _ref.visibleEl,
+    parentElRef = _ref.parentElRef,
+    popupElRef = _ref.popupElRef,
+    scrollElRef = _ref.scrollElRef,
     updateKey = _ref.updateKey,
     adjust = _ref.adjust;
   // 初次渲染无样式的时候， 隐藏展示
-  var _useState = (0, _react.useState)({
-      pointerEvents: 'none',
-      position: 'absolute',
-      zIndex: -1000
-    }),
+  var _useState = (0, _react.useState)(hideStyle),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     style = _useState2[0],
     setStyle = _useState2[1];
@@ -82,15 +86,28 @@ var usePositionStyle = function usePositionStyle(config) {
         newPosition = newPosition.replace('bottom', 'top');
       }
     }
+    if (!absolute) {
+      var winWidth = _utils.docSize.width;
+      var horizontalPoint = context.parentRect.left + context.parentRect.width / 2;
+      if (newPosition.endsWith('right')) {
+        if (horizontalPoint / winWidth < 0.5 && context.parentRect.right - context.popUpWidth < 0) {
+          newPosition = newPosition.replace('right', 'left');
+        }
+      } else {
+        if (horizontalPoint / winWidth > 0.5 && context.parentRect.left + context.popUpWidth > winWidth) {
+          newPosition = newPosition.replace('left', 'right');
+        }
+      }
+    }
     return newPosition;
   };
   var getPopUpInfo = function getPopUpInfo(parentRect) {
-    var _popupEl$parentElemen;
-    if (!popupEl) return {
+    var _popupElRef$current$p;
+    if (!popupElRef.current) return {
       width: 0,
       height: 0
     };
-    var el = popupEl.cloneNode(true);
+    var el = popupElRef.current.cloneNode(true);
     el.style.visibility = 'true';
     el.style.opacity = '0';
     el.style.pointerEvents = 'none';
@@ -99,7 +116,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
       el.style[widthKey] = parentRect.width + 'px';
     }
-    (_popupEl$parentElemen = popupEl.parentElement) === null || _popupEl$parentElemen === void 0 ? void 0 : _popupEl$parentElemen.appendChild(el);
+    (_popupElRef$current$p = popupElRef.current.parentElement) === null || _popupElRef$current$p === void 0 ? void 0 : _popupElRef$current$p.appendChild(el);
     var height = el.offsetHeight;
     var width = el.offsetWidth;
     el.remove();
@@ -120,6 +137,7 @@ var usePositionStyle = function usePositionStyle(config) {
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
     var containerRect = rootContainer.getBoundingClientRect();
+    var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
     var containerScroll = {
       left: rootContainer.scrollLeft,
@@ -138,19 +156,20 @@ var usePositionStyle = function usePositionStyle(config) {
         style.left = rect.left - containerRect.left + containerScroll.left;
         style.transform = '';
         if (adjust) {
-          overRight = rect.left + context.popUpWidth - containerRect.right + containerScrollBarWidth;
+          overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
         }
       } else if (h === 'right') {
-        style.left = rect.right - containerRect.left + containerScroll.left;
-        style.transform = 'translateX(-100%)';
-        if (adjust) overLeft = containerRect.left - (rect.right - context.popUpWidth);
+        style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left;
+        style.left = 'auto';
+        style.transform = '';
+        if (adjust) overLeft = bodyRect.left - (rect.right - context.popUpWidth);
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
         style.transform = 'translateX(-50%)';
         if (adjust) {
-          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - containerRect.width + containerScrollBarWidth;
-          overLeft = containerRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
+          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
+          overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
         }
       }
       if (adjust) {
@@ -197,12 +216,13 @@ var usePositionStyle = function usePositionStyle(config) {
     return style;
   };
   var getAbsoluteStyle = function getAbsoluteStyle(position) {
-    if (!parentEl) return;
+    if (!parentElRef.current) return hideStyle;
     var rect = context.parentRect;
-    if (visibleEl) {
-      var visibleRect = (visibleEl === null || visibleEl === void 0 ? void 0 : visibleEl.getBoundingClientRect()) || {};
+    if (scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current) {
+      var _scrollElRef$current;
+      var visibleRect = ((_scrollElRef$current = scrollElRef.current) === null || _scrollElRef$current === void 0 ? void 0 : _scrollElRef$current.getBoundingClientRect()) || {};
       if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
-        return;
+        return hideStyle;
       }
     }
     var style = getAbsolutePositionStyle(rect, position);
@@ -213,8 +233,8 @@ var usePositionStyle = function usePositionStyle(config) {
     var _ref2 = config || {},
       position = _ref2.position,
       absolute = _ref2.absolute;
-    if (!position || !show || !parentEl) return style;
-    context.parentRect = parentEl.getBoundingClientRect();
+    if (!position || !show || !parentElRef.current) return style;
+    context.parentRect = parentElRef.current.getBoundingClientRect();
     if (adjust) {
       var popupInfo = getPopUpInfo(context.parentRect);
       context.popUpHeight = popupInfo.height;
@@ -224,7 +244,8 @@ var usePositionStyle = function usePositionStyle(config) {
     if (!absolute) {
       newStyle = (0, _getPositionStyle.getPositionStyle)(realPosition, {
         popupGap: popupGap,
-        zIndex: zIndex
+        zIndex: zIndex,
+        fixedWidth: fixedWidth
       });
     } else {
       newStyle = getAbsoluteStyle(realPosition);
@@ -241,7 +262,7 @@ var usePositionStyle = function usePositionStyle(config) {
       setStyle(newStyle);
     }
   });
-  (0, _react.useEffect)(updateStyle, [show, position, absolute, parentEl, visibleEl, updateKey]);
+  (0, _react.useEffect)(updateStyle, [show, position, absolute, updateKey]);
   return style;
 };
 exports.usePositionStyle = usePositionStyle;

package/esm/common/use-previous/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/esm/common/use-render/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-resize/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-safe-state/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-style/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/esm/common/use-toggle/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-transform/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/common/use-transform/use-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAsDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAmDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}