@pisell/utils 3.0.5 → 3.0.7

package/lib/select/index.js

@@ -0,0 +1,53 @@
+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/index.ts
+var select_exports = {};
+__export(select_exports, {
+  calculateTagDisplay: () => import_utils.calculateTagDisplay,
+  defaultFilterOption: () => import_utils.defaultFilterOption,
+  filterOptions: () => import_utils.filterOptions,
+  findOptionByValue: () => import_utils.findOptionByValue,
+  findOptionsByValues: () => import_utils.findOptionsByValues,
+  generateId: () => import_utils.generateId,
+  isOptionSelected: () => import_utils.isOptionSelected,
+  isOptionSelectedInMultiple: () => import_utils.isOptionSelectedInMultiple,
+  sortOptions: () => import_utils.sortOptions,
+  useDebouncedSearch: () => import_useDebouncedSearch.useDebouncedSearch,
+  useMultipleSelectState: () => import_useSelectState.useMultipleSelectState,
+  useSelectState: () => import_useSelectState.useSelectState
+});
+module.exports = __toCommonJS(select_exports);
+var import_useSelectState = require("./hooks/useSelectState");
+var import_useDebouncedSearch = require("./hooks/useDebouncedSearch");
+var import_utils = require("./utils");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateTagDisplay,
+  defaultFilterOption,
+  filterOptions,
+  findOptionByValue,
+  findOptionsByValues,
+  generateId,
+  isOptionSelected,
+  isOptionSelectedInMultiple,
+  sortOptions,
+  useDebouncedSearch,
+  useMultipleSelectState,
+  useSelectState
+});

package/lib/select/types.d.ts

