@pisell/materials 6.7.3 → 6.8.1

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

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

package/es/components/productCard/components/Time/components/Like/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
+    style?: any;
+    status: string;
+    onLike?: any;
+    className?: string | undefined;
+    isShowChangeResource?: boolean | undefined;
+}) => React.JSX.Element;
+export default Like;

package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => React.JSX.Element;
+export default SelectHolder;

package/es/components/productCard/components/Time/components/SelectHolderModal/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+interface SelectHolderModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onConfirm: (value: any) => void;
+    lists: any[];
+    value: any[];
+    holderMaxCount: number;
+    addHolderButtonText: string;
+    onAdd: () => void;
+}
+declare const SelectHolderModal: (props: SelectHolderModalProps) => React.JSX.Element;
+export default SelectHolderModal;

package/es/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => React.JSX.Element;
+export default SelectHolderMultiple;

package/es/components/productCard/components/Time/components/SelectResource/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+interface ResourceItem {
+    id: string | number;
+    label: string;
+    isError?: boolean;
+    [key: string]: any;
+}
+interface SelectResourceProps {
+    lists: ResourceItem[];
+    value: any;
+    onChange: (val: any) => void;
+    resourceMode?: 'multiple' | 'tags' | undefined;
+    maxLength?: number;
+    isParallelResource?: boolean;
+    [key: string]: any;
+}
+declare const SelectResource: ({ lists, value, onChange, resourceMode, allowClear, onClearResource, maxLength, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => React.JSX.Element;
+export default SelectResource;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, onAddHolder, isShowAddHolderButton, onClearHolder, onClearResource, }: any) => React.JSX.Element | null;
+export default Time;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../../index.less';
+declare const Warning: React.FC<{
+    errorMessage: string | Array<string>;
+    osWarnTips: Array<string>;
+}>;
+export default Warning;

package/es/components/productCard/hooks/useOpenNote.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: React.FC<ProductCardTypes> & {
+    V2: any;
+};
+export default ProductCard;

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

@@ -0,0 +1,84 @@
+declare const _default: {
+    en: {
+        '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.reason': 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.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.reason': 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.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.reason': 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/status.d.ts

@@ -0,0 +1,32 @@
+import { ProductCardTypes, bundleType, optionType, productType } from './types';
+/**
+ * @title: 套餐数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:21
+ */
+export declare const defaultBundle: bundleType;
+/**
+ * @description: 单规格
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare const defaultOption: optionType;
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare const defaultProduct: productType;
+/**
+ * @title: 默认数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export declare const defaultValue: ProductCardTypes;

package/es/components/productCard/types.d.ts

@@ -0,0 +1,84 @@
+export declare type bundleType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+    price_type?: string;
+    options?: optionType[];
+};
+/**
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare type optionType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+};
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare type productType = {
+    _id: string | number;
+    id: number;
+    name: string;
+    price: number;
+    total: number;
+    num: number;
+    origin_total?: number;
+    image?: string;
+    isShowNote?: boolean;
+    note?: string;
+    like_status?: string;
+    bundle?: bundleType[];
+    options?: optionType[];
+    isShowAction?: boolean;
+    actionText?: string;
+    errorMessage?: string;
+    product_option_string?: string;
+    discount_reason?: string;
+    relation_products?: any[];
+    resource_id?: string | number;
+    relation_form_name?: string;
+    holder_title?: string;
+    start_date?: string;
+    end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
+    osWarnTips?: Array<string>;
+    [key: string]: any;
+};

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

@@ -0,0 +1,31 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+/**
+ * @title: 是否英文
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:49
+ */
+export declare const isEn: (item: any) => boolean;
+/**
+ * @title: 跨日预约时间
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:50
+ */
+export declare const formatMultiDayDate: (item: any) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { MenuProps } from 'antd';
+import './index.less';
+interface AvatarConfig {
+    src?: string;
+    alt?: string;
+}
+interface ProfileMenuProps {
+    menuIcon?: React.ReactNode;
+    userName?: string;
+    email?: string;
+    isShowUserName?: boolean;
+    isShowEmail?: boolean;
+    isShowUserInfo?: boolean;
+    onClick?: () => void;
+    avatar?: AvatarConfig;
+    className?: string;
+    style?: React.CSSProperties;
+    menuItems?: MenuProps['items'];
+    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    trigger?: ('click' | 'hover')[];
+    showBadge?: boolean;
+    badgeCount?: number;
+}
+declare const ProfileMenu: React.FC<ProfileMenuProps>;
+export default ProfileMenu;

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

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

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

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

package/es/components/record-view/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import './index.less';
+export interface RecordViewProps {
+    dataSource: any[];
+    doubleList: boolean;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    renderItem?: (item: any) => React.ReactNode;
+    pcDetailModalDisplay?: boolean;
+    padDetailModalDisplay?: boolean;
+    mobilePadDetailModalDisplay?: boolean;
+    detail: React.ReactNode;
+    leftSpan?: number;
+    rightSpan?: number;
+    gutter: number | [number, number];
+    pagination?: object;
+    style?: React.CSSProperties;
+    onRowClick: (item: any) => void;
+    paginationType?: 'default' | 'scroll';
+    listGap?: number;
+    loadMoreData?: () => void;
+    listHeight?: number;
+    children: any;
+    split?: boolean;
+    doubleListSource?: any[];
+    locale?: {
+        emptyText: string;
+    };
+    emptyButtons: any[];
+    isShowClode?: boolean;
+    modalWrapStyle?: React.CSSProperties;
+}
+export interface AppearanceEditRef {
+    closeDetailModal: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<RecordViewProps & React.RefAttributes<AppearanceEditRef>>;
+export default _default;

package/es/components/section-footers/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SectionFooterProps {
+    left?: React.ReactNode;
+    middle?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+}
+declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
+export default SectionFooters;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { SegmentedProps } from "antd";
+import "./index.less";
+declare const Segmented: (props: SegmentedProps) => React.JSX.Element;
+export default Segmented;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Select as OriginalSelect } from 'antd';
+import type { SelectProps } from 'antd';
+import './index.less';
+interface CompoundedComponent extends React.ForwardRefExoticComponent<SelectProps> {
+    Option: typeof OriginalSelect.Option;
+}
+declare const Select: CompoundedComponent;
+export default Select;

package/es/components/select-time/RightPanel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+interface RightPanelProps {
+    value: string;
+    onChange: (value: string) => void;
+    slice: number;
+}
+declare const RightPanel: (props: RightPanelProps) => React.JSX.Element;
+export default RightPanel;

package/es/components/select-time/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
+import { PopoverProps, TimePickerProps } from "antd";
+import "./index.less";
+interface SelectTimeProps {
+    value: any;
+    onChange: (e: string) => void;
+    popoverProps: PopoverProps;
+    timePickerProps: TimePickerProps;
+    timeProps: VirtualKeyboardTimeProps;
+    slice: number;
+}
+declare const SelectTime: (props: SelectTimeProps) => React.JSX.Element;
+export default SelectTime;

package/es/components/select-time/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const sliceDayIntoFiveMinutes: (slice: number) => {
+    label: string;
+    value: string;
+}[];
+export declare const findNextSlice: ({ timeSlices, index, date }: {
+    timeSlices: any[];
+    index?: number | undefined;
+    date?: string | undefined;
+}) => any;

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

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

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

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

package/es/components/sort/components/InlineMenu/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { MenuProps } from "antd";
+import "./index.less";
+interface InlineMenuProps {
+    items: any[];
+    value?: [string, string];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+}
+/**
+ * 内嵌展示的菜单 只支持两级
+ * @param props
+ * @constructor
+ */
+declare const InlineMenu: (props: InlineMenuProps) => React.JSX.Element;
+export default InlineMenu;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SortListProps } from './types';
+import './index.less';
+declare const Sort: React.FC<SortListProps>;
+export default Sort;

package/es/components/sort/types.d.ts

@@ -0,0 +1,20 @@
+import { MenuProps } from "antd";
+import React from "react";
+export declare type SortItemProps = {
+    type: "date" | "string" | "number";
+    label?: string;
+    name?: string | string[];
+    isCustom: boolean;
+    columnKey?: string;
+    localFilter?: boolean;
+    isHidden?: boolean;
+};
+export declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+    button?: React.ReactNode;
+    style?: React.CSSProperties;
+    value?: any;
+    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+    localPagination?: boolean;
+};

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { Props } from "../DragSortList";
+export interface SortableListProps<T> {
+    dataSource: Props<T>["list"];
+    onChange: Props<T>["onChange"];
+    rowKey: Props<T>["rowKey"];
+    renderItem?: (item: T, index: number) => React.ReactNode;
+    activationConstraint?: Props<T>["activationConstraint"];
+}
+declare const SortableList: React.FC<SortableListProps<any>>;
+export default SortableList;

