@pisell/private-materials 6.8.31 → 6.8.32

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

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

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/plus/productSelect/ProductCard/SkuCard/components/Price/index.js

@@ -106,7 +106,7 @@ var Price = function Price(_ref) {
   }, "(".concat(locales.getText('pisell2.sku-card.gst'), " : "), /*#__PURE__*/React.createElement(PisellPriceText, {
     value: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.tax_fee) || 0,
     isMini: isMiniPrice
-  }), ")") : null, isOriginPrice && parseFloat(String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.original_price) || 0)) ? /*#__PURE__*/React.createElement("div", {
+  }), ")") : null, isOriginPrice && parseFloat(String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.original_price) || 0)) > 0 && parseFloat(String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.original_price) || 0)) !== parseFloat(String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.price) || 0)) ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "__card-original-price"),
     style: {
       fontSize: originPriceFontSize,

package/es/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/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) => 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/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/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/es/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/es/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/es/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;

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { FormInstance } from 'antd';
+export interface MultiLanguageTitle {
+    original?: string;
+    'zh-CN'?: string;
+    'zh-HK'?: string;
+    en?: string;
+}
+export interface ValidForConfig {
+    unit: string;
+    unit_type: 'day' | 'month' | 'year';
+    type: 'normal' | 'custom' | 'forever';
+    custom_date?: string;
+}
+export declare type WalletPassType = 'balance' | 'point' | 'voucher' | 'discount' | 'rechargeable';
+export interface ShowcaseWalletPassItem {
+    type: WalletPassType;
+    display: 0 | 1;
+    name?: MultiLanguageTitle;
+    custom_title?: MultiLanguageTitle;
+}
+export interface SendConfig {
+    type: string;
+    [key: string]: any;
+}
+export interface WalletMetadata {
+    showcaseWalletPass?: string[];
+    showcaseWalletPassNew?: ShowcaseWalletPassItem[];
+    welcomeText?: string;
+    customerName?: string;
+    coverImage?: string;
+    send_config?: SendConfig;
+}
+export interface WalletEditorValue {
+    name?: MultiLanguageTitle;
+    status: 'enable' | 'disable';
+    valid_for: ValidForConfig;
+    metadata: WalletMetadata;
+}
+export interface WalletEditorRef {
+    form: FormInstance;
+    setInitialValues: (values: WalletEditorValue) => void;
+    getValues: () => WalletEditorValue;
+}
+export interface WalletEditorProps {
+    value?: WalletEditorValue;
+    onChange?: (value: WalletEditorValue) => void;
+    onValuesChange?: (changedValue: any, values: WalletEditorValue) => void;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/plus/webPosLogin/WebPosLogin.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoginStep } from './types';
+export interface WebPosLoginProps {
+    className?: string;
+    style?: React.CSSProperties;
+    step?: LoginStep;
+    backgroundImage?: string;
+    [key: string]: any;
+}
+declare const WebPosLogin: (props: WebPosLoginProps) => JSX.Element;
+export default WebPosLogin;

package/es/plus/webPosLogin/WebPosLoginCpt.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WebPosLoginCptProps } from './types';
+import './WebPosLoginCpt.less';
+/**
+ * WebPosLoginCpt 主组件
+ * @description WebPOS 登录流程组件，包含登录、店铺选择、设备选择三个步骤
+ */
+declare const WebPosLoginCpt: React.FC<WebPosLoginCptProps>;
+export default WebPosLoginCpt;

package/es/plus/webPosLogin/components/BrandPanel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BrandPanelProps } from '../../types';
+import './index.less';
+/**
+ * BrandPanel 品牌区组件
+ * @description 登录页面左侧品牌展示区域，支持轮播图片/视频（预留），当前仅展示 Logo
+ */
+declare const BrandPanel: React.FC<BrandPanelProps>;
+export default BrandPanel;

package/es/plus/webPosLogin/components/LoginPanel/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+/**
+ * LoginPanel 组件 Props
+ */
+export interface LoginPanelProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 登录成功回调 */
+    onLoginSuccess?: (data: any) => void;
+    /** 登录配置 */
+    config?: any;
+}
+/**
+ * LoginPanel 登录面板组件
+ * @description 登录表单容器，由用户自行实现具体登录逻辑
+ */
+declare const LoginPanel: React.FC<LoginPanelProps>;
+export default LoginPanel;

package/es/plus/webPosLogin/components/MediaDisplay/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MediaDisplayProps } from "./type";
+import './index.less';
+/**
+ * MediaDisplay 媒体组件
+ * @description 通用媒体展示组件，支持图片/视频展示
+ * - 支持单个媒体或轮播（预留）
+ * - 支持全屏模式
+ * - 支持视频播放控制和状态回调
+ */
+declare const MediaDisplay: React.FC<MediaDisplayProps>;
+export default MediaDisplay;

package/es/plus/webPosLogin/components/MediaDisplay/type.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+/**
+ * 媒体轮播项
+ * @description 媒体展示区的轮播内容配置
+ */
+export interface CarouselItem {
+    /** 内容类型：图片或视频 */
+    type: 'image' | 'video' | 'logo';
+    /** 资源URL */
+    url: string;
+    /** 背景颜色 */
+    backgroundColor?: string;
+    /** logo样式 */
+    logoStyle?: React.CSSProperties;
+}
+/**
+ * 媒体配置
+ * @description 媒体展示区域的配置
+ */
+export interface MediaConfig {
+    /** 轮播内容列表（图片/视频） */
+    carouselItems?: CarouselItem[];
+    /** 默认Logo（当无轮播时显示） */
+    logo?: string;
+    /** 品牌标语 */
+    slogan?: string;
+}
+/**
+ * 视频播放状态
+ */
+export declare type VideoPlayState = 'idle' | 'playing' | 'paused' | 'ended' | 'error';
+/**
+ * MediaDisplay 媒体展示组件 Props
+ */
+export interface MediaDisplayProps {
+    /** 品牌配置 */
+    config?: MediaConfig;
+    /** 自定义类名 */
+    className?: string;
+    /** 是否全屏模式 */
+    fullscreen?: boolean;
+    /** 视频是否静音，默认 true */
+    muted?: boolean;
+    /** 视频是否循环播放，默认 false */
+    loop?: boolean;
+    /** 视频播放结束回调 */
+    onVideoEnded?: () => void;
+    /** 视频播放状态变化回调 */
+    onVideoStateChange?: (state: VideoPlayState) => void;
+    /** 是否可以关闭（用于控制视频结束后是否允许关闭） */
+    canClose?: boolean;
+    /** 关闭回调（视频结束且 canClose 为 true 时触发） */
+    onClose?: () => void;
+}

package/es/plus/webPosLogin/components/SelectDevice/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DeviceItem, LocaleType } from '../../types';
+import './index.less';
+/**
+ * SelectDevice 组件 Props
+ */
+export interface SelectDeviceProps {
+    /** 设备列表 */
+    deviceList?: DeviceItem[];
+    /** 语言 */
+    locale?: LocaleType;
+    /** 加载状态（列表加载） */
+    loading?: boolean;
+    /** 上次使用的设备ID */
+    lastUsedDeviceId?: number;
+    /** 选择设备回调 */
+    onSelect?: (device: DeviceItem) => void;
+    /** 确认按钮文本 */
+    confirmOkText?: string;
+    /** 取消按钮文本 */
+    confirmCancelText?: string;
+}
+/**
+ * SelectDevice 设备选择组件
+ * @description 展示设备列表，支持搜索过滤和选择，已被使用的设备需确认后选择
+ */
+declare const SelectDevice: React.FC<SelectDeviceProps>;
+export default SelectDevice;