@pisell/private-materials 6.8.31 → 6.8.32

package/lib/components/walletList/types/index.d.ts

@@ -0,0 +1,194 @@
+import React from 'react';
+export interface MultiLanguageName {
+    original: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    en: string;
+    [key: string]: string;
+}
+declare type WalletPassType = 'rechargeable' | 'point' | 'voucher' | 'discount';
+export interface WalletMetadata {
+    name: MultiLanguageName;
+    welcomeText?: string | MultiLanguageName;
+    customerName?: string;
+    coverImage?: string;
+    icon?: string;
+    showcaseWalletPassNew?: Array<{
+        type: WalletPassType;
+        custom_title?: string | MultiLanguageName;
+        display?: 0 | 1;
+    }>;
+}
+export interface Shop {
+    id: number;
+    name: string;
+    default_url: string;
+}
+export interface Wallet {
+    id: string | null;
+    shop_id: string | null;
+    shop?: Shop;
+    status: string | null;
+    name: MultiLanguageName;
+    valid_for: {
+        type: string;
+        unit?: string;
+        unit_type?: string;
+        custom_date?: string;
+    };
+    metadata: WalletMetadata;
+    created_at: string | null;
+}
+export interface WalletPass {
+    id: string | null;
+    shop_id: string | null;
+    code: string;
+    status: string | null;
+    wallet_id: string | null;
+    customer_id: string | null;
+    expired_at: string | null;
+    created_at: string;
+    shop: Shop;
+    wallet: Wallet;
+    icon?: string;
+    isLogin?: boolean;
+    showIcon?: boolean;
+}
+export interface WalletBalance {
+    gift_card_balance: number;
+    point_card_balance: number;
+    voucher_count: number;
+    discount_card_count: number;
+}
+export interface WalletCardItem {
+    type: WalletPassType;
+    custom_title?: string | MultiLanguageName;
+    display: 0 | 1;
+    value?: number;
+}
+export interface State {
+    list: WalletPass[];
+    balance: WalletBalance | null;
+    loading: boolean;
+    error: Error | null;
+    authError?: boolean;
+    hasAttempted: boolean;
+    isLoggedIn?: boolean;
+}
+export interface Action {
+    type: string;
+    payload: Partial<State>;
+}
+export interface Balance {
+    gift_card_balance: number;
+    point_card_balance: number;
+    voucher_count: number;
+    discount_card_count: number;
+}
+export interface IWallList {
+    tag?: string;
+    sales_status?: string;
+    machine_search?: string;
+    createdDate?: string;
+    limit_status?: string;
+    relation_id?: string;
+    relation_type?: string;
+    customer_id?: string;
+    sort?: string;
+    order_by?: string;
+    used_status?: string;
+    num?: number;
+    skip?: number;
+}
+export interface WalletListProps {
+    globalState?: {
+        platform?: 'pc' | 'h5' | 'ipad';
+        mode?: 'dark' | 'light';
+        cardStyle?: 'normal' | 'full';
+        codeType?: 'barCode' | 'qrCode';
+        codeDirection?: 'bottom' | 'top';
+        shopName?: boolean;
+        showWalletName?: boolean;
+        showShopName?: boolean;
+        cardNo?: string;
+        showCardNo?: boolean;
+        showCode?: boolean;
+        points?: boolean;
+        balance?: boolean;
+        coupon?: boolean;
+        pointsValue?: number;
+        balanceValue?: number;
+        couponValue?: number;
+        symbol?: string;
+        showIcon?: boolean;
+        iconImg?: string;
+        customBackgroundImage?: string;
+        walletName?: string;
+    };
+}
+export interface WalletCardProps {
+    platform?: 'pc' | 'h5' | 'ipad';
+    mode?: 'dark' | 'light';
+    cardStyle?: 'normal' | 'full';
+    codeType?: 'barCode' | 'qrCode';
+    codeDirection?: 'bottom' | 'top';
+    shopName?: boolean;
+    showIcon?: boolean;
+    iconImg?: string;
+    showWalletName?: boolean;
+    showShopName?: boolean;
+    cardNo?: string;
+    showCardNo?: boolean;
+    showCode?: boolean;
+    points?: boolean;
+    balance?: boolean;
+    coupon?: boolean;
+    pointsValue?: number;
+    balanceValue?: number;
+    couponValue?: number;
+    isLogin?: boolean;
+    items: WalletCardItem[];
+}
+export interface DivProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export interface WalletListContextType {
+    state: State;
+    dispatch: React.Dispatch<Action>;
+}
+export declare const DEFAULT_CARD_CONFIG: {
+    readonly mode: "light";
+    readonly cardStyle: "normal";
+    readonly codeDirection: "bottom";
+    readonly showShopName: true;
+    readonly showWalletName: true;
+    readonly showIcon: true;
+    readonly iconImg: "";
+    readonly showCardNo: true;
+    readonly showCode: true;
+    readonly points: true;
+    readonly balance: true;
+    readonly coupon: true;
+};
+export interface CarouselSettings {
+    className: string;
+    arrows: boolean;
+    infinite: boolean;
+    slidesToShow: number;
+    slidesToScroll: number;
+    centerMode: boolean;
+    centerPadding: string;
+    autoplay: boolean;
+    autoplaySpeed: number;
+    dots: boolean;
+    appendDots?: (dots: React.ReactNode) => React.ReactNode;
+    responsive?: Array<{
+        breakpoint: number;
+        settings: {
+            slidesToShow: number;
+            slidesToScroll: number;
+            centerPadding: string;
+        };
+    }>;
+}
+export {};

package/lib/plus/clientName/index.d.ts