@@ -0,0 +1,256 @@
+/**
+ * Select 组件公共类型定义
+ * 供 PisellSingleSelect、PisellMultipleSelect 等组件使用
+ */
+import React from 'react';
+export type { DisplayState } from '../common';
+/**
+ * 选项基础类型
+ * @template T 选项值的类型，默认为 string | number
+ */
+export interface SelectOption<T = string | number> {
+    /**
+     * 选项值（唯一标识）
+     */
+    value: T;
+    /**
+     * 选项显示文本
+     */
+    label: string;
+    /**
+     * 是否禁用该选项
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项图标（可选）
+     */
+    icon?: React.ReactNode;
+    /**
+     * 标签背景色（多选时用于自定义标签颜色）
+     * @example '#61dafb'
+     */
+    color?: string;
+}
+/**
+ * 选项过滤函数类型
+ * @template T 选项值的类型
+ * @param input 用户输入的搜索文本
+ * @param option 当前选项对象
+ * @returns 是否保留该选项
+ */
+export declare type FilterOptionFunc<T = string | number> = (input: string, option: SelectOption<T>) => boolean;
+/**
+ * 排序方向
+ */
+export declare type SortDirection = 'asc' | 'desc';
+/**
+ * Select 状态 Hook 返回值（单选）
+ * @template T 值的类型
+ */
+export interface SelectState<T = string | number> {
+    /**
+     * 当前选中值
+     */
+    value: T | null | undefined;
+    /**
+     * 设置选中值
+     */
+    setValue: (value: T | null) => void;
+    /**
+     * 清空选中值
+     */
+    clearValue: () => void;
+}
+/**
+ * Multiple Select 状态 Hook 返回值（多选）
+ * @template T 值的类型
+ */
+export interface MultipleSelectState<T = string | number> {
+    /**
+     * 当前选中值数组
+     */
+    value: T[];
+    /**
+     * 设置选中值数组
+     */
+    setValue: (value: T[]) => void;
+    /**
+     * 添加一个选中值
+     */
+    addValue: (value: T) => void;
+    /**
+     * 移除一个选中值
+     */
+    removeValue: (value: T) => void;
+    /**
+     * 清空所有选中值
+     */
+    clearValue: () => void;
+}
+/**
+ * 标签显示信息（多选专用）
+ * @template T 选项值的类型
+ */
+export interface TagDisplayInfo<T = string | number> {
+    /**
+     * 可见的标签列表
+     */
+    visibleTags: SelectOption<T>[];
+    /**
+     * 隐藏的标签列表
+     */
+    hiddenTags: SelectOption<T>[];
+    /**
+     * 隐藏的标签数量
+     */
+    hiddenCount: number;
+}
+/**
+ * useSelectState Hook 的配置选项（单选）
+ * @template T 值的类型
+ */
+export interface UseSelectStateOptions<T = string | number> {
+    /**
+     * 受控模式：当前值
+     */
+    value?: T | null;
+    /**
+     * 非受控模式：默认值
+     */
+    defaultValue?: T;
+    /**
+     * 值变化回调
+     */
+    onChange?: (value: T | null, option: SelectOption<T> | null) => void;
+    /**
+     * 模式（用于类型区分）
+     */
+    mode: 'single';
+}
+/**
+ * useMultipleSelectState Hook 的配置选项（多选）
+ * @template T 值的类型
+ */
+export interface UseMultipleSelectStateOptions<T = string | number> {
+    /**
+     * 受控模式：当前值数组
+     */
+    value?: T[];
+    /**
+     * 非受控模式：默认值数组
+     */
+    defaultValue?: T[];
+    /**
+     * 值变化回调
+     */
+    onChange?: (value: T[], options: SelectOption<T>[]) => void;
+    /**
+     * 模式（用于类型区分）
+     */
+    mode: 'multiple';
+}
+/**
+ * 基础 Select Props（公共属性）
+ * @template T 值的类型
+ */
+export interface BaseSelectProps<T = string | number> {
+    /**
+     * 选项列表（必填）
+     */
+    options: SelectOption<T>[];
+    /**
+     * 占位符文本
+     * @default '请选择'
+     */
+    placeholder?: string;
+    /**
+     * 是否显示搜索框
+     * @default false
+     */
+    showSearch?: boolean;
+    /**
+     * 是否显示清空按钮
+     * @default false
+     */
+    allowClear?: boolean;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * 尺寸
+     * @default 'middle'
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 标签文本
+     */
+    label?: string;
+    /**
+     * 辅助提示文本
+     */
+    helperText?: string;
+    /**
+     * 是否必填
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * 是否显示错误状态
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * 错误提示文本
+     */
+    errorText?: string;
+    /**
+     * 是否启用过滤
+     * @default false
+     */
+    filterable?: boolean;
+    /**
+     * 自定义过滤函数
+     */
+    filterOption?: FilterOptionFunc<T>;
+    /**
+     * 是否启用排序
+     * @default false
+     */
+    sortable?: boolean;
+    /**
+     * 排序方向
+     */
+    sortDirection?: SortDirection;
+    /**
+     * 搜索输入回调
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * 获得焦点回调
+     */
+    onFocus?: (event: React.FocusEvent) => void;
+    /**
+     * 失去焦点回调
+     */
+    onBlur?: (event: React.FocusEvent) => void;
+    /**
+     * 下拉框显隐回调
+     */
+    onDropdownVisibleChange?: (visible: boolean) => void;
+}

package/lib/select/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/select/utils/filterOptions.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 选项过滤工具函数
+ */
+import type { SelectOption, FilterOptionFunc } from '../types';
+/**
+ * 默认的选项过滤函数
+ * 根据 label 进行模糊匹配（不区分大小写）
+ * @template T 选项值的类型
+ * @param input 搜索输入文本
+ * @param option 选项对象
+ * @returns 是否保留该选项
+ */
+export declare function defaultFilterOption<T = string | number>(input: string, option: SelectOption<T>): boolean;
+/**
+ * 过滤选项列表
+ * @template T 选项值的类型
+ * @param options 原始选项列表
+ * @param searchText 搜索文本
+ * @param filterFunc 自定义过滤函数（可选）
+ * @returns 过滤后的选项列表
+ */
+export declare function filterOptions<T = string | number>(options: SelectOption<T>[], searchText: string, filterFunc?: FilterOptionFunc<T>): SelectOption<T>[];

package/lib/select/utils/filterOptions.js

