@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.
Files changed (202) hide show
  1. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js +27 -0
  2. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.js +12 -0
  3. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js +25 -0
  4. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPrimitive.js +14 -0
  5. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPropertyKey.js +9 -0
  6. package/es/_virtual/_@oxc-project_runtime@0.122.0/helpers/typeof.js +11 -0
  7. package/es/arrayUtils.d.ts +4 -1
  8. package/es/arrayUtils.js +15 -24
  9. package/es/common/stateHelper.d.ts +6 -2
  10. package/es/common/stateHelper.js +22 -24
  11. package/es/common/types.d.ts +13 -10
  12. package/es/componentStorage.d.ts +27 -25
  13. package/es/componentStorage.js +94 -130
  14. package/es/constants/index.js +7 -9
  15. package/es/date.d.ts +6 -3
  16. package/es/date.js +36 -53
  17. package/es/document.d.ts +6 -3
  18. package/es/document.js +43 -67
  19. package/es/escPosPrinter/EscPosPrinter.js +353 -490
  20. package/es/escPosPrinter/index.d.ts +9 -9
  21. package/es/escPosPrinter/index.js +37 -52
  22. package/es/format.d.ts +12 -11
  23. package/es/format.js +90 -116
  24. package/es/image.d.ts +13 -10
  25. package/es/image.js +48 -60
  26. package/es/index.d.ts +38 -23
  27. package/es/index.js +39 -34
  28. package/es/jsBridge/index.d.ts +8 -4
  29. package/es/jsBridge/index.js +57 -56
  30. package/es/jsBridge/regDeviceApi.js +107 -149
  31. package/es/jsBridge/types.d.ts +95 -115
  32. package/es/locales.d.ts +11 -8
  33. package/es/locales.js +77 -96
  34. package/es/log.d.ts +11 -6
  35. package/es/log.js +37 -59
  36. package/es/miniRedux.d.ts +20 -13
  37. package/es/miniRedux.js +42 -78
  38. package/es/number-input/hooks/useNumberInputState.d.ts +6 -2
  39. package/es/number-input/hooks/useNumberInputState.js +71 -128
  40. package/es/number-input/types.d.ts +88 -88
  41. package/es/number-input/utils/formatter.d.ts +13 -10
  42. package/es/number-input/utils/formatter.js +51 -77
  43. package/es/number-input/utils/validation.d.ts +7 -2
  44. package/es/number-input/utils/validation.js +51 -66
  45. package/es/otherUtils.d.ts +12 -9
  46. package/es/otherUtils.js +71 -129
  47. package/es/platform.d.ts +17 -9
  48. package/es/platform.js +78 -85
  49. package/es/select/hooks/useDebouncedSearch.d.ts +4 -1
  50. package/es/select/hooks/useDebouncedSearch.js +39 -53
  51. package/es/select/hooks/useSelectState.d.ts +7 -7
  52. package/es/select/hooks/useSelectState.js +56 -113
  53. package/es/select/index.d.ts +7 -8
  54. package/es/select/types.d.ts +211 -211
  55. package/es/select/utils/filterOptions.d.ts +7 -6
  56. package/es/select/utils/filterOptions.js +26 -31
  57. package/es/select/utils/helpers.d.ts +10 -9
  58. package/es/select/utils/helpers.js +42 -52
  59. package/es/select/utils/index.d.ts +4 -7
  60. package/es/select/utils/sortOptions.d.ts +6 -5
  61. package/es/select/utils/sortOptions.js +19 -31
  62. package/es/select/utils/tagAggregation.d.ts +6 -6
  63. package/es/select/utils/tagAggregation.js +34 -47
  64. package/es/text-input/hooks/useTextInputState.d.ts +6 -2
  65. package/es/text-input/hooks/useTextInputState.js +69 -126
  66. package/es/text-input/types.d.ts +48 -48
  67. package/es/text-input/utils/validation.d.ts +7 -2
  68. package/es/text-input/utils/validation.js +50 -70
  69. package/es/typeUtils.d.ts +11 -8
  70. package/es/typeUtils.js +61 -84
  71. package/es/walletValidity.d.ts +36 -34
  72. package/es/walletValidity.js +332 -456
  73. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js +27 -0
  74. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.js +12 -0
  75. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js +25 -0
  76. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPrimitive.js +14 -0
  77. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/toPropertyKey.js +9 -0
  78. package/lib/_virtual/_@oxc-project_runtime@0.122.0/helpers/typeof.js +16 -0
  79. package/lib/_virtual/_rolldown/runtime.js +23 -0
  80. package/lib/arrayUtils.d.ts +4 -1
  81. package/lib/arrayUtils.js +14 -39
  82. package/lib/common/stateHelper.d.ts +6 -2
  83. package/lib/common/stateHelper.js +21 -32
  84. package/lib/common/types.d.ts +13 -10
  85. package/lib/componentStorage.d.ts +27 -25
  86. package/lib/componentStorage.js +96 -126
  87. package/lib/constants/index.js +7 -36
  88. package/lib/date.d.ts +6 -3
  89. package/lib/date.js +43 -65
  90. package/lib/document.d.ts +6 -3
  91. package/lib/document.js +46 -62
  92. package/lib/escPosPrinter/EscPosPrinter.js +327 -403
  93. package/lib/escPosPrinter/index.d.ts +9 -9
  94. package/lib/escPosPrinter/index.js +38 -84
  95. package/lib/format.d.ts +12 -11
  96. package/lib/format.js +91 -99
  97. package/lib/image.d.ts +13 -10
  98. package/lib/image.js +48 -74
  99. package/lib/index.d.ts +38 -23
  100. package/lib/index.js +115 -78
  101. package/lib/jsBridge/index.d.ts +8 -4
  102. package/lib/jsBridge/index.js +58 -77
  103. package/lib/jsBridge/regDeviceApi.js +106 -153
  104. package/lib/jsBridge/types.d.ts +95 -115
  105. package/lib/locales.d.ts +11 -8
  106. package/lib/locales.js +79 -90
  107. package/lib/log.d.ts +11 -6
  108. package/lib/log.js +37 -61
  109. package/lib/miniRedux.d.ts +20 -13
  110. package/lib/miniRedux.js +43 -92
  111. package/lib/number-input/hooks/useNumberInputState.d.ts +6 -2
  112. package/lib/number-input/hooks/useNumberInputState.js +71 -81
  113. package/lib/number-input/types.d.ts +88 -88
  114. package/lib/number-input/utils/formatter.d.ts +13 -10
  115. package/lib/number-input/utils/formatter.js +52 -49
  116. package/lib/number-input/utils/validation.d.ts +7 -2
  117. package/lib/number-input/utils/validation.js +50 -52
  118. package/lib/otherUtils.d.ts +12 -9
  119. package/lib/otherUtils.js +86 -98
  120. package/lib/platform.d.ts +17 -9
  121. package/lib/platform.js +85 -122
  122. package/lib/select/hooks/useDebouncedSearch.d.ts +4 -1
  123. package/lib/select/hooks/useDebouncedSearch.js +40 -41
  124. package/lib/select/hooks/useSelectState.d.ts +7 -7
  125. package/lib/select/hooks/useSelectState.js +58 -93
  126. package/lib/select/index.d.ts +7 -8
  127. package/lib/select/types.d.ts +211 -211
  128. package/lib/select/utils/filterOptions.d.ts +7 -6
  129. package/lib/select/utils/filterOptions.js +26 -37
  130. package/lib/select/utils/helpers.d.ts +10 -9
  131. package/lib/select/utils/helpers.js +45 -41
  132. package/lib/select/utils/index.d.ts +4 -7
  133. package/lib/select/utils/sortOptions.d.ts +6 -5
  134. package/lib/select/utils/sortOptions.js +18 -39
  135. package/lib/select/utils/tagAggregation.d.ts +6 -6
  136. package/lib/select/utils/tagAggregation.js +33 -41
  137. package/lib/text-input/hooks/useTextInputState.d.ts +6 -2
  138. package/lib/text-input/hooks/useTextInputState.js +69 -79
  139. package/lib/text-input/types.d.ts +48 -48
  140. package/lib/text-input/utils/validation.d.ts +7 -2
  141. package/lib/text-input/utils/validation.js +49 -58
  142. package/lib/typeUtils.d.ts +11 -8
  143. package/lib/typeUtils.js +68 -73
  144. package/lib/walletValidity.d.ts +36 -34
  145. package/lib/walletValidity.js +345 -317
  146. package/package.json +1 -2
  147. package/es/common/index.d.ts +0 -5
  148. package/es/common/index.js +0 -5
  149. package/es/common/types.js +0 -1
  150. package/es/constants/index.d.ts +0 -7
  151. package/es/firebase/config/index.d.ts +0 -13
  152. package/es/firebase/config/index.js +0 -54
  153. package/es/firebase/index.d.ts +0 -28
  154. package/es/firebase/index.js +0 -232
  155. package/es/jsBridge/types.js +0 -1
  156. package/es/number-input/hooks/index.d.ts +0 -4
  157. package/es/number-input/hooks/index.js +0 -5
  158. package/es/number-input/index.d.ts +0 -14
  159. package/es/number-input/index.js +0 -21
  160. package/es/number-input/types.js +0 -1
  161. package/es/number-input/utils/index.d.ts +0 -7
  162. package/es/number-input/utils/index.js +0 -8
  163. package/es/select/hooks/index.d.ts +0 -5
  164. package/es/select/hooks/index.js +0 -6
  165. package/es/select/index.js +0 -13
  166. package/es/select/types.js +0 -1
  167. package/es/select/utils/index.js +0 -8
  168. package/es/text-input/hooks/index.d.ts +0 -4
  169. package/es/text-input/hooks/index.js +0 -5
  170. package/es/text-input/index.d.ts +0 -14
  171. package/es/text-input/index.js +0 -20
  172. package/es/text-input/types.js +0 -1
  173. package/es/text-input/utils/index.d.ts +0 -5
  174. package/es/text-input/utils/index.js +0 -7
  175. package/lib/common/index.d.ts +0 -5
  176. package/lib/common/index.js +0 -29
  177. package/lib/common/types.js +0 -17
  178. package/lib/constants/index.d.ts +0 -7
  179. package/lib/firebase/config/index.d.ts +0 -13
  180. package/lib/firebase/config/index.js +0 -79
  181. package/lib/firebase/index.d.ts +0 -28
  182. package/lib/firebase/index.js +0 -180
  183. package/lib/jsBridge/types.js +0 -17
  184. package/lib/number-input/hooks/index.d.ts +0 -4
  185. package/lib/number-input/hooks/index.js +0 -29
  186. package/lib/number-input/index.d.ts +0 -14
  187. package/lib/number-input/index.js +0 -41
  188. package/lib/number-input/types.js +0 -17
  189. package/lib/number-input/utils/index.d.ts +0 -7
  190. package/lib/number-input/utils/index.js +0 -39
  191. package/lib/select/hooks/index.d.ts +0 -5
  192. package/lib/select/hooks/index.js +0 -34
  193. package/lib/select/index.js +0 -53
  194. package/lib/select/types.js +0 -17
  195. package/lib/select/utils/index.js +0 -48
  196. package/lib/text-input/hooks/index.d.ts +0 -4
  197. package/lib/text-input/hooks/index.js +0 -29
  198. package/lib/text-input/index.d.ts +0 -14
  199. package/lib/text-input/index.js +0 -35
  200. package/lib/text-input/types.js +0 -17
  201. package/lib/text-input/utils/index.d.ts +0 -5
  202. package/lib/text-input/utils/index.js +0 -32
