@pisell/materials 6.4.19 → 6.4.20

package/lib/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/lib/components/virtual-keyboard/Number/index.d.ts

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

package/lib/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/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/virtual-keyboard/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+    primaryButtonBackgroundColor?: string;
+    primaryButtonTextColor?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
+export default VirtualKeyboard;

package/lib/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './index.less';
+export interface BaseVirtualInputProps {
+    /** 输入值 */
+    value?: string | React.ReactNode;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否自动聚焦 */
+    autoFocus?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 组件高度，默认60px */
+    height?: number | string;
+    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
+    fontSize?: number | string;
+    /** 聚焦回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 文字位置 */
+    textAlign?: 'start' | 'center' | 'end';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** showCursor  */
+    showCursor?: boolean;
+    /** 防止失焦的元素选择器或ref */
+    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
+    /** 是否聚焦（受控模式） */
+    focused?: boolean;
+}
+export interface BaseVirtualInputRef {
+    /** 手动聚焦 */
+    focus: () => void;
+    /** 手动失焦 */
+    blur: () => void;
+}
+declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
+export default BaseVirtualInput;

package/lib/components/virtualInput/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import './index.less';
+export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+export interface VirtualInputProps extends BaseVirtualInputProps {
+    /** 在VirtualInput上方显示的额外内容 */
+    topContent?: React.ReactNode;
+    /** 在VirtualInput下方显示的额外内容 */
+    bottomContent?: React.ReactNode;
+    /** wrapper class */
+    wrapperClassName?: string;
+    /** 虚拟输入框包装器的样式 */
+    wrapperStyle?: React.CSSProperties;
+    /** 是否允许清除输入框中的内容 */
+    allowClear?: boolean;
+    /** 清除输入框内容的回调函数 */
+    onClear?: () => void;
+    /** 自定义清除按钮的样式 */
+    clearButtonStyle?: React.CSSProperties;
+}
+export interface VirtualInputRef extends BaseVirtualInputRef {
+}
+declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
+export default VirtualInput;

package/lib/components/walletCard/Guest/index.d.ts

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

package/lib/components/walletCard/Guide/index.d.ts

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

package/lib/locales/en-US.d.ts

@@ -124,6 +124,7 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-valid': string;
     'pisell-wallet-pass-card-confirm': string;
     'pisell-wallet-pass-card-cancel': string;
     'pisell-wallet-pass-card-required': string;

package/lib/locales/en-US.js

