@pisell/private-materials 6.1.26 → 6.1.28

package/es/components/pay/toB/components/Cache/index.d.ts

@@ -0,0 +1,10 @@
+import './index.less';
+declare const ToBPayCache: (props: {
+    open: boolean;
+    title: string;
+    uuid: string;
+    expect_amount: string;
+    onCancel: () => void;
+    onOk: (amount: string) => void;
+}) => JSX.Element;
+export default ToBPayCache;

package/es/components/pay/toB/components/Card/index.d.ts

@@ -0,0 +1,7 @@
+import { PayMethod } from '../../types';
+import './index.less';
+declare const ToBPayCard: ({ data, onChange, }: {
+    data: PayMethod;
+    onChange: (item: PayMethod, type: 'fullPay' | 'pay') => void;
+}) => JSX.Element;
+export default ToBPayCard;

package/es/components/pay/toB/components/CardGroup/index.d.ts

@@ -0,0 +1,7 @@
+import { PayMethod, PayMethodGroup } from '../../types';
+import './index.less';
+declare const ToBPayCardGroup: (props: {
+    data: PayMethodGroup;
+    onChange: (item: PayMethod, type: 'fullPay' | 'pay') => void;
+}) => JSX.Element;
+export default ToBPayCardGroup;

package/es/components/pay/toB/components/ConfirmedPayment/index.d.ts

@@ -0,0 +1,6 @@
+import { Payment } from '../../types';
+import './index.less';
+declare const ConfirmedPayment: (props: {
+    data: Payment[];
+}) => JSX.Element;
+export default ConfirmedPayment;

package/es/components/pay/toB/components/Content/Footer.d.ts

@@ -0,0 +1,7 @@
+declare const ToBPayFooter: (props: {
+    loading: boolean;
+    submitDisabled: boolean;
+    onCancel: () => void;
+    onSubmit: () => void;
+}) => JSX.Element;
+export default ToBPayFooter;

package/es/components/pay/toB/components/Content/Header.d.ts

@@ -0,0 +1,4 @@
+declare const ToBPayTitle: (props: {
+    amount: number | string;
+}) => JSX.Element;
+export default ToBPayTitle;

package/es/components/pay/toB/components/Content/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const ToBPayContent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default ToBPayContent;

package/es/components/pay/toB/components/Content/utils.d.ts

@@ -0,0 +1,16 @@
+import { Order, PayMethod, PayMethodCode } from '../../types';
+export declare const isEftposPay: (code: PayMethodCode) => boolean;
+/**
+ * @title: 处理eftpos支付
+ * @description: 处理eftpos支付
+ * @param {any} action 引擎action
+ * @param {any} params 参数
+ * @param {any} successCallback 成功回调
+ */
+export declare const handleEftposPay: (action: any, params: {
+    payMethod: PayMethod;
+    order: Order;
+    symbol: string;
+    network: any;
+    type: string;
+}, successCallback: (res: any) => void) => void;

package/es/components/pay/toB/components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ToBPayContent } from './Content';
+export { default as ToBPayCard } from './Card';
+export { default as ToBPayCardGroup } from './CardGroup';
+export { default as ConfirmedPayment } from './ConfirmedPayment';
+export { default as ToBPayCache } from './Cache';

package/es/components/pay/toB/hooks.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @title: 获取引擎utils
+ */
+export declare const useEngineUtils: () => any;
+/**
+ * @title: 获取当前的语言
+ */
+export declare const useEngineLocale: () => any;
+/**
+ * @title: 获取当前的货币符号
+ */
+export declare const useSymbol: () => any;

package/es/components/pay/toB/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToBPay: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default ToBPay;

