@pisell/materials 6.5.9 → 6.6.2

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

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

package/es/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,6 @@
+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/badge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {

package/es/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/es/components/batch-editor/index.d.ts

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

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

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

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

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

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

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

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

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

package/es/components/config-provider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

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

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

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -1,7 +1,7 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["renderMode", "value", "onChange"],
   _excluded2 = ["name", "label", "mode", "renderMode", "tooltip", "noStyle", "extra", "required", "requiredobj", "minLengthobj", "maxLengthobj", "typeobj", "maxobj", "minobj", "normalize", "getValueProps", "validator", "style", "validateTrigger", "__designMode", "labelCol", "hideLabel", "innerStyle"];
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -172,9 +172,27 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
           break;
         case 'phone':
           rules.push({
-            validator: function validator(_, value) {
+            validator: function validator(_, originValue) {
+              var _value, _phone;
+              var value = "";
+              if (isString(originValue)) {
+                value = originValue;
+              } else if (originValue && 'phone' in originValue) {
+                value = "".concat((originValue === null || originValue === void 0 ? void 0 : originValue.countryCallingCode) || "").concat(originValue.phone || "");
+              }
+
               // 如果值为空或者只有空格，直接返回成功，不进行校验
-              if (!(value !== null && value !== void 0 && value.trim())) {
+              if (!((_value = value) !== null && _value !== void 0 && _value.trim())) {
+                if ((requiredobj === null || requiredobj === void 0 ? void 0 : requiredobj.required) === false) {
+                  return Promise.resolve();
+                } else if (_typeof(originValue) == 'object') {
+                  // 如果是object，存在phone和contryCallingCode都为空的场景，需要拦截
+                  return Promise.reject(new Error(requiredobj.message || getText('pisell-data-source-form-required-message')));
+                }
+              }
+
+              // 如果是object返回格式，非必填且phone为空，不进行校验
+              if (typeof originValue !== 'string' && (requiredobj === null || requiredobj === void 0 ? void 0 : requiredobj.required) === false && (originValue === null || originValue === void 0 || (_phone = originValue.phone) === null || _phone === void 0 ? void 0 : _phone.trim()) === '') {
                 return Promise.resolve();
               }
               try {
@@ -194,9 +212,17 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
           break;
         case 'mobile':
           rules.push({
-            validator: function validator(_, value) {
+            validator: function validator(_, originValue) {
+              var _value2;
+              var value = "";
+              if (isString(originValue)) {
+                value = originValue;
+              } else if (originValue && 'phone' in originValue) {
+                value = "".concat((originValue === null || originValue === void 0 ? void 0 : originValue.countryCallingCode) || "").concat(originValue.phone || "");
+              }
+
               // 如果值为空或者只有空格，直接返回成功，不进行校验
-              if (!(value !== null && value !== void 0 && value.trim())) {
+              if (!((_value2 = value) !== null && _value2 !== void 0 && _value2.trim())) {
                 return Promise.resolve();
               }
               try {
@@ -363,7 +389,9 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
           rules: rules
         });
       }
-      return _objectSpread(_objectSpread({}, otherProps || {}), (overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps) || {}) || {};
+      return _objectSpread(_objectSpread(_objectSpread({}, otherProps || {}), (overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps) || {}), {}, {
+        onChange: undefined
+      });
     }, [overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps, otherProps]);
     return /*#__PURE__*/React.createElement(Form.Item, _extends({
       required: required,

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
+    dataSourceKey: string | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
 };
 export default useDataSourceKey;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,9 +28,12 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
-    filter: any;
+    filter: {
+        dom: any;
+        items: any;
+    } | null;
     onRow: (record: any) => any;
     actionButtons: any[] | null;
     __id?: string | undefined;
@@ -51,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -69,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "large" | "middle" | "small";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -300,8 +300,10 @@ var useTableProps = function useTableProps(props) {
       filterBy: filterBy,
       getInitialValues: getInitialValues
     }));
-    dom.__proto__.__items = propsFilter === null || propsFilter === void 0 ? void 0 : propsFilter.items;
-    return dom;
+    return {
+      dom: dom,
+      items: propsFilter === null || propsFilter === void 0 ? void 0 : propsFilter.items
+    };
   }, [propsFilter, search]);
   var onRow = useMemoizedFn(function (record) {
     if (!(clickToDetail !== null && clickToDetail !== void 0 && clickToDetail.show)) {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

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

@@ -0,0 +1,84 @@
+/// <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;
+    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/dataSourceWrapper/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
 declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
 export default DataSourceWrapper;

package/es/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

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

@@ -1,10 +1,17 @@
 import React from 'react';
 import { InputProps } from 'antd';
-import { ModeType } from "../../dataSourceForm/type";
+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?: string;
-    onChange?: (value: string) => void;
+    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/WithMode.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "disabled"];
+var _excluded = ["value", "onChange", "disabled", "returnFormat"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -10,31 +10,32 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState, useEffect, useMemo } from 'react';
 import { Input, Space } from 'antd';
-import { isNumber } from '@pisell/utils';
+import { isNumber, isString } from '@pisell/utils';
 import Select from "../../../select";
-import { useCountries } from "./serve";
+import { useCountries } from "./../Input.Phone/serve";
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 import useTranslationOriginal from "../../../../hooks/useTranslationOriginal";
+import useSetRequest from "../../../../hooks/useSetRequest";
 var Option = Select.Option;
 /**
  * 手机号码输入组件
- * 
+ *
  * 校验规则：
  * 1. AU(+61) 验证规则：
  *    - 10位或9位数字
  *    - 前两位是04或者第一位是4
  *    - 格式示例：0412345678 或 412345678
- * 
+ *
  * 2. CN(+86) 验证规则：
  *    - 11位数字
  *    - 第一位必须是1
  *    - 格式示例：13812345678
- * 
+ *
  * 3. 其他国家验证规则：
  *    - 15位以内数字
  *    - 格式示例：123456789
- * 
+ *
  * 使用方式：
  * <Mobile
  *   name="mobile"
@@ -50,7 +51,10 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
   var propsValue = _ref.value,
     onChange = _ref.onChange,
     disabled = _ref.disabled,
+    _ref$returnFormat = _ref.returnFormat,
+    returnFormat = _ref$returnFormat === void 0 ? 'string' : _ref$returnFormat,
     props = _objectWithoutProperties(_ref, _excluded);
+  useSetRequest();
   var _useCountries = useCountries(),
     _useCountries$data = _useCountries.data,
     countries = _useCountries$data === void 0 ? [] : _useCountries$data;
@@ -61,6 +65,19 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     }
     return propsValue;
   }, [propsValue]);
+  var handleChange = function handleChange(prefix, phoneNumber, countryCode) {
+    if (returnFormat === 'string') {
+      // 只有当实际输入的号码部分不为空时，才包含区号
+      var newValue = phoneNumber ? "".concat(prefix).concat(phoneNumber) : '';
+      onChange === null || onChange === void 0 || onChange(newValue);
+    } else {
+      onChange === null || onChange === void 0 || onChange({
+        phone: phoneNumber,
+        countryCallingCode: prefix,
+        countryCode: countryCode
+      });
+    }
+  };
 
   // 解析外部传入的value
   var parseExternalValue = function parseExternalValue(val) {
@@ -68,18 +85,34 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
       countryCode: 'AU',
       phoneNumber: ''
     };
-    var matchedPrefix = countries.find(function (country) {
-      return val.startsWith(country.prefix);
-    });
-    if (matchedPrefix) {
+    var srtValue = '';
+    if (isString(val)) {
+      srtValue = val;
+    } else if ('phone' in val) {
+      srtValue = "".concat(val.countryCallingCode || '').concat(val.phone || '');
+    }
+    var matchedContry = null;
+    // 如果外部传入了countryCode，则以countryCode为准进行countryCode匹配
+    if (!isString(val) && val !== null && val !== void 0 && val.countryCode) {
+      matchedContry = countries.find(function (country) {
+        return (country === null || country === void 0 ? void 0 : country.code) === (val === null || val === void 0 ? void 0 : val.countryCode);
+      });
+    }
+    // 如果外部没有传入countryCode或者匹配不到，则以srtValue为准进行prefix匹配
+    if (!matchedContry) {
+      matchedContry = countries.find(function (country) {
+        return srtValue.startsWith(country.prefix);
+      });
+    }
+    if (matchedContry) {
       return {
-        countryCode: matchedPrefix.code,
-        phoneNumber: val.slice(matchedPrefix.prefix.length)
+        countryCode: matchedContry.code,
+        phoneNumber: srtValue.slice(matchedContry.prefix.length)
       };
     }
     return {
       countryCode: 'AU',
-      phoneNumber: val.replace(/\D/g, '')
+      phoneNumber: srtValue.replace(/\D/g, '')
     };
   };
   var _useState = useState(function () {
@@ -116,11 +149,9 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     var selectedCountry = countries.find(function (c) {
       return c.code === value;
     });
-    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || "";
-    var newValue = "".concat(prefix).concat(phoneNumber);
-
+    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || '';
     // 先更新值
-    onChange === null || onChange === void 0 || onChange(newValue);
+    handleChange(prefix, phoneNumber, selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.code);
 
     // 使用 setTimeout 确保值更新后再触发验证
     setTimeout(function () {
@@ -140,13 +171,8 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     var selectedCountry = countries.find(function (c) {
       return c.code === countryCode;
     });
-    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || "";
-
-    // 只有当实际输入的号码部分不为空时，才包含区号
-    var newValue = cleanNumber ? "".concat(prefix).concat(cleanNumber) : '';
-
-    // 更新值
-    onChange === null || onChange === void 0 || onChange(newValue);
+    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || '';
+    handleChange(prefix, cleanNumber, selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.code);
 
     // 如果号码为空，只清除校验信息，不重置国家代码
     if (!cleanNumber) {
@@ -167,14 +193,29 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
       return c.code === countryCode;
     });
     if (phoneNumber.length === 0) {
-      return "";
+      return '';
     }
-    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || "";
+    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || '';
     return "".concat(prefix).concat(phoneNumber);
   }, [countryCode, phoneNumber, countries]);
+  var objValue = useMemo(function () {
+    var selectedCountry = countries.find(function (c) {
+      return c.code === countryCode;
+    });
+    var prefix = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.prefix) || '';
+    return {
+      phone: phoneNumber || '',
+      countryCallingCode: prefix,
+      countryCode: countryCode
+    };
+  }, [countryCode, phoneNumber, countries]);
   var handleBlur = function handleBlur() {
     var finalValue = concatenatedNumber;
-    onChange === null || onChange === void 0 || onChange(finalValue);
+    if (returnFormat === 'string') {
+      onChange === null || onChange === void 0 || onChange(finalValue);
+    } else {
+      onChange === null || onChange === void 0 || onChange(objValue);
+    }
   };
   return /*#__PURE__*/React.createElement(Space.Compact, {
     block: true
@@ -197,6 +238,7 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
       };
     })
   }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    ref: props === null || props === void 0 ? void 0 : props.inputRef,
     disabled: disabled,
     type: "tel",
     value: phoneNumber,