@pisell/materials 6.4.16 → 6.4.18

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

@@ -0,0 +1,13 @@
+/// <reference types="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) => JSX.Element | null;
+export default Sales;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Specs: (props: any) => 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 @@
+/// <reference types="react" />
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+import './index.less';
+declare const TimeRange: (props: any) => JSX.Element | null;
+export default TimeRange;

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

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

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

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

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

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="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) => JSX.Element;
+export default SelectHolderModal;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ResourceItem {
     id: string | number;

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/utils.js

@@ -97,6 +97,13 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
         // 中文：年月日 开始时间 - 年月日 结束时间
         dateTime = "".concat(startDate.format(dateFormat), " ").concat(startTime, " ~ ").concat(endDate.format(dateFormat), " ").concat(endTime);
       }
+      if (durationType === 'days') {
+        dateTime = formatMultiDayDate({
+          start_date: startDate.format('YYYY-MM-DD'),
+          end_date: endDate.format('YYYY-MM-DD'),
+          locale: locale
+        });
+      }
     }
     var startDateTime = "".concat(startDate.format('YYYY-MM-DD'), " ").concat(startTime);
     var endDateTime = "".concat(endDate.format('YYYY-MM-DD'), " ").concat(endTime);
@@ -108,7 +115,7 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
       var minutes = _duration % 60;
       durationText = locales.getText('pisell2.product.card.hour.minute')(hours, minutes);
     } else if (durationType === 'days') {
-      durationText = locales.getText('pisell2.product.card.day')(_duration);
+      durationText = "".concat(_duration).concat(locales.getText('pisell2.product.card.day')(_duration));
     } else {
       durationText = "".concat(_duration);
     }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.js

@@ -92,6 +92,8 @@ export var batchExport = function batchExport(exportParams, exportImport) {
     params === null || params === void 0 || delete params.shipping_status;
     params === null || params === void 0 || delete params.payment_status;
     params === null || params === void 0 || delete params.status;
+  } else {
+    params === null || params === void 0 || delete params.ids;
   }
   return _batchExport(params);
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/es/components/table/BasicTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/es/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/es/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/SelectField/index.d.ts

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

package/es/components/table/Table/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -197,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/text/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/tableConfig/SortRow/index.d.ts

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

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/es/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/es/components/virtual-keyboard/Amount/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { AmountProps, RightItemsStyleProps } from './types';
+import './index.less';
+export type { AmountProps, RightItemsStyleProps };
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/es/components/virtual-keyboard/Amount/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const amountThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Amount/types.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
+export interface RightItemsStyleProps {
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+}
+export interface AmountProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText?: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    amountProps?: {
+        showCurrencySymbol: boolean;
+        useThousandsSeparator: boolean;
+    };
+    presets?: BaseNumberKeyboardProps['presets'];
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    inputFormat?: (_v: string) => React.ReactNode | null;
+    rightItemsStyle?: RightItemsStyleProps;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+}

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './Presets.less';
+export declare type PresetsItem = {
+    label: string;
+    value: number | string;
+    style?: React.CSSProperties;
+    onClick?: (item: PresetsItem, _next: () => void) => void;
+    render?: (item: PresetsItem) => React.ReactNode;
+};
+export interface PresetsProps {
+    presets?: PresetsItem[];
+    onChange: (val: string) => void;
+}
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
+export default Presets;

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PresetsProps } from './Presets';
+import { KeyboardProps } from '../Keyboard';
+import { RightItemsStyleProps } from '../Amount';
+import './index.less';
+export interface BaseNumberKeyboardProps {
+    placeholder?: string;
+    format?: (val: string) => React.ReactNode;
+    defaultValue?: string | number;
+    doneText?: string;
+    resetText?: string;
+    onChange?: (val: string) => void;
+    onEnter?: (val: string) => void;
+    value?: string | number;
+    max?: number;
+    min?: number;
+    presets?: PresetsProps['presets'];
+    defaultSelect?: boolean;
+    rightItemsStyle?: RightItemsStyleProps;
+    customDisplay?: React.ReactNode | ((props: any) => React.ReactNode);
+    keyboardProps?: KeyboardProps;
+    style?: React.CSSProperties;
+}
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
+export default BaseNumberKeyboard;

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+export default _default;

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { NumberProps } from './types';
+import './index.less';
+export type { NumberProps };
+declare const Number: (props: NumberProps) => JSX.Element;
+export default Number;

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const numberThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Number/types.d.ts

@@ -0,0 +1,26 @@
+export interface NumberProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+}

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+    style?: React.CSSProperties;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+export default VirtualKeyInput;