@@ -0,0 +1,4 @@
+import './index.less';
+import { IClientNameProps } from './type';
+declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;
+export default ClientName;

package/lib/plus/clientName/type.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare type ClientData = {
+    display_name?: string;
+    nickname?: string;
+    first_name?: string;
+    last_name?: string;
+    [key: string]: any;
+};
+export interface IClientNameProps {
+    dataSource?: string | ClientData | null;
+    className?: string;
+    style?: React.CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+import { ClientData } from './type';
+export declare const getClientName: (dataSource: string | ClientData | null) => string | null;

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/lib/plus/contactInfo/components/SwipeAction/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

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

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-CN': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-HK': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,91 @@
+import React, { CSSProperties } from 'react';
+/**
+ * 联系信息数据
+ */
+export interface ContactInfoData {
+    first_name?: string;
+    last_name?: string;
+    phone?: {
+        phone: string;
+        country_calling_code: string;
+        country_code?: string;
+    };
+    email?: string;
+    avatar?: string;
+}
+/**
+ * 卡片布局类型
+ */
+export declare type Direction = 'horizontal' | 'vertical';
+/**
+ * 头像尺寸类型
+ */
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * 头像形状类型
+ */
+export declare type AvatarShape = 'circle' | 'square';
+/**
+ * 头像配置
+ */
+export interface AvatarConfig {
+    shape?: AvatarShape;
+    borderRadius?: number;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+/**
+ * 姓名样式配置
+ */
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+/**
+ * 文本样式配置
+ */
+export interface TextStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+}
+/**
+ * ContactInfo 组件属性接口
+ */
+export interface ContactInfoProps {
+    dataSource?: ContactInfoData;
+    defaultName?: string;
+    placeholder?: string | React.ReactNode;
+    isShowDelete?: boolean;
+    children?: React.ReactNode;
+    direction?: Direction;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    isShowAvatar?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    avatar?: AvatarConfig;
+    style?: StyleConfig;
+    nameStyle?: NameStyle;
+    textStyle?: TextStyle;
+    placeholderStyle?: CSSProperties;
+    button?: {
+        addButtonIcon?: string;
+        editButtonIcon?: string;
+    };
+    onSave?: (value: any) => void;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}

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

@@ -0,0 +1,7 @@
+interface FieldMapping<T = any, R = any> {
+    [key: string]: string | ((data: T) => R) | undefined;
+}
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string): R | undefined;
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string, mapping: FieldMapping<T, R>): R | undefined;
+export declare const getAvatarText: (name: string) => string;
+export {};

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

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-CN': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-HK': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+};
+export default _default;

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA5/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardA9/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/SkuCardCustom/index.d.ts

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

package/lib/plus/productSelect/ProductCard/SkuCard/components/CardCom/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const CardCom: ({ props, className }: {

package/lib/plus/productSelect/ProductCard/SkuCard/components/CardWrapper/index.d.ts

@@ -0,0 +1,4 @@
+import { ProductCardConfig } from '../../type';
+import './index.less';
+declare const CardWrapper: (props: ProductCardConfig) => JSX.Element;
+export default CardWrapper;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Price/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const Price: ({ props }: {

package/lib/plus/productSelect/ProductCard/SkuCard/components/Price/index.js

@@ -117,7 +117,7 @@ var Price = ({ props }) => {
       value: (dataSource == null ? void 0 : dataSource.tax_fee) || 0,
       isMini: isMiniPrice
     }
-  ), `)`) : null, isOriginPrice && parseFloat(String((dataSource == null ? void 0 : dataSource.original_price) || 0)) ? /* @__PURE__ */ import_react.default.createElement(
+  ), `)`) : null, isOriginPrice && parseFloat(String((dataSource == null ? void 0 : dataSource.original_price) || 0)) > 0 && parseFloat(String((dataSource == null ? void 0 : dataSource.original_price) || 0)) !== parseFloat(String((dataSource == null ? void 0 : dataSource.price) || 0)) ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `${import_status.PREFIX}__card-original-price`,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SkuCard: {
     (props: any): JSX.Element | null;
     A1: (props: any) => JSX.Element;

package/lib/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) => JSX.Element>;
+export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    } | undefined;
+}) => JSX.Element>;
+export default ProductCard;
+export { ProductCardSkeleton };

package/lib/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/lib/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 declare const NormalCard: (props: RenderItemProps & {
     parentDataSource: any;

package/lib/plus/walletEditor/components/JsonEditor/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface JsonEditorProps {
+    value?: any;
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    rows?: number;
+    style?: React.CSSProperties;
+}
+declare const JsonEditor: React.FC<JsonEditorProps>;
+export default JsonEditor;

package/lib/plus/walletEditor/components/ValidityPeriodSelector/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export declare type ValidityPeriodValue = {
+    type: 'normal';
+    unit: string;
+    unit_type: 'day' | 'month' | 'year';
+} | {
+    type: 'custom';
+    custom_date?: string;
+} | {
+    type: 'forever';
+};
+export interface ValidityPeriodSelectorProps {
+    value?: ValidityPeriodValue;
+    onChange?: (value: ValidityPeriodValue) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    options?: readonly ValidityPeriodValue[];
+}
+declare const ValidityPeriodSelector: React.FC<ValidityPeriodSelectorProps>;
+export default ValidityPeriodSelector;

package/lib/plus/walletEditor/components/relationProduct/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './index.less';
+declare const RelationProduct: ({ value, onChange, }: {
+    value?: string[] | undefined;
+    onChange?: ((val: string[]) => void) | undefined;
+}) => JSX.Element | null;
+export default RelationProduct;