package/es/components/pay/toB/locales.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+    en: {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    'zh-CN': {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    'zh-HK': {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+};
+export default _default;

package/es/components/pay/toB/store/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ToBPayContextType } from '../types';
+export declare const ToBPayContext: import("react").Context<ToBPayContextType>;

package/es/components/pay/toB/store/hooks.d.ts

@@ -0,0 +1,15 @@
+import { ToBPayContextType } from '../types';
+/**
+ * 使用商家端支付的Hook
+ * @throws {Error} 如果在ToBPayProvider外部使用会抛出错误
+ * @returns {ToBPayContextType} 商家端支付上下文
+ */
+export declare const useToBPay: () => ToBPayContextType;
+export declare const useOSPayment: () => any;
+/**
+ * 使用OS支付的Hook
+ */
+export declare const useOSPaymentEffect: () => {
+    osPaymentEffectOn: () => void;
+    osPaymentEffectOff: () => void;
+};

package/es/components/pay/toB/store/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './provider';
+export * from './hooks';

package/es/components/pay/toB/store/provider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ToBPayProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/es/components/pay/toB/store/utils.d.ts

@@ -0,0 +1,13 @@
+import { PayMethod, PayMethodGroup } from '../types';
+/**
+ * 处理支付方式列表
+ * @param payMethodList 支付方式列表
+ * @returns 处理后的支付方式列表
+ */
+export declare const handlePayMethodList: (payMethodList: PayMethod[]) => PayMethodGroup[];
+/**
+ * inputNumber过滤
+ * @param value
+ * @returns string
+ */
+export declare const limitDecimals: (value: any) => any;

package/es/components/pay/toB/types/index.d.ts

@@ -0,0 +1 @@
+export * from './storeTypes';

package/es/components/pay/toB/types/storeTypes.d.ts

@@ -0,0 +1,143 @@
+export interface ToBPayContextType {
+    /** 订单 */
+    order: Order;
+    /** 设置订单 */
+    setOrder: (order: Order) => void;
+    /** 订单信息 */
+    orderInfo: OrderInfo;
+    /** 设置订单信息 */
+    setOrderInfo: (orderInfo: OrderInfo) => void;
+    /** 支付方式列表 */
+    payMethodGroupList: PayMethodGroup[];
+    /** 设置支付方式列表 */
+    setPayMethodGroupList: (payMethodGroupList: PayMethodGroup[]) => void;
+    /** 获取支付方式列表 */
+    getPayMethodList: () => Promise<void>;
+}
+/**
+ * OS支付的订单信息
+ */
+export interface Order {
+    /** 订单唯一标识 */
+    uuid: string;
+    /** 订单 id */
+    id: number;
+    /** 订单信息 */
+    order_info: OrderInfo;
+    /** 作废的支付项 */
+    adjust_offline_payments: any[];
+    /** 支付项 */
+    payment: Payment[];
+    /** 支付状态 */
+    payment_status: string;
+    /** 税费 */
+    tax_fee: string;
+    /** 订单总金额 */
+    total_amount: string;
+    /** 待付金额 */
+    expect_amount: string;
+}
+/**
+ * 订单信息
+ */
+export interface OrderInfo {
+    /** 订单 id */
+    order_id: number;
+    /** 订单总金额 */
+    total_amount: string;
+    /** 是否是定金订单 */
+    is_deposit: 0 | 1;
+    /** 定金金额 */
+    deposit_amount: string;
+}
+/**
+ * 支付方式
+ */
+export interface PayMethod {
+    /** 支付方式 id */
+    id: number;
+    /** 店铺 id */
+    shop_id: number;
+    /** 支付方式代码 */
+    code: PayMethodCode;
+    /** 支付方式类型 */
+    type: string;
+    /** 支付方式名称 */
+    name: string;
+    /** 支付方式描述 */
+    description: string;
+    /** 支付方式通道 */
+    channel_application: string[];
+    /** 支付方式状态 */
+    status: 0 | 1;
+    /** 是否是附加费用 */
+    is_surcharge: 0 | 1;
+    /** 是否禁用 */
+    disable: 0 | 1;
+    /** 支付方式公司 */
+    companies: any;
+    /** 支付方式额外数据 */
+    metadata?: {
+        order_rounding_switch: number;
+    };
+    /** 创建时间 */
+    created_at: string;
+    /** 更新时间 */
+    updated_at: string;
+    /** 删除时间 */
+    deleted_at: string | null;
+    /** 固定费用 */
+    fixed: string;
+    /** 百分比费用 */
+    percentage: string;
+}
+export declare enum PayMethodCode {
+    /** 现金支付 */
+    CASHMANUAL = "CASHMANUAL",
+    /** eftpos payo */
+    EFTPOS_PAYO = "EFTPOS_PAYO",
+    /** eftpos windcave */
+    EFTPOS_WINDCAVE = "EFTPOS_WINDCAVE",
+    /** eftpos tyro */
+    EFTPOS_TYRO = "EFTPOS_TYRO",
+    /** eftpos linkly */
+    EFTPOS_LINKLY = "EFTPOS_LINKLY"
+}
+export interface PayMethodGroup {
+    title: string;
+    list: PayMethod[];
+}
+/**
+ * 已经支付的信息
+ */
+export interface Payment {
+    /** 当前支付项的唯一 ID，用于标记支付项的唯一性 */
+    uuid: string;
+    /** 当前支付方式付出去多少钱 */
+    amount: number;
+    /** 支付类型，跟支付列表上对应的支付方式保持一致 */
+    code: PayMethodCode;
+    /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+    id: number;
+    /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+    name: string;
+    /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
+    type: string;
+    /** 代金券、充值卡、积分卡 等wallet pass id,通过order/deduction 查出来的，本期都为空 */
+    voucher_id?: string | null;
+    /** 该支付项是否已经同步给后端 */
+    isSynced?: boolean;
+    /** 支付时间 */
+    created_at?: string;
+    /** 支付方式额外数据 */
+    metadata?: {
+        unique_payment_number: string;
+    };
+    /** 手续费 */
+    service_charge?: {
+        /** 手续费百分比 */
+        percentage?: number | string;
+        /** 手续费固定金额 */
+        amount?: number | string;
+    };
+}

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/Content.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+declare type PaymentStatusProps = {
+    onChange: (status: 'succeeded' | 'processing' | 'requires_payment_method' | 'error') => void;
+};
+declare const PaymentStatus: React.FC<PaymentStatusProps>;
+export default PaymentStatus;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const StripePayment: () => JSX.Element;
+export default StripePayment;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const PageLoading: () => JSX.Element;
+export default PageLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const PaymentRequestForm: () => JSX.Element | null;
+export default PaymentRequestForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

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

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -28,4 +29,11 @@ export interface PayGroup {
     pay_number?: string;
     _order: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -0,0 +1,2 @@
+declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
+export default PhoneField;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/es/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts

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

package/es/components/productSelect/components/TabProduct/index.d.ts

@@ -0,0 +1,2 @@
+declare const TabProduct: (props: any) => JSX.Element;
+export default TabProduct;

package/es/components/productSelect/components/pisellPriceText/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IProps {
+    value: string | number;
+    isMini?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    prefix?: React.ReactElement;
+    suffix?: React.ReactElement;
+}
+declare const index: (props: IProps) => JSX.Element;
+export default index;

package/es/components/productSelect/components/productGroup/index.d.ts

@@ -0,0 +1,38 @@
+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;
+    list_max_length: 0 | 1;
+}
+interface ProductGroupProps {
+    data: {
+        icon: string;
+        id: number;
+        name: string;
+        products: any[];
+        slug: string;
+        sort: number;
+    };
+    layout: {
+        grid: boolean;
+        config?: string;
+    };
+    onSelectProduct?: (id: number) => void;
+    currentProductId?: number;
+}
+declare const ProductGroup: ({ data, layout, onSelectProduct, currentProductId, isProductCover, imgWidth, imgHeight, radius, isTitle, isSubtitle, showSpec, isTag, isPrice, isOriginPrice, showZeroPrice, showMarketingTag, showRemark, isStock, }: ProductGroupProps & ProductCardConfig) => JSX.Element;
+export declare const ProductGroupSkeleton: ({ layout }: any) => JSX.Element;
+export default ProductGroup;

package/es/components/ruleSetting/ruleBorder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/schedules/calendar/calendarItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/es/components/schedules/calendar/index.d.ts

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

package/es/components/schedules/components/CurrentDay/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/es/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const ResourcesModule: ({ product }: {
     product: any;
 }) => JSX.Element;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/es/components/schedules/products/index.d.ts

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

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface ProductListProps {
     loading: boolean;