package/es/components/table/Actions/component/ButtonIcon/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+declare type ButtonIconProps = {
+    children: React.ReactNode;
+    isActive: boolean;
+};
+declare const ButtonIcon: React.FC<ButtonIconProps>;
+export default ButtonIcon;

package/es/components/table/Actions/component/ColumnsSetting/PopoverContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./PopoverContent.less";
+declare type PopoverContentProps = {
+    value?: Record<string, any>[];
+    onChange?: (columns: Record<string, any>[]) => void;
+    isShowTitle?: boolean;
+    headerContent?: React.ReactNode;
+};
+declare const PopoverContent: (props: PopoverContentProps) => React.JSX.Element;
+export default PopoverContent;

package/es/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type ColumnsSettingProps = {
+    value?: Record<string, any>[];
+    onChange?: (val: Record<string, any>[]) => void;
+};
+declare const ColumnsSetting: (props: ColumnsSettingProps) => React.JSX.Element;
+export default ColumnsSetting;

package/es/components/table/Actions/component/ColumnsSetting/utils.d.ts

@@ -0,0 +1 @@
+export declare function isFixedOrderValid(columns: Record<string, any>[]): boolean;

package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExportImportType } from '../../../../../types';
+import './index.less';
+declare const ExportFile: (props: {
+    exportImport: ExportImportType;
+}) => React.JSX.Element;
+export default ExportFile;

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts

@@ -0,0 +1,7 @@
+interface IExportParams {
+    type: string;
+    originDataSource: any[];
+    currentDataSource: any[];
+}
+export declare const batchExport: (exportParams: IExportParams, exportImport: any) => Promise<true | undefined>;
+export {};

package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ExportImportType } from "../../../../../types";
+import "./index.less";
+declare const ExportTable: (props: {
+    onChange: any;
+    exportImport: ExportImportType;
+}) => React.JSX.Element;
+export default ExportTable;

package/es/components/table/Actions/component/ExportImport/components/ImportLog/Detail.d.ts

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

package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExportImportType } from '../../../../../types';
+import './index.less';
+declare const ImportLog: (props: {
+    exportImport: ExportImportType;
+}) => React.JSX.Element;
+export default ImportLog;

package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ExportImportType } from '../../../../../types';
+import './index.less';
+declare type ImportTableProps = {
+    onChange: any;
+    exportImport: ExportImportType;
+    errorStatus: string | null;
+};
+declare const ImportTable: (props: ImportTableProps) => React.JSX.Element;
+export default ImportTable;