@@ -156,6 +156,7 @@ var en_US_default = {
   "pisell-wallet-pass-card-redeem": "use",
   "pisell-wallet-pass-card-code": "Code",
   "pisell-wallet-pass-card-valid-to": "Valid to",
+  "pisell-wallet-pass-card-valid": "Valid",
   "pisell-wallet-pass-card-confirm": "Confirm",
   "pisell-wallet-pass-card-cancel": "Cancel",
   "pisell-wallet-pass-card-required": "This field is required",

package/lib/locales/zh-CN.d.ts

@@ -124,6 +124,7 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-valid': string;
     'pisell-wallet-pass-card-confirm': string;
     'pisell-wallet-pass-card-cancel': string;
     'pisell-wallet-pass-card-required': string;

package/lib/locales/zh-CN.js

@@ -156,6 +156,7 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "识别码编号",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-valid": "有效期",
   "pisell-wallet-pass-card-confirm": "确认",
   "pisell-wallet-pass-card-cancel": "取消",
   "pisell-wallet-pass-card-required": "此字段必填",

package/lib/locales/zh-TW.d.ts

@@ -124,6 +124,7 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-valid': string;
     'pisell-wallet-pass-card-confirm': string;
     'pisell-wallet-pass-card-cancel': string;
     'pisell-wallet-pass-card-required': string;

package/lib/locales/zh-TW.js

@@ -156,6 +156,7 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "識別碼編號",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-valid": "有效期",
   "pisell-wallet-pass-card-confirm": "確認",
   "pisell-wallet-pass-card-cancel": "取消",
   "pisell-wallet-pass-card-required": "此欄位為必填",

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.4.19",
+  "version": "6.4.20",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -76,8 +76,8 @@
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
     "@pisell/date-picker": "3.0.7",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2"
+    "@pisell/utils": "3.0.2",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -1,24 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -1,25 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export declare const getShopCountryDataList: (locale?: any) => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/es/components/dataSourceComponents/hooks/usePlatform.d.ts

@@ -1,5 +0,0 @@
-declare const usePlatform: () => any;
-declare const useIsShop: () => boolean;
-declare const useIsH5: () => boolean;
-declare const useIsPc: () => boolean;
-export { usePlatform, useIsShop, useIsH5, useIsPc };

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellQRScannerProps {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否显示上传图片按钮 */
-    showUpload?: boolean;
-    /** 关闭回调 */
-    onClose: () => void;
-    /** 扫码成功回调 */
-    onScan: (value: string) => void;
-    /**
-     * 样式属性，可选
-     * 注意: 不应传入renderMode等不必要属性
-     */
-    style?: React.CSSProperties;
-    /** 类名，可选 */
-    className?: string;
-}
-/**
- * 二维码扫描组件
- */
-declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
-export default PisellQRScanner;

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

@@ -1,11 +0,0 @@
-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/ExportImport/components/ExportTable/function.d.ts

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

package/es/components/table/serve.d.ts

@@ -1,13 +0,0 @@
-declare type exportParams = {
-    ids?: Array<string | number>;
-    file_name?: string;
-    form_id?: string | number;
-    code?: string;
-    url?: string;
-};
-export declare const exportData: (params: exportParams) => Promise<any>;
-export declare const batchImport: (params: any) => Promise<any>;
-export declare const importTemplate: (params: exportParams) => Promise<any>;
-export declare const getExportFile: (params: any) => Promise<any>;
-export declare const getImportLog: (params: any) => Promise<any>;
-export {};

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

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-import { TabsProps } from 'antd';
-import './index.less';
-declare class Tabs extends Component<any> {
-    state: {
-        activeKey: any;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<any>): void;
-    private _handleChange;
-    setActiveKey: (key: string) => void;
-    getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps['renderTabBar'];
-    filterHiddenTabs: (tabs: any[]) => any[];
-    render(): JSX.Element;
-}
-export default Tabs;

package/lib/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -1,24 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -1,25 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export declare const getShopCountryDataList: (locale?: any) => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts

@@ -1,5 +0,0 @@
-declare const usePlatform: () => any;
-declare const useIsShop: () => boolean;
-declare const useIsH5: () => boolean;
-declare const useIsPc: () => boolean;
-export { usePlatform, useIsShop, useIsH5, useIsPc };

package/lib/components/pisellQRScanner/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellQRScannerProps {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否显示上传图片按钮 */
-    showUpload?: boolean;
-    /** 关闭回调 */
-    onClose: () => void;
-    /** 扫码成功回调 */
-    onScan: (value: string) => void;
-    /**
-     * 样式属性，可选
-     * 注意: 不应传入renderMode等不必要属性
-     */
-    style?: React.CSSProperties;
-    /** 类名，可选 */
-    className?: string;
-}
-/**
- * 二维码扫描组件
- */
-declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
-export default PisellQRScanner;

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

@@ -1,11 +0,0 @@
-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/lib/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts

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

package/lib/components/table/serve.d.ts

@@ -1,13 +0,0 @@
-declare type exportParams = {
-    ids?: Array<string | number>;
-    file_name?: string;
-    form_id?: string | number;
-    code?: string;
-    url?: string;
-};
-export declare const exportData: (params: exportParams) => Promise<any>;
-export declare const batchImport: (params: any) => Promise<any>;
-export declare const importTemplate: (params: exportParams) => Promise<any>;
-export declare const getExportFile: (params: any) => Promise<any>;
-export declare const getImportLog: (params: any) => Promise<any>;
-export {};

package/lib/components/tabs/index.d.ts

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-import { TabsProps } from 'antd';
-import './index.less';
-declare class Tabs extends Component<any> {
-    state: {
-        activeKey: any;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<any>): void;
-    private _handleChange;
-    setActiveKey: (key: string) => void;
-    getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps['renderTabBar'];
-    filterHiddenTabs: (tabs: any[]) => any[];
-    render(): JSX.Element;
-}
-export default Tabs;