@pisell/utils 1.0.71 → 1.0.73

package/lib/select/hooks/useDebouncedSearch.js

@@ -1,43 +1,42 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/select/hooks/useDebouncedSearch.ts
-var useDebouncedSearch_exports = {};
-__export(useDebouncedSearch_exports, {
-  useDebouncedSearch: () => useDebouncedSearch
-});
-module.exports = __toCommonJS(useDebouncedSearch_exports);
-var import_react = require("react");
+require("../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/select/hooks/useDebouncedSearch.ts
+/**
+* 防抖搜索 Hook
+* 对用户输入进行防抖处理，避免频繁触发搜索
+*/
+/**
+* 防抖搜索 Hook
+* @template T 值的类型
+* @param initialValue 初始值
+* @param delay 防抖延迟时间（毫秒）
+* @param callback 防抖后的回调函数
+* @returns [防抖后的值, 设置值函数]
+* 
+* @example
+* ```tsx
+* const [debouncedSearch, setSearchInput] = useDebouncedSearch('', 300, (text) => {
+*   console.log('搜索关键词:', text);
+* });
+* ```
+*/
 function useDebouncedSearch(initialValue, delay, callback) {
-  const [value, setValue] = (0, import_react.useState)(initialValue);
-  const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(initialValue);
-  (0, import_react.useEffect)(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-      callback == null ? void 0 : callback(value);
-    }, delay);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay, callback]);
-  return [debouncedValue, setValue];
+	const [value, setValue] = (0, react.useState)(initialValue);
+	const [debouncedValue, setDebouncedValue] = (0, react.useState)(initialValue);
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => {
+			setDebouncedValue(value);
+			callback === null || callback === void 0 || callback(value);
+		}, delay);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, [
+		value,
+		delay,
+		callback
+	]);
+	return [debouncedValue, setValue];
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDebouncedSearch
-});
+//#endregion
+exports.useDebouncedSearch = useDebouncedSearch;

package/lib/select/hooks/useSelectState.d.ts

@@ -1,19 +1,19 @@
-/**
- * Select 状态管理 Hook
- * 处理受控/非受控模式，适用于单选和多选
- */
-import type { UseSelectStateOptions, UseMultipleSelectStateOptions, SelectState, MultipleSelectState } from '../types';
+import { MultipleSelectState, SelectState, UseMultipleSelectStateOptions, UseSelectStateOptions } from "../types.js";
+
+//#region src/select/hooks/useSelectState.d.ts
 /**
  * 单选状态管理 Hook
  * @template T 值的类型
  * @param options Hook 配置选项
  * @returns 状态管理对象
  */
-export declare function useSelectState<T = string | number>(options: UseSelectStateOptions<T>): SelectState<T>;
+declare function useSelectState<T = string | number>(options: UseSelectStateOptions<T>): SelectState<T>;
 /**
  * 多选状态管理 Hook
  * @template T 值的类型
  * @param options Hook 配置选项
  * @returns 状态管理对象
  */
-export declare function useMultipleSelectState<T = string | number>(options: UseMultipleSelectStateOptions<T>): MultipleSelectState<T>;
+declare function useMultipleSelectState<T = string | number>(options: UseMultipleSelectStateOptions<T>): MultipleSelectState<T>;
+//#endregion
+export { useMultipleSelectState, useSelectState };

package/lib/select/hooks/useSelectState.js

@@ -1,97 +1,62 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/select/hooks/useSelectState.ts
-var useSelectState_exports = {};
-__export(useSelectState_exports, {
-  useMultipleSelectState: () => useMultipleSelectState,
-  useSelectState: () => useSelectState
-});
-module.exports = __toCommonJS(useSelectState_exports);
-var import_react = require("react");
+require("../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/select/hooks/useSelectState.ts
+/**
+* Select 状态管理 Hook
+* 处理受控/非受控模式，适用于单选和多选
+*/
+/**
+* 单选状态管理 Hook
+* @template T 值的类型
+* @param options Hook 配置选项
+* @returns 状态管理对象
+*/
 function useSelectState(options) {
-  const { value: controlledValue, defaultValue, onChange } = options;
-  const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react.useState)(
-    defaultValue ?? null
-  );
-  const value = isControlled ? controlledValue : internalValue;
-  const setValue = (0, import_react.useCallback)(
-    (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onChange == null ? void 0 : onChange(newValue, null);
-    },
-    [isControlled, onChange]
-  );
-  const clearValue = (0, import_react.useCallback)(() => {
-    setValue(null);
-  }, [setValue]);
-  return {
-    value,
-    setValue,
-    clearValue
-  };
+	const { value: controlledValue, defaultValue, onChange } = options;
+	const isControlled = controlledValue !== void 0;
+	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+	const value = isControlled ? controlledValue : internalValue;
+	const setValue = (0, react.useCallback)((newValue) => {
+		if (!isControlled) setInternalValue(newValue);
+		onChange === null || onChange === void 0 || onChange(newValue, null);
+	}, [isControlled, onChange]);
+	return {
+		value,
+		setValue,
+		clearValue: (0, react.useCallback)(() => {
+			setValue(null);
+		}, [setValue])
+	};
 }
