@pisell/utils 1.0.72 → 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 +29 -0
- 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 +26 -0
- package/es/jsBridge/index.js +57 -56
- package/es/jsBridge/regDeviceApi.js +107 -149
- package/es/jsBridge/types.d.ts +129 -0
- package/es/locales.d.ts +12 -0
- package/es/locales.js +77 -96
- package/es/log.d.ts +11 -6
- package/es/log.js +37 -59
- package/es/miniRedux.d.ts +23 -0
- 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 +29 -0
- 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 +26 -0
- package/lib/jsBridge/index.js +58 -77
- package/lib/jsBridge/regDeviceApi.js +106 -153
- package/lib/jsBridge/types.d.ts +129 -0
- package/lib/locales.d.ts +12 -0
- package/lib/locales.js +79 -90
- package/lib/log.d.ts +11 -6
- package/lib/log.js +37 -61
- package/lib/miniRedux.d.ts +23 -0
- 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
|
@@ -1,41 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/select/utils/filterOptions.ts
|
|
20
|
-
var filterOptions_exports = {};
|
|
21
|
-
__export(filterOptions_exports, {
|
|
22
|
-
defaultFilterOption: () => defaultFilterOption,
|
|
23
|
-
filterOptions: () => filterOptions
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(filterOptions_exports);
|
|
1
|
+
//#region src/select/utils/filterOptions.ts
|
|
2
|
+
/**
|
|
3
|
+
* 默认的选项过滤函数
|
|
4
|
+
* 根据 label 进行模糊匹配(不区分大小写)
|
|
5
|
+
* @template T 选项值的类型
|
|
6
|
+
* @param input 搜索输入文本
|
|
7
|
+
* @param option 选项对象
|
|
8
|
+
* @returns 是否保留该选项
|
|
9
|
+
*/
|
|
26
10
|
function defaultFilterOption(input, option) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
return labelText.includes(searchText);
|
|
11
|
+
if (!input) return true;
|
|
12
|
+
const searchText = input.toLowerCase();
|
|
13
|
+
return option.label.toLowerCase().includes(searchText);
|
|
31
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* 过滤选项列表
|
|
17
|
+
* @template T 选项值的类型
|
|
18
|
+
* @param options 原始选项列表
|
|
19
|
+
* @param searchText 搜索文本
|
|
20
|
+
* @param filterFunc 自定义过滤函数(可选)
|
|
21
|
+
* @returns 过滤后的选项列表
|
|
22
|
+
*/
|
|
32
23
|
function filterOptions(options, searchText, filterFunc) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
24
|
+
if (!searchText) return options;
|
|
25
|
+
const filterFn = filterFunc || defaultFilterOption;
|
|
26
|
+
return options.filter((opt) => filterFn(searchText, opt));
|
|
36
27
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
filterOptions
|
|
41
|
-
});
|
|
28
|
+
//#endregion
|
|
29
|
+
exports.defaultFilterOption = defaultFilterOption;
|
|
30
|
+
exports.filterOptions = filterOptions;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import type { SelectOption } from '../types';
|
|
1
|
+
import { SelectOption } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/select/utils/helpers.d.ts
|
|
5
4
|
/**
|
|
6
5
|
* 根据值查找选项对象
|
|
7
6
|
* @template T 选项值的类型
|
|
@@ -9,7 +8,7 @@ import type { SelectOption } from '../types';
|
|
|
9
8
|
* @param options 选项列表
|
|
10
9
|
* @returns 找到的选项对象,如果没找到返回 undefined
|
|
11
10
|
*/
|
|
12
|
-
|
|
11
|
+
declare function findOptionByValue<T = string | number>(value: T, options: SelectOption<T>[]): SelectOption<T> | undefined;
|
|
13
12
|
/**
|
|
14
13
|
* 根据值数组查找选项对象数组
|
|
15
14
|
* @template T 选项值的类型
|
|
@@ -17,7 +16,7 @@ export declare function findOptionByValue<T = string | number>(value: T, options
|
|
|
17
16
|
* @param options 选项列表
|
|
18
17
|
* @returns 找到的选项对象数组
|
|
19
18
|
*/
|
|
20
|
-
|
|
19
|
+
declare function findOptionsByValues<T = string | number>(values: T[], options: SelectOption<T>[]): SelectOption<T>[];
|
|
21
20
|
/**
|
|
22
21
|
* 判断选项是否被选中(单选)
|
|
23
22
|
* @template T 选项值的类型
|
|
@@ -25,7 +24,7 @@ export declare function findOptionsByValues<T = string | number>(values: T[], op
|
|
|
25
24
|
* @param selectedValue 当前选中值
|
|
26
25
|
* @returns 是否选中
|
|
27
26
|
*/
|
|
28
|
-
|
|
27
|
+
declare function isOptionSelected<T = string | number>(optionValue: T, selectedValue: T | null | undefined): boolean;
|
|
29
28
|
/**
|
|
30
29
|
* 判断选项是否被选中(多选)
|
|
31
30
|
* @template T 选项值的类型
|
|
@@ -33,10 +32,12 @@ export declare function isOptionSelected<T = string | number>(optionValue: T, se
|
|
|
33
32
|
* @param selectedValues 当前选中值数组
|
|
34
33
|
* @returns 是否选中
|
|
35
34
|
*/
|
|
36
|
-
|
|
35
|
+
declare function isOptionSelectedInMultiple<T = string | number>(optionValue: T, selectedValues: T[]): boolean;
|
|
37
36
|
/**
|
|
38
37
|
* 生成唯一 ID
|
|
39
38
|
* @param prefix ID 前缀
|
|
40
39
|
* @returns 唯一 ID
|
|
41
40
|
*/
|
|
42
|
-
|
|
41
|
+
declare function generateId(prefix?: string): string;
|
|
42
|
+
//#endregion
|
|
43
|
+
export { findOptionByValue, findOptionsByValues, generateId, isOptionSelected, isOptionSelectedInMultiple };
|
|
@@ -1,51 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/select/utils/helpers.ts
|
|
20
|
-
var helpers_exports = {};
|
|
21
|
-
__export(helpers_exports, {
|
|
22
|
-
findOptionByValue: () => findOptionByValue,
|
|
23
|
-
findOptionsByValues: () => findOptionsByValues,
|
|
24
|
-
generateId: () => generateId,
|
|
25
|
-
isOptionSelected: () => isOptionSelected,
|
|
26
|
-
isOptionSelectedInMultiple: () => isOptionSelectedInMultiple
|
|
27
|
-
});
|
|
28
|
-
module.exports = __toCommonJS(helpers_exports);
|
|
1
|
+
//#region src/select/utils/helpers.ts
|
|
2
|
+
/**
|
|
3
|
+
* 根据值查找选项对象
|
|
4
|
+
* @template T 选项值的类型
|
|
5
|
+
* @param value 选项值
|
|
6
|
+
* @param options 选项列表
|
|
7
|
+
* @returns 找到的选项对象,如果没找到返回 undefined
|
|
8
|
+
*/
|
|
29
9
|
function findOptionByValue(value, options) {
|
|
30
|
-
|
|
10
|
+
return options.find((opt) => opt.value === value);
|
|
31
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* 根据值数组查找选项对象数组
|
|
14
|
+
* @template T 选项值的类型
|
|
15
|
+
* @param values 选项值数组
|
|
16
|
+
* @param options 选项列表
|
|
17
|
+
* @returns 找到的选项对象数组
|
|
18
|
+
*/
|
|
32
19
|
function findOptionsByValues(values, options) {
|
|
33
|
-
|
|
20
|
+
return values.map((val) => findOptionByValue(val, options)).filter(Boolean);
|
|
34
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* 判断选项是否被选中(单选)
|
|
24
|
+
* @template T 选项值的类型
|
|
25
|
+
* @param optionValue 选项值
|
|
26
|
+
* @param selectedValue 当前选中值
|
|
27
|
+
* @returns 是否选中
|
|
28
|
+
*/
|
|
35
29
|
function isOptionSelected(optionValue, selectedValue) {
|
|
36
|
-
|
|
30
|
+
return selectedValue !== null && selectedValue !== void 0 && optionValue === selectedValue;
|
|
37
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* 判断选项是否被选中(多选)
|
|
34
|
+
* @template T 选项值的类型
|
|
35
|
+
* @param optionValue 选项值
|
|
36
|
+
* @param selectedValues 当前选中值数组
|
|
37
|
+
* @returns 是否选中
|
|
38
|
+
*/
|
|
38
39
|
function isOptionSelectedInMultiple(optionValue, selectedValues) {
|
|
39
|
-
|
|
40
|
+
return selectedValues.includes(optionValue);
|
|
40
41
|
}
|
|
42
|
+
/**
|
|
43
|
+
* 生成唯一 ID
|
|
44
|
+
* @param prefix ID 前缀
|
|
45
|
+
* @returns 唯一 ID
|
|
46
|
+
*/
|
|
41
47
|
function generateId(prefix = "select") {
|
|
42
|
-
|
|
48
|
+
return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
|
|
43
49
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
isOptionSelectedInMultiple
|
|
51
|
-
});
|
|
50
|
+
//#endregion
|
|
51
|
+
exports.findOptionByValue = findOptionByValue;
|
|
52
|
+
exports.findOptionsByValues = findOptionsByValues;
|
|
53
|
+
exports.generateId = generateId;
|
|
54
|
+
exports.isOptionSelected = isOptionSelected;
|
|
55
|
+
exports.isOptionSelectedInMultiple = isOptionSelectedInMultiple;
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export { filterOptions, defaultFilterOption } from './filterOptions';
|
|
6
|
-
export { sortOptions } from './sortOptions';
|
|
7
|
-
export { findOptionByValue, findOptionsByValues, isOptionSelected, isOptionSelectedInMultiple, generateId, } from './helpers';
|
|
1
|
+
import { calculateTagDisplay } from "./tagAggregation.js";
|
|
2
|
+
import { defaultFilterOption, filterOptions } from "./filterOptions.js";
|
|
3
|
+
import { sortOptions } from "./sortOptions.js";
|
|
4
|
+
import { findOptionByValue, findOptionsByValues, generateId, isOptionSelected, isOptionSelectedInMultiple } from "./helpers.js";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import type { SelectOption, SortDirection } from '../types';
|
|
1
|
+
import { SelectOption, SortDirection } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/select/utils/sortOptions.d.ts
|
|
5
4
|
/**
|
|
6
5
|
* 排序选项列表
|
|
7
6
|
* @template T 选项值的类型
|
|
@@ -9,4 +8,6 @@ import type { SelectOption, SortDirection } from '../types';
|
|
|
9
8
|
* @param direction 排序方向('asc' 升序 | 'desc' 降序)
|
|
10
9
|
* @returns 排序后的选项列表(新数组)
|
|
11
10
|
*/
|
|
12
|
-
|
|
11
|
+
declare function sortOptions<T = string | number>(options: SelectOption<T>[], direction?: SortDirection): SelectOption<T>[];
|
|
12
|
+
//#endregion
|
|
13
|
+
export { sortOptions };
|
|
@@ -1,41 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/select/utils/sortOptions.ts
|
|
20
|
-
var sortOptions_exports = {};
|
|
21
|
-
__export(sortOptions_exports, {
|
|
22
|
-
sortOptions: () => sortOptions
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(sortOptions_exports);
|
|
1
|
+
//#region src/select/utils/sortOptions.ts
|
|
2
|
+
/**
|
|
3
|
+
* 排序选项列表
|
|
4
|
+
* @template T 选项值的类型
|
|
5
|
+
* @param options 原始选项列表
|
|
6
|
+
* @param direction 排序方向('asc' 升序 | 'desc' 降序)
|
|
7
|
+
* @returns 排序后的选项列表(新数组)
|
|
8
|
+
*/
|
|
25
9
|
function sortOptions(options, direction = "asc") {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
return sortedOptions;
|
|
10
|
+
const sortedOptions = [...options];
|
|
11
|
+
sortedOptions.sort((a, b) => {
|
|
12
|
+
const labelA = a.label.toLowerCase();
|
|
13
|
+
const labelB = b.label.toLowerCase();
|
|
14
|
+
if (direction === "asc") return labelA.localeCompare(labelB);
|
|
15
|
+
else return labelB.localeCompare(labelA);
|
|
16
|
+
});
|
|
17
|
+
return sortedOptions;
|
|
37
18
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
sortOptions
|
|
41
|
-
});
|
|
19
|
+
//#endregion
|
|
20
|
+
exports.sortOptions = sortOptions;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
import type { SelectOption, TagDisplayInfo } from '../types';
|
|
1
|
+
import { SelectOption, TagDisplayInfo } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/select/utils/tagAggregation.d.ts
|
|
6
4
|
/**
|
|
7
5
|
* 计算需要显示的标签和聚合信息
|
|
8
6
|
* @template T 选项值的类型
|
|
@@ -22,4 +20,6 @@ import type { SelectOption, TagDisplayInfo } from '../types';
|
|
|
22
20
|
* // }
|
|
23
21
|
* ```
|
|
24
22
|
*/
|
|
25
|
-
|
|
23
|
+
declare function calculateTagDisplay<T = string | number>(selectedValues: T[], options: SelectOption<T>[], maxTagCount: number): TagDisplayInfo<T>;
|
|
24
|
+
//#endregion
|
|
25
|
+
export { calculateTagDisplay };
|
|
@@ -1,43 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(tagAggregation_exports, {
|
|
22
|
-
calculateTagDisplay: () => calculateTagDisplay
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(tagAggregation_exports);
|
|
1
|
+
//#region src/select/utils/tagAggregation.ts
|
|
2
|
+
/**
|
|
3
|
+
* 计算需要显示的标签和聚合信息
|
|
4
|
+
* @template T 选项值的类型
|
|
5
|
+
* @param selectedValues 当前选中的值数组
|
|
6
|
+
* @param options 所有选项列表
|
|
7
|
+
* @param maxTagCount 最多显示的标签数量
|
|
8
|
+
* @returns 标签显示信息
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* const tagInfo = calculateTagDisplay(['a', 'b', 'c', 'd'], options, 2);
|
|
13
|
+
* // 返回:
|
|
14
|
+
* // {
|
|
15
|
+
* // visibleTags: [option_a, option_b],
|
|
16
|
+
* // hiddenTags: [option_c, option_d],
|
|
17
|
+
* // hiddenCount: 2
|
|
18
|
+
* // }
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
25
21
|
function calculateTagDisplay(selectedValues, options, maxTagCount) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
hiddenCount: selectedOptions.length - maxTagCount
|
|
38
|
-
};
|
|
22
|
+
const selectedOptions = selectedValues.map((v) => options.find((opt) => opt.value === v)).filter(Boolean);
|
|
23
|
+
if (selectedOptions.length <= maxTagCount) return {
|
|
24
|
+
visibleTags: selectedOptions,
|
|
25
|
+
hiddenTags: [],
|
|
26
|
+
hiddenCount: 0
|
|
27
|
+
};
|
|
28
|
+
return {
|
|
29
|
+
visibleTags: selectedOptions.slice(0, maxTagCount),
|
|
30
|
+
hiddenTags: selectedOptions.slice(maxTagCount),
|
|
31
|
+
hiddenCount: selectedOptions.length - maxTagCount
|
|
32
|
+
};
|
|
39
33
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
calculateTagDisplay
|
|
43
|
-
});
|
|
34
|
+
//#endregion
|
|
35
|
+
exports.calculateTagDisplay = calculateTagDisplay;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { BaseTextInputProps, TextInputState } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/text-input/hooks/useTextInputState.d.ts
|
|
2
4
|
/**
|
|
3
5
|
* 文本输入状态管理 Hook
|
|
4
6
|
*
|
|
@@ -21,4 +23,6 @@ import type { BaseTextInputProps, TextInputState } from '../types';
|
|
|
21
23
|
* // 非受控模式
|
|
22
24
|
* const state = useTextInputState({ defaultValue: 'hello' });
|
|
23
25
|
*/
|
|
24
|
-
|
|
26
|
+
declare function useTextInputState(props: BaseTextInputProps): TextInputState;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { useTextInputState };
|
|
@@ -1,81 +1,71 @@
|
|
|
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/text-input/hooks/useTextInputState.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 = useTextInputState({ value: 'hello', onChange: (v) => console.log(v) });
|
|
23
|
+
*
|
|
24
|
+
* // 非受控模式
|
|
25
|
+
* const state = useTextInputState({ defaultValue: 'hello' });
|
|
26
|
+
*/
|
|
27
27
|
function useTextInputState(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
|
-
value: currentValue,
|
|
70
|
-
isTouched,
|
|
71
|
-
isValid,
|
|
72
|
-
errors,
|
|
73
|
-
handleChange,
|
|
74
|
-
handleBlur,
|
|
75
|
-
handleFocus
|
|
76
|
-
};
|
|
28
|
+
const isControlled = props.value !== void 0;
|
|
29
|
+
const [innerValue, setInnerValue] = (0, react.useState)(props.defaultValue || "");
|
|
30
|
+
const [isTouched, setIsTouched] = (0, react.useState)(false);
|
|
31
|
+
const [isValid, setIsValid] = (0, react.useState)(true);
|
|
32
|
+
const [errors, setErrors] = (0, react.useState)([]);
|
|
33
|
+
const currentValue = isControlled ? props.value : innerValue;
|
|
34
|
+
return {
|
|
35
|
+
value: currentValue,
|
|
36
|
+
isTouched,
|
|
37
|
+
isValid,
|
|
38
|
+
errors,
|
|
39
|
+
handleChange: (0, react.useCallback)((newValue) => {
|
|
40
|
+
var _props$onChange;
|
|
41
|
+
if (!isControlled) setInnerValue(newValue);
|
|
42
|
+
if (props.validateTrigger === "onChange" || props.validateTrigger === "both") {
|
|
43
|
+
var _props$onValidate;
|
|
44
|
+
const validation = require_validation.validateValue(newValue, props);
|
|
45
|
+
setIsValid(validation.isValid);
|
|
46
|
+
setErrors(validation.errors);
|
|
47
|
+
(_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, validation.isValid, validation.errors);
|
|
48
|
+
}
|
|
49
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
|
|
50
|
+
}, [isControlled, props]),
|
|
51
|
+
handleBlur: (0, react.useCallback)(() => {
|
|
52
|
+
var _props$onBlur;
|
|
53
|
+
setIsTouched(true);
|
|
54
|
+
if (props.validateTrigger !== "onChange") {
|
|
55
|
+
var _props$onValidate2;
|
|
56
|
+
const validation = require_validation.validateValue(currentValue || "", props);
|
|
57
|
+
setIsValid(validation.isValid);
|
|
58
|
+
setErrors(validation.errors);
|
|
59
|
+
(_props$onValidate2 = props.onValidate) === null || _props$onValidate2 === void 0 || _props$onValidate2.call(props, validation.isValid, validation.errors);
|
|
60
|
+
}
|
|
61
|
+
(_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, currentValue || "");
|
|
62
|
+
}, [currentValue, props]),
|
|
63
|
+
handleFocus: (0, react.useCallback)(() => {
|
|
64
|
+
var _props$onFocus;
|
|
65
|
+
setIsTouched(true);
|
|
66
|
+
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
67
|
+
}, [props])
|
|
68
|
+
};
|
|
77
69
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
useTextInputState
|
|
81
|
-
});
|
|
70
|
+
//#endregion
|
|
71
|
+
exports.useTextInputState = useTextInputState;
|