@sheinx/hooks 3.1.7 → 3.1.9-beta.1

package/cjs/components/use-button/use-button.d.ts

@@ -28,7 +28,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         buttonRef?: React.Ref<HTMLButtonElement> | undefined;
     } & TOther_1 & {
         disabled: boolean | undefined;
-        htmlType: "button" | "reset" | "submit" | undefined;
+        htmlType: "submit" | "reset" | "button" | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
     };
     getSpaceChildren: (children: React.ReactNode, space?: boolean, className?: string) => React.ReactNode;

package/cjs/components/use-datepicker/use-datepicker-format.d.ts

@@ -4,7 +4,7 @@ declare const useDatePickerFormat: <Value extends DatePickerValueType>(props: Us
     resultArr: (string | undefined)[];
     targetResultArr: (string | undefined)[];
     dateArr: (Date | undefined)[];
-    disabledStatus: "all" | "left" | "right" | undefined;
+    disabledStatus: "left" | "right" | "all" | undefined;
     currentArr: Date[];
     mode: DatePickerModeType[];
     isEmpty: boolean;

package/cjs/components/use-image/use-image.d.ts

@@ -10,7 +10,7 @@ declare const useImage: (props?: BaseImageProps) => {
     getRootProps: <TOther extends ObjectType = ObjectType>(externalProps?: TOther) => {
         [x: string]: (event: any) => void;
     } & TOther & {
-        ref: React.RefObject<HTMLDivElement | HTMLAnchorElement>;
+        ref: React.RefObject<HTMLAnchorElement | HTMLDivElement>;
         onClick: (event: React.MouseEvent<HTMLImageElement | HTMLDivElement>) => void;
     };
     getImageProps: <TOther_1 extends ObjectType = ObjectType>(externalProps?: TOther_1) => {

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

@@ -7,7 +7,7 @@ declare const useNumberFormat: (props: InputNumberProps) => {
     onBlur: (e: React.FocusEvent<Element, Element>) => void;
     onFocus: (e: React.FocusEvent<Element, Element>) => void;
     value: string | undefined;
-    type: "search" | "color" | "button" | "time" | "image" | "text" | "reset" | "submit" | "email" | "url" | "range" | "tel" | (string & {}) | "hidden" | "checkbox" | "date" | "datetime-local" | "file" | "month" | "password" | "radio" | "week" | undefined;
+    type: "search" | "button" | "time" | "image" | "text" | (string & {}) | "checkbox" | "file" | "range" | "month" | "week" | "date" | "email" | "url" | "color" | "datetime-local" | "hidden" | "password" | "radio" | "reset" | "submit" | "tel" | undefined;
 };
 export default useNumberFormat;
 //# sourceMappingURL=use-input-number.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CA8N5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CA+N5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -263,7 +263,8 @@ var useTableLayout = function useTableLayout(props) {
     changeColGroup(newCols, false);
   });
   var checkFloat = (0, _usePersistFn.default)(function () {
-    var scrollEl = scrollRef.current;
+    var scrollEl = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+    if (!scrollEl) return;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var min = 0;
     var left = scrollEl.scrollLeft;

package/cjs/components/use-treeselect/use-treeselect.js

@@ -37,13 +37,13 @@ var useTreeSelect = function useTreeSelect(props) {
     }
     if (!multiple && (0, _is.isArray)(v)) {
       onChange === null || onChange === void 0 || onChange.apply(void 0, [v[0]].concat(reset));
-    }
-    if (multiple && !(0, _is.isArray)(v)) {
+    } else if (multiple && !(0, _is.isArray)(v)) {
       if (v === undefined || v === null) {
         onChange === null || onChange === void 0 || onChange.apply(void 0, [[]].concat(reset));
       } else onChange === null || onChange === void 0 || onChange.apply(void 0, [[v]].concat(reset));
+    } else {
+      onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
     }
-    onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
   });
   return {
     value: valueArr,

package/cjs/utils/immer.d.ts

@@ -1,3 +1,10 @@
+import { Draft, PatchListener } from 'immer';
 export { current } from 'immer';
-export declare const produce: <T>(value: T, cb: (value: T) => void) => T;
+declare const NOTHING: unique symbol;
+type ValidRecipeReturnType<State> = State | void | undefined | (State extends undefined ? typeof NOTHING : never);
+interface IProduce {
+    <Base, D = Draft<Base>>(// By using a default inferred D, rather than Draft<Base> in the recipe, we can override it.
+    base: Base, recipe: (draft: D) => ValidRecipeReturnType<D>, listener?: PatchListener): Base;
+}
+export declare const produce: IProduce;
 //# sourceMappingURL=immer.d.ts.map

package/cjs/utils/immer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"immer.d.ts","sourceRoot":"","sources":["immer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,eAAO,MAAM,OAAO,kCAAmC,IAAI,MAE1D,CAAC"}
+{"version":3,"file":"immer.d.ts","sourceRoot":"","sources":["immer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,CAAC;AACrC,KAAK,qBAAqB,CAAC,KAAK,IAC5B,KAAK,GACL,IAAI,GACJ,SAAS,GACT,CAAC,KAAK,SAAS,SAAS,GAAG,OAAO,OAAO,GAAG,KAAK,CAAC,CAAC;AACvD,UAAU,QAAQ;IAChB,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAG,4FAA4F;IACnH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,EAC9C,QAAQ,CAAC,EAAE,aAAa,GACvB,IAAI,CAAC;CACT;AAED,eAAO,MAAM,OAAO,UAGN,CAAC"}

package/cjs/utils/immer.js

@@ -11,14 +11,10 @@ Object.defineProperty(exports, "current", {
 });
 exports.produce = void 0;
 var _immer = require("immer");
-// import { produce as produce2, getSnapshot } from '@shined/reactive/vanilla';
-
-// export const produce = ((...args: any) => {
-//   return produce2.apply(null, args);
-// }) as typeof produce2;
-
-// export const current = getSnapshot;
-
-var produce = exports.produce = function produce(value, cb) {
-  return (0, _immer.produce)(value, cb);
+var produce = exports.produce = function produce() {
+  (0, _immer.setAutoFreeze)(false);
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return _immer.produce.apply(null, args);
 };

package/cjs/utils/position.d.ts

@@ -1,2 +1,2 @@
-export declare const getPosition: (target: HTMLElement | null, priorityDirection: "vertical" | "horizontal" | "auto" | undefined, mode: 'popover' | 'menu' | 'list') => "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
+export declare const getPosition: (target: HTMLElement | null, priorityDirection: "auto" | "vertical" | "horizontal" | undefined, mode: 'popover' | 'menu' | 'list') => "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top" | "bottom";
 //# sourceMappingURL=position.d.ts.map

package/cjs/utils/rule/type.d.ts

@@ -1,6 +1,6 @@
 import { ObjectType } from '../../common/type';
 import { MessageType } from './rule.type';
-export declare const typeMessage: (props: ObjectType) => "$rules.type" | "$rules.reg";
+export declare const typeMessage: (props: ObjectType) => "$rules.reg" | "$rules.type";
 declare const _default: (type: string, { message, tip }?: {
     message?: MessageType | undefined;
     tip?: string | undefined;

package/esm/components/use-button/use-button.d.ts

@@ -28,7 +28,7 @@ declare const useButton: (props?: BaseButtonProps) => {
         buttonRef?: React.Ref<HTMLButtonElement> | undefined;
     } & TOther_1 & {
         disabled: boolean | undefined;
-        htmlType: "button" | "reset" | "submit" | undefined;
+        htmlType: "submit" | "reset" | "button" | undefined;
         onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
     };
     getSpaceChildren: (children: React.ReactNode, space?: boolean, className?: string) => React.ReactNode;

package/esm/components/use-datepicker/use-datepicker-format.d.ts

@@ -4,7 +4,7 @@ declare const useDatePickerFormat: <Value extends DatePickerValueType>(props: Us
     resultArr: (string | undefined)[];
     targetResultArr: (string | undefined)[];
     dateArr: (Date | undefined)[];
-    disabledStatus: "all" | "left" | "right" | undefined;
+    disabledStatus: "left" | "right" | "all" | undefined;
     currentArr: Date[];
     mode: DatePickerModeType[];
     isEmpty: boolean;

package/esm/components/use-image/use-image.d.ts

@@ -10,7 +10,7 @@ declare const useImage: (props?: BaseImageProps) => {
     getRootProps: <TOther extends ObjectType = ObjectType>(externalProps?: TOther) => {
         [x: string]: (event: any) => void;
     } & TOther & {
-        ref: React.RefObject<HTMLDivElement | HTMLAnchorElement>;
+        ref: React.RefObject<HTMLAnchorElement | HTMLDivElement>;
         onClick: (event: React.MouseEvent<HTMLImageElement | HTMLDivElement>) => void;
     };
     getImageProps: <TOther_1 extends ObjectType = ObjectType>(externalProps?: TOther_1) => {

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

@@ -7,7 +7,7 @@ declare const useNumberFormat: (props: InputNumberProps) => {
     onBlur: (e: React.FocusEvent<Element, Element>) => void;
     onFocus: (e: React.FocusEvent<Element, Element>) => void;
     value: string | undefined;
-    type: "search" | "color" | "button" | "time" | "image" | "text" | "reset" | "submit" | "email" | "url" | "range" | "tel" | (string & {}) | "hidden" | "checkbox" | "date" | "datetime-local" | "file" | "month" | "password" | "radio" | "week" | undefined;
+    type: "search" | "button" | "time" | "image" | "text" | (string & {}) | "checkbox" | "file" | "range" | "month" | "week" | "date" | "email" | "url" | "color" | "datetime-local" | "hidden" | "password" | "radio" | "reset" | "submit" | "tel" | undefined;
 };
 export default useNumberFormat;
 //# sourceMappingURL=use-input-number.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CA8N5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CA+N5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

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

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

@@ -30,13 +30,13 @@ var useTreeSelect = function useTreeSelect(props) {
     }
     if (!multiple && isArray(v)) {
       onChange === null || onChange === void 0 || onChange.apply(void 0, [v[0]].concat(reset));
-    }
-    if (multiple && !isArray(v)) {
+    } else if (multiple && !isArray(v)) {
       if (v === undefined || v === null) {
         onChange === null || onChange === void 0 || onChange.apply(void 0, [[]].concat(reset));
       } else onChange === null || onChange === void 0 || onChange.apply(void 0, [[v]].concat(reset));
+    } else {
+      onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
     }
-    onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
   });
   return {
     value: valueArr,

package/esm/utils/immer.d.ts

@@ -1,3 +1,10 @@
+import { Draft, PatchListener } from 'immer';
 export { current } from 'immer';
-export declare const produce: <T>(value: T, cb: (value: T) => void) => T;
+declare const NOTHING: unique symbol;
+type ValidRecipeReturnType<State> = State | void | undefined | (State extends undefined ? typeof NOTHING : never);
+interface IProduce {
+    <Base, D = Draft<Base>>(// By using a default inferred D, rather than Draft<Base> in the recipe, we can override it.
+    base: Base, recipe: (draft: D) => ValidRecipeReturnType<D>, listener?: PatchListener): Base;
+}
+export declare const produce: IProduce;
 //# sourceMappingURL=immer.d.ts.map

package/esm/utils/immer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"immer.d.ts","sourceRoot":"","sources":["immer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,eAAO,MAAM,OAAO,kCAAmC,IAAI,MAE1D,CAAC"}
+{"version":3,"file":"immer.d.ts","sourceRoot":"","sources":["immer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,CAAC;AACrC,KAAK,qBAAqB,CAAC,KAAK,IAC5B,KAAK,GACL,IAAI,GACJ,SAAS,GACT,CAAC,KAAK,SAAS,SAAS,GAAG,OAAO,OAAO,GAAG,KAAK,CAAC,CAAC;AACvD,UAAU,QAAQ;IAChB,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAG,4FAA4F;IACnH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,EAC9C,QAAQ,CAAC,EAAE,aAAa,GACvB,IAAI,CAAC;CACT;AAED,eAAO,MAAM,OAAO,UAGN,CAAC"}

package/esm/utils/immer.js

@@ -1,13 +1,9 @@
-// import { produce as produce2, getSnapshot } from '@shined/reactive/vanilla';
-
-// export const produce = ((...args: any) => {
-//   return produce2.apply(null, args);
-// }) as typeof produce2;
-
-// export const current = getSnapshot;
-
-import { produce as produce2 } from 'immer';
+import { produce as produce2, setAutoFreeze } from 'immer';
 export { current } from 'immer';
-export var produce = function produce(value, cb) {
-  return produce2(value, cb);
+export var produce = function produce() {
+  setAutoFreeze(false);
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return produce2.apply(null, args);
 };

package/esm/utils/position.d.ts

@@ -1,2 +1,2 @@
-export declare const getPosition: (target: HTMLElement | null, priorityDirection: "vertical" | "horizontal" | "auto" | undefined, mode: 'popover' | 'menu' | 'list') => "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
+export declare const getPosition: (target: HTMLElement | null, priorityDirection: "auto" | "vertical" | "horizontal" | undefined, mode: 'popover' | 'menu' | 'list') => "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top" | "bottom";
 //# sourceMappingURL=position.d.ts.map

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

@@ -1,6 +1,6 @@
 import { ObjectType } from '../../common/type';
 import { MessageType } from './rule.type';
-export declare const typeMessage: (props: ObjectType) => "$rules.type" | "$rules.reg";
+export declare const typeMessage: (props: ObjectType) => "$rules.reg" | "$rules.type";
 declare const _default: (type: string, { message, tip }?: {
     message?: MessageType | undefined;
     tip?: string | undefined;

package/package.json

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