@anker-in/headless-ui 1.0.26-alpha.1762425661848 → 1.0.26-alpha.1762426225057

package/dist/esm/biz-components/GraphicOverlay/types.d.ts

@@ -0,0 +1,33 @@
+import type { Media, Shape, Theme } from '../../types/props';
+export type Item = {
+    theme?: Theme;
+    title: string;
+    description: string;
+    imageUrl: Media;
+    imageMobileUrl?: Media;
+    tabName?: string;
+    width?: 'full' | 'half' | 'one-third';
+    blockLink?: string;
+    primaryButton: {
+        text: string;
+        link: string;
+    };
+    secondaryButton: {
+        text: string;
+        link: string;
+    };
+    video?: {
+        url: string;
+    };
+    youtubeId?: string;
+    isYouTube?: boolean;
+};
+export type GraphicOverlayProps = {
+    data: {
+        shape?: Shape;
+        items: ({
+            width?: 'full' | 'half' | 'one-third';
+        } & Item)[];
+    };
+    className?: string;
+};

package/dist/esm/biz-components/HeaderNavigation/NavProvider.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+import { HeaderNavigationMenu } from './types.js';
+import type { UserProfile } from './types.js';
+interface NavContextType {
+    buildProps: {
+        products?: Product[];
+        categories?: Record<string, any>;
+    };
+    cartCount: number;
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+        join?: () => void;
+        login?: () => void;
+    };
+    profile?: UserProfile;
+    isMobile?: boolean;
+    payloadData: any;
+    currentMenu?: HeaderNavigationMenu;
+    setCurrentMenu?: (menu: HeaderNavigationMenu) => void;
+    currentSeriesMetadata?: any;
+    setCurrentSeriesMetadata?: (metadata: any) => void;
+    subSubCategory?: any;
+    setSubSubCategory?: (category: any) => void;
+    onSeriesProductClick?: (seriesProduct: any, position: number, seriesLabel?: string) => void;
+    onSidebarNavClick?: (series: any, index: number, subSubindex?: number) => void;
+}
+export declare const NavContext: React.Context<NavContextType>;
+export declare const useNavContext: () => NavContextType;
+declare const NavProvider: ({ children, ...rest }: {
+    children: React.ReactNode;
+} & NavContextType) => import("react/jsx-runtime").JSX.Element;
+export default NavProvider;

package/dist/esm/biz-components/HeaderNavigation/icons/AnkerLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AnkerLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AnkerLogo;

package/dist/esm/biz-components/HeaderNavigation/icons/Cart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Cart: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Cart;

package/dist/esm/biz-components/HeaderNavigation/icons/Close.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Close;

package/dist/esm/biz-components/HeaderNavigation/icons/DownArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DownArrow;

package/dist/esm/biz-components/HeaderNavigation/icons/LeftArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LeftArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LeftArrow;

package/dist/esm/biz-components/HeaderNavigation/icons/LogoLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogoLine: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LogoLine;

package/dist/esm/biz-components/HeaderNavigation/icons/Menu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Menu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/esm/biz-components/HeaderNavigation/icons/Polygon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Polygon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Polygon;

package/dist/esm/biz-components/HeaderNavigation/icons/RightArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const RightArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default RightArrow;

package/dist/esm/biz-components/HeaderNavigation/icons/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Search;

package/dist/esm/biz-components/HeaderNavigation/icons/User.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const User: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default User;

package/dist/esm/biz-components/HeaderNavigation/icons/index.d.ts

@@ -0,0 +1,12 @@
+import AnkerLogo from './AnkerLogo.js';
+import LogoLine from './LogoLine.js';
+import Menu from './Menu.js';
+import Search from './Search.js';
+import Cart from './Cart.js';
+import Close from './Close.js';
+import User from './User.js';
+import RightArrow from './RightArrow.js';
+import LeftArrow from './LeftArrow.js';
+import DownArrow from './DownArrow.js';
+import Polygon from './Polygon.js';
+export { AnkerLogo, Menu, Search, Cart, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine, Polygon };

package/dist/esm/biz-components/HeaderNavigation/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HeaderNavigationProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeaderNavigationProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/HeaderNavigation/types.d.ts

