@pisell/private-materials 6.3.117 → 6.3.119

package/lib/pro/Selector/locales.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    en: {
+        'pisell2.pro.selector.mode.single': string;
+        'pisell2.pro.selector.mode.multiple': string;
+        'pisell2.pro.selector.validate.required-msg': string;
+        'pisell2.pro.selector.validate.requireOneOf-msg': string;
+        'pisell2.pro.selector.required-tag': string;
+        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
+        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
+        'pisell2.pro.selector.tip.require-one-option': string;
+        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
+    };
+    'zh-CN': {
+        'pisell2.pro.selector.mode.single': string;
+        'pisell2.pro.selector.mode.multiple': string;
+        'pisell2.pro.selector.validate.required-msg': string;
+        'pisell2.pro.selector.validate.requireOneOf-msg': string;
+        'pisell2.pro.selector.required-tag': string;
+        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
+        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
+        'pisell2.pro.selector.tip.require-one-option': string;
+        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
+    };
+    'zh-HK': {
+        'pisell2.pro.selector.mode.single': string;
+        'pisell2.pro.selector.mode.multiple': string;
+        'pisell2.pro.selector.validate.required-msg': string;
+        'pisell2.pro.selector.validate.requireOneOf-msg': string;
+        'pisell2.pro.selector.required-tag': string;
+        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
+        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
+        'pisell2.pro.selector.tip.require-one-option': string;
+        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
+    };
+    ja: {
+        'pisell2.pro.selector.mode.single': string;
+        'pisell2.pro.selector.mode.multiple': string;
+        'pisell2.pro.selector.validate.required-msg': string;
+        'pisell2.pro.selector.validate.requireOneOf-msg': string;
+        'pisell2.pro.selector.required-tag': string;
+        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
+        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
+        'pisell2.pro.selector.tip.require-one-option': string;
+        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
+    };
+    pt: {
+        'pisell2.pro.selector.mode.single': string;
+        'pisell2.pro.selector.mode.multiple': string;
+        'pisell2.pro.selector.validate.required-msg': string;
+        'pisell2.pro.selector.validate.requireOneOf-msg': string;
+        'pisell2.pro.selector.required-tag': string;
+        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
+        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
+        'pisell2.pro.selector.tip.require-one-option': string;
+        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
+    };
+};
+export default _default;

package/lib/pro/Selector/types.d.ts

