@pisell/materials 6.11.2 → 6.11.4

package/es/components/pisellModal/index.d.ts

@@ -31,7 +31,7 @@ export interface PisellModalProps extends ModalProps {
     header?: boolean | null;
 }
 declare const PisellModal: {
-    (props: PisellModalProps): JSX.Element;
+    (props: PisellModalProps): React.JSX.Element;
     confirm: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -53,6 +53,6 @@ declare const PisellModal: {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
     };
-    Information: (props: import("./components/Information").InformationProps) => JSX.Element;
+    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;

package/es/components/pisellRow/index.d.ts

@@ -18,5 +18,5 @@ export interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttrib
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:38
  */
-declare const PisellRow: (props: PisellRowProps) => JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
 export default PisellRow;

package/es/components/pisellSort/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PisellSortProps } from './type';
-declare const PisellSort: (props: PisellSortProps) => JSX.Element;
+declare const PisellSort: (props: PisellSortProps) => React.JSX.Element;
 export default PisellSort;

package/es/components/pisellStatisticList/index.d.ts

@@ -17,5 +17,5 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
         }[];
     }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
 export default PisellStatisticList;

package/es/components/pisellTags/index.d.ts

@@ -9,5 +9,5 @@ export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttri
     icon?: React.ReactNode;
     color?: PisellTagsColor;
 }
-declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
+declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
 export default PisellTags;

package/es/components/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => React.JSX.Element;
+export default Amount;

package/es/components/pisellText/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const PisellText: {
-    (props: PisellTextProps): JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    (props: PisellTextProps): React.JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
     Editable: React.FC<import("./components/Editable").EditableProps>;
 };
 export default PisellText;

package/es/components/pisellToast/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface PisellToastProps {
+    /** 提示内容	 */
+    content: React.ReactNode;
+    /** 自动关闭的延时，单位秒。设为 0 时不自动关闭 */
+    duration?: number;
+    /** 是否展示action */
+    showAction?: boolean;
+    /** action文案 */
+    actionText?: string;
+    /** 关闭时触发的回调函数 */
+    onClose?: () => void;
+}
+declare const PisellToast: (props: PisellToastProps) => void;
+export { useToast } from './squareToast';
+export default PisellToast;

package/es/components/pisellToast/squareToast/index.d.ts

@@ -0,0 +1,15 @@
+import { clear, show, success, info, loading, fail, hide } from './methods';
+import './index.less';
+interface ToastInstance {
+    show: typeof show;
+    clear: typeof clear;
+    success: typeof success;
+    info: typeof info;
+    loading: typeof loading;
+    fail: typeof fail;
+    error: typeof fail;
+    hide: typeof hide;
+}
+declare const Toast: ToastInstance;
+export declare const useToast: () => ToastInstance;
+export default Toast;

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ToastProps } from './toast';
+interface ToastInstance {
+    close: () => void;
+}
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const clear: () => void;
+declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const hide: () => void;
+export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -0,0 +1,28 @@
+import type { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+import React from 'react';
+declare type ImperativeProps = {
+    open?: boolean;
+    onCancel?: () => void;
+    afterClose?: () => void;
+};
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
+    close: () => void;
+    replace: (element: TargetElement) => void;
+    isRendered?: () => boolean;
+};
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+declare const MARK = "__pisell_react_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: React.ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): Promise<void>;
+/**
+ * @deprecated 设置 React 渲染函数以兼容使用。
+ */
+export declare function unstableSetRender(render?: RenderType): RenderType;
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
+export {};