@@ -0,0 +1,41 @@
+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/utils/filterOptions.ts
+var filterOptions_exports = {};
+__export(filterOptions_exports, {
+  defaultFilterOption: () => defaultFilterOption,
+  filterOptions: () => filterOptions
+});
+module.exports = __toCommonJS(filterOptions_exports);
+function defaultFilterOption(input, option) {
+  if (!input) return true;
+  const searchText = input.toLowerCase();
+  const labelText = option.label.toLowerCase();
+  return labelText.includes(searchText);
+}
+function filterOptions(options, searchText, filterFunc) {
+  if (!searchText) return options;
+  const filterFn = filterFunc || defaultFilterOption;
+  return options.filter((opt) => filterFn(searchText, opt));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultFilterOption,
+  filterOptions
+});

package/lib/select/utils/helpers.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Select 组件辅助函数
+ */
+import type { SelectOption } from '../types';
+/**
+ * 根据值查找选项对象
+ * @template T 选项值的类型
+ * @param value 选项值
+ * @param options 选项列表
+ * @returns 找到的选项对象，如果没找到返回 undefined
+ */
+export declare function findOptionByValue<T = string | number>(value: T, options: SelectOption<T>[]): SelectOption<T> | undefined;
+/**
+ * 根据值数组查找选项对象数组
+ * @template T 选项值的类型
+ * @param values 选项值数组
+ * @param options 选项列表
+ * @returns 找到的选项对象数组
+ */
+export declare function findOptionsByValues<T = string | number>(values: T[], options: SelectOption<T>[]): SelectOption<T>[];
+/**
+ * 判断选项是否被选中（单选）
+ * @template T 选项值的类型
+ * @param optionValue 选项值
+ * @param selectedValue 当前选中值
+ * @returns 是否选中
+ */
+export declare function isOptionSelected<T = string | number>(optionValue: T, selectedValue: T | null | undefined): boolean;
+/**
+ * 判断选项是否被选中（多选）
+ * @template T 选项值的类型
+ * @param optionValue 选项值
+ * @param selectedValues 当前选中值数组
+ * @returns 是否选中
+ */
+export declare function isOptionSelectedInMultiple<T = string | number>(optionValue: T, selectedValues: T[]): boolean;
+/**
+ * 生成唯一 ID
+ * @param prefix ID 前缀
+ * @returns 唯一 ID
+ */
+export declare function generateId(prefix?: string): string;

package/lib/select/utils/helpers.js

@@ -0,0 +1,51 @@
+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/utils/helpers.ts
+var helpers_exports = {};
+__export(helpers_exports, {
+  findOptionByValue: () => findOptionByValue,
+  findOptionsByValues: () => findOptionsByValues,
+  generateId: () => generateId,
+  isOptionSelected: () => isOptionSelected,
+  isOptionSelectedInMultiple: () => isOptionSelectedInMultiple
+});
+module.exports = __toCommonJS(helpers_exports);
+function findOptionByValue(value, options) {
+  return options.find((opt) => opt.value === value);
+}
+function findOptionsByValues(values, options) {
+  return values.map((val) => findOptionByValue(val, options)).filter(Boolean);
+}
+function isOptionSelected(optionValue, selectedValue) {
+  return selectedValue !== null && selectedValue !== void 0 && optionValue === selectedValue;
+}
+function isOptionSelectedInMultiple(optionValue, selectedValues) {
+  return selectedValues.includes(optionValue);
+}
+function generateId(prefix = "select") {
+  return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findOptionByValue,
+  findOptionsByValues,
+  generateId,
+  isOptionSelected,
+  isOptionSelectedInMultiple
+});

package/lib/select/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Select 工具函数导出
+ */
+export { calculateTagDisplay } from './tagAggregation';
+export { filterOptions, defaultFilterOption } from './filterOptions';
+export { sortOptions } from './sortOptions';
+export { findOptionByValue, findOptionsByValues, isOptionSelected, isOptionSelectedInMultiple, generateId, } from './helpers';

package/lib/select/utils/index.js