@@ -0,0 +1,223 @@
+/// <reference types="react" />
+export interface ExprRule {
+    [key: string]: any;
+}
+export interface RuleConfig {
+    autoValidate?: boolean;
+    required?: 0 | 1;
+    min?: number;
+    max?: number;
+    mutex?: Array<Array<OptionKey>>;
+    customValidator?: (value: SelectionValue) => Promise<void>;
+}
+export interface GroupItem {
+    id?: number;
+    title?: string;
+    mode?: 'single' | 'multiple';
+    valueType?: 'primitive' | 'object';
+    preserve?: boolean;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        cover?: string;
+    };
+    ruleConfig?: RuleConfig;
+    dataSource?: OptionItem[];
+}
+export interface OptionItem {
+    id?: number;
+    title?: string;
+    label?: string;
+    value?: OptionKey;
+    cover?: string;
+    groups?: GroupItem[];
+    disabled?: boolean;
+    ruleConfig?: {
+        min?: number;
+        max?: number;
+    };
+    [key: string]: any;
+}
+export declare type OptionKey = number | string;
+/** 原始值类型：单选时为id，多选时为id[] */
+export declare type SelectionValuePrimitive<T = OptionKey> = T | T[];
+/** 复杂对象值类型：包含id、数量等额外信息 */
+export interface SelectionValueObject<T = OptionKey> {
+    value?: T;
+    quantity?: number;
+    [key: string]: any;
+}
+/** 单选值类型 */
+export declare type SelectionValueSingle<T = OptionKey> = T | SelectionValueObject<T>;
+/** 多选值类型 */
+export declare type SelectionValueMultiple<T = OptionKey> = T[] | SelectionValueObject<T>[];
+/** 选择器值类型 */
+export declare type SelectionValue<T = OptionKey> = SelectionValueSingle<T> | SelectionValueMultiple<T>;
+export declare type RenderItemProps = {
+    dataSource: OptionItem;
+    actions: any;
+    optionItemValue?: any;
+    indicator: React.ReactNode;
+    numberSelector: React.ReactNode;
+    values: any;
+    quantityInfo: {
+        maxReached: boolean;
+        remainingCount: number;
+        selectedCount: number;
+    };
+};
+export declare type ItemProps = {
+    layout?: 'vertical' | 'horizontal';
+    renderContent?: (props: {
+        dataSource: OptionItem;
+    }) => React.ReactNode;
+    styles?: {
+        [key: string]: React.CSSProperties;
+    };
+    [key: string]: any;
+};
+export declare type LayoutType = 'antdGrid' | 'custom';
+/** 单个断点的完整配置 */
+export declare type BreakpointConfig = {
+    columns: number;
+    gap?: number | string;
+    style?: React.CSSProperties;
+};
+/**
+ * 断点映射
+ * key: 最小宽度（px）
+ * value: 列数（简写）或完整配置
+ * @example { 0: 1, 420: 2, 630: 3 } // 简写
+ * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } } // 完整
+ */
+export declare type BreakpointMap = Record<number, number | BreakpointConfig>;
+/** 响应式布局配置 */
+export declare type ResponsiveConfig = {
+    /** 每项最小宽度，系统自动计算断点 */
+    minWidth?: number;
+    /** 最大列数限制 */
+    maxColumns?: number;
+    /**
+     * 显式断点映射，key 为容器最小宽度(px)
+     * @example { 0: 1, 420: 2, 630: 3, 841: 4, 1367: 5 }
+     * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } }
+     */
+    breakpoints?: BreakpointMap;
+    /** 默认列数（容器宽度小于所有断点时），默认为 1 */
+    defaultColumns?: number;
+    /** 间距，默认为 16 */
+    gap?: number | string;
+    /** ResizeObserver 防抖延迟(ms)，默认为 0 */
+    debounce?: number;
+};
+export declare type LayoutConfig = {
+    type?: LayoutType;
+    className?: string;
+    containerStyle?: React.CSSProperties;
+    /**
+     * 响应式布局配置
+     * 存在此配置时自动启用 ResizeObserver 响应式布局
+     */
+    responsive?: ResponsiveConfig;
+    columns?: number;
+    gutter?: number | object | Array<number>;
+    align?: 'top' | 'middle' | 'bottom' | 'stretch';
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around';
+    wrap?: boolean;
+    colConfig?: {
+        [key: string]: any;
+    };
+};
+export interface PresetConfig {
+    variant?: '1' | '2' | '3' | '4' | '5';
+}
+export declare type ItemLayout = 'vertical' | 'horizontal';
+export declare type SelectorVariant = 'default' | 'select' | 'card' | 'media';
+export declare type HeaderProps = {
+    visible?: boolean;
+    style?: React.CSSProperties;
+    title?: {
+        visible?: boolean;
+        text?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    icon?: {
+        visible?: boolean;
+        icon?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    tip?: {
+        visible?: boolean;
+        text?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    renderExtra?: (props: {
+        dataSource: OptionItem;
+        values: SelectionValue;
+    }) => React.ReactNode;
+};
+export interface SelectorProps<T = OptionKey> extends GroupItem {
+    className?: string;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
+    value?: SelectionValue<T>;
+    defaultValue?: SelectionValue<T>;
+    onChange?: (value: SelectionValue<T>) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    variant?: SelectorVariant;
+    itemLayout?: ItemLayout;
+    preset?: PresetConfig;
+    layout?: LayoutConfig;
+    renderItem?: (props: RenderItemProps) => React.ReactNode;
+    itemProps?: ItemProps;
+    indicatorProps?: {
+        show?: boolean;
+        variant?: 'outlined' | 'filled';
+        render?: (props: {
+            option: OptionItem;
+            selected: boolean;
+            disabled: boolean;
+            actions: any;
+        }) => React.ReactNode;
+        [key: string]: any;
+    };
+    showStepper?: true | false | 'auto';
+    stepperProps?: {
+        size?: 'small' | 'middle' | 'large';
+        shape?: 'round' | 'square';
+        horizontalPadding?: number | string;
+    };
+    style?: React.CSSProperties;
+    /**
+     * @deprecated
+     */
+    titleProps?: HeaderProps;
+    headerProps?: HeaderProps;
+    selectProps?: any;
+}
+export interface SelectorGroupProps {
+    allowedValuesPolicy?: 'relaxed' | 'strict';
+    className?: string;
+    customScrollParent?: HTMLElement | string;
+    dataSource: GroupItem[];
+    defaultValue?: Record<string, SelectionValue>;
+    linkageRules?: ExprRule[] | Record<string, any>;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
+    onChange?: (values: Record<string, SelectionValue>) => void;
+    preserve?: boolean;
+    tabProps?: {
+        visible?: boolean;
+    };
+    style?: React.CSSProperties;
+    value?: Record<string, SelectionValue>;
+    scrollToFirstError?: boolean;
+    [key: string]: any;
+}

package/lib/pro/Selector/utils/index.d.ts

@@ -0,0 +1,49 @@
+import { SelectionValue, GroupItem } from '../types';
+export declare type OptionEffects = Record<string, {
+    allowOnly?: Set<any>;
+    requireOneOf?: {
+        values: Set<any>;
+        message?: string;
+    };
+}>;
+export interface Cond {
+    groupId: string;
+    in?: any[];
+    op?: 'in' | 'notIn' | 'eq' | 'neq' | 'contains' | 'range' | 'exists';
+    value?: any;
+    values?: any[];
+    min?: number;
+    max?: number;
+}
+export interface Expr {
+    allOf?: Array<Cond | Expr>;
+    anyOf?: Array<Cond | Expr>;
+    noneOf?: Array<Cond | Expr>;
+    and?: Array<Cond | Expr>;
+    or?: Array<Cond | Expr>;
+    not?: Array<Cond | Expr>;
+}
+export interface Action {
+    type: 'show' | 'allowOnly' | 'requireOneOf';
+    groupId: string;
+    values?: any[];
+    message?: string;
+}
+export interface Rule {
+    type?: 'expr';
+    when?: Expr;
+    then?: Action[];
+    elseThen?: Action[];
+    priority?: number;
+    stopAfterApply?: boolean;
+}
+export declare const normalizeRules: (linkageRules: any) => Rule[];
+export declare const getSelectedSet: (val: SelectionValue) => Set<any>;
+export declare const evaluateExpr: (expr: Expr | undefined, valuesMap: Record<string, SelectionValue>) => boolean;
+export declare const computeAutoHiddenGroups: (rules: Rule[]) => Set<string>;
+export declare const computeEffects: (dataSource?: GroupItem[], rawRules?: Rule[], valuesMap?: Record<string, SelectionValue>) => {
+    visibleGroups: Record<string, boolean>;
+    optionEffects: OptionEffects;
+};
+export declare const pruneValuesByAllowOnly: (valuesMap: Record<string, SelectionValue>, effects: OptionEffects) => Record<string, SelectionValue>;
+export declare const generateSimpleUUID: () => string;

package/lib/pro/keyboards/locales.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    en: {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    'zh-CN': {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    'zh-HK': {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    ja: {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+    pt: {
+        'pisell2.keyboard.number-keybard.max': (max: number | string) => string;
+        'pisell2.keyboard.number-keybard.min': (min: number | string) => string;
+        'pisell2.keyboard.number-keybard.ok': string;
+        'pisell2.keyboard.number-keybard.reset': string;
+        'pisell2.keyboard.number-keybard.clear': string;
+    };
+};
+export default _default;

package/lib/pro/keyboards/numberKeyboard/types.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+export declare type NumberKeyboardMode = 'integer' | 'decimal';
+export interface NumberKeyboardBaseProps {
+    /** 模式：整数 or 小数 */
+    mode?: NumberKeyboardMode;
+    /** 当前值（受控） */
+    value?: string;
+    /** 默认值（非受控） */
+    defaultValue?: string;
+    /** 原始值，用于重置 */
+    originalValue?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 最大值 */
+    max?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 小数位数，默认 2 */
+    precision?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 确认按钮文本 */
+    doneText?: string;
+    /** 重置按钮文本 */
+    resetText?: string;
+    /** 清空按钮文本 */
+    clearText?: string;
+    /** 标签文本（显示在输入框上方） */
+    label?: string;
+    /** 超出范围时的提示文本 */
+    errorText?: string;
+    /** 值变化回调 */
+    onChange?: (value: string) => void;
+    /** 确认按钮点击回调 */
+    onEnter?: (value: string) => void;
+    /** 重置按钮点击回调 */
+    onReset?: () => void;
+    /** 外层样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** 键盘是否监听物理键盘 */
+    keydown?: boolean;
+    /** 输入框样式 */
+    inputStyle?: React.CSSProperties;
+    /** 输入框包裹样式 */
+    inputWrapperStyle?: React.CSSProperties;
+}
+export interface NumberKeyboardProps extends NumberKeyboardBaseProps {
+    /** 容器配置，用于控制键盘以 popover 或 modal 形态展示 */
+    containerProps?: {
+        /** 渲染类型：popover 或 modal */
+        renderType: 'modal' | 'popover';
+        /** 是否打开（受控模式） */
+        open?: boolean;
+        /** 其他传递给 Popover 或 Modal 的属性 */
+        [key: string]: any;
+    };
+    /** 子元素，用于 popover 模式的触发器 */
+    children?: React.ReactNode;
+}

package/lib/pro/pisellNumberSelector/example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Example: React.FC;
+export default Example;

package/lib/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.117",
+  "version": "6.3.119",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",