@pisell/private-materials 6.6.24 → 6.6.26

package/lib/plus/productSelect/ProductCard/SkuCard/status.d.ts

@@ -0,0 +1,162 @@
+import { ProductCardConfig } from './type';
+export declare const productCardDefault: ProductCardConfig;
+export declare const PREFIX = "pisell-product-sku";
+export declare const defaultProductCard: {
+    id: number;
+    extension_id: number;
+    extension_type: string;
+    shop_id: number;
+    title: string;
+    slug: string;
+    status: string;
+    stock_quantity: number;
+    sales_quantity: number;
+    sum_stock: number;
+    price: string;
+    original_price: string;
+    cost_price: string;
+    member_price: string;
+    cover: string;
+    channel_application: string[];
+    is_track: number;
+    over_sold: number;
+    is_gst: number;
+    code: string;
+    barcode: string;
+    is_delivery: number;
+    weight_unit: string;
+    weight_value: string;
+    type: string;
+    unit: string;
+    sort: number;
+    subtitle: string;
+    minimum_markup_price: string;
+    is_bundle: number;
+    bundle_group_count: number;
+    option_group_count: number;
+    is_variant: number;
+    variant_count: number;
+    cut_off_time: {
+        unit: number;
+        unit_type: string;
+        future_day: number;
+        type: string;
+        ongoing: {
+            type: string;
+            unit: number;
+        };
+    };
+    "schedule.ids": number[];
+    policy: number;
+    machine_code: {
+        make_over: number;
+        beforehand: number;
+        limit_count: number;
+        customer: number;
+        send_action: string;
+        hide_recharge: number;
+        distributor_automatic: number;
+    };
+    product_resource: {
+        resources: ({
+            id: number;
+            title: string;
+            status: number;
+            code: string;
+            created_at: string;
+            updated_at: string;
+            type: string;
+            optional_resource: number[];
+            default_resource: never[];
+            select_type: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            resource_type_id: number;
+        } | {
+            id: number;
+            title: string;
+            status: number;
+            code: string;
+            created_at: string;
+            updated_at: null;
+            type: string;
+            optional_resource: never[];
+            default_resource: never[];
+            select_type: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            resource_type_id: number;
+        })[];
+    };
+    capacity: {
+        type: string;
+        custom: {
+            name: {
+                en: string;
+                "zh-CN": string;
+                "zh-HK": string;
+                original: string;
+            };
+            min: number;
+            max: number;
+            id: string;
+        }[];
+        package: never[];
+    };
+    product_display_setting: {
+        kiosk: {
+            use_display_mode: number;
+            product_option_mode: null;
+            product_option_mode_paging: null;
+            product_bundle_mode: null;
+            product_bundle_mode_paging: null;
+        };
+    };
+    usage_credits: {
+        total_credits: number;
+        per_user_limit: number;
+        max_per_day: number;
+        max_per_week: number;
+        max_per_month: number;
+    };
+    shelf_product_datas: never[];
+    step_value: number;
+    min_num_unit: number;
+    schedules: {
+        id: number;
+        shop_id: number;
+        name: string;
+        color: string;
+        type: string;
+        start_time: string;
+        end_time: string;
+        note: string;
+        repeat_type: string;
+        repeat_rule: null;
+        designation: null;
+        is_all: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        order_count: number;
+        limit: number;
+        form_record_ids: never[];
+    }[];
+    is_charge_tax: number;
+    base_price: string;
+    variant: never[];
+    category: {
+        id: number;
+        name: string;
+        icon: string;
+        slug: string;
+        sort: number;
+    }[];
+    __typename: string;
+    __categoryId: number;
+};

package/lib/plus/productSelect/ProductCard/SkuCard/type.d.ts

