@pisell/utils 1.0.57 → 1.0.59
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/README.md +2 -2
- package/es/arrayUtils.d.ts +1 -1
- package/es/common/index.d.ts +5 -5
- package/es/common/index.js +2 -2
- package/es/common/stateHelper.d.ts +18 -18
- package/es/common/stateHelper.js +15 -15
- package/es/common/types.d.ts +28 -28
- package/es/constants/index.d.ts +7 -0
- package/es/date.d.ts +28 -28
- package/es/date.js +22 -22
- package/es/document.d.ts +13 -13
- package/es/document.js +7 -7
- package/es/escPosPrinter/index.d.ts +9 -9
- package/es/firebase/config/index.d.ts +13 -13
- package/es/firebase/index.d.ts +28 -28
- package/es/format.d.ts +28 -0
- package/es/format.js +14 -14
- package/es/image.d.ts +11 -11
- package/es/image.js +5 -5
- package/es/index.d.ts +24 -24
- package/es/jsBridge/index.d.ts +22 -0
- package/es/jsBridge/index.js +15 -15
- package/es/jsBridge/regDeviceApi.d.ts +15 -15
- package/es/jsBridge/regDeviceApi.js +3 -3
- package/es/jsBridge/types.d.ts +149 -0
- package/es/locales.d.ts +12 -0
- package/es/locales.js +15 -15
- package/es/log.d.ts +10 -10
- package/es/miniRedux.d.ts +16 -0
- package/es/number-input/hooks/index.d.ts +4 -4
- package/es/number-input/hooks/index.js +2 -2
- package/es/number-input/hooks/useNumberInputState.d.ts +25 -25
- package/es/number-input/hooks/useNumberInputState.js +39 -39
- package/es/number-input/index.d.ts +14 -14
- package/es/number-input/index.js +8 -8
- package/es/number-input/types.d.ts +96 -96
- package/es/number-input/utils/formatter.d.ts +53 -53
- package/es/number-input/utils/formatter.js +37 -37
- package/es/number-input/utils/index.d.ts +7 -7
- package/es/number-input/utils/index.js +2 -2
- package/es/number-input/utils/validation.d.ts +27 -27
- package/es/number-input/utils/validation.js +24 -24
- package/es/otherUtils.d.ts +48 -0
- package/es/otherUtils.js +32 -32
- package/es/platform.d.ts +9 -9
- package/es/select/hooks/index.d.ts +5 -5
- package/es/select/hooks/index.js +2 -2
- package/es/select/hooks/useDebouncedSearch.d.ts +20 -20
- package/es/select/hooks/useDebouncedSearch.js +17 -17
- package/es/select/hooks/useSelectState.d.ts +19 -19
- package/es/select/hooks/useSelectState.js +13 -13
- package/es/select/index.d.ts +8 -8
- package/es/select/index.js +3 -3
- package/es/select/types.d.ts +256 -256
- package/es/select/utils/filterOptions.d.ts +22 -22
- package/es/select/utils/filterOptions.js +16 -16
- package/es/select/utils/helpers.d.ts +42 -42
- package/es/select/utils/helpers.js +30 -30
- package/es/select/utils/index.d.ts +7 -7
- package/es/select/utils/index.js +2 -2
- package/es/select/utils/sortOptions.d.ts +12 -12
- package/es/select/utils/sortOptions.js +8 -8
- package/es/select/utils/tagAggregation.d.ts +25 -25
- package/es/select/utils/tagAggregation.js +21 -21
- package/es/text-input/hooks/index.d.ts +4 -4
- package/es/text-input/hooks/index.js +2 -2
- package/es/text-input/hooks/useTextInputState.d.ts +24 -24
- package/es/text-input/hooks/useTextInputState.js +38 -38
- package/es/text-input/index.d.ts +14 -14
- package/es/text-input/index.js +9 -9
- package/es/text-input/types.d.ts +56 -56
- package/es/text-input/utils/index.d.ts +5 -5
- package/es/text-input/utils/index.js +2 -2
- package/es/text-input/utils/validation.d.ts +23 -23
- package/es/text-input/utils/validation.js +20 -20
- package/es/typeUtils.d.ts +42 -42
- package/es/typeUtils.js +26 -26
- package/es/walletValidity.d.ts +44 -0
- package/es/walletValidity.js +85 -85
- package/lib/arrayUtils.d.ts +1 -1
- package/lib/common/index.d.ts +5 -5
- package/lib/common/stateHelper.d.ts +18 -18
- package/lib/common/types.d.ts +28 -28
- package/lib/constants/index.d.ts +7 -0
- package/lib/date.d.ts +28 -28
- package/lib/document.d.ts +13 -13
- package/lib/escPosPrinter/index.d.ts +9 -9
- package/lib/firebase/config/index.d.ts +13 -13
- package/lib/firebase/index.d.ts +28 -28
- package/lib/format.d.ts +28 -0
- package/lib/image.d.ts +11 -11
- package/lib/index.d.ts +24 -24
- package/lib/jsBridge/index.d.ts +22 -0
- package/lib/jsBridge/regDeviceApi.d.ts +15 -15
- package/lib/jsBridge/types.d.ts +149 -0
- package/lib/locales.d.ts +12 -0
- package/lib/log.d.ts +10 -10
- package/lib/miniRedux.d.ts +16 -0
- package/lib/number-input/hooks/index.d.ts +4 -4
- package/lib/number-input/hooks/useNumberInputState.d.ts +25 -25
- package/lib/number-input/index.d.ts +14 -14
- package/lib/number-input/types.d.ts +96 -96
- package/lib/number-input/utils/formatter.d.ts +53 -53
- package/lib/number-input/utils/index.d.ts +7 -7
- package/lib/number-input/utils/validation.d.ts +27 -27
- package/lib/otherUtils.d.ts +48 -0
- package/lib/platform.d.ts +9 -9
- package/lib/select/hooks/index.d.ts +5 -5
- package/lib/select/hooks/useDebouncedSearch.d.ts +20 -20
- package/lib/select/hooks/useSelectState.d.ts +19 -19
- package/lib/select/index.d.ts +8 -8
- package/lib/select/types.d.ts +256 -256
- package/lib/select/utils/filterOptions.d.ts +22 -22
- package/lib/select/utils/helpers.d.ts +42 -42
- package/lib/select/utils/index.d.ts +7 -7
- package/lib/select/utils/sortOptions.d.ts +12 -12
- package/lib/select/utils/tagAggregation.d.ts +25 -25
- package/lib/text-input/hooks/index.d.ts +4 -4
- package/lib/text-input/hooks/useTextInputState.d.ts +24 -24
- package/lib/text-input/index.d.ts +14 -14
- package/lib/text-input/types.d.ts +56 -56
- package/lib/text-input/utils/index.d.ts +5 -5
- package/lib/text-input/utils/validation.d.ts +23 -23
- package/lib/typeUtils.d.ts +42 -42
- package/lib/walletValidity.d.ts +44 -0
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { WebPrintParams, DataManagerParams, WebPaymentParams } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* webView页面中调用打印机打印
|
|
4
|
+
* 此api暂时只支持native app平台下ios手机
|
|
5
|
+
* @param params
|
|
6
|
+
* @param callback
|
|
7
|
+
*/
|
|
8
|
+
export declare function webPrint(params: WebPrintParams, callback: (...arg: any) => void, onError?: (error: any) => void): void;
|
|
9
|
+
/**
|
|
10
|
+
* webView页面中调用APP内的数据
|
|
11
|
+
* 此api暂时只支持native app平台下ios手机
|
|
12
|
+
* @param params
|
|
13
|
+
* @param callback
|
|
14
|
+
*/
|
|
15
|
+
export declare function dataManager(params: DataManagerParams, callback: (...arg: any) => void, onError: () => void): void;
|
|
16
|
+
/**
|
|
17
|
+
* webView页面中调用APP内的支付
|
|
18
|
+
* 此api暂时只支持native app平台下ios
|
|
19
|
+
* @param params
|
|
20
|
+
* @param callback
|
|
21
|
+
*/
|
|
22
|
+
export declare function webPayment(params: WebPaymentParams, callback: (...arg: any) => void, onError?: (error: any) => void): void;
|
package/es/jsBridge/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import regDeviceApi from "./regDeviceApi";
|
|
2
|
-
/**
|
|
3
|
-
* webView页面中调用打印机打印
|
|
4
|
-
* 此api暂时只支持native app平台下ios手机
|
|
5
|
-
* @param params
|
|
6
|
-
* @param callback
|
|
2
|
+
/**
|
|
3
|
+
* webView页面中调用打印机打印
|
|
4
|
+
* 此api暂时只支持native app平台下ios手机
|
|
5
|
+
* @param params
|
|
6
|
+
* @param callback
|
|
7
7
|
*/
|
|
8
8
|
export function webPrint(params, _callback, onError) {
|
|
9
9
|
regDeviceApi().then(function (jsBridge) {
|
|
@@ -20,11 +20,11 @@ export function webPrint(params, _callback, onError) {
|
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
/**
|
|
24
|
-
* webView页面中调用APP内的数据
|
|
25
|
-
* 此api暂时只支持native app平台下ios手机
|
|
26
|
-
* @param params
|
|
27
|
-
* @param callback
|
|
23
|
+
/**
|
|
24
|
+
* webView页面中调用APP内的数据
|
|
25
|
+
* 此api暂时只支持native app平台下ios手机
|
|
26
|
+
* @param params
|
|
27
|
+
* @param callback
|
|
28
28
|
*/
|
|
29
29
|
export function dataManager(params, _callback2, onError) {
|
|
30
30
|
regDeviceApi().then(function (jsBridge) {
|
|
@@ -39,11 +39,11 @@ export function dataManager(params, _callback2, onError) {
|
|
|
39
39
|
}).catch(onError);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
/**
|
|
43
|
-
* webView页面中调用APP内的支付
|
|
44
|
-
* 此api暂时只支持native app平台下ios
|
|
45
|
-
* @param params
|
|
46
|
-
* @param callback
|
|
42
|
+
/**
|
|
43
|
+
* webView页面中调用APP内的支付
|
|
44
|
+
* 此api暂时只支持native app平台下ios
|
|
45
|
+
* @param params
|
|
46
|
+
* @param callback
|
|
47
47
|
*/
|
|
48
48
|
export function webPayment(params, _callback3, onError) {
|
|
49
49
|
regDeviceApi().then(function (jsBridge) {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
type ComposedJSBridge = {
|
|
2
|
-
// eslint-disable-next-line camelcase
|
|
3
|
-
callDeviceApi: (a: {
|
|
4
|
-
apiName: string;
|
|
5
|
-
callback: Functon;
|
|
6
|
-
onError?: (e: any) => void;
|
|
7
|
-
params?: any;
|
|
8
|
-
key_events?: string[];
|
|
9
|
-
}) => void;
|
|
10
|
-
calledByDevice: (a: { apiName: string; callback: Functon }) => void;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
const regDeviceApi: (isWebPrint?: boolean) => Promise<ComposedJSBridge>;
|
|
14
|
-
|
|
15
|
-
export default regDeviceApi;
|
|
1
|
+
type ComposedJSBridge = {
|
|
2
|
+
// eslint-disable-next-line camelcase
|
|
3
|
+
callDeviceApi: (a: {
|
|
4
|
+
apiName: string;
|
|
5
|
+
callback: Functon;
|
|
6
|
+
onError?: (e: any) => void;
|
|
7
|
+
params?: any;
|
|
8
|
+
key_events?: string[];
|
|
9
|
+
}) => void;
|
|
10
|
+
calledByDevice: (a: { apiName: string; callback: Functon }) => void;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const regDeviceApi: (isWebPrint?: boolean) => Promise<ComposedJSBridge>;
|
|
14
|
+
|
|
15
|
+
export default regDeviceApi;
|
|
@@ -51,9 +51,9 @@ function checkApiName(apiNames, apiName) {
|
|
|
51
51
|
return _apiNames.includes(apiName);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
/**
|
|
55
|
-
* 通用jsBridge
|
|
56
|
-
* @param deviceType
|
|
54
|
+
/**
|
|
55
|
+
* 通用jsBridge
|
|
56
|
+
* @param deviceType
|
|
57
57
|
*/
|
|
58
58
|
function getComposedBridge(deviceType) {
|
|
59
59
|
if (composedBridge) {
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
declare type LanguageNumber = {
|
|
2
|
+
en: number;
|
|
3
|
+
zh_CN: number;
|
|
4
|
+
zh_HK: number;
|
|
5
|
+
};
|
|
6
|
+
declare type LanguageString = {
|
|
7
|
+
en: string;
|
|
8
|
+
zh_CN: string;
|
|
9
|
+
zh_HK: string;
|
|
10
|
+
} | string;
|
|
11
|
+
/**
|
|
12
|
+
* 打印小票
|
|
13
|
+
*/
|
|
14
|
+
export declare type WebPrint0 = {
|
|
15
|
+
/**
|
|
16
|
+
* 打印类型
|
|
17
|
+
* 0: 小票
|
|
18
|
+
* 1:ITS备货单/划菜单
|
|
19
|
+
* 2:手环
|
|
20
|
+
*/
|
|
21
|
+
type: '0';
|
|
22
|
+
data: {
|
|
23
|
+
/** 订单ID */
|
|
24
|
+
order_id: string;
|
|
25
|
+
};
|
|
26
|
+
/** 打印语言对应的数量 */
|
|
27
|
+
language: LanguageNumber;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* 打印ITS备货单/划菜单
|
|
31
|
+
*/
|
|
32
|
+
export declare type WebPrint1 = {
|
|
33
|
+
/**
|
|
34
|
+
* 打印类型
|
|
35
|
+
* 0: 小票
|
|
36
|
+
* 1:ITS备货单/划菜单
|
|
37
|
+
* 2:手环
|
|
38
|
+
*/
|
|
39
|
+
type: '1';
|
|
40
|
+
data: {
|
|
41
|
+
/** 0:备货 1:划单 */
|
|
42
|
+
mode: '0' | '1';
|
|
43
|
+
resource: LanguageString;
|
|
44
|
+
/** 订单备注 */
|
|
45
|
+
order_note: string;
|
|
46
|
+
/** 订单时间或商品下单时间 */
|
|
47
|
+
time: string;
|
|
48
|
+
/** 订单编号 */
|
|
49
|
+
order_number?: string;
|
|
50
|
+
/** 商品 */
|
|
51
|
+
products: {
|
|
52
|
+
/** 商品名称 */
|
|
53
|
+
product_title: LanguageString;
|
|
54
|
+
/** 商品规格 */
|
|
55
|
+
product_option_string: LanguageString;
|
|
56
|
+
/** 商品备注 */
|
|
57
|
+
product_note: string;
|
|
58
|
+
/** 商品数量 */
|
|
59
|
+
product_quantity: number;
|
|
60
|
+
/** 加菜标识 待定 */
|
|
61
|
+
is_append?: boolean;
|
|
62
|
+
/** 退菜标识 待定 */
|
|
63
|
+
is_removed?: boolean;
|
|
64
|
+
}[];
|
|
65
|
+
};
|
|
66
|
+
/** 打印语言对应的数量 */
|
|
67
|
+
language: LanguageNumber;
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* 打印手环
|
|
71
|
+
*/
|
|
72
|
+
export declare type WebPrint2 = {
|
|
73
|
+
/**
|
|
74
|
+
* 打印类型
|
|
75
|
+
* 0: 小票
|
|
76
|
+
* 1:ITS备货单/划菜单
|
|
77
|
+
* 2:手环
|
|
78
|
+
*/
|
|
79
|
+
type: '2';
|
|
80
|
+
data: {
|
|
81
|
+
/** 0: 普通票 1:成人票 2:免费成人票 */
|
|
82
|
+
type: '0' | '1' | '2';
|
|
83
|
+
/** 发行编码 */
|
|
84
|
+
encoded: string;
|
|
85
|
+
/** 编码 */
|
|
86
|
+
code: string;
|
|
87
|
+
/** 到期时间 */
|
|
88
|
+
expire_date: string;
|
|
89
|
+
areas: {
|
|
90
|
+
/** 区域名字 */
|
|
91
|
+
area_name: string;
|
|
92
|
+
/** 区域代码 */
|
|
93
|
+
area_code: string;
|
|
94
|
+
/** 可用次数 */
|
|
95
|
+
limit_num: number;
|
|
96
|
+
/** 已用次数 */
|
|
97
|
+
used_num: number;
|
|
98
|
+
}[];
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* 打印充值卡
|
|
103
|
+
*/
|
|
104
|
+
export declare type WebPrint4 = {
|
|
105
|
+
type: '4';
|
|
106
|
+
data: {
|
|
107
|
+
order_id: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
/**
|
|
111
|
+
* 打印订单中所有
|
|
112
|
+
*/
|
|
113
|
+
export declare type WebPrint99 = {
|
|
114
|
+
type: '99';
|
|
115
|
+
data: {
|
|
116
|
+
order_id: string;
|
|
117
|
+
machine_code_print_info: {
|
|
118
|
+
[key: string]: any;
|
|
119
|
+
}[];
|
|
120
|
+
small_ticket_data: {
|
|
121
|
+
[key: string]: any;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
/**
|
|
126
|
+
* 打印
|
|
127
|
+
*/
|
|
128
|
+
export declare type WebPrintParams = WebPrint0 | WebPrint1 | WebPrint2 | WebPrint4 | WebPrint99;
|
|
129
|
+
/**
|
|
130
|
+
* 数据管理
|
|
131
|
+
*/
|
|
132
|
+
export declare type DataManagerParams = {
|
|
133
|
+
module: 'set' | 'get';
|
|
134
|
+
key: string;
|
|
135
|
+
data?: any;
|
|
136
|
+
};
|
|
137
|
+
/**
|
|
138
|
+
* 支付
|
|
139
|
+
*/
|
|
140
|
+
export declare type WebPaymentParams = {
|
|
141
|
+
module: 'payment' | 'refund' | string;
|
|
142
|
+
key: 'mx51' | string;
|
|
143
|
+
data?: {
|
|
144
|
+
order_id: string | number;
|
|
145
|
+
amount: string | number;
|
|
146
|
+
surcharge?: string | number;
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
export {};
|
package/es/locales.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const locales: {
|
|
2
|
+
init: (_localeMaps: any, _locale: string) => void;
|
|
3
|
+
getText: (id: string) => any;
|
|
4
|
+
locale: string;
|
|
5
|
+
localeMap: any;
|
|
6
|
+
localeMaps: {
|
|
7
|
+
en: {};
|
|
8
|
+
'zh-CN': {};
|
|
9
|
+
'zh-HK': {};
|
|
10
|
+
};
|
|
11
|
+
formatLocale: (_locale: string) => string;
|
|
12
|
+
};
|
package/es/locales.js
CHANGED
|
@@ -29,14 +29,14 @@ var formatLocale = function formatLocale(_locale) {
|
|
|
29
29
|
return obj[_locale] || 'en';
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
-
/**
|
|
33
|
-
* @title: 初始化多语言
|
|
34
|
-
* @description:
|
|
35
|
-
* @param {any} _localeMaps
|
|
36
|
-
* @param {string} _locale
|
|
37
|
-
* @return {*}
|
|
38
|
-
* @Author: zhiwei.Wang
|
|
39
|
-
* @Date: 2024-01-17 21:38
|
|
32
|
+
/**
|
|
33
|
+
* @title: 初始化多语言
|
|
34
|
+
* @description:
|
|
35
|
+
* @param {any} _localeMaps
|
|
36
|
+
* @param {string} _locale
|
|
37
|
+
* @return {*}
|
|
38
|
+
* @Author: zhiwei.Wang
|
|
39
|
+
* @Date: 2024-01-17 21:38
|
|
40
40
|
*/
|
|
41
41
|
var init = function init(_localeMaps, _locale) {
|
|
42
42
|
// 设置语言
|
|
@@ -53,13 +53,13 @@ var init = function init(_localeMaps, _locale) {
|
|
|
53
53
|
localeMap = localeMaps[locale];
|
|
54
54
|
};
|
|
55
55
|
|
|
56
|
-
/**
|
|
57
|
-
* @title: 获取语言
|
|
58
|
-
* @description:
|
|
59
|
-
* @param {string} id
|
|
60
|
-
* @return {*}
|
|
61
|
-
* @Author: zhiwei.Wang
|
|
62
|
-
* @Date: 2024-01-17 21:39
|
|
56
|
+
/**
|
|
57
|
+
* @title: 获取语言
|
|
58
|
+
* @description:
|
|
59
|
+
* @param {string} id
|
|
60
|
+
* @return {*}
|
|
61
|
+
* @Author: zhiwei.Wang
|
|
62
|
+
* @Date: 2024-01-17 21:39
|
|
63
63
|
*/
|
|
64
64
|
var getText = function getText(id) {
|
|
65
65
|
return localeMap[id] || id;
|
package/es/log.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
interface contentItem {
|
|
2
|
-
key: string;
|
|
3
|
-
value: string;
|
|
4
|
-
}
|
|
5
|
-
interface sendWebhookProps {
|
|
6
|
-
title: string;
|
|
7
|
-
content: contentItem[];
|
|
8
|
-
}
|
|
9
|
-
export declare const sendWarningLog: ({ title, content }: sendWebhookProps) => Promise<any>;
|
|
10
|
-
export {};
|
|
1
|
+
interface contentItem {
|
|
2
|
+
key: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
interface sendWebhookProps {
|
|
6
|
+
title: string;
|
|
7
|
+
content: contentItem[];
|
|
8
|
+
}
|
|
9
|
+
export declare const sendWarningLog: ({ title, content }: sendWebhookProps) => Promise<any>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface MiniReduxProps<State, Namespace> {
|
|
2
|
+
namespace?: Namespace;
|
|
3
|
+
state?: State;
|
|
4
|
+
reducers?: any;
|
|
5
|
+
effects?: any;
|
|
6
|
+
}
|
|
7
|
+
export declare const miniRedux: <State extends Record<string, any>, Namespace extends string>({ namespace, state, reducers, effects, }: MiniReduxProps<State, Namespace>) => {
|
|
8
|
+
Context: React.Context<{ [K in Namespace]: State; } & {
|
|
9
|
+
dispatch: (params: {
|
|
10
|
+
type: string;
|
|
11
|
+
payload: any;
|
|
12
|
+
}) => void;
|
|
13
|
+
}>;
|
|
14
|
+
Provider: (ComponentUi: any) => any;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 数值输入 Hooks 导出
|
|
3
|
-
*/
|
|
4
|
-
export { useNumberInputState } from './useNumberInputState';
|
|
1
|
+
/**
|
|
2
|
+
* 数值输入 Hooks 导出
|
|
3
|
+
*/
|
|
4
|
+
export { useNumberInputState } from './useNumberInputState';
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import type { BaseNumberInputProps, NumberInputState } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* 数值输入状态管理 Hook
|
|
4
|
-
*
|
|
5
|
-
* 管理组件的内部状态,包括:
|
|
6
|
-
* - 值管理(受控/非受控模式)
|
|
7
|
-
* - 校验状态管理
|
|
8
|
-
* - 事件处理函数封装
|
|
9
|
-
*
|
|
10
|
-
* 支持受控和非受控两种模式:
|
|
11
|
-
* - 受控模式:value 由外部传入,组件不维护内部状态
|
|
12
|
-
* - 非受控模式:使用 defaultValue,组件维护内部状态
|
|
13
|
-
*
|
|
14
|
-
* @param props 组件 Props(包含校验配置)
|
|
15
|
-
* @returns 数值输入状态对象
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* // 受控模式
|
|
19
|
-
* const state = useNumberInputState({ value: 10, onChange: (v) => console.log(v) });
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* // 非受控模式
|
|
23
|
-
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
24
|
-
*/
|
|
25
|
-
export declare function useNumberInputState(props: BaseNumberInputProps): NumberInputState;
|
|
1
|
+
import type { BaseNumberInputProps, NumberInputState } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* 数值输入状态管理 Hook
|
|
4
|
+
*
|
|
5
|
+
* 管理组件的内部状态,包括:
|
|
6
|
+
* - 值管理(受控/非受控模式)
|
|
7
|
+
* - 校验状态管理
|
|
8
|
+
* - 事件处理函数封装
|
|
9
|
+
*
|
|
10
|
+
* 支持受控和非受控两种模式:
|
|
11
|
+
* - 受控模式:value 由外部传入,组件不维护内部状态
|
|
12
|
+
* - 非受控模式:使用 defaultValue,组件维护内部状态
|
|
13
|
+
*
|
|
14
|
+
* @param props 组件 Props(包含校验配置)
|
|
15
|
+
* @returns 数值输入状态对象
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // 受控模式
|
|
19
|
+
* const state = useNumberInputState({ value: 10, onChange: (v) => console.log(v) });
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // 非受控模式
|
|
23
|
+
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
24
|
+
*/
|
|
25
|
+
export declare function useNumberInputState(props: BaseNumberInputProps): NumberInputState;
|
|
@@ -6,28 +6,28 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { useState, useCallback } from 'react';
|
|
8
8
|
import { validateValue } from "../utils/validation";
|
|
9
|
-
/**
|
|
10
|
-
* 数值输入状态管理 Hook
|
|
11
|
-
*
|
|
12
|
-
* 管理组件的内部状态,包括:
|
|
13
|
-
* - 值管理(受控/非受控模式)
|
|
14
|
-
* - 校验状态管理
|
|
15
|
-
* - 事件处理函数封装
|
|
16
|
-
*
|
|
17
|
-
* 支持受控和非受控两种模式:
|
|
18
|
-
* - 受控模式:value 由外部传入,组件不维护内部状态
|
|
19
|
-
* - 非受控模式:使用 defaultValue,组件维护内部状态
|
|
20
|
-
*
|
|
21
|
-
* @param props 组件 Props(包含校验配置)
|
|
22
|
-
* @returns 数值输入状态对象
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* // 受控模式
|
|
26
|
-
* const state = useNumberInputState({ value: 10, onChange: (v) => console.log(v) });
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* // 非受控模式
|
|
30
|
-
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
9
|
+
/**
|
|
10
|
+
* 数值输入状态管理 Hook
|
|
11
|
+
*
|
|
12
|
+
* 管理组件的内部状态,包括:
|
|
13
|
+
* - 值管理(受控/非受控模式)
|
|
14
|
+
* - 校验状态管理
|
|
15
|
+
* - 事件处理函数封装
|
|
16
|
+
*
|
|
17
|
+
* 支持受控和非受控两种模式:
|
|
18
|
+
* - 受控模式:value 由外部传入,组件不维护内部状态
|
|
19
|
+
* - 非受控模式:使用 defaultValue,组件维护内部状态
|
|
20
|
+
*
|
|
21
|
+
* @param props 组件 Props(包含校验配置)
|
|
22
|
+
* @returns 数值输入状态对象
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* // 受控模式
|
|
26
|
+
* const state = useNumberInputState({ value: 10, onChange: (v) => console.log(v) });
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* // 非受控模式
|
|
30
|
+
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
31
31
|
*/
|
|
32
32
|
export function useNumberInputState(props) {
|
|
33
33
|
var _props$defaultValue;
|
|
@@ -55,12 +55,12 @@ export function useNumberInputState(props) {
|
|
|
55
55
|
// 当前值(受控模式优先使用 props.value)
|
|
56
56
|
var currentValue = isControlled ? props.value : innerValue;
|
|
57
57
|
|
|
58
|
-
/**
|
|
59
|
-
* 值变更处理函数
|
|
60
|
-
*
|
|
61
|
-
* 1. 更新内部状态(非受控模式)
|
|
62
|
-
* 2. 根据 validateTrigger 决定是否立即校验
|
|
63
|
-
* 3. 触发外部 onChange 回调
|
|
58
|
+
/**
|
|
59
|
+
* 值变更处理函数
|
|
60
|
+
*
|
|
61
|
+
* 1. 更新内部状态(非受控模式)
|
|
62
|
+
* 2. 根据 validateTrigger 决定是否立即校验
|
|
63
|
+
* 3. 触发外部 onChange 回调
|
|
64
64
|
*/
|
|
65
65
|
var handleChange = useCallback(function (newValue) {
|
|
66
66
|
var _props$onChange;
|
|
@@ -83,12 +83,12 @@ export function useNumberInputState(props) {
|
|
|
83
83
|
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
|
|
84
84
|
}, [isControlled, props]);
|
|
85
85
|
|
|
86
|
-
/**
|
|
87
|
-
* 失焦处理函数
|
|
88
|
-
*
|
|
89
|
-
* 1. 标记为已触摸
|
|
90
|
-
* 2. 执行失焦时的校验(根据 validateTrigger)
|
|
91
|
-
* 3. 触发外部 onBlur 回调
|
|
86
|
+
/**
|
|
87
|
+
* 失焦处理函数
|
|
88
|
+
*
|
|
89
|
+
* 1. 标记为已触摸
|
|
90
|
+
* 2. 执行失焦时的校验(根据 validateTrigger)
|
|
91
|
+
* 3. 触发外部 onBlur 回调
|
|
92
92
|
*/
|
|
93
93
|
var handleBlur = useCallback(function () {
|
|
94
94
|
var _props$onBlur;
|
|
@@ -106,11 +106,11 @@ export function useNumberInputState(props) {
|
|
|
106
106
|
(_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, currentValue !== null && currentValue !== void 0 ? currentValue : null);
|
|
107
107
|
}, [currentValue, props]);
|
|
108
108
|
|
|
109
|
-
/**
|
|
110
|
-
* 聚焦处理函数
|
|
111
|
-
*
|
|
112
|
-
* 1. 标记为已触摸
|
|
113
|
-
* 2. 触发外部 onFocus 回调
|
|
109
|
+
/**
|
|
110
|
+
* 聚焦处理函数
|
|
111
|
+
*
|
|
112
|
+
* 1. 标记为已触摸
|
|
113
|
+
* 2. 触发外部 onFocus 回调
|
|
114
114
|
*/
|
|
115
115
|
var handleFocus = useCallback(function () {
|
|
116
116
|
var _props$onFocus;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 数值输入组件公共逻辑导出
|
|
3
|
-
*
|
|
4
|
-
* 供以下组件使用:
|
|
5
|
-
* - PisellNumber
|
|
6
|
-
* - PisellCurrency
|
|
7
|
-
* - PisellPercent
|
|
8
|
-
* - 其他数值输入组件
|
|
9
|
-
*/
|
|
10
|
-
export type { DisplayState, ValidationResult, NumberInputState, BaseNumberInputProps, } from './types';
|
|
11
|
-
export { useNumberInputState } from './hooks';
|
|
12
|
-
export { getDisplayState, formatNumber, addThousandsSeparator, formatPrecision, } from './utils';
|
|
13
|
-
export { validateValue as validateNumberValue } from './utils';
|
|
14
|
-
export type { NumberFormatOptions } from './utils';
|
|
1
|
+
/**
|
|
2
|
+
* 数值输入组件公共逻辑导出
|
|
3
|
+
*
|
|
4
|
+
* 供以下组件使用:
|
|
5
|
+
* - PisellNumber
|
|
6
|
+
* - PisellCurrency
|
|
7
|
+
* - PisellPercent
|
|
8
|
+
* - 其他数值输入组件
|
|
9
|
+
*/
|
|
10
|
+
export type { DisplayState, ValidationResult, NumberInputState, BaseNumberInputProps, } from './types';
|
|
11
|
+
export { useNumberInputState } from './hooks';
|
|
12
|
+
export { getDisplayState, formatNumber, addThousandsSeparator, formatPrecision, } from './utils';
|
|
13
|
+
export { validateValue as validateNumberValue } from './utils';
|
|
14
|
+
export type { NumberFormatOptions } from './utils';
|
package/es/number-input/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 数值输入组件公共逻辑导出
|
|
3
|
-
*
|
|
4
|
-
* 供以下组件使用:
|
|
5
|
-
* - PisellNumber
|
|
6
|
-
* - PisellCurrency
|
|
7
|
-
* - PisellPercent
|
|
8
|
-
* - 其他数值输入组件
|
|
1
|
+
/**
|
|
2
|
+
* 数值输入组件公共逻辑导出
|
|
3
|
+
*
|
|
4
|
+
* 供以下组件使用:
|
|
5
|
+
* - PisellNumber
|
|
6
|
+
* - PisellCurrency
|
|
7
|
+
* - PisellPercent
|
|
8
|
+
* - 其他数值输入组件
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
// 类型
|