@pisell/materials 1.0.960 → 1.0.962

package/lib/components/walletCard/index.less

@@ -9,6 +9,35 @@
     width: 100%;
     display: flex;
     cursor: pointer;
+    position: relative;
+  }
+
+  .pisell-wallet-add-holder-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+
+    &-text {
+      color: #fff;
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+      white-space: pre-line;
+    }
+
+    &-button {
+      font-weight: bold;
+    }
   }
 
   // 卡片内容区域
@@ -35,6 +64,12 @@
           color: #fff;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: var(--Gray-900, #101828);
+        border: 1px solid var(--Gray-100, #f2f4f7);
+        background: var(--Gray-100, #f2f4f7);
+      }
     }
 
     // 亮色主题
@@ -54,6 +89,12 @@
           color: #101828;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: #fff;
+        border: 1px solid var(--Gray-600, #475467);
+        background: var(--Gray-600, #475467);
+      }
     }
   }
 
@@ -66,6 +107,25 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    min-height: 100px;
+
+    .pisell-wallet-card-header-holder-name {
+      cursor: pointer;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      padding: 2px 8px;
+      border-radius: 16px;
+      height: 22px;
+      min-width: 50px;
+      text-align: center;
+      font-size: 12px;
+      line-height: 16px;
+      max-width: 100%;
+      font-style: normal;
+      font-weight: 500;
+    }
 
     // 头部左侧
     .pisell-wallet-card-header-left {
@@ -78,7 +138,7 @@
         display: flex;
         align-items: center;
         gap: 10px;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
 
         // 卡片名称文本
         .pisell-wallet-card-header-level-text {
@@ -157,7 +217,7 @@
 
   // 卡片内容列表
   .pisell-wallet-card-list {
-    margin-top: 30px;
+    margin-top: unset;
     height: 50px;
     box-sizing: border-box;
     display: flex;

package/lib/locales/en-US.js

@@ -399,15 +399,7 @@ var en_US_default = {
   "pisell-upload-camera-capture": "Capture",
   "pisell-upload-camera-retake": "Retake",
   "pisell-upload-camera-use": "Use photo",
-  // 列表组件
-  "pisell-list-tab-group-default": "Field",
-  "pisell-list-empty-text-default": "No data available",
-  "pisell-list-load-more": "Load More",
-  "pisell-list-view-less": "View Less",
-  "pisell-list-pagination-total": (start, end, total) => `Showing ${start}-${end} of ${total} items`,
-  "pisell-list-scroll-down": "Scroll Down",
-  "pisell-list-scroll-right": "Scroll Right",
-  "pisell-list-pagination-page-of": (current, total) => `Page ${current} of ${total}`,
-  "pisell-list-pagination-previous": "Previous",
-  "pisell-list-pagination-next": "Next"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "To ensure your benefits, please\r\nassign a holder to activate this card.",
+  "pisell2.wallet-card.add-holder-button-text": "Set Holder"
 };

package/lib/locales/zh-CN.js

@@ -390,15 +390,7 @@ var zh_CN_default = {
   "pisell-upload-camera-capture": "拍摄/拍照",
   "pisell-upload-camera-retake": "重拍",
   "pisell-upload-camera-use": "使用照片",
-  // 列表组件
-  "pisell-list-tab-group-default": "字段",
-  "pisell-list-empty-text-default": "暂无数据",
-  "pisell-list-load-more": "查看更多",
-  "pisell-list-view-less": "查看更少",
-  "pisell-list-pagination-total": (start, end, total) => `显示第 ${start}-${end} 条，共 ${total} 条`,
-  "pisell-list-scroll-down": "向下滚动",
-  "pisell-list-scroll-right": "向右滚动",
-  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 页 共 ${total} 页`,
-  "pisell-list-pagination-previous": "上一页",
-  "pisell-list-pagination-next": "下一页"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "为确保您的权益，此卡\r\n需指定使用人后方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加持有人"
 };

package/lib/locales/zh-TW.js

@@ -391,15 +391,7 @@ var zh_TW_default = {
   "pisell-upload-camera-capture": "拍攝/拍照",
   "pisell-upload-camera-retake": "重拍",
   "pisell-upload-camera-use": "使用照片",
-  // 列表組件
-  "pisell-list-tab-group-default": "字段",
-  "pisell-list-empty-text-default": "暫無數據",
-  "pisell-list-load-more": "查看更多",
-  "pisell-list-view-less": "查看更少",
-  "pisell-list-pagination-total": (start, end, total) => `顯示第 ${start}-${end} 條，共 ${total} 條`,
-  "pisell-list-scroll-down": "向下滾動",
-  "pisell-list-scroll-right": "向右滾動",
-  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 頁 共 ${total} 頁`,
-  "pisell-list-pagination-previous": "上一頁",
-  "pisell-list-pagination-next": "下一頁"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "為確保您的權益，此卡\r\n需指定使用人後方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加使用人"
 };

package/lib/utils/index.d.ts

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

package/lib/utils/platform.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.960",
+  "version": "1.0.962",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,7 +59,7 @@
     "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
-    "antd": "5.6.3",
+    "antd": "*",
     "antd-img-crop": "^4.23.0",
     "classnames": "^2.3.2",
     "crypto-js": "^4.2.0",

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

@@ -1,4 +0,0 @@
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
-export default AppVersionControl;

package/es/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -1,20 +0,0 @@
-export declare type Options = {
-    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
-    minFontSizePx?: number | undefined;
-    maxFontSizePx?: number | undefined;
-    fontSizePrecisionPx?: number | undefined;
-    scrollToEnd?: boolean | undefined;
-};
-export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): void;
-declare type DisconnectableFunction = {
-    (): void;
-    disconnect: () => void;
-};
-export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): DisconnectableFunction;
-export {};

package/es/components/auto-resize-text/index.d.ts

@@ -1,6 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
-import { Options } from './auto-text-size-standalone';
-export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
-    as?: keyof ReactHTML | React.ComponentType<any>;
-    children?: React.ReactNode;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

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

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

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { FormInstance } from 'antd';
-import { ModeType } from './type';
-import './style.less';
-export interface WithModeProps {
-    renderMode?: ModeType;
-    value?: any;
-    onChange?: (value: any) => void;
-    [key: string]: any;
-}
-/**
- * @title: 增加renderMode属性
- * @description: 基于renderMode属性控制渲染模式
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:13:18
- */
-export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
-    renderMode: ModeType;
-}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
-export interface WithFormItemProps {
-    name: string;
-    label?: string;
-    mode?: ModeType;
-    [key: string]: any;
-}
-export declare const formItemNameReplace: (name: string) => string;
-export declare const formItemNameReverse: (name: string) => string;
-export declare const isValidDomain: (value: string) => boolean;
-/**
- * @title: 追加formItem层
- * @description:
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:14:25
- */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
-    innerProps?: Record<string, any> | undefined;
-} | undefined) => React.FC<P & WithFormItemProps>;
-export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    dataSource?: any;
-}) => JSX.Element;
-export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
-export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
-export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
-export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
-export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
-export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/es/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from './type';
-export interface TableRef {
-    refreshCurrentPage: () => void;
-    refreshData: () => void;
-}
-declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
-export default _default;

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,27 +0,0 @@
-import './index.less';
-interface BaseFilterItem {
-    name?: string;
-    value: string;
-    label?: string;
-    type?: string;
-    isHidden: boolean;
-    isCustom?: boolean;
-}
-interface FilterProps {
-    componentId: string;
-    filterBy: Record<string, any>;
-    quickFilterMaxLength?: number;
-    sortButtonShow?: boolean;
-    mode?: 'simple' | 'complex';
-    items: BaseFilterItem[];
-    handleValuesChange: (changedFields: any, allFields: any) => void;
-    show: boolean;
-    search: {
-        show: boolean;
-        placeholder: string;
-        key: string;
-    };
-    getInitialValues?: () => Record<string, any>;
-}
-declare const Filter: (props: FilterProps) => JSX.Element;
-export default Filter;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,39 +0,0 @@
-import { Drawer } from 'antd';
-import React from 'react';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: React.ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: React.ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -1,101 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from '../type';
-import { OperationItem } from '../type';
-interface UseTablePropsProps {
-    data: any;
-    originProps: DataSourceTableProps;
-    openDrawer: (type: OperationItem) => void;
-    closeDrawer: () => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    tableRef: any;
-    getInitialValues: () => Record<string, any>;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    currentComponentId: any;
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: {
-        dom: any;
-        items: any;
-    } | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    __id?: string | undefined;
-    currentSettingKey?: string | undefined;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "button" | "link";
-        items: OperationItem[];
-    } | undefined;
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    } | undefined;
-    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    } | undefined;
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
-        openTitle: string;
-        key: string;
-    } | undefined;
-    filterBy?: Record<string, any> | undefined;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    } | undefined;
-    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
-    localSettings?: import("../../../table/types").LocalSettingsType | undefined;
-};
-export default useTableProps;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,33 +0,0 @@
-import { DataSourceTableProps } from '../type';
-declare type Params = {
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    order_by?: string;
-    tabs?: {
-        name: string;
-        filterBy: Record<string, any>;
-        sortBy: string;
-    };
-};
-declare const useTableQuery: (props: DataSourceTableProps, currentSettingHash: string) => {
-    queryPageConfig: {
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    };
-    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    }>>;
-    handleValuesChange: (params: Params, allParams: Params) => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    refreshCurrentPage: () => void;
-    getInitialValues: () => Record<string, any>;
-};
-export default useTableQuery;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { LocalSettingsType } from '../../table/types';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-    afterClose?: () => void;
-};
-export interface DataSourceTableProps {
-    __id?: string;
-    currentComponentId?: string;
-    currentSettingKey?: string;
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    onDeleteFinish?: (record: Record<string, any>) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-    localSettings?: LocalSettingsType;
-}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from '../../dataSourceForm/type';
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-    countryCode?: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default MobileNumberInputWithMode;

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/WithMode.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from "../../dataSourceForm/type";
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default PhoneNumberInputWithMode;