@@ -0,0 +1,298 @@
+/// <reference types="react" />
+declare type BoolConfigVal = false | true;
+declare type IsVisible = 0 | 1;
+declare type SkuDisplayMode = 'display_a1' | 'display_a2' | 'display_a5' | 'display_a9' | 'display_custom';
+declare type SkuLayoutDirection = 'row' | 'column';
+declare type SkuImageSlotPosition = 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
+declare type SkuActionType = 'icon' | 'radio' | 'checkbox' | 'button';
+declare type SkuExtraStepperSize = 'large' | 'small';
+declare type SkuFavoritePosition = 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
+declare type SkuTagsSize = 'small' | 'medium' | 'large';
+export interface SkuCardConfig {
+    displayMode?: SkuDisplayMode;
+    layoutDirection?: SkuLayoutDirection;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    marginY?: number;
+    marginX?: number;
+    radius?: number;
+    isBorderVisible?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    isStatusOverlayVisible?: boolean;
+    statusOverlayText?: string;
+    isFoldable?: BoolConfigVal;
+    slot?: React.ReactNode;
+}
+export interface SkuImageConfig {
+    isCover?: BoolConfigVal;
+    width?: string;
+    height?: string;
+    isTextFallback?: BoolConfigVal;
+    background?: string;
+    radius?: number;
+    slot?: React.ReactNode;
+    slotPosition?: SkuImageSlotPosition;
+}
+export interface SkuProductNameConfig {
+    isOpen?: BoolConfigVal;
+    value?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    ellipsisCount?: number;
+}
+export interface SkuProductSubtitleConfig {
+    isOpen?: BoolConfigVal;
+    value?: any;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    ellipsisCount?: number;
+}
+export interface SkuProductPriceConfig {
+    isOpen?: BoolConfigVal;
+    isPrice?: BoolConfigVal;
+    priceFontSize?: number;
+    priceFontWeight?: number;
+    priceColor?: string;
+    isShowZeroPrice?: BoolConfigVal;
+    isShowFreePrice?: BoolConfigVal;
+    isOriginPrice?: BoolConfigVal;
+    originPriceFontSize?: number;
+    originPriceFontWeight?: number;
+    originPriceColor?: string;
+    isTaxPrice?: BoolConfigVal;
+    isCustomText?: BoolConfigVal;
+    customTextType?: string;
+    customTextValue?: number;
+    customTextMinValue?: number;
+    customTextMaxValue?: number;
+    isMiniPrice?: BoolConfigVal;
+}
+export interface SkuProductStockConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductCapacityConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductCountdownConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuProductMemberPriceConfig {
+    isOpen?: BoolConfigVal;
+    isMemberPrice?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    isIndicator?: BoolConfigVal;
+    indicatorBackground?: string;
+    indicatorPaddingY?: number;
+    indicatorPaddingX?: number;
+    indicatorMarginX?: number;
+    indicatorRadius?: number;
+    isIndicatorBorder?: BoolConfigVal;
+    indicatorBorderWidth?: number;
+    indicatorBorderColor?: string;
+    indicatorFontSize?: number;
+    indicatorFontWeight?: number;
+    indicatorColor?: string;
+    indicatorIcon?: React.ReactNode;
+    customText?: React.ReactNode;
+}
+export interface SkuDurationConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuTimeConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuResourceConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    customText?: React.ReactNode;
+}
+export interface SkuTextConfig {
+    paddingY?: number;
+    justifyContent?: string;
+    alignItems?: string;
+    slot?: React.ReactNode;
+}
+export interface SkuActionIconMethod {
+    icon?: React.ReactNode;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+}
+export interface SkuActionButtonMethod {
+    text?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+}
+export interface SkuActionConfig {
+    isOpen?: BoolConfigVal;
+    method?: SkuActionType;
+    iconMethod?: SkuActionIconMethod;
+    radioMethod?: SkuActionIconMethod;
+    checkboxMethod?: SkuActionButtonMethod;
+    buttonMethod?: SkuActionButtonMethod;
+    slot?: React.ReactNode;
+}
+export interface SkuExtraConfig {
+    isOpen?: BoolConfigVal;
+    isStepper?: BoolConfigVal;
+    stepperSize?: SkuExtraStepperSize;
+    stepperColor?: string;
+    isFavorite?: BoolConfigVal;
+    favoritePosition?: SkuFavoritePosition;
+    favoriteIcon?: React.ReactNode;
+    favoriteBackground?: string;
+    favoritePaddingY?: number;
+    favoritePaddingX?: number;
+    favoriteRadius?: number;
+    isFavoriteBorder?: BoolConfigVal;
+    favoriteBorderWidth?: number;
+    favoriteBorderColor?: string;
+    isTooltipTag?: BoolConfigVal;
+    isTooltipTagSlot?: any;
+}
+export interface SkuTagsGroupConfig {
+    title?: any;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+}
+export interface SkuTagsConfig {
+    isOpen?: BoolConfigVal;
+    lists?: SkuTagsGroupConfig[];
+    marginX?: number;
+    size?: SkuTagsSize;
+    isShowAll?: BoolConfigVal;
+    maxCount?: number;
+}
+export interface SkuPromotionsGroupConfig {
+    title?: any;
+    background?: string;
+    paddingY?: number;
+    paddingX?: number;
+    radius?: number;
+    isBorder?: BoolConfigVal;
+    borderWidth?: number;
+    borderColor?: string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+}
+export interface SkuPromotionsConfig {
+    isOpen?: BoolConfigVal;
+    lists?: SkuPromotionsGroupConfig[];
+    marginX?: number;
+    size?: SkuTagsSize;
+    isShowAll?: BoolConfigVal;
+    maxCount?: number;
+}
+export interface SkuStatusOverlayConfig {
+    isOpen?: BoolConfigVal;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    text?: string;
+    background?: string;
+    slot?: React.ReactNode;
+}
+export interface SkuTextWrapConfig {
+    infoConfig?: SkuTextConfig;
+    skuNameConfig?: SkuProductNameConfig;
+    skuSubtitleConfig?: SkuProductSubtitleConfig;
+    skuPriceConfig?: SkuProductPriceConfig;
+    skuStockConfig?: SkuProductStockConfig;
+    skuCapacityConfig?: SkuProductCapacityConfig;
+    skuCountdownConfig?: SkuProductCountdownConfig;
+    skuMemberPriceConfig?: SkuProductMemberPriceConfig;
+    skuDurationConfig?: SkuDurationConfig;
+    skuTimeConfig?: SkuTimeConfig;
+    skuResourceConfig?: SkuResourceConfig;
+    skuTagsConfig?: SkuTagsConfig;
+    skuPromotionsConfig?: SkuPromotionsConfig;
+}
+export interface DataSourceConfig {
+    title?: string;
+    subtitle?: string;
+    cover?: string;
+    price?: number;
+    original_price?: number | string;
+    tax_fee?: number | string;
+    stock?: number;
+    capacity?: number;
+    countdown?: number | string;
+    member_price?: number;
+    duration?: number;
+    time?: string;
+    resource?: string;
+    sortKeys?: string[];
+    warning_lists?: string[];
+    promotions?: any[];
+    resources?: string;
+    stock_quantity?: number;
+    is_track?: IsVisible;
+    tags?: any[];
+    tooltip_tags?: any[];
+    className?: string;
+    [key: string]: any;
+}
+export interface ProductCardConfig {
+    dataSource?: DataSourceConfig;
+    skuCardConfig?: SkuCardConfig;
+    skuImageConfig?: SkuImageConfig;
+    skuTextConfig?: SkuTextWrapConfig;
+    skuActionConfig?: SkuActionConfig;
+    skuExtraConfig?: SkuExtraConfig;
+    skuStatusOverlayConfig?: SkuStatusOverlayConfig;
+    className?: string;
+    onCardClick?: (item: any, extParams?: any) => void;
+    onFavorite?: (item: any, extParams?: any) => void;
+    onAction?: (item: any, extParams?: any) => void;
+    [key: string]: any;
+}
+export {};

