@pisell/private-materials 6.3.77 → 6.3.79

package/es/plus/skuOptionsSelection/types.d.ts

@@ -0,0 +1,429 @@
+/// <reference types="react" />
+/**
+ * SKU Card 文本样式配置
+ */
+export interface SkuCardTextConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 颜色 */
+    color?: string;
+    /** 字体粗细 */
+    fontWeight?: 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+    /** 展示行数 */
+    lineClamp?: number;
+}
+/**
+ * SKU Card 图片配置
+ */
+export interface SkuCardImageConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 圆角 */
+    borderRadius?: number | string;
+    /** 边框 */
+    border?: string;
+}
+/**
+ * SKU Card 配置
+ */
+export interface SkuCardConfig {
+    /** 主标题配置 */
+    title?: SkuCardTextConfig;
+    /** 副标题配置 */
+    subTitle?: SkuCardTextConfig;
+    /** 价格配置 */
+    price?: Omit<SkuCardTextConfig, 'lineClamp'>;
+    /** 图片配置 */
+    image?: SkuCardImageConfig;
+    /**
+     * @description 是否在「组合规格选项卡片（VariantCard）」展示价格
+     * - 默认不展示，避免影响现有业务 UI
+     */
+    variantPriceVisible?: boolean;
+}
+/**
+ * SKU store状态类型
+ */
+export interface SkuSelectionState {
+    /** 数据源 */
+    dataSource: any;
+    /** 原始值 */
+    value: Record<string | number, any>;
+    /** 配置 */
+    config: {
+        overSold?: boolean;
+    };
+    /** 货币符号 */
+    symbol: string;
+    /** Selector数据源 */
+    selectorDataSource: any[];
+    /** Selector识别的值  */
+    selectorValue: Record<string | number, any>;
+    /** SKU Card 配置 */
+    skuCardConfig: SkuCardConfig;
+    style?: React.CSSProperties;
+    /** 样式配置 */
+    customConfig?: {
+        /** 弹窗宽度 */
+        modalWidth?: number | string;
+    };
+}
+/** SKU Card 默认配置 */
+export declare const defaultSkuCardConfig: SkuCardConfig;
+export interface IProps {
+    /** 数据源 */
+    dataSource: DataSource;
+    /** 原始值 */
+    value: SkuValue;
+    /** 配置 */
+    config?: {
+        /** 是否禁用 */
+        overSold?: 0 | 1;
+    };
+    /** SKU Card 配置 */
+    skuCardConfig?: SkuCardConfig;
+    /** 选中变更回调 */
+    onChange: (value: SkuValue) => void;
+    /** 自定义滚动容器 */
+    customScrollParent?: HTMLElement | string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义配置 */
+    customConfig?: {
+        /** 弹窗宽度 */
+        modalWidth?: number | string;
+    };
+}
+export interface DataSource {
+    /** 单规格组数据 */
+    option_group?: Array<OptionGroupItem>;
+    /** 组合规格组装后的数据 */
+    variant?: Array<VariantProductItem>;
+    /** 组合规格组数据 */
+    variant_group?: Array<VariantGroupItem>;
+    /** 套餐商品组数据 */
+    bundle_group?: Array<BundleItem>;
+}
+/**
+ * 单规格组数据
+ */
+export interface OptionGroupItem {
+    /** 创建者id */
+    create_account_id?: number;
+    /** 创建时间 */
+    created_at?: string;
+    /** 删除时间 */
+    deleted_at?: string | null;
+    /** 模板id */
+    template_id?: number;
+    /** 更新者id */
+    update_account_id?: number;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 单规格组id */
+    id?: number;
+    /** 是否启用 */
+    is_enabled?: 0 | 1;
+    /** 是否多选 */
+    is_multiple?: 0 | 1;
+    /** 最大选择数量 */
+    max_quantity?: number;
+    /** 最小选择数量 */
+    min_quantity?: number;
+    /** 单规格组名称 */
+    name?: string;
+    /** 单规格组下规格数据 */
+    option_item?: Array<OptionItem>;
+    /** 商品id */
+    product_id?: number;
+    /** 是否必选 */
+    required?: 0 | 1;
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 状态 */
+    status?: 0 | 1;
+}
+/**
+ * 单规格组下选项数据
+ */
+export interface OptionItem {
+    /** 创建者id */
+    create_account_id?: number;
+    /** 创建时间 */
+    created_at?: string;
+    /** 删除时间 */
+    deleted_at?: string | null;
+    /** 模板id */
+    template_id?: number;
+    /** 更新者id */
+    update_account_id?: number;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 加价 */
+    add_price?: string;
+    /** 封面 */
+    cover?: string;
+    /** 描述 */
+    description?: string;
+    /** 规格id */
+    id?: number;
+    /** 是否启用 */
+    is_enabled?: 0 | 1;
+    /** 最大选择数量 */
+    max_quantity?: number;
+    /** 规格名称 */
+    name?: string;
+    /** 规格组id */
+    option_group_id?: number;
+    /** 原价 */
+    original_price?: string;
+    /** 商品id */
+    product_id?: number;
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 状态 */
+    status?: 0 | 1;
+}
+/**
+ * 组合规格组数据
+ */
+export interface VariantGroupItem {
+    /** 创建者id */
+    create_account_id?: number;
+    /** 创建时间 */
+    created_at?: string;
+    /** 删除时间 */
+    deleted_at?: string | null;
+    /** 更新者id */
+    update_account_id?: number;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 组合规格组id */
+    id?: number;
+    /** 组合规格组名称 */
+    name?: string;
+    /** 位置id */
+    position_id?: number;
+    /** 商品id */
+    product_id?: number;
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 状态 */
+    status?: 0 | 1;
+    /** 组合规格组下选项数据 */
+    variant_item?: Array<VariantItem>;
+}
+/**
+ * 组合规格组下选项数据
+ */
+export interface VariantItem {
+    /** 创建者id */
+    create_account_id?: number;
+    /** 创建时间 */
+    created_at?: string;
+    /** 删除时间 */
+    deleted_at?: string | null;
+    /** 更新者id */
+    update_account_id?: number;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 规格id */
+    id?: number;
+    /** 是否默认 */
+    is_default?: 0 | 1;
+    /** 变体名称 */
+    name?: string;
+    /** 位置id */
+    position_id?: number;
+    /** 商品id */
+    product_id?: number;
+    /** 状态 */
+    status?: 0 | 1;
+    /** 组合规格组id */
+    variant_group_id?: number;
+}
+/**
+ * 组合规格商品数据
+ */
+export interface VariantProductItem {
+    /** 创建者id */
+    create_account_id?: number;
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新者id */
+    update_account_id?: number;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 条形码 */
+    barcode?: string;
+    /** 基础价格 */
+    base_price?: string;
+    /** 箱规数量 */
+    box_specification_quantity?: number;
+    /** 编码 */
+    code?: string;
+    /** 成本价格 */
+    cost_price?: string;
+    /** 封面 */
+    cover?: string;
+    /** 描述 */
+    description?: string | null;
+    /** 是否禁用 */
+    disabled?: 0 | 1;
+    /** 组合规格商品id */
+    id?: number;
+    /** 是否收税 */
+    is_charge_tax?: 0 | 1;
+    /** 是否发货 */
+    is_delivery?: 0 | 1;
+    /** 是否收税 */
+    is_gst?: 0 | 1;
+    /** 是否跟踪库存 */
+    is_track?: 0 | 1;
+    /** 名称 */
+    name?: Record<string, string>;
+    /** 开售重量 */
+    open_sold_weight?: number;
+    /** 原价 */
+    original_price?: string;
+    /** 是否超卖 */
+    over_sold?: 0 | 1;
+    /** 价格 */
+    price?: string;
+    /** 商品id */
+    product_id?: number;
+    /** 折扣类型 */
+    rebate_type?: string;
+    /** 折扣值 */
+    rebate_value?: number;
+    /** 标题 */
+    title?: Record<string, string>;
+    /** 单位 */
+    unit?: string;
+    /** 单位值 */
+    unit_value?: number;
+    /** 重量单位 */
+    weight_unit?: string;
+    /** 重量值 */
+    weight_value?: string;
+}
+/**
+ * 套餐商品组数据
+ */
+export interface BundleGroupItem {
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 套餐id */
+    id?: number;
+    /** 最大选择数量 */
+    max_quantity?: number;
+    /** 最小选择数量 */
+    min_quantity?: number;
+    /** 套餐名称 */
+    name?: string;
+    /** 商品id */
+    product_id?: number;
+    /** 套餐商品组数据 */
+    bundle_item?: Array<BundleItem>;
+}
+/**
+ * 套餐商品组下选项数据
+ */
+export interface BundleItem {
+    /** 店铺id */
+    shop_id?: number;
+    /** 排序 */
+    sort?: number;
+    /** 条形码 */
+    barcode?: string;
+    /** 套餐商品id */
+    bundle_product_id?: number;
+    /** 套餐商品变体id */
+    bundle_variant_id?: number;
+    /** 编码 */
+    code?: string;
+    /** 封面 */
+    cover?: string;
+    /** 扩展id */
+    extension_id?: number;
+    /** 扩展类型 */
+    extension_type?: string;
+    /** 套餐商品组id */
+    group_id?: number;
+    /** 套餐商品id */
+    id: string | number;
+    /** 是否跟踪库存 */
+    is_track?: 0 | 1;
+    /** 最大选择数量 */
+    max_quantity?: number;
+    /** 单规格组数据 */
+    option_group?: Array<OptionGroupItem>;
+    /** 是否允许超卖 */
+    over_sold?: 0 | 1;
+    /** 价格 */
+    price?: string;
+    /** 价格类型: mark_up==>加价 | mark_down==>减价 */
+    price_type?: 'mark_up' | 'mark_down';
+    /** 价格类型扩展: product_price==>商品价格 */
+    price_type_ext?: '' | 'product_price';
+    /** 商品id */
+    product_id?: number;
+    /** 商品价格 */
+    product_price?: string;
+    /** 商品副标题 */
+    product_subtitle?: string;
+    /** 库存数量 */
+    stock_quantity?: number;
+    /** 标题 */
+    title?: string;
+}
+/**
+ * sku value
+ */
+export interface SkuValue {
+    /** 商品id */
+    product_id: number;
+    /** 多规格商品id */
+    product_variant_id: number;
+    /** 多规格商品选项字符串 */
+    product_option_string?: string;
+    /** 套餐商品组数据 */
+    bundle: Array<any>;
+    /** 单规格组数据 */
+    option: Array<OptionItem & {
+        num: number;
+        price: string;
+        product_option_item_id: number;
+    }>;
+}
+/**
+ * Selector值原子类型
+ */
+export interface SelectorValueAtom {
+    /** 数据 */
+    data: Record<string, any>;
+    /** 数量 */
+    quantity: number;
+    /** 总价 */
+    totalPrice: string | number;
+    /** 值 */
+    value: number | string;
+}