@@ -0,0 +1,103 @@
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+export interface HeaderNavigationProps {
+    data: any;
+    onPrimaryNavClick?: (category: any, position: number) => void;
+    onSidebarNavClick?: (series: any, index: number) => void;
+    onSeriesProductClick?: (product: any, position: number) => void;
+    searchResult?: any;
+    onSearch?: (value?: string) => void;
+    isSearching?: boolean;
+    keywords?: {
+        search_term: string;
+        search_date: string;
+        shopify_domain: string;
+        counts: number;
+    }[];
+    headerId?: string;
+    cartCount: number;
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+        join?: () => void;
+        login?: () => void;
+    };
+    buildProps: {
+        products?: Product[];
+        categories?: Record<string, any>;
+    };
+    profile?: UserProfile;
+    theme?: string;
+    isTop?: boolean;
+}
+export interface MobilePrimaryNavigationData {
+    actions: any;
+    menuOpen?: boolean;
+    onMenuOpenClick: () => void;
+    onMenuOpenClose: () => void;
+}
+export interface MobileSecondaryNavigationData {
+    title?: string;
+    onMenuOpenClose: () => void;
+    onMenuBackClick: () => void;
+}
+export declare enum HeaderNavigationMenu {
+    Primary = "primary",
+    Secondary = "secondary",
+    Third = "third"
+}
+export declare enum HeaderNavigationBlockType {
+    Sidebar = "ipc-navigation-sidebar",
+    Supports = "ipc-navigation-supports",
+    Multicol = "ipc-navigation-multicol",
+    Links = "ipc-navigation-links"
+}
+export declare enum HeaderNavigationActionBlockType {
+    Search = "ipc-navigation-action-search",
+    Cart = "ipc-navigation-action-cart",
+    Profile = "ipc-navigation-action-profile",
+    Livestream = "ipc-navigation-action-livestream"
+}
+export interface MobileNavigationProps {
+    data: any;
+    className?: string;
+    onPrimaryNavClick?: (category: any, position: number) => void;
+}
+export interface DesktopNavigationProps {
+    data: any;
+    onNavItemClick?: () => void;
+    className?: string;
+    theme?: string;
+    onPrimaryNavClick?: (category: any, position: number) => void;
+    onSidebarNavClick?: (series: any, index: number, subSubindex?: number) => void;
+}
+type Country = {
+    id?: number;
+    name?: string;
+    code?: string;
+};
+export type UserProfile = {
+    user_id: string;
+    email: string;
+    nick_name?: string;
+    full_name?: string;
+    first_name?: string;
+    last_name?: string;
+    dob?: string;
+    gender?: string;
+    phone_number?: string;
+    phone_account?: string;
+    country?: Country;
+    is_subscribe?: boolean;
+    avatar?: string;
+    can_change_password?: boolean;
+    invitation_code?: string;
+    phone_carrier?: string;
+    dob_programmed?: boolean;
+    activated?: boolean;
+    registed_at?: number;
+    activated_at?: number;
+    token?: string;
+};
+export {};

package/dist/esm/biz-components/HeaderNavigation/withCategory.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithSupports<P extends object>(WrappedComponent: React.ComponentType<any>, { categoriesItem, currentNavItemRef, }: {
+    categoriesItem: any;
+    currentNavItemRef?: any;
+    onMouseLeave?: () => void;
+}): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithGroupCategory(categories: any): unknown[];

package/dist/esm/biz-components/HeroBanner/Countdown.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    endDate: string;
+    endDate_tz?: string;
+    locale?: string;
+    onExpire?: () => void;
+};
+export declare const CountdownByEndDate: React.FC<Props>;
+export default CountdownByEndDate;

package/dist/esm/biz-components/HeroBanner/HeroBanner.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HeroBannerProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/HeroBanner/index.d.ts

@@ -0,0 +1 @@
+export { default } from './HeroBanner.js';

package/dist/esm/biz-components/HeroBanner/types.d.ts

