@pisell/private-materials 6.3.9 → 6.3.10

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;
+}
+export interface WalletMetadata {
+    name: MultiLanguageName;
+    welcomeText?: string | MultiLanguageName;
+    customerName?: string;
+    coverImage?: string;
+    icon?: string;
+    barcodetype: 'barCode' | 'orCode';
+    showcaseWalletPass?: ('rechargeable' | 'piont' | 'voucher' | 'discount')[];
+}
+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 WalletBalanceItem {
+    key: string;
+    label: string;
+    value: number;
+}
+export interface WalletCardItem {
+    key: string;
+    label: string;
+    hidden: boolean;
+    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' | 'orCode';
+        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' | 'orCode';
+    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;
+        };
+    }>;
+}

package/lib/components/workSpaceList/components/AppearanceEdit/constants.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IconItem {
+    name: string;
+    icon: React.ComponentType;
+}
+export declare const icons: IconItem[];
+export declare const iconMap: Record<string, React.ComponentType>;
+export {};

package/lib/components/workSpaceList/components/Card/constants.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from 'antd';
+export declare const items: MenuProps['items'];

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

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

package/lib/components/workSpaceList/components/WorkspaceItem/index.d.ts

@@ -0,0 +1,22 @@
+import { CardListProps } from './../CardList';
+import { SearchBarProps } from './../SearchBar';
+import { FC } from 'react';
+import './index.less';
+export interface WorkspaceItemProps {
+    title: string;
+    describe?: string;
+    data: any[];
+    isDetail?: boolean;
+    id: number;
+    onSort?: SearchBarProps['onSort'];
+    onAddBase: SearchBarProps['onAddBase'];
+    onRefresh?: () => void;
+    onDelete?: () => void;
+    onDeleteBase?: (id: number) => void;
+    onUpdateBase?: CardListProps['onUpdateBase'];
+    loading?: boolean;
+    scrollRef?: any;
+    baseCount?: number;
+}
+declare const WorkspaceItem: FC<WorkspaceItemProps>;
+export default WorkspaceItem;

package/lib/hooks/useEngineContext.d.ts

@@ -0,0 +1,10 @@
+declare type IEngineContext = {
+    appHelper: any;
+    engine: any;
+    blockContext: any;
+    components: any;
+    pageContext: any;
+};
+declare const useEngineContext: () => IEngineContext;
+export declare const usePisellOS: () => any;
+export default useEngineContext;

package/lib/hooks/useLocale.d.ts

@@ -0,0 +1,2 @@
+declare const useLocale: () => any;
+export default useLocale;

package/lib/hooks/useLoginUser.d.ts

@@ -0,0 +1,2 @@
+declare const useLoginUser: () => any;
+export default useLoginUser;

package/lib/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+interface UseWindowSizeOptions {
+    debounceMs?: number;
+}
+export declare const useWindowSize: (options?: UseWindowSizeOptions) => void;
+export {};

package/lib/plus/productSelect/CategoryTabs/CategorySkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './CategorySkeleton.less';
+interface CategorySkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabCount?: number;
+    animated?: boolean;
+}
+declare const CategorySkeleton: React.FC<CategorySkeletonProps>;
+export default CategorySkeleton;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import '../components/TabsStructure/TabsStructure.less';
+import CategorySkeleton from './CategorySkeleton';
+declare type TabItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+};
+interface IProps {
+    items: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    loading?: boolean;
+    skeleton?: React.ReactNode;
+}
+declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default CategoryTabs;
+export { CategorySkeleton };