package/es/plus/skuOptionsSelection/utils/transformSelectorValueToValue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将SelectorValue转换为Value
+ */
+export declare const transformSelectorValueToValue: (selectorValue: any) => {};

package/es/plus/skuOptionsSelection/utils/transformValueToSelectorValue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将value转换为SelectorGroup需要的格式
+ */
+export declare const transformValueToSelectorValue: (value: any, dataSource: any) => any;

package/es/pro/NumericStepper/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+export interface NumericStepperProps {
+    /** 当前值 */
+    value?: number;
+    /** 默认值 */
+    defaultValue?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长 */
+    step?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 值变化回调 */
+    onChange?: (value: number) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    styles?: {
+        container?: React.CSSProperties;
+    };
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+    /** 按钮形状 */
+    shape?: 'round' | 'square';
+    /** 是否显示输入框 */
+    showInput?: boolean;
+    /** 减号按钮的自定义内容 */
+    minusIcon?: React.ReactNode;
+    /** 加号按钮的自定义内容 */
+    plusIcon?: React.ReactNode;
+}
+declare const NumericStepper: React.FC<NumericStepperProps>;
+export default NumericStepper;

package/es/pro/Selector/components/Card/index.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import './index.less';
+export declare type CardVariant = 'outlined' | 'borderless';
+export declare type CardLayout = 'vertical' | 'horizontal';
+export declare type SelectedType = 'none' | 'outlined' | 'outlined-bold' | 'filled';
+export declare type ActionsPosition = 'left' | 'right';
+export interface CardStyles {
+    container?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    content?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    actions?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    corner?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+}
+export interface CardStyleProps {
+    selected?: boolean;
+    disabled?: boolean;
+    hoverable?: boolean;
+    variant?: CardVariant;
+    layout?: CardLayout;
+}
+export interface CardProps {
+    /** 卡片变体样式 */
+    variant?: CardVariant;
+    /** 布局方向 */
+    layout?: CardLayout;
+    /** 操作按钮区域，水平模式在右侧，垂直模式在底部 */
+    actions?: React.ReactNode[];
+    /** 水平模式下，操作按钮的位置 */
+    actionsPosition?: ActionsPosition;
+    /** 垂直模式下，右上角绝对定位展示的组件 */
+    corner?: React.ReactNode;
+    /** 子内容 */
+    children?: React.ReactNode;
+    /** 选中状态 */
+    selected?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 是否可悬停 */
+    hoverable?: boolean;
+    /** 点击事件 */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** 自定义样式 */
+    styles?: CardStyles;
+    /**
+     * 选中时的样式类型
+     * - none: 无样式
+     * - outlined: 边框高亮
+     * - outlined-bold: 边框高亮 + 加粗（使用 outline 实现，不影响布局）
+     * - filled: 填充背景色
+     */
+    selectedType?: SelectedType;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

package/es/pro/Selector/components/Indicator/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+export interface IndicatorProps {
+    mode?: 'single' | 'multiple';
+    variant?: 'outlined' | 'filled';
+    defaultChecked?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    styles?: {
+        container?: React.CSSProperties;
+        indicator?: React.CSSProperties;
+    };
+    children?: React.ReactNode;
+    size?: 'small' | 'middle' | 'large' | number;
+}
+declare const Indicator: React.FC<IndicatorProps>;
+export default Indicator;

package/es/pro/Selector/components/LayoutContainer/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { LayoutConfig } from '../../types';
+interface LayoutContainerProps {
+    className: string;
+    config: LayoutConfig | null;
+    children: React.ReactNode[];
+}
+/**
+ * 统一的布局容器组件
+ *
+ * 支持两种布局模式：
+ * 1. Custom 布局（推荐）：通过 className 使用预设样式，containerStyle
+ * 2. Ant Design Grid 布局：基础的栅格布局，用于简单场景
+ */
+declare function LayoutContainer({ className: containerClassName, config, children, }: LayoutContainerProps): React.ReactElement | null;
+export default LayoutContainer;

package/es/pro/Selector/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectorDemo: () => JSX.Element;
 export default SelectorDemo;

package/es/pro/Selector/hooks/usePresetProps.d.ts

@@ -0,0 +1,24 @@
+import { LayoutConfig, ItemLayout, PresetConfig, SelectorVariant, SelectorProps } from '../types';
+interface UsePresetPropsParams {
+    layout?: LayoutConfig;
+    mode?: 'single' | 'multiple';
+    preset?: PresetConfig;
+    itemLayout?: ItemLayout;
+    variant?: SelectorVariant;
+    indicatorProps?: SelectorProps['indicatorProps'];
+}
+interface UsePresetPropsResult {
+    layout: LayoutConfig | null;
+    indicatorProps: SelectorProps['indicatorProps'];
+}
+/**
+ * 根据预设配置生成 layout 和 indicatorProps
+ * Layout 规则：
+ * - 根据 variant 和 preset.variant 计算布局样式
+ * IndicatorProps 规则：
+ * 1. 当 variant='card' 且 preset.variant='2' 时，indicator 默认 variant='filled'
+ * 2. 当 variant='media' 时，indicator 默认 variant='filled'
+ * 3. 外部传入的 indicatorProps 优先级更高（会合并到预设配置中）
+ */
+declare const usePresetProps: ({ layout, mode, preset, itemLayout, variant, indicatorProps, }: UsePresetPropsParams) => UsePresetPropsResult;
+export default usePresetProps;