@@ -1,61 +1,51 @@
1
+ //#region src/select/utils/helpers.ts
1
2
  /**
2
- * Select 组件辅助函数
3
- */
4
-
5
- /**
6
- * 根据值查找选项对象
7
- * @template T 选项值的类型
8
- * @param value 选项值
9
- * @param options 选项列表
10
- * @returns 找到的选项对象,如果没找到返回 undefined
11
- */
12
- export function findOptionByValue(value, options) {
13
- return options.find(function (opt) {
14
- return opt.value === value;
15
- });
3
+ * 根据值查找选项对象
4
+ * @template T 选项值的类型
5
+ * @param value 选项值
6
+ * @param options 选项列表
7
+ * @returns 找到的选项对象,如果没找到返回 undefined
8
+ */
9
+ function findOptionByValue(value, options) {
10
+ return options.find((opt) => opt.value === value);
16
11
  }
17
-
18
12
  /**
19
- * 根据值数组查找选项对象数组
20
- * @template T 选项值的类型
21
- * @param values 选项值数组
22
- * @param options 选项列表
23
- * @returns 找到的选项对象数组
24
- */
25
- export function findOptionsByValues(values, options) {
26
- return values.map(function (val) {
27
- return findOptionByValue(val, options);
28
- }).filter(Boolean);
13
+ * 根据值数组查找选项对象数组
14
+ * @template T 选项值的类型
15
+ * @param values 选项值数组
16
+ * @param options 选项列表
17
+ * @returns 找到的选项对象数组
18
+ */
19
+ function findOptionsByValues(values, options) {
20
+ return values.map((val) => findOptionByValue(val, options)).filter(Boolean);
29
21
  }
30
-
31
22
  /**
32
- * 判断选项是否被选中(单选)
33
- * @template T 选项值的类型
34
- * @param optionValue 选项值
35
- * @param selectedValue 当前选中值
36
- * @returns 是否选中
37
- */
38
- export function isOptionSelected(optionValue, selectedValue) {
39
- return selectedValue !== null && selectedValue !== undefined && optionValue === selectedValue;
23
+ * 判断选项是否被选中(单选)
24
+ * @template T 选项值的类型
25
+ * @param optionValue 选项值
26
+ * @param selectedValue 当前选中值
27
+ * @returns 是否选中
28
+ */
29
+ function isOptionSelected(optionValue, selectedValue) {
30
+ return selectedValue !== null && selectedValue !== void 0 && optionValue === selectedValue;
40
31
  }
41
-
42
32
  /**
43
- * 判断选项是否被选中(多选)
44
- * @template T 选项值的类型
45
- * @param optionValue 选项值
46
- * @param selectedValues 当前选中值数组
47
- * @returns 是否选中
48
- */
49
- export function isOptionSelectedInMultiple(optionValue, selectedValues) {
50
- return selectedValues.includes(optionValue);
33
+ * 判断选项是否被选中(多选)
34
+ * @template T 选项值的类型
35
+ * @param optionValue 选项值
36
+ * @param selectedValues 当前选中值数组
37
+ * @returns 是否选中
38
+ */
39
+ function isOptionSelectedInMultiple(optionValue, selectedValues) {
40
+ return selectedValues.includes(optionValue);
51
41
  }
52
-
53
42
  /**
54
- * 生成唯一 ID
55
- * @param prefix ID 前缀
56
- * @returns 唯一 ID
57
- */
58
- export function generateId() {
59
- var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'select';
60
- return "".concat(prefix, "-").concat(Math.random().toString(36).substr(2, 9));
61
- }
43
+ * 生成唯一 ID
44
+ * @param prefix ID 前缀
45
+ * @returns 唯一 ID
46
+ */
47
+ function generateId(prefix = "select") {
48
+ return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
49
+ }
50
+ //#endregion
51
+ export { findOptionByValue, findOptionsByValues, generateId, isOptionSelected, isOptionSelectedInMultiple };
@@ -1,7 +1,4 @@
1
- /**
2
- * Select 工具函数导出
3
- */
4
- export { calculateTagDisplay } from './tagAggregation';
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
- export declare function sortOptions<T = string | number>(options: SelectOption<T>[], direction?: SortDirection): SelectOption<T>[];
11
+ declare function sortOptions<T = string | number>(options: SelectOption<T>[], direction?: SortDirection): SelectOption<T>[];
12
+ //#endregion
13
+ export { sortOptions };
@@ -1,32 +1,20 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
5
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
6
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
1
+ //#region src/select/utils/sortOptions.ts
7
2
  /**
8
- * 选项排序工具函数
9
- */
10
-
11
- /**
12
- * 排序选项列表
13
- * @template T 选项值的类型
14
- * @param options 原始选项列表
15
- * @param direction 排序方向('asc' 升序 | 'desc' 降序)
16
- * @returns 排序后的选项列表(新数组)
17
- */
18
- export function sortOptions(options) {
19
- var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'asc';
20
- // 创建副本避免修改原数组
21
- var sortedOptions = _toConsumableArray(options);
22
- sortedOptions.sort(function (a, b) {
23
- var labelA = a.label.toLowerCase();
24
- var labelB = b.label.toLowerCase();
25
- if (direction === 'asc') {
26
- return labelA.localeCompare(labelB);
27
- } else {
28
- return labelB.localeCompare(labelA);
29
- }
30
- });
31
- return sortedOptions;
32
- }
3
+ * 排序选项列表
4
+ * @template T 选项值的类型
5
+ * @param options 原始选项列表
6
+ * @param direction 排序方向('asc' 升序 | 'desc' 降序)
7
+ * @returns 排序后的选项列表(新数组)
8
+ */
9
+ function sortOptions(options, direction = "asc") {
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;
18
+ }
19
+ //#endregion
20
+ export { 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
- export declare function calculateTagDisplay<T = string | number>(selectedValues: T[], options: SelectOption<T>[], maxTagCount: number): TagDisplayInfo<T>;
23
+ declare function calculateTagDisplay<T = string | number>(selectedValues: T[], options: SelectOption<T>[], maxTagCount: number): TagDisplayInfo<T>;
24
+ //#endregion
25
+ export { calculateTagDisplay };
@@ -1,48 +1,35 @@
1
+ //#region src/select/utils/tagAggregation.ts
1
2
  /**
2
- * 标签聚合工具函数
3
- * 用于多选下拉组件的标签显示逻辑
4
- */
5
-
6
- /**
7
- * 计算需要显示的标签和聚合信息
8
- * @template T 选项值的类型
9
- * @param selectedValues 当前选中的值数组
10
- * @param options 所有选项列表
11
- * @param maxTagCount 最多显示的标签数量
12
- * @returns 标签显示信息
13
- *
14
- * @example
15
- * ```tsx
16
- * const tagInfo = calculateTagDisplay(['a', 'b', 'c', 'd'], options, 2);
17
- * // 返回:
18
- * // {
19
- * // visibleTags: [option_a, option_b],
20
- * // hiddenTags: [option_c, option_d],
21
- * // hiddenCount: 2
22
- * // }
23
- * ```
24
- */
25
- export function calculateTagDisplay(selectedValues, options, maxTagCount) {
26
- // 根据选中值找到对应的选项对象
27
- var selectedOptions = selectedValues.map(function (v) {
28
- return options.find(function (opt) {
29
- return opt.value === v;
30
- });
31
- }).filter(Boolean);
32
-
33
- // 如果选中数量不超过 maxTagCount,全部显示
34
- if (selectedOptions.length <= maxTagCount) {
35
- return {
36
- visibleTags: selectedOptions,
37
- hiddenTags: [],
38
- hiddenCount: 0
39
- };
40
- }
41
-
42
- // 否则进行聚合
43
- return {
44
- visibleTags: selectedOptions.slice(0, maxTagCount),
45
- hiddenTags: selectedOptions.slice(maxTagCount),
46
- hiddenCount: selectedOptions.length - maxTagCount
47
- };
48
- }
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
+ */
21
+ function calculateTagDisplay(selectedValues, options, maxTagCount) {
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
+ };
33
+ }
34
+ //#endregion
35
+ export { calculateTagDisplay };
@@ -1,4 +1,6 @@
1
- import type { BaseTextInputProps, TextInputState } from '../types';
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
- export declare function useTextInputState(props: BaseTextInputProps): TextInputState;
26
+ declare function useTextInputState(props: BaseTextInputProps): TextInputState;
27
+ //#endregion
28
+ export { useTextInputState };
@@ -1,127 +1,70 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import { useState, useCallback } from 'react';
8
- import { validateValue } from "../utils/validation";
1
+ import { validateValue } from "../utils/validation.js";
2
+ import { useCallback, useState } from "react";
3
+ //#region src/text-input/hooks/useTextInputState.ts
9
4
  /**
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 = useTextInputState({ value: 'hello', onChange: (v) => console.log(v) });
27
- *
28
- * // 非受控模式
29
- * const state = useTextInputState({ defaultValue: 'hello' });
30
- */
31
- export function useTextInputState(props) {
32
- // 判断是否为受控组件
33
- var isControlled = props.value !== undefined;
34
-
35
- // 内部状态(仅非受控模式使用)
36
- var _useState = useState(props.defaultValue || ''),
37
- _useState2 = _slicedToArray(_useState, 2),
38
- innerValue = _useState2[0],
39
- setInnerValue = _useState2[1];
40
- var _useState3 = useState(false),
41
- _useState4 = _slicedToArray(_useState3, 2),
42
- isTouched = _useState4[0],
43
- setIsTouched = _useState4[1];
44
- var _useState5 = useState(true),
45
- _useState6 = _slicedToArray(_useState5, 2),
46
- isValid = _useState6[0],
47
- setIsValid = _useState6[1];
48
- var _useState7 = useState([]),
49
- _useState8 = _slicedToArray(_useState7, 2),
50
- errors = _useState8[0],
51
- setErrors = _useState8[1];
52
-
53
- // 当前值(受控模式优先使用 props.value)
54
- var currentValue = isControlled ? props.value : innerValue;
55
-
56
- /**
57
- * 值变更处理函数
58
- *
59
- * 1. 更新内部状态(非受控模式)
60
- * 2. 根据 validateTrigger 决定是否立即校验
61
- * 3. 触发外部 onChange 回调
62
- */
63
- var handleChange = useCallback(function (newValue) {
64
- var _props$onChange;
65
- // 更新内部状态(非受控模式)
66
- if (!isControlled) {
67
- setInnerValue(newValue);
68
- }
69
-
70
- // 根据配置决定是否立即校验
71
- var shouldValidate = props.validateTrigger === 'onChange' || props.validateTrigger === 'both';
72
- if (shouldValidate) {
73
- var _props$onValidate;
74
- var validation = validateValue(newValue, props);
75
- setIsValid(validation.isValid);
76
- setErrors(validation.errors);
77
- (_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, validation.isValid, validation.errors);
78
- }
79
-
80
- // 触发外部回调
81
- (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
82
- }, [isControlled, props]);
83
-
84
- /**
85
- * 失焦处理函数
86
- *
87
- * 1. 标记为已触摸
88
- * 2. 执行失焦时的校验(根据 validateTrigger)
89
- * 3. 触发外部 onBlur 回调
90
- */
91
- var handleBlur = useCallback(function () {
92
- var _props$onBlur;
93
- setIsTouched(true);
94
-
95
- // 失焦时执行校验(如果 validateTrigger 不是 'onChange')
96
- var shouldValidate = props.validateTrigger !== 'onChange';
97
- if (shouldValidate) {
98
- var _props$onValidate2;
99
- var validation = validateValue(currentValue || '', props);
100
- setIsValid(validation.isValid);
101
- setErrors(validation.errors);
102
- (_props$onValidate2 = props.onValidate) === null || _props$onValidate2 === void 0 || _props$onValidate2.call(props, validation.isValid, validation.errors);
103
- }
104
- (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, currentValue || '');
105
- }, [currentValue, props]);
106
-
107
- /**
108
- * 聚焦处理函数
109
- *
110
- * 1. 标记为已触摸
111
- * 2. 触发外部 onFocus 回调
112
- */
113
- var handleFocus = useCallback(function () {
114
- var _props$onFocus;
115
- setIsTouched(true);
116
- (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
117
- }, [props]);
118
- return {
119
- value: currentValue,
120
- isTouched: isTouched,
121
- isValid: isValid,
122
- errors: errors,
123
- handleChange: handleChange,
124
- handleBlur: handleBlur,
125
- handleFocus: handleFocus
126
- };
127
- }
5
+ * 文本输入状态管理 Hook
6
+ *
7
+ * 管理组件的内部状态,包括:
8
+ * - 值管理(受控/非受控模式)
9
+ * - 校验状态管理
10
+ * - 事件处理函数封装
11
+ *
12
+ * 支持受控和非受控两种模式:
13
+ * - 受控模式:value 由外部传入,组件不维护内部状态
14
+ * - 非受控模式:使用 defaultValue,组件维护内部状态
15
+ *
16
+ * @param props 组件 Props(包含校验配置)
17
+ * @returns 文本输入状态对象
18
+ *
19
+ * @example
20
+ * // 受控模式
21
+ * const state = useTextInputState({ value: 'hello', onChange: (v) => console.log(v) });
22
+ *
23
+ * // 非受控模式
24
+ * const state = useTextInputState({ defaultValue: 'hello' });
25
+ */
26
+ function useTextInputState(props) {
27
+ const isControlled = props.value !== void 0;
28
+ const [innerValue, setInnerValue] = useState(props.defaultValue || "");
29
+ const [isTouched, setIsTouched] = useState(false);
30
+ const [isValid, setIsValid] = useState(true);
31
+ const [errors, setErrors] = useState([]);
32
+ const currentValue = isControlled ? props.value : innerValue;
33
+ return {
34
+ value: currentValue,
35
+ isTouched,
36
+ isValid,
37
+ errors,
38
+ handleChange: useCallback((newValue) => {
39
+ var _props$onChange;
40
+ if (!isControlled) setInnerValue(newValue);
41
+ if (props.validateTrigger === "onChange" || props.validateTrigger === "both") {
42
+ var _props$onValidate;
43
+ const validation = validateValue(newValue, props);
44
+ setIsValid(validation.isValid);
45
+ setErrors(validation.errors);
46
+ (_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, validation.isValid, validation.errors);
47
+ }
48
+ (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newValue);
49
+ }, [isControlled, props]),
50
+ handleBlur: useCallback(() => {
51
+ var _props$onBlur;
52
+ setIsTouched(true);
53
+ if (props.validateTrigger !== "onChange") {
54
+ var _props$onValidate2;
55
+ const validation = validateValue(currentValue || "", props);
56
+ setIsValid(validation.isValid);
57
+ setErrors(validation.errors);
58
+ (_props$onValidate2 = props.onValidate) === null || _props$onValidate2 === void 0 || _props$onValidate2.call(props, validation.isValid, validation.errors);
59
+ }
60
+ (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, currentValue || "");
61
+ }, [currentValue, props]),
62
+ handleFocus: useCallback(() => {
63
+ var _props$onFocus;
64
+ setIsTouched(true);
65
+ (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
66
+ }, [props])
67
+ };
68
+ }
69
+ //#endregion
70
+ export { useTextInputState };
@@ -1,56 +1,56 @@
1
- /**
2
- * 文本输入组件公共类型定义
3
- * 供 PisellSingleLineText、PisellLongText、PisellPhone、PisellEmail、PisellUrl 等组件使用
4
- */
5
- export type { DisplayState, ValidationResult } from '../common';
1
+ import { DisplayState, ValidationResult } from "../common/types.js";
2
+
3
+ //#region src/text-input/types.d.ts
6
4
  /**
7
5
  * 文本输入状态 Hook 返回值
8
6
  */
9
- export interface TextInputState {
10
- /**
11
- * 当前值
12
- */
13
- value: string | undefined;
14
- /**
15
- * 是否已被触摸(交互过)
16
- */
17
- isTouched: boolean;
18
- /**
19
- * 是否校验通过
20
- */
21
- isValid: boolean;
22
- /**
23
- * 错误信息数组
24
- */
25
- errors: string[];
26
- /**
27
- * 值变更处理函数
28
- */
29
- handleChange: (value: string) => void;
30
- /**
31
- * 失焦处理函数
32
- */
33
- handleBlur: () => void;
34
- /**
35
- * 聚焦处理函数
36
- */
37
- handleFocus: () => void;
7
+ interface TextInputState {
8
+ /**
9
+ * 当前值
10
+ */
11
+ value: string | 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: string) => void;
28
+ /**
29
+ * 失焦处理函数
30
+ */
31
+ handleBlur: () => void;
32
+ /**
33
+ * 聚焦处理函数
34
+ */
35
+ handleFocus: () => void;
38
36
  }
39
37
  /**
40
38
  * 基础文本输入 Props(供校验和状态管理使用)
41
39
  */
42
- export interface BaseTextInputProps {
43
- value?: string;
44
- defaultValue?: string;
45
- required?: boolean;
46
- minLength?: number;
47
- maxLength?: number;
48
- pattern?: string | RegExp;
49
- validator?: (value: string) => boolean | string;
50
- validateTrigger?: 'onChange' | 'onBlur' | 'both';
51
- errorMessage?: string;
52
- onChange?: (value: string) => void;
53
- onBlur?: (value: string) => void;
54
- onFocus?: () => void;
55
- onValidate?: (isValid: boolean, errors: string[]) => void;
40
+ interface BaseTextInputProps {
41
+ value?: string;
42
+ defaultValue?: string;
43
+ required?: boolean;
44
+ minLength?: number;
45
+ maxLength?: number;
46
+ pattern?: string | RegExp;
47
+ validator?: (value: string) => boolean | string;
48
+ validateTrigger?: 'onChange' | 'onBlur' | 'both';
49
+ errorMessage?: string;
50
+ onChange?: (value: string) => void;
51
+ onBlur?: (value: string) => void;
52
+ onFocus?: () => void;
53
+ onValidate?: (isValid: boolean, errors: string[]) => void;
56
54
  }
55
+ //#endregion
56
+ export { BaseTextInputProps, TextInputState };
@@ -1,4 +1,7 @@
1
- import type { BaseTextInputProps, ValidationResult } from '../types';
1
+ import { ValidationResult } from "../../common/types.js";
2
+ import { BaseTextInputProps } from "../types.js";
3
+
4
+ //#region src/text-input/utils/validation.d.ts
2
5
  /**
3
6
  * 校验文本输入值
4
7
  *
@@ -20,4 +23,6 @@ import type { BaseTextInputProps, ValidationResult } from '../types';
20
23
  * validateValue('', { required: true })
21
24
  * // { isValid: false, errors: ['此字段为必填项'] }
22
25
  */
23
- export declare function validateValue(value: string, props: BaseTextInputProps): ValidationResult;
26
+ declare function validateValue(value: string, props: BaseTextInputProps): ValidationResult;
27
+ //#endregion
28
+ export { validateValue };