package/lib/plus/productSelect/ProductCard/SkuCard/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 将扁平化的props转换为嵌套结构
+ * @description:
+ * @param {any} flatProps
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-09-01 11:25
+ */
+export declare const transformProps: (flatProps: any) => any;

package/lib/plus/productSelect/ProductList/gridComponents.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export interface GridConfig {
+    grid: boolean;
+    config: string;
+}
+export declare const parseGridConfig: (config: string) => number[];
+export declare const createGridComponents: (layout?: GridConfig | null) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};
+export declare const GRID_LAYOUTS: {
+    readonly SINGLE_COLUMN: {
+        readonly grid: false;
+        readonly config: "12";
+    };
+    readonly TWO_COLUMNS: {
+        readonly grid: true;
+        readonly config: "12:12";
+    };
+    readonly THREE_COLUMNS: {
+        readonly grid: true;
+        readonly config: "8:8:8";
+    };
+    readonly FOUR_COLUMNS: {
+        readonly grid: true;
+        readonly config: "6:6:6:6";
+    };
+    readonly UNEQUAL_TWO: {
+        readonly grid: true;
+        readonly config: "8:16";
+    };
+    readonly UNEQUAL_THREE: {
+        readonly grid: true;
+        readonly config: "6:12:6";
+    };
+};
+export declare const createTwoColumnGrid: () => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};
+export declare const createCustomGrid: (config: string) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};