@@ -0,0 +1,49 @@
+import type { ButtonProps } from '../../components/button.js';
+import type { Media, Theme } from '../../types/props.js';
+export interface HeroBannerProps {
+    data: {
+        /** 主标题 */
+        title: string;
+        /** 副标题/描述文本 */
+        subtitle: string;
+        /** 结束时间（ISO 字符串） */
+        endDate?: string;
+        /** 结束时间时区（如: America/Los_Angeles） */
+        endDate_tz?: string;
+        /** 图标列表 */
+        iconArray?: Array<any>;
+        pcImage: Media;
+        padImage?: Media;
+        mobileImage: Media;
+        pcVideo?: Media;
+        padVideo?: Media;
+        mobileVideo?: Media;
+        isShowVideo?: boolean;
+        blockLink?: string;
+        /** 主按钮文本和配置 */
+        primaryButton?: {
+            text: string;
+            link?: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 次要按钮文本和配置 */
+        secondaryButton?: {
+            text: string;
+            link?: string;
+            isShowPlayVideoButton?: boolean;
+            playVideoButtonText?: string;
+            playIcon?: boolean;
+            videoUrl?: Media;
+            youtubeId?: string;
+        } & Omit<ButtonProps, 'children'>;
+        /** 主题 */
+        theme?: Theme;
+        /** 大小, 默认default,单banner, 可选sm, 用于多banner场景 */
+        size?: 'default' | 'sm';
+        /** 底部产品列表 */
+        caption?: Array<{
+            title: string;
+        }>;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ImageTextFeatureProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<ImageTextFeatureProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/ImageTextFeature/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ImageTextFeature.js';
+export type { ImageTextFeatureProps, ImageTextFeatureItem } from './types.js';

package/dist/esm/biz-components/ImageTextFeature/types.d.ts

@@ -0,0 +1,31 @@
+import type { Media, Theme } from '../../types/props.js';
+export interface ImageTextFeatureItem {
+    /** 功能图标 */
+    icon: string;
+    /** 功能标题 */
+    text: string;
+    /** 功能描述 */
+    desc: string;
+}
+export interface ImageTextFeatureProps {
+    data: {
+        /** 主标题 */
+        title: string;
+        /** 副标题 */
+        subtitle?: string;
+        /** PC端图片 */
+        pcImage: Media;
+        /** 移动端图片 */
+        mobileImage: Media;
+        /** 平板端图片 */
+        padImage?: Media;
+        /** 功能项列表 */
+        items: ImageTextFeatureItem[];
+        /** 图片位置，默认 left */
+        imagePosition?: 'left' | 'right';
+        /** 主题，默认 light */
+        theme?: Theme;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/ImageWithText/ImageWithText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ImageWithTextProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<ImageWithTextProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/ImageWithText/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ImageWithText.js';
+export type { ImageWithTextProps } from './types.js';

package/dist/esm/biz-components/ImageWithText/types.d.ts

@@ -0,0 +1,119 @@
+import type { Media, Theme } from '../../types/props.js';
+export interface ImageWithTextItem {
+    /** 功能图标 */
+    icon: string;
+    /** 功能标题 */
+    text: string;
+    /** 功能描述 */
+    desc: string;
+}
+export interface ImageWithTextTabItem {
+    /**
+     * 桌面端图片 URL
+     * 当 mediaType='image' 时作为展示图片
+     * 当 mediaType='video' 时作为视频封面图（优先级：poster > image）
+     */
+    image: Media;
+    /**
+     * 平板端图片 URL
+     * 当 mediaType='image' 时作为展示图片
+     * 当 mediaType='video' 时作为视频封面图（优先级：padPoster > imgPad > image）
+     */
+    imgPad?: Media;
+    /**
+     * 移动端图片 URL
+     * 当 mediaType='image' 时作为展示图片
+     * 当 mediaType='video' 时作为视频封面图（优先级：mobPoster > imageMob > image）
+     */
+    imageMob?: Media;
+    /** 桌面端视频 URL（当mediaType为video时使用） */
+    video?: Media;
+    /** 平板端视频 URL（当mediaType为video时使用） */
+    padVideo?: Media;
+    /** 移动端视频 URL（当mediaType为video时使用） */
+    mobVideo?: Media;
+    /**
+     * @deprecated 推荐使用 image 字段作为视频封面
+     * 桌面端视频封面图（向后兼容）
+     */
+    poster?: Media;
+    /**
+     * @deprecated 推荐使用 imgPad 字段作为视频封面
+     * 平板端视频封面图（向后兼容）
+     */
+    padPoster?: Media;
+    /**
+     * @deprecated 推荐使用 imageMob 字段作为视频封面
+     * 移动端视频封面图（向后兼容）
+     */
+    mobPoster?: Media;
+    /** Tab 标题 */
+    title: string;
+}
+export type MediaType = 'image' | 'video';
+export type LayoutPosition = 'left' | 'right' | 'top' | 'bottom';
+export interface ImageWithTextProps {
+    data: {
+        /** 主标题 */
+        title: string;
+        /** 副标题/描述 */
+        subtitle?: string;
+        /** 描述文本（通常是大号高亮文本，基础模式使用） */
+        desc?: string;
+        /** 描述文本图标（基础模式使用） */
+        descIcon?: string;
+        /** 主题，默认 dark */
+        theme?: Theme;
+        /** 布局位置，默认 left。支持上下左右布局（left/right/top/bottom） */
+        layout?: LayoutPosition;
+        /** @deprecated 使用 layout 代替。图片位置（向后兼容用） */
+        imagePosition?: 'left' | 'right';
+        /** 媒体类型，默认 image。所有模式都支持 image 和 video */
+        mediaType?: MediaType;
+        /**
+         * PC端图片 URL
+         * 当 mediaType='image' 时作为展示图片
+         * 当 mediaType='video' 时作为视频封面图（优先级：poster > image）
+         */
+        image?: Media;
+        /** 桌面端视频 URL（当mediaType为video时使用） */
+        video?: Media;
+        /**
+         * 平板端图片 URL
+         * 当 mediaType='image' 时作为展示图片
+         * 当 mediaType='video' 时作为视频封面图（优先级：padPoster > padImage > image）
+         */
+        padImage?: Media;
+        /** 平板端视频 URL（当mediaType为video时使用） */
+        padVideo?: Media;
+        /**
+         * 移动端图片 URL
+         * 当 mediaType='image' 时作为展示图片
+         * 当 mediaType='video' 时作为视频封面图（优先级：mobPoster > mobileImage > image）
+         */
+        mobileImage?: Media;
+        /** 移动端视频 URL（当mediaType为video时使用） */
+        mobVideo?: Media;
+        /**
+         * @deprecated 推荐使用 image 字段作为视频封面
+         * 桌面端视频封面图（当mediaType为video时使用，向后兼容）
+         */
+        poster?: Media;
+        /**
+         * @deprecated 推荐使用 padImage 字段作为视频封面
+         * 平板端视频封面图（当mediaType为video时使用，向后兼容）
+         */
+        padPoster?: Media;
+        /**
+         * @deprecated 推荐使用 mobileImage 字段作为视频封面
+         * 移动端视频封面图（当mediaType为video时使用，向后兼容）
+         */
+        mobPoster?: Media;
+        /** 功能项列表（可选，用于展示功能特性列表） */
+        items?: ImageWithTextItem[];
+        /** Tab数据列表（TabWithImage模式，当存在时优先级最高） */
+        datalist?: ImageWithTextTabItem[];
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/InlineVideo/index.d.ts

@@ -0,0 +1,16 @@
+import type { Theme } from '../../types/props.js';
+export interface InlineVideoData {
+    title: string;
+    subtitle?: string;
+    desc: string;
+    poster?: string;
+    videoUrl: string;
+    mobPoster?: string;
+    mobVideoUrl: string;
+    theme?: Theme;
+}
+export interface InlineVideoProps {
+    data: InlineVideoData;
+    className?: string;
+}
+export default function VideoWithTitle(props: InlineVideoProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/biz-components/Ksp/index.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+/**
+ * KSP 卡片项数据结构
+ */
+export interface KspCardItem {
+    /** 标题 */
+    title?: string;
+    /** 描述 */
+    desc?: string;
+    /** 桌面端图片 URL */
+    imageUrl?: string;
+    /** 移动端图片 URL */
+    mobImageUrl?: string;
+    /** 桌面端视频 URL */
+    videoUrl?: string;
+    /** 移动端视频 URL */
+    mobVideoUrl?: string;
+}
+/**
+ * KSP 数据结构
+ */
+export interface KspData {
+    /** 主标题 */
+    title?: string;
+    /** KSP 卡片列表（需要 7 个项） */
+    items: KspCardItem[];
+}
+/**
+ * Ksp 组件 Props
+ */
+export interface KspProps {
+    /** KSP 数据 */
+    data: KspData;
+    /** 自定义类名 */
+    className?: string;
+}
+declare const _default: import("react").ForwardRefExoticComponent<Omit<KspProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+} & import("react").RefAttributes<any>>;
+export default _default;