@sheinx/hooks 3.0.0-alpha.20 → 3.0.0-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/common/use-pagination-list/index.d.ts +2 -1
- package/cjs/common/use-pagination-list/index.d.ts.map +1 -1
- package/cjs/common/use-pagination-list/index.js +2 -1
- package/cjs/common/use-transform/use-transform.d.ts.map +1 -1
- package/cjs/common/use-transform/use-transform.js +6 -9
- package/cjs/components/use-datepicker/use-date.d.ts +1 -1
- package/cjs/components/use-datepicker/use-month.d.ts +1 -1
- package/cjs/components/use-datepicker/use-quarter.d.ts +1 -1
- package/cjs/components/use-datepicker/use-year.d.ts +1 -1
- package/cjs/components/use-input/use-input-format.d.ts +1 -1
- package/cjs/components/use-input/use-input-number.d.ts +1 -1
- package/cjs/components/use-select/use-select.d.ts.map +1 -1
- package/cjs/components/use-select/use-select.js +2 -1
- package/esm/common/use-pagination-list/index.d.ts +2 -1
- package/esm/common/use-pagination-list/index.d.ts.map +1 -1
- package/esm/common/use-pagination-list/index.js +2 -1
- package/esm/common/use-transform/use-transform.d.ts.map +1 -1
- package/esm/common/use-transform/use-transform.js +6 -9
- package/esm/components/use-datepicker/use-date.d.ts +1 -1
- package/esm/components/use-datepicker/use-month.d.ts +1 -1
- package/esm/components/use-datepicker/use-quarter.d.ts +1 -1
- package/esm/components/use-datepicker/use-year.d.ts +1 -1
- package/esm/components/use-input/use-input-format.d.ts +1 -1
- package/esm/components/use-input/use-input-number.d.ts +1 -1
- package/esm/components/use-select/use-select.d.ts.map +1 -1
- package/esm/components/use-select/use-select.js +2 -1
- package/package.json +1 -1
@@ -1,11 +1,12 @@
|
|
1
1
|
interface ListPaginationProps {
|
2
2
|
data: any[];
|
3
3
|
current: number | undefined;
|
4
|
-
pageSize
|
4
|
+
pageSize: number | undefined;
|
5
5
|
defaultCurrent: number | undefined;
|
6
6
|
onChange: ((current: number, pageSize: number) => void) | undefined;
|
7
7
|
shouldPage: boolean;
|
8
8
|
loading: boolean;
|
9
|
+
total: number | undefined;
|
9
10
|
}
|
10
11
|
declare const usePaginationList: (props: ListPaginationProps) => {
|
11
12
|
data: any[];
|
@@ -1 +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,
|
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,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"}
|
@@ -33,8 +33,9 @@ var usePaginationList = function usePaginationList(props) {
|
|
33
33
|
if (props.onChange) props.onChange(current, pageSize);
|
34
34
|
});
|
35
35
|
var getPager = function getPager(data) {
|
36
|
+
var _props$total;
|
36
37
|
if (!shouldPage) return {};
|
37
|
-
var total = Array.isArray(data) ? data.length : 0;
|
38
|
+
var total = (_props$total = props.total) !== null && _props$total !== void 0 ? _props$total : Array.isArray(data) ? data.length : 0;
|
38
39
|
return {
|
39
40
|
current: props.current || current,
|
40
41
|
pageSize: props.pageSize || pageSize,
|
@@ -1 +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;;
|
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;;wBAmDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
@@ -50,27 +50,24 @@ var useTransform = function useTransform(props) {
|
|
50
50
|
if (!containerDimension || !targetDimension) return;
|
51
51
|
// 内部容器的宽度小于外部容器的宽度,无需移动
|
52
52
|
if (targetDimension < containerDimension) {
|
53
|
-
if (atEnd === false)
|
54
|
-
|
55
|
-
}
|
53
|
+
if (atEnd === true) setAtEnd(false);
|
54
|
+
if (atStart === true) setAtStart(false);
|
56
55
|
return;
|
57
56
|
}
|
58
57
|
|
59
58
|
// 移动距离大于0,说明已经到达最左边或者最上边,无需移动
|
60
59
|
if (dimension <= 0) {
|
61
60
|
setDelta(0);
|
62
|
-
if (
|
63
|
-
|
64
|
-
}
|
61
|
+
if (atEnd === true) setAtEnd(false);
|
62
|
+
if (atStart === false) setAtStart(true);
|
65
63
|
return;
|
66
64
|
}
|
67
65
|
// 移动距离大于最大可移动距离,说明已经到达最右边或者最下边,无需移动
|
68
66
|
var maxDelta = targetDimension - containerDimension;
|
69
67
|
if (dimension >= maxDelta) {
|
70
68
|
setDelta(maxDelta);
|
71
|
-
if (atEnd === false)
|
72
|
-
|
73
|
-
}
|
69
|
+
if (atEnd === false) setAtEnd(true);
|
70
|
+
if (atStart === true) setAtStart(false);
|
74
71
|
return;
|
75
72
|
}
|
76
73
|
if (atStart === true) setAtStart(false);
|
@@ -12,7 +12,7 @@ declare const useDate: (props: UseDateProps) => {
|
|
12
12
|
isToday: (date: Date) => boolean;
|
13
13
|
isDisabled: (date: Date) => boolean;
|
14
14
|
isActive: (date: Date) => boolean;
|
15
|
-
isInRange: (date: Date) => false | "
|
15
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
16
16
|
isCurrentMonth: (date: Date) => boolean;
|
17
17
|
handleDayClick: (date: Date) => void;
|
18
18
|
getDayStr: (date: Date) => number;
|
@@ -9,7 +9,7 @@ declare const useMonth: (props: UseMonthProps) => {
|
|
9
9
|
isNow: (date: Date) => boolean;
|
10
10
|
isDisabled: (date: Date) => boolean;
|
11
11
|
isActive: (date: Date) => boolean;
|
12
|
-
isInRange: (date: Date) => false | "
|
12
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
13
13
|
handleMonthClick: (date: Date) => void;
|
14
14
|
getMonthStr: (date: Date) => number;
|
15
15
|
};
|
@@ -9,7 +9,7 @@ declare const useQuarter: (props: UseMonthProps) => {
|
|
9
9
|
isNow: (date: Date) => boolean;
|
10
10
|
isDisabled: (date: Date) => boolean;
|
11
11
|
isActive: (date: Date) => boolean;
|
12
|
-
isInRange: (date: Date) => false | "
|
12
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
13
13
|
handleQuarterClick: (date: Date) => void;
|
14
14
|
getQuarterStr: (date: Date) => number;
|
15
15
|
};
|
@@ -11,7 +11,7 @@ declare const useYear: (props: UseYearProps) => {
|
|
11
11
|
isNow: (date: Date) => boolean;
|
12
12
|
isDisabled: (date: Date) => boolean;
|
13
13
|
isActive: (date: Date) => boolean;
|
14
|
-
isInRange: (date: Date) => false | "
|
14
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
15
15
|
handleYearClick: (date: Date) => void;
|
16
16
|
getYearStr: (date: Date) => number;
|
17
17
|
};
|
@@ -5,7 +5,7 @@ declare const useInputFormat: (props: InputFormatProps) => {
|
|
5
5
|
onBlur: (e: React.FocusEvent) => void;
|
6
6
|
onFocus: (e: React.FocusEvent) => void;
|
7
7
|
value: string | undefined;
|
8
|
-
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "
|
8
|
+
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
|
9
9
|
};
|
10
10
|
export default useInputFormat;
|
11
11
|
//# sourceMappingURL=use-input-format.d.ts.map
|
@@ -7,7 +7,7 @@ declare const useNumberFormat: (props: InputNumberProps) => {
|
|
7
7
|
onBlur: (e: React.FocusEvent<Element, Element>) => void;
|
8
8
|
onFocus: (e: React.FocusEvent<Element, Element>) => void;
|
9
9
|
value: string | undefined;
|
10
|
-
type:
|
10
|
+
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
|
11
11
|
};
|
12
12
|
export default useNumberFormat;
|
13
13
|
//# sourceMappingURL=use-input-number.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
var _useInputAble2 = require("../../common/use-input-able");
|
8
8
|
var _useListSelect = require("../../common/use-list-select");
|
9
|
+
var emptyArray = [];
|
9
10
|
var useSelect = function useSelect(props) {
|
10
11
|
var data = props.data,
|
11
12
|
treeData = props.treeData,
|
@@ -29,7 +30,7 @@ var useSelect = function useSelect(props) {
|
|
29
30
|
value = _useInputAble.value,
|
30
31
|
onChange = _useInputAble.onChange;
|
31
32
|
var datum = (0, _useListSelect.useListSelect)({
|
32
|
-
data: data || treeData,
|
33
|
+
data: data || treeData || emptyArray,
|
33
34
|
separator: separator,
|
34
35
|
format: format,
|
35
36
|
value: value,
|
@@ -1,11 +1,12 @@
|
|
1
1
|
interface ListPaginationProps {
|
2
2
|
data: any[];
|
3
3
|
current: number | undefined;
|
4
|
-
pageSize
|
4
|
+
pageSize: number | undefined;
|
5
5
|
defaultCurrent: number | undefined;
|
6
6
|
onChange: ((current: number, pageSize: number) => void) | undefined;
|
7
7
|
shouldPage: boolean;
|
8
8
|
loading: boolean;
|
9
|
+
total: number | undefined;
|
9
10
|
}
|
10
11
|
declare const usePaginationList: (props: ListPaginationProps) => {
|
11
12
|
data: any[];
|
@@ -1 +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,
|
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,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"}
|
@@ -33,8 +33,9 @@ var usePaginationList = function usePaginationList(props) {
|
|
33
33
|
if (props.onChange) props.onChange(current, pageSize);
|
34
34
|
});
|
35
35
|
var getPager = function getPager(data) {
|
36
|
+
var _props$total;
|
36
37
|
if (!shouldPage) return {};
|
37
|
-
var total = Array.isArray(data) ? data.length : 0;
|
38
|
+
var total = (_props$total = props.total) !== null && _props$total !== void 0 ? _props$total : Array.isArray(data) ? data.length : 0;
|
38
39
|
return {
|
39
40
|
current: props.current || current,
|
40
41
|
pageSize: props.pageSize || pageSize,
|
@@ -1 +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;;
|
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;;wBAmDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
@@ -50,27 +50,24 @@ var useTransform = function useTransform(props) {
|
|
50
50
|
if (!containerDimension || !targetDimension) return;
|
51
51
|
// 内部容器的宽度小于外部容器的宽度,无需移动
|
52
52
|
if (targetDimension < containerDimension) {
|
53
|
-
if (atEnd === false)
|
54
|
-
|
55
|
-
}
|
53
|
+
if (atEnd === true) setAtEnd(false);
|
54
|
+
if (atStart === true) setAtStart(false);
|
56
55
|
return;
|
57
56
|
}
|
58
57
|
|
59
58
|
// 移动距离大于0,说明已经到达最左边或者最上边,无需移动
|
60
59
|
if (dimension <= 0) {
|
61
60
|
setDelta(0);
|
62
|
-
if (
|
63
|
-
|
64
|
-
}
|
61
|
+
if (atEnd === true) setAtEnd(false);
|
62
|
+
if (atStart === false) setAtStart(true);
|
65
63
|
return;
|
66
64
|
}
|
67
65
|
// 移动距离大于最大可移动距离,说明已经到达最右边或者最下边,无需移动
|
68
66
|
var maxDelta = targetDimension - containerDimension;
|
69
67
|
if (dimension >= maxDelta) {
|
70
68
|
setDelta(maxDelta);
|
71
|
-
if (atEnd === false)
|
72
|
-
|
73
|
-
}
|
69
|
+
if (atEnd === false) setAtEnd(true);
|
70
|
+
if (atStart === true) setAtStart(false);
|
74
71
|
return;
|
75
72
|
}
|
76
73
|
if (atStart === true) setAtStart(false);
|
@@ -12,7 +12,7 @@ declare const useDate: (props: UseDateProps) => {
|
|
12
12
|
isToday: (date: Date) => boolean;
|
13
13
|
isDisabled: (date: Date) => boolean;
|
14
14
|
isActive: (date: Date) => boolean;
|
15
|
-
isInRange: (date: Date) => false | "
|
15
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
16
16
|
isCurrentMonth: (date: Date) => boolean;
|
17
17
|
handleDayClick: (date: Date) => void;
|
18
18
|
getDayStr: (date: Date) => number;
|
@@ -9,7 +9,7 @@ declare const useMonth: (props: UseMonthProps) => {
|
|
9
9
|
isNow: (date: Date) => boolean;
|
10
10
|
isDisabled: (date: Date) => boolean;
|
11
11
|
isActive: (date: Date) => boolean;
|
12
|
-
isInRange: (date: Date) => false | "
|
12
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
13
13
|
handleMonthClick: (date: Date) => void;
|
14
14
|
getMonthStr: (date: Date) => number;
|
15
15
|
};
|
@@ -9,7 +9,7 @@ declare const useQuarter: (props: UseMonthProps) => {
|
|
9
9
|
isNow: (date: Date) => boolean;
|
10
10
|
isDisabled: (date: Date) => boolean;
|
11
11
|
isActive: (date: Date) => boolean;
|
12
|
-
isInRange: (date: Date) => false | "
|
12
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
13
13
|
handleQuarterClick: (date: Date) => void;
|
14
14
|
getQuarterStr: (date: Date) => number;
|
15
15
|
};
|
@@ -11,7 +11,7 @@ declare const useYear: (props: UseYearProps) => {
|
|
11
11
|
isNow: (date: Date) => boolean;
|
12
12
|
isDisabled: (date: Date) => boolean;
|
13
13
|
isActive: (date: Date) => boolean;
|
14
|
-
isInRange: (date: Date) => false | "
|
14
|
+
isInRange: (date: Date) => false | "start" | "end" | "start-end" | "in";
|
15
15
|
handleYearClick: (date: Date) => void;
|
16
16
|
getYearStr: (date: Date) => number;
|
17
17
|
};
|
@@ -5,7 +5,7 @@ declare const useInputFormat: (props: InputFormatProps) => {
|
|
5
5
|
onBlur: (e: React.FocusEvent) => void;
|
6
6
|
onFocus: (e: React.FocusEvent) => void;
|
7
7
|
value: string | undefined;
|
8
|
-
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "
|
8
|
+
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
|
9
9
|
};
|
10
10
|
export default useInputFormat;
|
11
11
|
//# sourceMappingURL=use-input-format.d.ts.map
|
@@ -7,7 +7,7 @@ declare const useNumberFormat: (props: InputNumberProps) => {
|
|
7
7
|
onBlur: (e: React.FocusEvent<Element, Element>) => void;
|
8
8
|
onFocus: (e: React.FocusEvent<Element, Element>) => void;
|
9
9
|
value: string | undefined;
|
10
|
-
type:
|
10
|
+
type: "reset" | "submit" | "search" | "color" | "button" | "time" | "image" | "text" | "email" | "url" | "range" | "tel" | (string & {}) | "month" | "week" | "date" | "hidden" | "checkbox" | "datetime-local" | "file" | "password" | "radio" | undefined;
|
11
11
|
};
|
12
12
|
export default useNumberFormat;
|
13
13
|
//# sourceMappingURL=use-input-number.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
var _useInputAble2 = require("../../common/use-input-able");
|
8
8
|
var _useListSelect = require("../../common/use-list-select");
|
9
|
+
var emptyArray = [];
|
9
10
|
var useSelect = function useSelect(props) {
|
10
11
|
var data = props.data,
|
11
12
|
treeData = props.treeData,
|
@@ -29,7 +30,7 @@ var useSelect = function useSelect(props) {
|
|
29
30
|
value = _useInputAble.value,
|
30
31
|
onChange = _useInputAble.onChange;
|
31
32
|
var datum = (0, _useListSelect.useListSelect)({
|
32
|
-
data: data || treeData,
|
33
|
+
data: data || treeData || emptyArray,
|
33
34
|
separator: separator,
|
34
35
|
format: format,
|
35
36
|
value: value,
|