package/lib/plus/productSelect/ProductCard/ProductCardSkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ProductCardSkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    isProductCover?: boolean;
+    item?: any;
+    index?: number;
+}
+declare const ProductCardSkeleton: React.FC<ProductCardSkeletonProps>;
+export default ProductCardSkeleton;

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/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/IntersectionObserver.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ReactNode, CSSProperties } from 'react';
+declare global {
+    interface Window {
+        IntersectionObserver: typeof IntersectionObserver;
+    }
+}
+interface IntersectionObserverContextValue {
+    initialized: boolean;
+    register: (params: {
+        ref: React.RefObject<HTMLElement>;
+        callback: (entry: IntersectionObserverEntry) => void;
+    }) => void;
+    unregister: (params: {
+        ref: React.RefObject<HTMLElement>;
+    }) => void;
+}
+declare type PriorityMode = 'top' | 'bottom' | 'left' | 'right' | undefined;
+interface IntersectionObserverProps {
+    children: ReactNode;
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    priorityMode?: PriorityMode;
+}
+interface IntersectionTriggerOptions {
+    once?: boolean;
+    onHide?: (cleanup: () => void) => void;
+    onShow?: (cleanup: () => void) => void;
+}
+interface IntersectionTriggerProps extends IntersectionTriggerOptions {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const IntersectionObserverContext: React.Context<IntersectionObserverContextValue>;
+declare const Consumer: React.Consumer<IntersectionObserverContextValue>;
+export declare const IntersectionObserverProvider: React.FC<IntersectionObserverProps>;
+export declare const IntersectionTrigger: React.FC<IntersectionTriggerProps>;
+export type { IntersectionObserverProps, IntersectionTriggerProps, IntersectionTriggerOptions, IntersectionObserverContextValue, PriorityMode, };
+export { IntersectionObserverContext, Consumer as IntersectionObserverConsumer, };
+export default IntersectionObserverProvider;

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/productSelect/components/TabsStructure/hooks.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+interface UseSelectionIndicatorReturn {
+    selectionIndicatorProps: {
+        focusRingClasses: string;
+        isFocusVisible: boolean;
+        style: React.CSSProperties;
+    };
+    listContainerProps: {
+        onFocus: (event: React.FocusEvent) => void;
+        onBlur: () => void;
+        onMouseDown: () => void;
+    };
+}
+/**
+ * Hook for managing selection indicator position with enhanced features
+ * @param containerRef - Ref to the tab container
+ * @param selectedTabId - ID of the currently selected tab (optional)
+ * @param transition - Custom transition string (optional)
+ * @returns Selection indicator props and list container props
+ */
+export declare function useSelectionIndicator(containerRef: React.RefObject<HTMLElement>, selectedTabId?: string, transition?: string): UseSelectionIndicatorReturn;
+export {};

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

@@ -0,0 +1,5 @@
+export { default as TabsStructure, TabListContainer, TabItem, Rail, SelectionIndicator, ScrollShadow, ChevronControls, ChevronButton } from './TabsStructure';
+export type { TabsStructureProps, TabListContainerProps, TabItemProps, RailProps, SelectionIndicatorProps, ScrollShadowProps, ChevronControlsProps, ChevronButtonProps, TabContextValue, ScrollLocation, TabWrapperClasses, TabListClasses, TabItemClasses, RailClasses, SelectionClasses, ShadowClasses, ChevronClasses, } from './types';
+export { tabWrapperClasses, tabListClasses, tabItemClasses, railClasses, selectionClasses, shadowClasses, chevronClasses, chevronButtonClasses, tabWrapperClassNames, tabListClassNames, tabItemClassNames, railClassNames, selectionClassNames, shadowClassNames, chevronClassNames } from './styles';
+export { debounce, mergeRefs } from './utils';
+export { useSelectionIndicator, } from './hooks';

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

@@ -0,0 +1,47 @@
+/**
+ * CSS Classes mapping for TabComponent
+ */
+import { TabWrapperClasses, TabListClasses, TabItemClasses, RailClasses, SelectionClasses, ShadowClasses, ChevronClasses } from './types';
+export declare const tabWrapperClasses: TabWrapperClasses;
+export declare const tabListClasses: TabListClasses;
+export declare const tabItemClasses: TabItemClasses;
+export declare const railClasses: RailClasses;
+export declare const selectionClasses: SelectionClasses;
+export declare const shadowClasses: ShadowClasses;
+export declare const chevronClasses: ChevronClasses;
+export declare const chevronButtonClasses: {
+    button: string;
+    disabled: string;
+    prev: string;
+    next: string;
+};
+export declare const tabWrapperClassNames: {
+    wrapper: string;
+};
+export declare const tabListClassNames: {
+    list: string;
+};
+export declare const tabItemClassNames: {
+    item: string;
+    selected: string;
+    disabled: string;
+};
+export declare const railClassNames: {
+    rail: string;
+};
+export declare const selectionClassNames: {
+    selection: string;
+    position: string;
+    focused: string;
+};
+export declare const shadowClassNames: {
+    shadow: string;
+    isVisible: string;
+    locationStart: string;
+    locationEnd: string;
+};
+export declare const chevronClassNames: {
+    controls: string;
+    button: string;
+    disabled: string;
+};

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

@@ -0,0 +1,105 @@
+import React from 'react';
+export declare type ScrollLocation = 'start' | 'end';
+export interface TabContextValue {
+    selectedTab?: string;
+    onTabChange?: (tabId: string) => void;
+    registerTab?: (tabId: string, element: HTMLElement) => void;
+    unregisterTab?: (tabId: string) => void;
+    railRef?: React.RefObject<HTMLDivElement>;
+}
+export interface TabsStructureProps {
+    children?: React.ReactNode;
+    className?: string;
+    /** 当前选中的tab */
+    selectedTab?: string;
+    /** tab变更回调 */
+    onTabChange?: (tabId: string) => void;
+    /** 是否启用自动滚动到选中tab */
+    autoScrollToSelected?: boolean;
+    /** Rail组件的ref，用于手动控制滚动等操作 */
+    railRef?: React.RefObject<HTMLDivElement>;
+    [key: string]: any;
+}
+export interface TabListContainerProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface TabItemProps {
+    children?: React.ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    className?: string;
+    onClick?: (key?: string) => void;
+    /** Tab的唯一标识符 */
+    tabId?: string;
+    /** 是否自动注册到上下文 */
+    autoRegister?: boolean;
+    [key: string]: any;
+}
+export interface RailProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface SelectionIndicatorProps {
+    focusRingClasses?: string;
+    isFocusVisible?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+export interface ScrollShadowProps {
+    location: ScrollLocation;
+    visible: boolean;
+    className?: string;
+    [key: string]: any;
+}
+export interface ChevronButtonProps {
+    direction: 'prev' | 'next';
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+    'aria-label'?: string;
+    [key: string]: any;
+}
+export interface ChevronControlsProps {
+    isPrevDisabled?: boolean;
+    isNextDisabled?: boolean;
+    onPrevClick?: () => void;
+    onNextClick?: () => void;
+    className?: string;
+    prevAction?: () => void;
+    nextAction?: () => void;
+    [key: string]: any;
+}
+export interface TabWrapperClasses {
+    wrapper: string;
+}
+export interface TabListClasses {
+    list: string;
+}
+export interface TabItemClasses {
+    item: string;
+    selected: string;
+    disabled: string;
+}
+export interface RailClasses {
+    rail: string;
+}
+export interface SelectionClasses {
+    selection: string;
+    position: string;
+    focused: string;
+}
+export interface ShadowClasses {
+    shadow: string;
+    isVisible: string;
+    locationStart: string;
+    locationEnd: string;
+}
+export interface ChevronClasses {
+    controls: string;
+    button: string;
+    disabled: string;
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+/**
+ * 安全的滚动函数，包含错误处理和边界检查
+ * @param element - 要滚动的元素
+ * @param options - 滚动选项
+ */
+export declare function safeScrollTo(element: HTMLElement | null, options: {
+    left?: number;
+    behavior?: ScrollBehavior;
+}): boolean;

package/lib/plus/productSelect/hooks/useToken.d.ts

@@ -0,0 +1,18 @@
+import { ProductSelectToken } from '../theme/token';
+export declare function useToken(customToken?: Partial<ProductSelectToken>): {
+    colorPrimary: string;
+    colorText: string;
+    colorTextSecondary: string;
+    searchInputColor: string;
+    containerBg: string;
+    tabItemBg: string;
+    tabItemHoverBg: string;
+    tabItemActiveBg: string;
+    categoryTextColor: string;
+    cardBg: string;
+    cardHoverBg: string;
+    cardSelectedBg: string;
+    cardSelectedTextColor: string;
+    cardSelectedSecondaryTextColor: string;
+};
+export declare function genCSSVars(token: ProductSelectToken): Record<string, string>;