package/es/components/pisellToast/squareToast/toast.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './index.less';
+export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+export interface ToastProps {
+    /** Toast 类型 */
+    icon?: ToastType | React.ReactNode;
+    /** 显示的内容，支持文本或 React 节点 */
+    content: React.ReactNode;
+    /** 是否显示 */
+    open?: boolean;
+    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
+    duration?: number;
+    /** 关闭 */
+    onCancel?: () => void;
+    /** 关闭后回调 */
+    afterClose?: () => void;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

package/es/components/pisellTooltip/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';
@@ -5,5 +6,5 @@ export interface PisellTooltipProps extends TooltipPropsWithTitle {
     /** 平台 */
     platform?: PisellContextType['platform'];
 }
-declare const PisellTooltip: (props: PisellTooltipProps) => JSX.Element;
+declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
 export default PisellTooltip;

package/es/components/pisellUpload/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {
@@ -6,5 +7,5 @@ export interface PisellUploadProps extends UploadProps {
     text2?: string;
     uploadType?: 'button' | 'drop' | 'custom';
 }
-declare const PisellUpload: (props: PisellUploadProps) => JSX.Element;
+declare const PisellUpload: (props: PisellUploadProps) => React.JSX.Element;
 export default PisellUpload;

package/es/components/pisellWalletPassCard/index.d.ts

@@ -142,5 +142,5 @@ export interface PisellWalletPassCardProps {
     onSetHolder?: (currentValue?: any) => void;
     [key: string]: any;
 }
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
 export default PisellWalletPassCard;

package/es/components/productCard/cartSkuCard/components/AmountFooter/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => React.JSX.Element;
+export default Footer;

package/es/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const MultiDay: ({ dataSource, hideDivider }: any) => React.JSX.Element;
+export default MultiDay;

package/es/components/productCard/cartSkuCard/components/MultiDay/index.js

@@ -48,8 +48,8 @@ var MultiDay = function MultiDay(_ref) {
     //   )
     //   ?.join('+');
 
-    return formatDateRanges([dataSource]);
-  }, [items, dataSource]);
+    return formatDateRanges(items);
+  }, [items]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "__multi-day-wrap"))
   }, lists === null || lists === void 0 ? void 0 : lists.map(function (m, index) {

package/es/components/productCard/cartSkuCard/components/MultiDay/utils.d.ts

@@ -0,0 +1,14 @@
+interface InputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+interface OutputItem {
+    start_date: string;
+    end_date: string;
+    total: number;
+    num: number;
+}
+export declare function formatDateRanges(list: InputItem[]): OutputItem[];
+export {};

package/es/components/productCard/cartSkuCard/components/Note/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Note: (props: any) => React.JSX.Element | null;
+export default Note;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    isShowImage?: boolean;
+    dataSource: {
+        image?: string;
+        bundle?: any[];
+        options?: any[];
+        product_option_string?: string;
+        name?: string;
+        symbol?: string;
+        price?: string | number;
+        total?: number;
+        origin_total?: number;
+        num?: number;
+        holder_id?: any;
+        isFormSubject?: boolean;
+        totalDifference?: number;
+    };
+    style?: React.CSSProperties;
+    /** 作为主商品卡片展示
+     * 1. 影响商品数量 tag 的位置
+     * 2. isMain 且 type 为 a5，展示holder
+     */
+    isMainProduct?: boolean;
+    maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
+    isBundle?: boolean;
+    showFooter?: boolean;
+}
+declare const BasicInfo: (props: IProps) => React.JSX.Element;
+export default BasicInfo;

package/es/components/productCard/cartSkuCard/components/discountReason/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DiscountReason: (props: any) => React.JSX.Element;
+export default DiscountReason;

package/es/components/productCard/cartSkuCard/components/holders/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Holders: (props: any) => React.JSX.Element | null;
+export default Holders;

package/es/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    isShowImage?: boolean;
+    dataSource: {
+        bundle?: any[];
+        symbol?: string;
+    };
+    type?: 'a2' | 'a5' | 'a9';
+}
+declare const Packages: ({ isShowImage, dataSource, type }: IProps) => React.JSX.Element | null;
+export default Packages;

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @title: 金额是否是负
+ * @description:
+ * @param {string} type
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:01
+ */
+export declare const minusSign: (item: any, type?: string) => "" | "-";
+/**
+ * @title: 金额格式化
+ * @description:
+ * @param {number} price
+ * @param {string} amountSymbol
+ * @param {number} digit
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-22 10:58
+ */
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/productCard/cartSkuCard/components/resources/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Resources: (props: any) => React.JSX.Element | null;
+export default Resources;

package/es/components/productCard/cartSkuCard/components/sales/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    hideDivider?: boolean;
+    dataSource: {
+        symbol?: string;
+        relation_products?: any[];
+        bundle?: any[];
+    };
+    isShowImage?: boolean;
+}
+declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => React.JSX.Element | null;
+export default Sales;

package/es/components/productCard/cartSkuCard/components/specs/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+interface SpecsProps {
+    /** 数据源 */
+    dataSource?: {
+        bundle?: Array<{
+            title: string;
+        }>;
+        options?: Array<{
+            name: string;
+            price: number;
+            num: number;
+        }>;
+        product_option_string?: string;
+        symbol?: string;
+    };
+    /** 最大展示数量，默认为 1 */
+    maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
+}
+declare const Specs: (props: SpecsProps) => React.JSX.Element | null;
+export default Specs;

package/es/components/productCard/cartSkuCard/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/components/productCard/cartSkuCard/components/timeRange/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+import './index.less';
+declare const TimeRange: (props: any) => React.JSX.Element | null;
+export default TimeRange;

package/es/components/productCard/cartSkuCard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+import { ProductCardTypes } from '../types';
+interface ISKUCardProps extends ProductCardTypes {
+    type: 'a2' | 'a5' | 'a9';
+    rightActions: any[];
+    escapeDom?: string;
+}
+export declare const PREFIX = "pisell-cart-sku-card";
+declare const CartSkuCard: (props: ISKUCardProps) => React.JSX.Element;
+export default CartSkuCard;

package/es/components/productCard/cartSkuCard/locales.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+};
+export default _default;

package/es/components/productCard/components/Action/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Action: ({ item, onAction }: any) => React.JSX.Element;
+export default Action;

package/es/components/productCard/components/AmountFooter/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
+declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => React.JSX.Element;
 export default Footer;

package/es/components/productCard/components/Divider/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Divider: ({ type }: any) => JSX.Element;
+declare const Divider: ({ type }: any) => React.JSX.Element;
 export default Divider;

package/es/components/productCard/components/Header/DeleteButton/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
+declare const DeleteButton: ({ onDelete }: any) => React.JSX.Element;
 export default DeleteButton;

package/es/components/productCard/components/Header/EditButton/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const EditButton: ({ onEdit }: any) => JSX.Element;
+declare const EditButton: ({ onEdit }: any) => React.JSX.Element;
 export default EditButton;

package/es/components/productCard/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Header: (props: any) => React.JSX.Element;
+export default Header;

package/es/components/productCard/components/MultiDay/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
+declare const MultiDay: ({ dataSource, hideDivider }: any) => React.JSX.Element;
 export default MultiDay;

package/es/components/productCard/components/Note/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Note: (props: any) => JSX.Element | null;
+declare const Note: (props: any) => React.JSX.Element | null;
 export default Note;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
-export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;
+import React from 'react';
+export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => React.JSX.Element;

package/es/components/productCard/components/Packages/components/options/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
+declare const Options: ({ options, amountSymbol }: any) => React.JSX.Element | null;
 export default Options;

package/es/components/productCard/components/Packages/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
+declare const Packages: ({ item, isShowPackageNote }: any) => React.JSX.Element | null;
 export default Packages;