@pisell/private-materials 6.3.77 → 6.3.79

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

@@ -0,0 +1,173 @@
+/// <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 LayoutConfig = {
+    type?: LayoutType;
+    className?: string;
+    containerStyle?: React.CSSProperties;
+    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;
+    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';
+    };
+    style?: React.CSSProperties;
+    /**
+     * @deprecated
+     */
+    titleProps?: HeaderProps;
+    headerProps?: HeaderProps;
+}
+export interface SelectorGroupProps {
+    allowedValuesPolicy?: 'relaxed' | 'strict';
+    className?: string;
+    customScrollParent?: HTMLElement | string;
+    dataSource: GroupItem[];
+    defaultValue?: Record<string, SelectionValue>;
+    linkageRules?: ExprRule[] | Record<string, any>;
+    onChange?: (values: Record<string, SelectionValue>) => void;
+    preserve?: boolean;
+    tabProps?: {
+        visible?: boolean;
+    };
+    style?: React.CSSProperties;
+    value?: Record<string, SelectionValue>;
+    scrollToFirstError?: boolean;
+    [key: string]: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.77",
+  "version": "6.3.79",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -76,9 +76,9 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/utils": "3.0.5",
-    "@pisell/materials": "6.3.23",
     "@pisell/icon": "0.0.11",
+    "@pisell/materials": "6.3.23",
+    "@pisell/utils": "3.0.5",
     "@pisell/date-picker": "3.0.8"
   },
   "peerDependencies": {