+/**
+* 多选状态管理 Hook
+* @template T 值的类型
+* @param options Hook 配置选项
+* @returns 状态管理对象
+*/
 function useMultipleSelectState(options) {
-  const { value: controlledValue, defaultValue, onChange } = options;
-  const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react.useState)(
-    defaultValue ?? []
-  );
-  const value = isControlled ? controlledValue ?? [] : internalValue;
-  const setValue = (0, import_react.useCallback)(
-    (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onChange == null ? void 0 : onChange(newValue, []);
-    },
-    [isControlled, onChange]
-  );
-  const addValue = (0, import_react.useCallback)(
-    (val) => {
-      const newValue = [...value, val];
-      setValue(newValue);
-    },
-    [value, setValue]
-  );
-  const removeValue = (0, import_react.useCallback)(
-    (val) => {
-      const newValue = value.filter((v) => v !== val);
-      setValue(newValue);
-    },
-    [value, setValue]
-  );
-  const clearValue = (0, import_react.useCallback)(() => {
-    setValue([]);
-  }, [setValue]);
-  return {
-    value,
-    setValue,
-    addValue,
-    removeValue,
-    clearValue
-  };
+	const { value: controlledValue, defaultValue, onChange } = options;
+	const isControlled = controlledValue !== void 0;
+	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : []);
+	const value = isControlled ? controlledValue !== null && controlledValue !== void 0 ? controlledValue : [] : internalValue;
+	const setValue = (0, react.useCallback)((newValue) => {
+		if (!isControlled) setInternalValue(newValue);
+		onChange === null || onChange === void 0 || onChange(newValue, []);
+	}, [isControlled, onChange]);
+	return {
+		value,
+		setValue,
+		addValue: (0, react.useCallback)((val) => {
+			setValue([...value, val]);
+		}, [value, setValue]),
+		removeValue: (0, react.useCallback)((val) => {
+			setValue(value.filter((v) => v !== val));
+		}, [value, setValue]),
+		clearValue: (0, react.useCallback)(() => {
+			setValue([]);
+		}, [setValue])
+	};
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useMultipleSelectState,
-  useSelectState
-});
+//#endregion
+exports.useMultipleSelectState = useMultipleSelectState;
+exports.useSelectState = useSelectState;

package/lib/select/index.d.ts

@@ -1,8 +1,7 @@
-/**
- * Select 组件相关工具和类型导出
- * 供 PisellSingleSelect、PisellMultipleSelect 等组件使用
- */
-export type { SelectOption, FilterOptionFunc, SortDirection, SelectState, MultipleSelectState, TagDisplayInfo, UseSelectStateOptions, UseMultipleSelectStateOptions, BaseSelectProps, } from './types';
-export { useSelectState, useMultipleSelectState } from './hooks/useSelectState';
-export { useDebouncedSearch } from './hooks/useDebouncedSearch';
-export { filterOptions, defaultFilterOption, sortOptions, calculateTagDisplay, findOptionByValue, findOptionsByValues, isOptionSelected, isOptionSelectedInMultiple, generateId, } from './utils';
+import { BaseSelectProps, FilterOptionFunc, MultipleSelectState, SelectOption, SelectState, SortDirection, TagDisplayInfo, UseMultipleSelectStateOptions, UseSelectStateOptions } from "./types.js";
+import { useMultipleSelectState, useSelectState } from "./hooks/useSelectState.js";
+import { useDebouncedSearch } from "./hooks/useDebouncedSearch.js";
+import { calculateTagDisplay } from "./utils/tagAggregation.js";
+import { defaultFilterOption, filterOptions } from "./utils/filterOptions.js";
+import { sortOptions } from "./utils/sortOptions.js";
+import { findOptionByValue, findOptionsByValues, generateId, isOptionSelected, isOptionSelectedInMultiple } from "./utils/helpers.js";