@pisell/private-materials 6.11.49 → 6.11.51

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

@@ -0,0 +1,68 @@
+declare const _default: {
+    en: {
+        'pisell2.sku-card.search': string;
+        'pisell2.sku-card.stock': string;
+        'pisell2.sku-card.empty': string;
+        'pisell2.sku-card.gst': string;
+        'pisell2.sku-card.view-more': string;
+        'pisell2.sku-card.view-less': string;
+        'pisell2.sku-card.member-price': string;
+        'pisell2.sku-card.time.remaining': string;
+        'pisell2.sku-card.capacity': string;
+        'pisell2.sku-card.free': string;
+        'pisell2.sku-card.max': string;
+    };
+    'zh-CN': {
+        'pisell2.sku-card.search': string;
+        'pisell2.sku-card.stock': string;
+        'pisell2.sku-card.empty': string;
+        'pisell2.sku-card.gst': string;
+        'pisell2.sku-card.view-more': string;
+        'pisell2.sku-card.view-less': string;
+        'pisell2.sku-card.member-price': string;
+        'pisell2.sku-card.time.remaining': string;
+        'pisell2.sku-card.capacity': string;
+        'pisell2.sku-card.free': string;
+        'pisell2.sku-card.max': string;
+    };
+    'zh-HK': {
+        'pisell2.sku-card.search': string;
+        'pisell2.sku-card.stock': string;
+        'pisell2.sku-card.empty': string;
+        'pisell2.sku-card.gst': string;
+        'pisell2.sku-card.view-more': string;
+        'pisell2.sku-card.view-less': string;
+        'pisell2.sku-card.member-price': string;
+        'pisell2.sku-card.time.remaining': string;
+        'pisell2.sku-card.capacity': string;
+        'pisell2.sku-card.free': string;
+        'pisell2.sku-card.max': string;
+    };
+    ja: {
+        'pisell2.sku-card.search': string;
+        'pisell2.sku-card.stock': string;
+        'pisell2.sku-card.empty': string;
+        'pisell2.sku-card.gst': string;
+        'pisell2.sku-card.view-more': string;
+        'pisell2.sku-card.view-less': string;
+        'pisell2.sku-card.member-price': string;
+        'pisell2.sku-card.time.remaining': string;
+        'pisell2.sku-card.capacity': string;
+        'pisell2.sku-card.free': string;
+        'pisell2.sku-card.max': string;
+    };
+    pt: {
+        'pisell2.sku-card.search': string;
+        'pisell2.sku-card.stock': string;
+        'pisell2.sku-card.empty': string;
+        'pisell2.sku-card.gst': string;
+        'pisell2.sku-card.view-more': string;
+        'pisell2.sku-card.view-less': string;
+        'pisell2.sku-card.member-price': string;
+        'pisell2.sku-card.time.remaining': string;
+        'pisell2.sku-card.capacity': string;
+        'pisell2.sku-card.free': string;
+        'pisell2.sku-card.max': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,173 @@
+import { ProductCardConfig } from './type';
+export declare const promotionTagDefault: {
+    background: string;
+    padding: string;
+    borderRadius: number;
+    border: string;
+    color: string;
+    fontSize: number;
+    fontWeight: number;
+};
+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;
+                ja: string;
+                pt: 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/ProductCard/utils.d.ts

@@ -0,0 +1,49 @@
+import { ProductCardConfig } from './index';
+export declare const formatProductPrice: (item: any) => {
+    price: any;
+    original_price: any;
+};
+/**
+ * @description: 获取sku卡配置
+ * @param {ProductCardConfig} finalConfig
+ * @return {*}
+ */
+export declare const getSkuCardConfig: (finalConfig: ProductCardConfig) => {
+    skuCardConfig: {
+        displayMode: string;
+        paddingY: number;
+        paddingX: number;
+        isBorderVisible: boolean;
+        layoutDirection: "column" | "row";
+    };
+    skuActionConfig: {
+        isOpen: boolean;
+    };
+    skuExtraConfig: {
+        isOpen: boolean;
+    };
+    skuTextConfig: {
+        skuSubtitleConfig: {
+            isOpen: (0 | 1) | undefined;
+        };
+        skuNameConfig: {
+            isOpen: (0 | 1) | undefined;
+        };
+        skuPriceConfig: {
+            isOpen: (0 | 1) | undefined;
+            isPrice: (0 | 1) | undefined;
+            isShowZeroPrice: boolean | undefined;
+            isOriginPrice: (0 | 1) | undefined;
+        };
+        skuStockConfig: {
+            isOpen: (0 | 1) | undefined;
+        };
+    };
+    skuImageConfig: {
+        isCover: (0 | 1) | undefined;
+        width: string | undefined;
+        height: string | undefined;
+        isTextFallback: boolean;
+        radius: number | undefined;
+    };
+};

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

@@ -0,0 +1,46 @@
+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, { tabSwitchMode }?: {
+    tabSwitchMode?: "anchor" | "switch" | undefined;
+}) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
+};
+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) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
+};
+export declare const createCustomGrid: (config: string) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element | null>;
+};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+interface IProps {
+    className?: string;
+    loading?: boolean;
+    data: any[];
+    context: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    };
+    customScrollParent?: Element | null;
+    components?: {
+        List?: React.ComponentType<any>;
+        Item?: React.ComponentType<any>;
+        [key: string]: React.ComponentType<any> | undefined;
+    };
+    itemContent?: (index: number, data: any, context: any) => React.ReactNode;
+    itemSkeleton?: React.ReactNode;
+    [key: string]: any;
+}
+declare const ProductList: React.ForwardRefExoticComponent<Omit<IProps, "ref"> & React.RefAttributes<any>>;
+export default ProductList;
+export { createGridComponents, createTwoColumnGrid, createCustomGrid, GRID_LAYOUTS, type GridConfig, } from './gridComponents';

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, };