@pisell/utils 1.0.71 → 1.0.73
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/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js +27 -0
- package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.js +12 -0
- package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js +25 -0
- package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPrimitive.js +14 -0
- package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPropertyKey.js +9 -0
- package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/typeof.js +11 -0
- package/es/arrayUtils.d.ts +4 -1
- package/es/arrayUtils.js +15 -24
- package/es/common/stateHelper.d.ts +6 -2
- package/es/common/stateHelper.js +22 -24
- package/es/common/types.d.ts +13 -10
- package/es/componentStorage.d.ts +27 -25
- package/es/componentStorage.js +94 -130
- package/es/constants/index.js +7 -9
- package/es/date.d.ts +6 -3
- package/es/date.js +36 -53
- package/es/document.d.ts +6 -3
- package/es/document.js +43 -67
- package/es/escPosPrinter/EscPosPrinter.js +353 -490
- package/es/escPosPrinter/index.d.ts +9 -9
- package/es/escPosPrinter/index.js +37 -52
- package/es/format.d.ts +12 -11
- package/es/format.js +90 -116
- package/es/image.d.ts +13 -10
- package/es/image.js +48 -60
- package/es/index.d.ts +38 -23
- package/es/index.js +39 -34
- package/es/jsBridge/index.d.ts +8 -4
- package/es/jsBridge/index.js +57 -56
- package/es/jsBridge/regDeviceApi.js +107 -149
- package/es/jsBridge/types.d.ts +95 -115
- package/es/locales.d.ts +11 -8
- package/es/locales.js +77 -96
- package/es/log.d.ts +11 -6
- package/es/log.js +37 -59
- package/es/miniRedux.d.ts +20 -13
- package/es/miniRedux.js +42 -78
- package/es/number-input/hooks/useNumberInputState.d.ts +6 -2
- package/es/number-input/hooks/useNumberInputState.js +71 -128
- package/es/number-input/types.d.ts +88 -88
- package/es/number-input/utils/formatter.d.ts +13 -10
- package/es/number-input/utils/formatter.js +51 -77
- package/es/number-input/utils/validation.d.ts +7 -2
- package/es/number-input/utils/validation.js +51 -66
- package/es/otherUtils.d.ts +12 -9
- package/es/otherUtils.js +71 -129
- package/es/platform.d.ts +17 -9
- package/es/platform.js +78 -85
- package/es/select/hooks/useDebouncedSearch.d.ts +4 -1
- package/es/select/hooks/useDebouncedSearch.js +39 -53
- package/es/select/hooks/useSelectState.d.ts +7 -7
- package/es/select/hooks/useSelectState.js +56 -113
- package/es/select/index.d.ts +7 -8
- package/es/select/types.d.ts +211 -211
- package/es/select/utils/filterOptions.d.ts +7 -6
- package/es/select/utils/filterOptions.js +26 -31
- package/es/select/utils/helpers.d.ts +10 -9
- package/es/select/utils/helpers.js +42 -52
- package/es/select/utils/index.d.ts +4 -7
- package/es/select/utils/sortOptions.d.ts +6 -5
- package/es/select/utils/sortOptions.js +19 -31
- package/es/select/utils/tagAggregation.d.ts +6 -6
- package/es/select/utils/tagAggregation.js +34 -47
- package/es/text-input/hooks/useTextInputState.d.ts +6 -2
- package/es/text-input/hooks/useTextInputState.js +69 -126
- package/es/text-input/types.d.ts +48 -48
- package/es/text-input/utils/validation.d.ts +7 -2
- package/es/text-input/utils/validation.js +50 -70
- package/es/typeUtils.d.ts +11 -8
- package/es/typeUtils.js +61 -84
- package/es/walletValidity.d.ts +36 -34
- package/es/walletValidity.js +332 -456
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js +27 -0
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.js +12 -0
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js +25 -0
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPrimitive.js +14 -0
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPropertyKey.js +9 -0
- package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/typeof.js +16 -0
- package/lib/_virtual/_rolldown/runtime.js +23 -0
- package/lib/arrayUtils.d.ts +4 -1
- package/lib/arrayUtils.js +14 -39
- package/lib/common/stateHelper.d.ts +6 -2
- package/lib/common/stateHelper.js +21 -32
- package/lib/common/types.d.ts +13 -10
- package/lib/componentStorage.d.ts +27 -25
- package/lib/componentStorage.js +96 -126
- package/lib/constants/index.js +7 -36
- package/lib/date.d.ts +6 -3
- package/lib/date.js +43 -65
- package/lib/document.d.ts +6 -3
- package/lib/document.js +46 -62
- package/lib/escPosPrinter/EscPosPrinter.js +327 -403
- package/lib/escPosPrinter/index.d.ts +9 -9
- package/lib/escPosPrinter/index.js +38 -84
- package/lib/format.d.ts +12 -11
- package/lib/format.js +91 -99
- package/lib/image.d.ts +13 -10
- package/lib/image.js +48 -74
- package/lib/index.d.ts +38 -23
- package/lib/index.js +115 -78
- package/lib/jsBridge/index.d.ts +8 -4
- package/lib/jsBridge/index.js +58 -77
- package/lib/jsBridge/regDeviceApi.js +106 -153
- package/lib/jsBridge/types.d.ts +95 -115
- package/lib/locales.d.ts +11 -8
- package/lib/locales.js +79 -90
- package/lib/log.d.ts +11 -6
- package/lib/log.js +37 -61
- package/lib/miniRedux.d.ts +20 -13
- package/lib/miniRedux.js +43 -92
- package/lib/number-input/hooks/useNumberInputState.d.ts +6 -2
- package/lib/number-input/hooks/useNumberInputState.js +71 -81
- package/lib/number-input/types.d.ts +88 -88
- package/lib/number-input/utils/formatter.d.ts +13 -10
- package/lib/number-input/utils/formatter.js +52 -49
- package/lib/number-input/utils/validation.d.ts +7 -2
- package/lib/number-input/utils/validation.js +50 -52
- package/lib/otherUtils.d.ts +12 -9
- package/lib/otherUtils.js +86 -98
- package/lib/platform.d.ts +17 -9
- package/lib/platform.js +85 -122
- package/lib/select/hooks/useDebouncedSearch.d.ts +4 -1
- package/lib/select/hooks/useDebouncedSearch.js +40 -41
- package/lib/select/hooks/useSelectState.d.ts +7 -7
- package/lib/select/hooks/useSelectState.js +58 -93
- package/lib/select/index.d.ts +7 -8
- package/lib/select/types.d.ts +211 -211
- package/lib/select/utils/filterOptions.d.ts +7 -6
- package/lib/select/utils/filterOptions.js +26 -37
- package/lib/select/utils/helpers.d.ts +10 -9
- package/lib/select/utils/helpers.js +45 -41
- package/lib/select/utils/index.d.ts +4 -7
- package/lib/select/utils/sortOptions.d.ts +6 -5
- package/lib/select/utils/sortOptions.js +18 -39
- package/lib/select/utils/tagAggregation.d.ts +6 -6
- package/lib/select/utils/tagAggregation.js +33 -41
- package/lib/text-input/hooks/useTextInputState.d.ts +6 -2
- package/lib/text-input/hooks/useTextInputState.js +69 -79
- package/lib/text-input/types.d.ts +48 -48
- package/lib/text-input/utils/validation.d.ts +7 -2
- package/lib/text-input/utils/validation.js +49 -58
- package/lib/typeUtils.d.ts +11 -8
- package/lib/typeUtils.js +68 -73
- package/lib/walletValidity.d.ts +36 -34
- package/lib/walletValidity.js +345 -317
- package/package.json +1 -2
- package/es/common/index.d.ts +0 -5
- package/es/common/index.js +0 -5
- package/es/common/types.js +0 -1
- package/es/constants/index.d.ts +0 -7
- package/es/firebase/config/index.d.ts +0 -13
- package/es/firebase/config/index.js +0 -54
- package/es/firebase/index.d.ts +0 -28
- package/es/firebase/index.js +0 -232
- package/es/jsBridge/types.js +0 -1
- package/es/number-input/hooks/index.d.ts +0 -4
- package/es/number-input/hooks/index.js +0 -5
- package/es/number-input/index.d.ts +0 -14
- package/es/number-input/index.js +0 -21
- package/es/number-input/types.js +0 -1
- package/es/number-input/utils/index.d.ts +0 -7
- package/es/number-input/utils/index.js +0 -8
- package/es/select/hooks/index.d.ts +0 -5
- package/es/select/hooks/index.js +0 -6
- package/es/select/index.js +0 -13
- package/es/select/types.js +0 -1
- package/es/select/utils/index.js +0 -8
- package/es/text-input/hooks/index.d.ts +0 -4
- package/es/text-input/hooks/index.js +0 -5
- package/es/text-input/index.d.ts +0 -14
- package/es/text-input/index.js +0 -20
- package/es/text-input/types.js +0 -1
- package/es/text-input/utils/index.d.ts +0 -5
- package/es/text-input/utils/index.js +0 -7
- package/lib/common/index.d.ts +0 -5
- package/lib/common/index.js +0 -29
- package/lib/common/types.js +0 -17
- package/lib/constants/index.d.ts +0 -7
- package/lib/firebase/config/index.d.ts +0 -13
- package/lib/firebase/config/index.js +0 -79
- package/lib/firebase/index.d.ts +0 -28
- package/lib/firebase/index.js +0 -180
- package/lib/jsBridge/types.js +0 -17
- package/lib/number-input/hooks/index.d.ts +0 -4
- package/lib/number-input/hooks/index.js +0 -29
- package/lib/number-input/index.d.ts +0 -14
- package/lib/number-input/index.js +0 -41
- package/lib/number-input/types.js +0 -17
- package/lib/number-input/utils/index.d.ts +0 -7
- package/lib/number-input/utils/index.js +0 -39
- package/lib/select/hooks/index.d.ts +0 -5
- package/lib/select/hooks/index.js +0 -34
- package/lib/select/index.js +0 -53
- package/lib/select/types.js +0 -17
- package/lib/select/utils/index.js +0 -48
- package/lib/text-input/hooks/index.d.ts +0 -4
- package/lib/text-input/hooks/index.js +0 -29
- package/lib/text-input/index.d.ts +0 -14
- package/lib/text-input/index.js +0 -35
- package/lib/text-input/types.js +0 -17
- package/lib/text-input/utils/index.d.ts +0 -5
- package/lib/text-input/utils/index.js +0 -32
package/lib/miniRedux.js
CHANGED
|
@@ -1,93 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
const require_runtime = require("./_virtual/_rolldown/runtime.js");
|
|
2
|
+
const require_objectSpread2 = require("./_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
react = require_runtime.__toESM(react);
|
|
5
|
+
//#region src/miniRedux.tsx
|
|
6
|
+
const miniRedux = ({ namespace = "state", state, reducers = {}, effects = {} }) => {
|
|
7
|
+
const Context = (0, react.createContext)({});
|
|
8
|
+
const Provider = (ComponentUi) => {
|
|
9
|
+
return (0, react.forwardRef)((props, ref) => {
|
|
10
|
+
const stateRef = (0, react.useRef)();
|
|
11
|
+
const [providerState, dispatch] = (0, react.useReducer)((state, { type, payload }) => {
|
|
12
|
+
if (reducers[type]) return reducers[type](state, payload) || state;
|
|
13
|
+
else return state;
|
|
14
|
+
}, state);
|
|
15
|
+
stateRef.current = providerState;
|
|
16
|
+
const _dispatch = (0, react.useCallback)(({ type, payload }) => {
|
|
17
|
+
if (effects[type]) effects[type].call(null, stateRef.current, payload, dispatch);
|
|
18
|
+
else if (reducers[type]) dispatch({
|
|
19
|
+
type,
|
|
20
|
+
payload
|
|
21
|
+
});
|
|
22
|
+
}, []);
|
|
23
|
+
const contextValue = (0, react.useMemo)(() => ({
|
|
24
|
+
[namespace]: providerState,
|
|
25
|
+
dispatch: _dispatch
|
|
26
|
+
}), [providerState, _dispatch]);
|
|
27
|
+
let _props = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, {
|
|
28
|
+
[namespace]: providerState,
|
|
29
|
+
dispatch: _dispatch
|
|
30
|
+
});
|
|
31
|
+
if (_props.forwardedRef) {
|
|
32
|
+
_props.forwardedRef;
|
|
33
|
+
delete _props.forwardedRef;
|
|
34
|
+
}
|
|
35
|
+
return /* @__PURE__ */ react.default.createElement(Context.Provider, { value: contextValue }, /* @__PURE__ */ react.default.createElement(ComponentUi, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, _props), {}, { ref })));
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
return {
|
|
39
|
+
Context,
|
|
40
|
+
Provider
|
|
41
|
+
};
|
|
10
42
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/miniRedux.tsx
|
|
30
|
-
var miniRedux_exports = {};
|
|
31
|
-
__export(miniRedux_exports, {
|
|
32
|
-
miniRedux: () => miniRedux
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(miniRedux_exports);
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var miniRedux = ({
|
|
37
|
-
namespace = "state",
|
|
38
|
-
state,
|
|
39
|
-
reducers = {},
|
|
40
|
-
effects = {}
|
|
41
|
-
}) => {
|
|
42
|
-
const Context = (0, import_react.createContext)({});
|
|
43
|
-
const Provider = (ComponentUi) => {
|
|
44
|
-
const Components = (0, import_react.forwardRef)((props, ref) => {
|
|
45
|
-
const stateRef = (0, import_react.useRef)();
|
|
46
|
-
const [providerState, dispatch] = (0, import_react.useReducer)(
|
|
47
|
-
(state2, { type, payload }) => {
|
|
48
|
-
if (reducers[type]) {
|
|
49
|
-
return reducers[type](state2, payload) || state2;
|
|
50
|
-
} else {
|
|
51
|
-
return state2;
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
state
|
|
55
|
-
);
|
|
56
|
-
stateRef.current = providerState;
|
|
57
|
-
const _dispatch = (0, import_react.useCallback)(({ type, payload }) => {
|
|
58
|
-
if (effects[type]) {
|
|
59
|
-
effects[type].call(null, stateRef.current, payload, dispatch);
|
|
60
|
-
} else if (reducers[type]) {
|
|
61
|
-
dispatch({ type, payload });
|
|
62
|
-
}
|
|
63
|
-
}, []);
|
|
64
|
-
const contextValue = (0, import_react.useMemo)(
|
|
65
|
-
() => ({
|
|
66
|
-
[namespace]: providerState,
|
|
67
|
-
dispatch: _dispatch
|
|
68
|
-
}),
|
|
69
|
-
[providerState, _dispatch]
|
|
70
|
-
);
|
|
71
|
-
let _props = {
|
|
72
|
-
...props,
|
|
73
|
-
[namespace]: providerState,
|
|
74
|
-
dispatch: _dispatch
|
|
75
|
-
};
|
|
76
|
-
let _ref = null;
|
|
77
|
-
if (_props.forwardedRef) {
|
|
78
|
-
_ref = _props.forwardedRef;
|
|
79
|
-
delete _props.forwardedRef;
|
|
80
|
-
}
|
|
81
|
-
return /* @__PURE__ */ import_react.default.createElement(Context.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(ComponentUi, { ..._props, ref }));
|
|
82
|
-
});
|
|
83
|
-
return Components;
|
|
84
|
-
};
|
|
85
|
-
return {
|
|
86
|
-
Context,
|
|
87
|
-
Provider
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
91
|
-
0 && (module.exports = {
|
|
92
|
-
miniRedux
|
|
93
|
-
});
|
|
43
|
+
//#endregion
|
|
44
|
+
exports.miniRedux = miniRedux;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { BaseNumberInputProps, NumberInputState } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/number-input/hooks/useNumberInputState.d.ts
|
|
2
4
|
/**
|
|
3
5
|
* 数值输入状态管理 Hook
|
|
4
6
|
*
|
|
@@ -22,4 +24,6 @@ import type { BaseNumberInputProps, NumberInputState } from '../types';
|
|
|
22
24
|
* // 非受控模式
|
|
23
25
|
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
24
26
|
*/
|
|
25
|
-
|
|
27
|
+
declare function useNumberInputState(props: BaseNumberInputProps): NumberInputState;
|
|
28
|
+
//#endregion
|
|
29
|
+
export { useNumberInputState };
|
|
@@ -1,83 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.js");
|
|
2
|
+
const require_validation = require("../utils/validation.js");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
//#region src/number-input/hooks/useNumberInputState.ts
|
|
5
|
+
/**
|
|
6
|
+
* 数值输入状态管理 Hook
|
|
7
|
+
*
|
|
8
|
+
* 管理组件的内部状态,包括:
|
|
9
|
+
* - 值管理(受控/非受控模式)
|
|
10
|
+
* - 校验状态管理
|
|
11
|
+
* - 事件处理函数封装
|
|
12
|
+
*
|
|
13
|
+
* 支持受控和非受控两种模式:
|
|
14
|
+
* - 受控模式:value 由外部传入,组件不维护内部状态
|
|
15
|
+
* - 非受控模式:使用 defaultValue,组件维护内部状态
|
|
16
|
+
*
|
|
17
|
+
* @param props 组件 Props(包含校验配置)
|
|
18
|
+
* @returns 数值输入状态对象
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // 受控模式
|
|
22
|
+
* const state = useNumberInputState({ value: 10, onChange: (v) => console.log(v) });
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* // 非受控模式
|
|
26
|
+
* const state = useNumberInputState({ defaultValue: 10, min: 0, max: 100 });
|
|
27
|
+
*/
|
|
27
28
|
function useNumberInputState(props) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return {
|
|
71
|
-
value: currentValue,
|
|
72
|
-
isTouched,
|
|
73
|
-
isValid,
|
|
74
|
-
errors,
|
|
75
|
-
handleChange,
|
|
76
|
-
handleBlur,
|
|
77
|
-
handleFocus
|
|
78
|
-
};
|
|
29
|
+
var _props$defaultValue;
|
|
30
|
+
const isControlled = props.value !== void 0;
|
|
31
|
+
const [innerValue, setInnerValue] = (0, react.useState)((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : null);
|
|
32
|
+
const [isTouched, setIsTouched] = (0, react.useState)(false);
|
|
33
|
+
const [isValid, setIsValid] = (0, react.useState)(true);
|
|
34
|
+
const [errors, setErrors] = (0, react.useState)([]);
|
|
35
|
+
const currentValue = isControlled ? props.value : innerValue;
|
|
36
|
+
return {
|
|
37
|
+
value: currentValue,
|
|
38
|
+
isTouched,
|
|
39
|
+
isValid,
|
|
40
|
+
errors,
|
|
41
|
+
handleChange: (0, react.useCallback)((newValue) => {
|
|
42
|
+
var _props$onChange;
|
|
43
|
+
if (!isControlled) setInnerValue(newValue);
|
|
44
|
+
if (props.validateTrigger === "onChange" || props.validateTrigger === "both") {
|
|
45
|
+
var _props$onValidate;
|
|
46
|
+
const validation = require_validation.validateValue(newValue, props);
|
|
47
|
+
setIsValid(validation.isValid);
|
|
48
|
+
setErrors(validation.errors);
|
|
49
|
+
(_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, validation.isValid, validation.errors);
|
|
50
|
+
}
|
|
51
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
|
|
52
|
+
}, [isControlled, props]),
|
|
53
|
+
handleBlur: (0, react.useCallback)(() => {
|
|
54
|
+
var _props$onBlur;
|
|
55
|
+
setIsTouched(true);
|
|
56
|
+
if (props.validateTrigger !== "onChange") {
|
|
57
|
+
var _props$onValidate2;
|
|
58
|
+
const validation = require_validation.validateValue(currentValue, props);
|
|
59
|
+
setIsValid(validation.isValid);
|
|
60
|
+
setErrors(validation.errors);
|
|
61
|
+
(_props$onValidate2 = props.onValidate) === null || _props$onValidate2 === void 0 || _props$onValidate2.call(props, validation.isValid, validation.errors);
|
|
62
|
+
}
|
|
63
|
+
(_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, currentValue !== null && currentValue !== void 0 ? currentValue : null);
|
|
64
|
+
}, [currentValue, props]),
|
|
65
|
+
handleFocus: (0, react.useCallback)(() => {
|
|
66
|
+
var _props$onFocus;
|
|
67
|
+
setIsTouched(true);
|
|
68
|
+
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
69
|
+
}, [props])
|
|
70
|
+
};
|
|
79
71
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
useNumberInputState
|
|
83
|
-
});
|
|
72
|
+
//#endregion
|
|
73
|
+
exports.useNumberInputState = useNumberInputState;
|
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
export type { DisplayState, ValidationResult } from '../common';
|
|
1
|
+
import { DisplayState, ValidationResult } from "../common/types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/number-input/types.d.ts
|
|
6
4
|
/**
|
|
7
5
|
* 数值输入状态 Hook 返回值
|
|
8
6
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
7
|
+
interface NumberInputState {
|
|
8
|
+
/**
|
|
9
|
+
* 当前值
|
|
10
|
+
*/
|
|
11
|
+
value: number | null | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* 是否已被触摸(交互过)
|
|
14
|
+
*/
|
|
15
|
+
isTouched: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* 是否校验通过
|
|
18
|
+
*/
|
|
19
|
+
isValid: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* 错误信息数组
|
|
22
|
+
*/
|
|
23
|
+
errors: string[];
|
|
24
|
+
/**
|
|
25
|
+
* 值变更处理函数
|
|
26
|
+
*/
|
|
27
|
+
handleChange: (value: number | null) => void;
|
|
28
|
+
/**
|
|
29
|
+
* 失焦处理函数
|
|
30
|
+
*/
|
|
31
|
+
handleBlur: () => void;
|
|
32
|
+
/**
|
|
33
|
+
* 聚焦处理函数
|
|
34
|
+
*/
|
|
35
|
+
handleFocus: () => void;
|
|
38
36
|
}
|
|
39
37
|
/**
|
|
40
38
|
* 基础数值输入 Props(供校验和状态管理使用)
|
|
41
39
|
*/
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
40
|
+
interface BaseNumberInputProps {
|
|
41
|
+
/**
|
|
42
|
+
* 当前值(受控)
|
|
43
|
+
*/
|
|
44
|
+
value?: number | null;
|
|
45
|
+
/**
|
|
46
|
+
* 默认值(非受控)
|
|
47
|
+
*/
|
|
48
|
+
defaultValue?: number | null;
|
|
49
|
+
/**
|
|
50
|
+
* 是否必填
|
|
51
|
+
*/
|
|
52
|
+
required?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* 最小值
|
|
55
|
+
*/
|
|
56
|
+
min?: number;
|
|
57
|
+
/**
|
|
58
|
+
* 最大值
|
|
59
|
+
*/
|
|
60
|
+
max?: number;
|
|
61
|
+
/**
|
|
62
|
+
* 自定义校验函数
|
|
63
|
+
* @param value 当前值
|
|
64
|
+
* @returns true 表示通过,false 或错误信息字符串表示不通过
|
|
65
|
+
*/
|
|
66
|
+
validator?: (value: number | null) => boolean | string;
|
|
67
|
+
/**
|
|
68
|
+
* 校验触发时机
|
|
69
|
+
* - onChange: 输入时即时校验
|
|
70
|
+
* - onBlur: 失焦时校验
|
|
71
|
+
* - both: 输入和失焦时都校验
|
|
72
|
+
*/
|
|
73
|
+
validateTrigger?: 'onChange' | 'onBlur' | 'both';
|
|
74
|
+
/**
|
|
75
|
+
* 自定义错误提示信息
|
|
76
|
+
*/
|
|
77
|
+
errorMessage?: string;
|
|
78
|
+
/**
|
|
79
|
+
* 值变更回调
|
|
80
|
+
*/
|
|
81
|
+
onChange?: (value: number | null) => void;
|
|
82
|
+
/**
|
|
83
|
+
* 失焦回调
|
|
84
|
+
*/
|
|
85
|
+
onBlur?: (value: number | null) => void;
|
|
86
|
+
/**
|
|
87
|
+
* 聚焦回调
|
|
88
|
+
*/
|
|
89
|
+
onFocus?: () => void;
|
|
90
|
+
/**
|
|
91
|
+
* 校验回调
|
|
92
|
+
*/
|
|
93
|
+
onValidate?: (isValid: boolean, errors: string[]) => void;
|
|
96
94
|
}
|
|
95
|
+
//#endregion
|
|
96
|
+
export { BaseNumberInputProps, NumberInputState };
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
+
//#region src/number-input/utils/formatter.d.ts
|
|
1
2
|
/**
|
|
2
3
|
* 数值格式化工具函数
|
|
3
4
|
*/
|
|
4
5
|
/**
|
|
5
6
|
* 格式化选项
|
|
6
7
|
*/
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
interface NumberFormatOptions {
|
|
9
|
+
/** 小数精度 */
|
|
10
|
+
precision?: number;
|
|
11
|
+
/** 是否使用千分位分隔符 */
|
|
12
|
+
useGrouping?: boolean;
|
|
13
|
+
/** 自定义格式化函数 */
|
|
14
|
+
formatter?: (value: number | null) => string;
|
|
14
15
|
}
|
|
15
16
|
/**
|
|
16
17
|
* 格式化数值
|
|
@@ -27,7 +28,7 @@ export interface NumberFormatOptions {
|
|
|
27
28
|
* formatNumber(1234, { precision: 0, useGrouping: true })
|
|
28
29
|
* // 返回: "1,234"
|
|
29
30
|
*/
|
|
30
|
-
|
|
31
|
+
declare function formatNumber(value: number | null | undefined, options?: NumberFormatOptions): string | null;
|
|
31
32
|
/**
|
|
32
33
|
* 添加千分位分隔符
|
|
33
34
|
*
|
|
@@ -38,7 +39,7 @@ export declare function formatNumber(value: number | null | undefined, options?:
|
|
|
38
39
|
* addThousandsSeparator(1234567)
|
|
39
40
|
* // 返回: "1,234,567"
|
|
40
41
|
*/
|
|
41
|
-
|
|
42
|
+
declare function addThousandsSeparator(value: number): string;
|
|
42
43
|
/**
|
|
43
44
|
* 格式化精度
|
|
44
45
|
*
|
|
@@ -50,4 +51,6 @@ export declare function addThousandsSeparator(value: number): string;
|
|
|
50
51
|
* formatPrecision(1.2345, 2)
|
|
51
52
|
* // 返回: 1.23
|
|
52
53
|
*/
|
|
53
|
-
|
|
54
|
+
declare function formatPrecision(value: number, precision: number): number;
|
|
55
|
+
//#endregion
|
|
56
|
+
export { NumberFormatOptions, addThousandsSeparator, formatNumber, formatPrecision };
|
|
@@ -1,55 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/number-input/utils/formatter.ts
|
|
20
|
-
var formatter_exports = {};
|
|
21
|
-
__export(formatter_exports, {
|
|
22
|
-
addThousandsSeparator: () => addThousandsSeparator,
|
|
23
|
-
formatNumber: () => formatNumber,
|
|
24
|
-
formatPrecision: () => formatPrecision
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(formatter_exports);
|
|
1
|
+
//#region src/number-input/utils/formatter.ts
|
|
2
|
+
/**
|
|
3
|
+
* 格式化数值
|
|
4
|
+
*
|
|
5
|
+
* @param value 数值
|
|
6
|
+
* @param options 格式化选项
|
|
7
|
+
* @returns 格式化后的字符串,null 时返回 null
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* formatNumber(1234.567, { precision: 2, useGrouping: true })
|
|
11
|
+
* // 返回: "1,234.57"
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* formatNumber(1234, { precision: 0, useGrouping: true })
|
|
15
|
+
* // 返回: "1,234"
|
|
16
|
+
*/
|
|
27
17
|
function formatNumber(value, options = {}) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
minimumFractionDigits: precision,
|
|
38
|
-
maximumFractionDigits: precision,
|
|
39
|
-
useGrouping
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
return String(value);
|
|
18
|
+
if (value === null || value === void 0) return null;
|
|
19
|
+
const { precision, useGrouping = false, formatter } = options;
|
|
20
|
+
if (formatter) return formatter(value);
|
|
21
|
+
if (useGrouping || precision !== void 0) return value.toLocaleString("zh-CN", {
|
|
22
|
+
minimumFractionDigits: precision,
|
|
23
|
+
maximumFractionDigits: precision,
|
|
24
|
+
useGrouping
|
|
25
|
+
});
|
|
26
|
+
return String(value);
|
|
43
27
|
}
|
|
28
|
+
/**
|
|
29
|
+
* 添加千分位分隔符
|
|
30
|
+
*
|
|
31
|
+
* @param value 数值
|
|
32
|
+
* @returns 添加千分位后的字符串
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* addThousandsSeparator(1234567)
|
|
36
|
+
* // 返回: "1,234,567"
|
|
37
|
+
*/
|
|
44
38
|
function addThousandsSeparator(value) {
|
|
45
|
-
|
|
39
|
+
return value.toLocaleString("zh-CN", { useGrouping: true });
|
|
46
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* 格式化精度
|
|
43
|
+
*
|
|
44
|
+
* @param value 数值
|
|
45
|
+
* @param precision 小数位数
|
|
46
|
+
* @returns 格式化后的数值
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* formatPrecision(1.2345, 2)
|
|
50
|
+
* // 返回: 1.23
|
|
51
|
+
*/
|
|
47
52
|
function formatPrecision(value, precision) {
|
|
48
|
-
|
|
53
|
+
return Number(value.toFixed(precision));
|
|
49
54
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
formatPrecision
|
|
55
|
-
});
|
|
55
|
+
//#endregion
|
|
56
|
+
exports.addThousandsSeparator = addThousandsSeparator;
|
|
57
|
+
exports.formatNumber = formatNumber;
|
|
58
|
+
exports.formatPrecision = formatPrecision;
|