@@ -0,0 +1,48 @@
+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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  calculateTagDisplay: () => import_tagAggregation.calculateTagDisplay,
+  defaultFilterOption: () => import_filterOptions.defaultFilterOption,
+  filterOptions: () => import_filterOptions.filterOptions,
+  findOptionByValue: () => import_helpers.findOptionByValue,
+  findOptionsByValues: () => import_helpers.findOptionsByValues,
+  generateId: () => import_helpers.generateId,
+  isOptionSelected: () => import_helpers.isOptionSelected,
+  isOptionSelectedInMultiple: () => import_helpers.isOptionSelectedInMultiple,
+  sortOptions: () => import_sortOptions.sortOptions
+});
+module.exports = __toCommonJS(utils_exports);
+var import_tagAggregation = require("./tagAggregation");
+var import_filterOptions = require("./filterOptions");
+var import_sortOptions = require("./sortOptions");
+var import_helpers = require("./helpers");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateTagDisplay,
+  defaultFilterOption,
+  filterOptions,
+  findOptionByValue,
+  findOptionsByValues,
+  generateId,
+  isOptionSelected,
+  isOptionSelectedInMultiple,
+  sortOptions
+});

package/lib/select/utils/sortOptions.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 选项排序工具函数
+ */
+import type { SelectOption, SortDirection } from '../types';
+/**
+ * 排序选项列表
+ * @template T 选项值的类型
+ * @param options 原始选项列表
+ * @param direction 排序方向（'asc' 升序 | 'desc' 降序）
+ * @returns 排序后的选项列表（新数组）
+ */
+export declare function sortOptions<T = string | number>(options: SelectOption<T>[], direction?: SortDirection): SelectOption<T>[];

package/lib/select/utils/sortOptions.js

@@ -0,0 +1,41 @@
+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/utils/sortOptions.ts
+var sortOptions_exports = {};
+__export(sortOptions_exports, {
+  sortOptions: () => sortOptions
+});
+module.exports = __toCommonJS(sortOptions_exports);
+function sortOptions(options, direction = "asc") {
+  const sortedOptions = [...options];
+  sortedOptions.sort((a, b) => {
+    const labelA = a.label.toLowerCase();
+    const labelB = b.label.toLowerCase();
+    if (direction === "asc") {
+      return labelA.localeCompare(labelB);
+    } else {
+      return labelB.localeCompare(labelA);
+    }
+  });
+  return sortedOptions;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sortOptions
+});

package/lib/select/utils/tagAggregation.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 标签聚合工具函数
+ * 用于多选下拉组件的标签显示逻辑
+ */
+import type { SelectOption, TagDisplayInfo } from '../types';
+/**
+ * 计算需要显示的标签和聚合信息
+ * @template T 选项值的类型
+ * @param selectedValues 当前选中的值数组
+ * @param options 所有选项列表
+ * @param maxTagCount 最多显示的标签数量
+ * @returns 标签显示信息
+ *
+ * @example
+ * ```tsx
+ * const tagInfo = calculateTagDisplay(['a', 'b', 'c', 'd'], options, 2);
+ * // 返回：
+ * // {
+ * //   visibleTags: [option_a, option_b],
+ * //   hiddenTags: [option_c, option_d],
+ * //   hiddenCount: 2
+ * // }
+ * ```
+ */
+export declare function calculateTagDisplay<T = string | number>(selectedValues: T[], options: SelectOption<T>[], maxTagCount: number): TagDisplayInfo<T>;

package/lib/select/utils/tagAggregation.js

@@ -0,0 +1,43 @@
+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/utils/tagAggregation.ts
+var tagAggregation_exports = {};
+__export(tagAggregation_exports, {
+  calculateTagDisplay: () => calculateTagDisplay
+});
+module.exports = __toCommonJS(tagAggregation_exports);
+function calculateTagDisplay(selectedValues, options, maxTagCount) {
+  const selectedOptions = selectedValues.map((v) => options.find((opt) => opt.value === v)).filter(Boolean);
+  if (selectedOptions.length <= maxTagCount) {
+    return {
+      visibleTags: selectedOptions,
+      hiddenTags: [],
+      hiddenCount: 0
+    };
+  }
+  return {
+    visibleTags: selectedOptions.slice(0, maxTagCount),
+    hiddenTags: selectedOptions.slice(maxTagCount),
+    hiddenCount: selectedOptions.length - maxTagCount
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calculateTagDisplay
+});

package/lib/text-input/hooks/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 文本输入 Hooks 导出
+ */
+export { useTextInputState } from './useTextInputState';