@pisell/private-materials 6.8.5 → 6.8.7

package/es/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/es/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/es/plus/productSelect/ProductCard/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import ProductCardSkeleton from './ProductCardSkeleton';
+import './index.less';
+declare type BoolConfigVal = 0 | 1;
+export interface ProductCardConfig {
+    isProductCover?: BoolConfigVal;
+    imgWidth?: string;
+    imgHeight?: string;
+    radius?: number;
+    isTitle?: BoolConfigVal;
+    isSubtitle?: BoolConfigVal;
+    showSpec?: boolean;
+    isTag?: BoolConfigVal;
+    isPrice?: BoolConfigVal;
+    isOriginPrice?: BoolConfigVal;
+    showZeroPrice?: boolean;
+    showMarketingTag?: boolean;
+    showRemark?: boolean;
+    isStock?: BoolConfigVal;
+}
+export interface ProductCardProps {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    };
+    className?: string;
+    onSelectProduct?: (item: any) => void;
+    currentProductId?: number;
+    onSelect?: (item: any) => void;
+    onSelectCover?: (item: any) => void;
+    onSelectInfo?: (item: any) => void;
+    isSelected?: boolean;
+    decorateConfig?: ProductCardConfig;
+}
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => React.JSX.Element>;
+export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    } | undefined;
+}) => React.JSX.Element>;
+export default ProductCard;
+export { ProductCardSkeleton };

package/es/plus/productSelect/ProductCard/index.js

@@ -130,7 +130,7 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
       width: imgWidth || 'auto',
       height: imgHeight || 'auto'
     },
-    onClick: function onClick() {
+    onPointerUp: function onPointerUp() {
       onSelectCover === null || onSelectCover === void 0 || onSelectCover(item);
     }
   }, item.cover ? /*#__PURE__*/React.createElement("img", {
@@ -147,7 +147,7 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
     }
   }, getTextCover(item.title))) : null, /*#__PURE__*/React.createElement("div", {
     className: "card-right",
-    onClick: function onClick() {
+    onPointerUp: function onPointerUp() {
       onSelectInfo === null || onSelectInfo === void 0 || onSelectInfo(item);
     }
   }, !!isTitle ? /*#__PURE__*/React.createElement("div", {

package/es/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/es/plus/productSelect/utils.d.ts

@@ -0,0 +1,39 @@
+interface Product {
+    id: number;
+    title: string;
+    sort?: number;
+    category: Array<{
+        id: number;
+        name: string;
+        icon?: string;
+        slug: string;
+        sort: number;
+    }>;
+    [key: string]: any;
+}
+interface CategoryItem {
+    __typename: 'category';
+    id: number;
+    name: string;
+    icon?: string;
+    slug: string;
+    sort: number;
+}
+interface ProductItem extends Product {
+    __typename?: 'product';
+}
+declare type ListItem = CategoryItem | ProductItem;
+/**
+ * 按目录对商品进行分组，产出平级的数据结构用于虚拟列表渲染
+ * @param products 商品列表
+ * @returns 包含目录项和商品项的平级数组
+ */
+export declare function groupProductsByCategory(products: Product[]): ListItem[];
+/**
+ * 根据传入的元素标识符获取DOM元素
+ * @param elementIdentifier 元素标识符，可以是HTMLElement、带'#'的id、带'.'的类名或CSS选择器
+ * @returns 找到的DOM元素或null
+ */
+export declare function getElementByIdentifier(elementIdentifier: HTMLElement | string | null | undefined): HTMLElement | null;
+export declare const getOffsetTopRelativeToScrollContainer: (targetElement: HTMLElement, scrollContainer: HTMLElement) => number;
+export {};

package/es/plus/walletEditor/locales.d.ts

@@ -0,0 +1,126 @@
+declare const _default: {
+    en: {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+    'zh-CN': {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+    'zh-HK': {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+};
+export default _default;