package/lib/plus/productSelect/components/TabsStructure/TabsStructure.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { TabsStructureProps, TabListContainerProps, TabItemProps, RailProps, SelectionIndicatorProps, ScrollShadowProps, ChevronControlsProps, ChevronButtonProps } from './types';
+declare global {
+    interface WeakRef<T extends object> {
+        deref(): T | undefined;
+    }
+    interface WeakRefConstructor {
+        new <T extends object>(target: T): WeakRef<T>;
+    }
+    const WeakRef: WeakRefConstructor | undefined;
+}
+declare const TabListContainer: React.ForwardRefExoticComponent<Omit<TabListContainerProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const TabItem: React.ForwardRefExoticComponent<Omit<TabItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Rail: React.ForwardRefExoticComponent<Omit<RailProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectionIndicator: React.ForwardRefExoticComponent<Omit<SelectionIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollShadow: React.ForwardRefExoticComponent<Omit<ScrollShadowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChevronButton: React.ForwardRefExoticComponent<Omit<ChevronButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ChevronControls: React.FC<ChevronControlsProps>;
+declare type TabsStructureComponent = React.FC<TabsStructureProps> & {
+    Rail: typeof Rail;
+    ListContainer: typeof TabListContainer;
+    Item: typeof TabItem;
+    SelectionIndicator: typeof SelectionIndicator;
+    ScrollShadow: typeof ScrollShadow;
+    ChevronControls: typeof ChevronControls;
+    ChevronButton: typeof ChevronButton;
+};
+declare const TabsStructureWithSubComponents: TabsStructureComponent;
+export default TabsStructureWithSubComponents;
+export { TabListContainer, TabItem, Rail, SelectionIndicator, ScrollShadow, ChevronControls, ChevronButton, };

package/lib/plus/selectHolder/components/ErrorTip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => JSX.Element;
 export default ErrorTip;

package/lib/plus/selectHolder/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+    'zh-CN': {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+    'zh-HK': {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+};
+export default _default;

package/lib/plus/selectHolder/types.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+/**
+ * @title: 选项数据类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface HolderOption {
+    /** 显示的标签文本 */
+    label: string;
+    /** 选项的值（唯一标识） */
+    value: any;
+    /** 头像地址 */
+    avatar?: string;
+    /** 副标题/描述 */
+    subtitle?: string;
+    /** 其他字段 */
+    [key: string]: any;
+}
+/**
+ * @title: 模态框配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderModalProps {
+    title?: string;
+    confirmText?: string;
+    showClose?: boolean;
+}
+/**
+ * @title: 字段展示配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderDisplayProps {
+    showAvatar?: boolean;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    isSkipable?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    selectType?: 'single' | 'multiple';
+    showExtraFields?: boolean;
+    extraFields?: any[];
+}
+/**
+ * @title: SelectHolder 组件属性
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface PisellSelectHolderProps {
+    /** 选项列表 */
+    dataSource?: HolderOption[];
+    /** 是否打开模态框 */
+    open?: boolean;
+    /** 关闭事件（右上角 X 按钮） */
+    onClose?: () => void;
+    /** 确认事件，返回选中的值 */
+    onConfirm?: (selected: any) => void;
+    /** 跳过事件（底部跳过按钮） */
+    onSkip?: () => void;
+    /** 点击添加按钮事件 */
+    onAdd?: () => void;
+    /** 当前选中的值(单选) 或 选中的值数组(多选) */
+    value?: any;
+    modalConfig?: HolderModalProps;
+    displayConfig?: HolderDisplayProps;
+    /** 是否禁用确认按钮 */
+    disabled?: boolean;
+    /** 错误提示文案 */
+    errorTipText?: string;
+    /** 是否显示添加按钮 */
+    allowAdd?: boolean;
+    /** 添加按钮文案 */
+    addText?: string;
+    /** 每行显示的列数 */
+    columns?: number;
+    /** 水平间距 */
+    horizontalGap?: number;
+    /** 垂直间距 */
+    verticalGap?: number;
+    /** 最大可选数量 */
+    maxSelectedCount?: number;
+    /** 是否内联模式（不显示弹窗，直接渲染内容，用于页面级别） */
+    isInline?: boolean;
+    /** 内联模式的容器样式类名 */
+    className?: string;
+    /** 内联模式的容器样式 */
+    style?: React.CSSProperties;
+}
+export interface HolderItemProps {
+    item: HolderOption;
+    displayDirection?: 'horizontal' | 'vertical';
+    displayConfig?: HolderDisplayProps;
+    onClick?: (value?: any) => void;
+    value?: any;
+    isAddItem?: boolean;
+}

package/lib/plus/selectHolder/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 获取头像文本
+ * @description: 获取头像文本（标签的首字母，最多两个单词）
+ * @param {string} label
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 13:46
+ */
+export declare const getAvatarText: (label: string) => string;