@pisell/materials 6.0.9 → 6.0.11

package/es/index.js

@@ -1,145 +1,23 @@
-export { Affix } from 'antd';
-export { Anchor } from 'antd';
-export { Alert } from 'antd';
-export { Avatar } from 'antd';
-export { Badge } from 'antd';
-export { Breadcrumb } from 'antd';
-export { Card } from 'antd';
-export { Collapse } from 'antd';
-export { Carousel } from 'antd';
-
-// export { Cascader } from 'antd';
-
-export { Col } from 'antd';
-export { Descriptions } from 'antd';
-export { Divider } from 'antd';
-
-// export { Drawer } from 'antd';
-
-export { Empty } from 'antd';
-export { Grid } from 'antd';
-
-// export { Input } from 'antd';
-
-export { Image } from 'antd';
-export { InputNumber } from 'antd';
-// export { default as InputNumber } from './components/dataSourceForm/fields/InputNumber';
-
-export { message } from 'antd';
-export { Menu } from 'antd';
-export { Mentions } from 'antd';
-export { Statistic } from 'antd';
-export { notification } from 'antd';
-
-// export { PageHeader } from 'antd';
-
-export { Pagination } from 'antd';
-export { Popconfirm } from 'antd';
-export { Popover } from 'antd';
-export { Progress } from 'antd';
-export { Rate } from 'antd';
-export { Result } from 'antd';
-export { Row } from 'antd';
-
-// export { Skeleton } from 'antd';
-
-export { Space } from 'antd';
-export { Spin } from 'antd';
-export { Steps } from 'antd';
-export { Switch } from 'antd';
-export { Transfer } from 'antd';
-export { Tree } from 'antd';
-
-// export { TreeSelect } from 'antd';
-
-// export { Tabs } from 'antd';
-
-export { Tag } from 'antd';
-export { Timeline } from 'antd';
-export { Tooltip } from 'antd';
-export { version } from 'antd';
-export { default as Typography } from "./components/typography";
-export { default as Skeleton } from "./components/skeleton";
-export { default as Checkbox } from "./components/checkbox";
+export { Affix, Alert, Anchor, Avatar, Badge, Breadcrumb, Card, Carousel, Col, Collapse, ColorPicker, Descriptions, Divider, Empty, Grid, Image, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version } from 'antd';
+export { default as AutoComplete } from "./components/auto-complete";
+export { default as AutoCompleteNumber } from "./components/auto-complete-number";
+export { default as BatchEditor } from "./components/batch-editor";
 export { default as Button } from "./components/button";
-export { default as Radio } from "./components/radio";
-export { default as Upload } from "./components/upload";
-export { default as Icon } from "./components/icon";
-export { default as Form } from "./components/form";
-export { default as Dropdown } from "./components/dropdown";
 export { default as Calendar } from "./components/calendar";
-export { default as ConfigProvider } from "./components/config-provider";
-export { default as DatePicker } from "./components/date-picker";
-export { default as Tabs } from "./components/tabs";
-export { default as TimePicker } from "./components/time-picker";
-export { default as Slider } from "./components/slider";
-export { default as Table } from "./components/table";
-export { default as Modal } from "./components/modal";
-export { default as Drawer } from "./components/drawer";
-export { default as TreeSelect } from "./components/tree-select";
-export { default as Input } from "./components/input";
-export { default as Select } from "./components/select";
 export { default as Cascader } from "./components/cascader";
-export { default as AutoComplete } from "./components/auto-complete";
-export { default as Div } from "./components/div";
-export { default as Page } from "./components/page";
-export { default as Component } from "./components/component";
-export { default as Filter } from "./components/filter";
-export { default as Translation } from "./components/translation";
-export { default as SortableList } from "./components/sortableList";
-export { default as RecordView } from "./components/record-view";
-export { default as QRCode } from "./components/qrcode";
+export { default as Checkbox } from "./components/checkbox";
 export { default as ClassicLayout } from "./components/classicLayout";
-export { default as List } from "./components/list";
-export { default as Sort } from "./components/sort";
-export { default as InputNumberRange } from "./components/input-number-range";
-export { default as LowCodePage } from "./components/lowCodePage";
-export { default as Segmented } from "./components/segmented";
-export { default as VirtualKeyboard } from "./components/virtual-keyboard";
-export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
-export { default as SelectTime } from "./components/select-time";
-export { default as AutoCompleteNumber } from "./components/auto-complete-number";
-export { default as BatchEditor } from "./components/batch-editor";
-export { default as DragSortTree } from "./components/drag-sort-tree";
-export { default as PisellModal } from "./components/pisellModal";
-export { default as PisellRow } from "./components/pisellRow";
-export { default as PisellConfigProvider } from "./components/pisell-config-provider";
-export { default as PisellCountdown } from "./components/pisellCountdown";
-export { default as PisellInput } from "./components/pisellInput";
-export { getBankCardTypeImg } from "./components/pisellInput/components/BankCard/utils";
-export { default as PisellCheckboxGroup } from "./components/pisellCheckboxGroup";
-export { default as PisellDatePicker } from "./components/pisellDatePicker";
-
-// export { default as InformationModal } from './components/pisellModal/components/Information';
-export { default as PisellTooltip } from "./components/pisellTooltip";
-export { default as PisellEmpty } from "./components/pisellEmpty";
-export { default as Iconfont } from "./components/iconfont";
-export { default as PisellContainer } from "./components/pisellContainer";
-export { default as PisellText } from "./components/pisellText";
-export { default as PisellLoading } from "./components/pisellLoading";
-export { default as PisellCardList } from "./components/pisellCardList";
-export { default as PisellToast } from "./components/pisellToast";
-export { default as PisellWalletPassCard } from "./components/pisellWalletPassCard";
-export { default as PisellScan } from "./components/pisellScan";
-export { default as PisellAlert } from "./components/pisellAlert";
-export { default as PisellAvatar } from "./components/pisellAvatar";
-export { default as ProfileMenu } from "./components/profileMenu";
-export { default as PisellCard } from "./components/pisellCard";
-export { default as PisellInformationEntry } from "./components/pisellInformationEntry";
-export { default as usePisellConfig } from "./components/pisell-config-provider/hooks/usePisellConfig";
-export { globalConfig, default as PisellContext } from "./components/pisell-config-provider/context";
-export { default as PisellPriceKeyboard } from "./components/virtual-keyboard/Amount";
-export { default as PisellNumberKeyboard } from "./components/virtual-keyboard/Number";
-export { default as PisellAdjustPrice } from "./components/pisellAdjustPrice";
-export { default as PisellAdjustPriceInputNumber } from "./components/pisellAdjustPrice/PisellAdjustPriceInputNumber";
-export { default as PisellStatisticList } from "./components/pisellStatisticList";
-export { default as PisellFloatingPanel } from "./components/pisellFloatingPanel";
-export { ColorPicker } from 'antd';
-export { default as PisellUpload } from "./components/pisellUpload";
+export { default as Component } from "./components/component";
+export { default as ConfigProvider } from "./components/config-provider";
 export { default as DataSourceForm } from "./components/dataSourceComponents/dataSourceForm";
 export { default as FormGroup } from "./components/dataSourceComponents/dataSourceForm/group";
-export { default as SubmitButton } from "./components/dataSourceComponents/dataSourceForm/submitButton";
 export { default as JsonWrapper } from "./components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider";
+export { default as SubmitButton } from "./components/dataSourceComponents/dataSourceForm/submitButton";
+export { default as DataSourceImage } from "./components/dataSourceComponents/dataSourceShow/dataSourceImage";
+export { default as DataSourceQRCode } from "./components/dataSourceComponents/dataSourceShow/dataSourceQRCode";
+export { default as DataSourceTypography } from "./components/dataSourceComponents/dataSourceShow/dataSourceTypography";
+export { default as DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
+export { default as DataSourceWrapper } from "./components/dataSourceComponents/dataSourceWrapper";
 export { default as FormItemCheckbox } from "./components/dataSourceComponents/fields/Checkbox";
 export { default as FormItemColorPicker } from "./components/dataSourceComponents/fields/ColorPicker";
 export { default as FormItemDatePicker } from "./components/dataSourceComponents/fields/DatePicker";
@@ -148,15 +26,81 @@ export { default as FormItemInputNumber } from "./components/dataSourceComponent
 export { default as FormItemRadio } from "./components/dataSourceComponents/fields/Radio";
 export { default as FormItemSelect } from "./components/dataSourceComponents/fields/Select";
 export { default as FormItemTimePicker } from "./components/dataSourceComponents/fields/TimePicker";
-export { default as FormItemUpload } from "./components/dataSourceComponents/fields/Upload";
 export { default as FormItemTranslation } from "./components/dataSourceComponents/fields/Translation";
-export { default as DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
-export { default as DataSourceWrapper } from "./components/dataSourceComponents/dataSourceWrapper";
-export { default as DataSourceTypography } from "./components/dataSourceComponents/dataSourceShow/dataSourceTypography";
-export { default as DataSourceImage } from "./components/dataSourceComponents/dataSourceShow/dataSourceImage";
-export { default as DataSourceQRCode } from "./components/dataSourceComponents/dataSourceShow/dataSourceQRCode";
-export { default as PisellViewGrid } from "./components/pisellViewGrid";
-export { default as PageHeader } from "./components/page-header";
+export { default as FormItemUpload } from "./components/dataSourceComponents/fields/Upload";
+export { default as DatePicker } from "./components/date-picker";
+export { default as Div } from "./components/div";
+export { default as DragSortTree } from "./components/drag-sort-tree";
+export { default as Drawer } from "./components/drawer";
+export { default as Dropdown } from "./components/dropdown";
+export { default as Filter } from "./components/filter";
+export { default as Form } from "./components/form";
+export { default as Icon } from "./components/icon";
+export { default as Iconfont } from "./components/iconfont";
+export { default as Input } from "./components/input";
+export { default as InputNumberRange } from "./components/input-number-range";
+export { default as List } from "./components/list";
+export { default as loginAndRegister } from "./components/login-and-register";
+export { default as LowCodePage } from "./components/lowCodePage";
+export { default as Modal } from "./components/modal";
 export { default as OrganizationTenantSwitcher } from "./components/organizationTenantSwitcher";
+export { default as Page } from "./components/page";
+export { default as PageHeader } from "./components/page-header";
+export { default as PisellConfigProvider } from "./components/pisell-config-provider";
+export { default as PisellContext, globalConfig } from "./components/pisell-config-provider/context";
+export { default as usePisellConfig } from "./components/pisell-config-provider/hooks/usePisellConfig";
+export { default as PisellAdjustPrice } from "./components/pisellAdjustPrice";
+export { default as PisellAdjustPriceInputNumber } from "./components/pisellAdjustPrice/PisellAdjustPriceInputNumber";
+export { default as PisellAlert } from "./components/pisellAlert";
+export { default as PisellAvatar } from "./components/pisellAvatar";
+export { default as PisellCard } from "./components/pisellCard";
+export { default as PisellCardList } from "./components/pisellCardList";
+export { default as PisellCheckboxGroup } from "./components/pisellCheckboxGroup";
+export { default as PisellContainer } from "./components/pisellContainer";
+export { default as PisellCountdown } from "./components/pisellCountdown";
+export { default as PisellDatePicker } from "./components/pisellDatePicker";
+export { default as PisellEmpty } from "./components/pisellEmpty";
+export { default as PisellFloatingPanel } from "./components/pisellFloatingPanel";
+export { default as PisellInformationEntry } from "./components/pisellInformationEntry";
+export { default as PisellInput } from "./components/pisellInput";
+export { getBankCardTypeImg } from "./components/pisellInput/components/BankCard/utils";
+export { default as PisellLayout } from "./components/pisellLayout";
+export { default as PisellContent } from "./components/pisellLayout/content";
+export { default as PisellFooter } from "./components/pisellLayout/footer";
+export { default as PisellHeader } from "./components/pisellLayout/header";
+export { default as PisellSider } from "./components/pisellLayout/sider";
+export { default as PisellLoading } from "./components/pisellLoading";
+export { default as PisellModal } from "./components/pisellModal";
+export { default as PisellRow } from "./components/pisellRow";
+export { default as PisellScan } from "./components/pisellScan";
+export { default as PisellStatisticList } from "./components/pisellStatisticList";
 export { default as PisellTags } from "./components/pisellTags";
-export { default as loginAndRegister } from "./components/login-and-register";
+export { default as PisellText } from "./components/pisellText";
+export { default as PisellToast } from "./components/pisellToast";
+// export { default as InformationModal } from './components/pisellModal/components/Information';
+export { default as PisellTooltip } from "./components/pisellTooltip";
+export { default as PisellUpload } from "./components/pisellUpload";
+export { default as PisellViewGrid } from "./components/pisellViewGrid";
+export { default as PisellWalletPassCard } from "./components/pisellWalletPassCard";
+export { default as ProfileMenu } from "./components/profileMenu";
+export { default as QRCode } from "./components/qrcode";
+export { default as Radio } from "./components/radio";
+export { default as RecordView } from "./components/record-view";
+export { default as Segmented } from "./components/segmented";
+export { default as Select } from "./components/select";
+export { default as SelectTime } from "./components/select-time";
+export { default as Skeleton } from "./components/skeleton";
+export { default as Slider } from "./components/slider";
+export { default as Sort } from "./components/sort";
+export { default as SortableList } from "./components/sortableList";
+export { default as Table } from "./components/table";
+export { default as Tabs } from "./components/tabs";
+export { default as TimePicker } from "./components/time-picker";
+export { default as Translation } from "./components/translation";
+export { default as TreeSelect } from "./components/tree-select";
+export { default as Typography } from "./components/typography";
+export { default as Upload } from "./components/upload";
+export { default as VirtualKeyboard } from "./components/virtual-keyboard";
+export { default as PisellPriceKeyboard } from "./components/virtual-keyboard/Amount";
+export { default as PisellNumberKeyboard } from "./components/virtual-keyboard/Number";
+export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";

package/lib/components/dataSourceComponents/dataSourceForm/serve.js

@@ -66,7 +66,9 @@ var createNocobaseData = async (params) => {
   });
 };
 var formatQueryObjString = (query = {}) => {
-  return Object.entries(query || {}).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join("&");
+  return Object.entries(query || {}).map(
+    ([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+  ).join("&");
 };
 var getNocobaseData = async (params) => {
   const { key, query, headers } = params;
@@ -105,7 +107,10 @@ var customApi = async (url, data, options) => {
   const requestUrl = formatRequestUrl(url, baseUrl, queryString);
   const requestData = method === "GET" ? data : { ...body, ...data };
   const requestMethod = methodMap[method];
-  return import_utils.request.getRequest()[requestMethod](requestUrl, requestData, { headers: requestHeaders, isCustomApi: true });
+  return import_utils.request.getRequest()[requestMethod](requestUrl, requestData, {
+    headers: requestHeaders,
+    isCustomApi: true
+  });
 };
 var updateNocobaseData = async (params) => {
   const { key, data, headers, query } = params;

package/lib/components/dataSourceComponents/fields/Input/index.d.ts

@@ -5,6 +5,8 @@ import TextArea from '../Input.TextArea';
 import Url from '../Input.Url';
 import Email from '../Input.Email';
 import Phone from '../Input.Phone';
+import Mobile from '../Input.Mobile';
+import Subdomain from '../Input.Subdomain';
 import { InputProps } from './type';
 declare type InputComponent = React.FC<InputProps> & {
     JSON: typeof JSON;
@@ -13,6 +15,8 @@ declare type InputComponent = React.FC<InputProps> & {
     URL: typeof Url;
     Email: typeof Email;
     Phone: typeof Phone;
+    Mobile: typeof Mobile;
+    Subdomain: typeof Subdomain;
 };
 declare const Input: InputComponent;
 export default Input;

package/lib/components/dataSourceComponents/fields/Input/index.js

@@ -38,6 +38,8 @@ var import_Input3 = __toESM(require("../Input.TextArea"));
 var import_Input4 = __toESM(require("../Input.Url"));
 var import_Input5 = __toESM(require("../Input.Email"));
 var import_Input6 = __toESM(require("../Input.Phone"));
+var import_Input7 = __toESM(require("../Input.Mobile"));
+var import_Input8 = __toESM(require("../Input.Subdomain"));
 var import_WithMode = __toESM(require("./WithMode"));
 var import_utils = require("../../dataSourceForm/utils");
 var Input = (0, import_utils.withFormItem)(import_WithMode.default);
@@ -47,4 +49,6 @@ Input.TextArea = import_Input3.default;
 Input.URL = import_Input4.default;
 Input.Email = import_Input5.default;
 Input.Phone = import_Input6.default;
+Input.Mobile = import_Input7.default;
+Input.Subdomain = import_Input8.default;
 var Input_default = Input;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PhoneInputProps } from './WithMode';
+import './ReadPretty.less';
+declare const ReadPretty: React.FC<PhoneInputProps>;
+export default ReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_libphonenumber_js = require("libphonenumber-js");
+var import_classnames = __toESM(require("classnames"));
+var import_ReadPretty = require("./ReadPretty.less");
+var ReadPretty = ({
+  value,
+  renderMode
+}) => {
+  if (!value)
+    return null;
+  const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
+    "pisell-phone-read-pretty-table-view": renderMode === "tableView"
+  });
+  try {
+    const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
+    if (!phoneNumber)
+      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
+  } catch (error) {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+  }
+};
+var ReadPretty_default = ReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.less

@@ -0,0 +1,11 @@
+.pisell-phone-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-phone-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

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

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

package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.js

@@ -0,0 +1,156 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Mobile/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_select = __toESM(require("../../../select"));
+var import_serve = require("./serve");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils2 = require("../../dataSourceForm/utils");
+var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
+var { Option } = import_select.default;
+var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
+  const { data: countries = [] } = (0, import_serve.useCountries)();
+  const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const value = (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isNumber)(propsValue)) {
+      return `${propsValue}`;
+    }
+    return propsValue;
+  }, [propsValue]);
+  const parseExternalValue = (val) => {
+    if (!val)
+      return { countryCode: "AU", phoneNumber: "" };
+    const matchedPrefix = countries.find(
+      (country) => val.startsWith(country.prefix)
+    );
+    if (matchedPrefix) {
+      return {
+        countryCode: matchedPrefix.code,
+        phoneNumber: val.slice(matchedPrefix.prefix.length)
+      };
+    }
+    return {
+      countryCode: "AU",
+      phoneNumber: val.replace(/\D/g, "")
+    };
+  };
+  const [countryCode, setCountryCode] = (0, import_react.useState)(
+    () => parseExternalValue(value).countryCode
+  );
+  const [phoneNumber, setPhoneNumber] = (0, import_react.useState)(
+    () => parseExternalValue(value).phoneNumber
+  );
+  (0, import_react.useEffect)(() => {
+    const { countryCode: newCountryCode, phoneNumber: newPhoneNumber } = parseExternalValue(value);
+    setCountryCode(newCountryCode);
+    setPhoneNumber(newPhoneNumber);
+  }, [value, countries]);
+  const handleCountryChange = (value2) => {
+    setCountryCode(value2);
+  };
+  const handlePhoneNumberChange = (e) => {
+    const cleanNumber = e.target.value.replace(/\D/g, "");
+    setPhoneNumber(cleanNumber);
+  };
+  const concatenatedNumber = (0, import_react.useMemo)(() => {
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    if (phoneNumber.length === 0) {
+      return "";
+    }
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    return `${prefix}${phoneNumber}`;
+  }, [countryCode, phoneNumber, countries]);
+  const handleBlur = () => {
+    onChange == null ? void 0 : onChange(concatenatedNumber);
+  };
+  const status = (0, import_react.useMemo)(() => {
+    if (!phoneNumber || !isVerification) {
+      return void 0;
+    }
+    if (countryCode === "AU") {
+      const auRegex = /^(04\d{8}|\d{9})$/.test(phoneNumber);
+      if (!auRegex) {
+        return "error";
+      }
+    } else if (countryCode === "CN") {
+      const cnRegex = /^1\d{10}$/.test(phoneNumber);
+      if (!cnRegex) {
+        return "error";
+      }
+    } else {
+      const otherRegex = /^\d{1,15}$/.test(phoneNumber);
+      if (!otherRegex) {
+        return "error";
+      }
+    }
+    return void 0;
+  }, [concatenatedNumber, phoneNumber, isVerification, countryCode]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
+    import_select.default,
+    {
+      disabled,
+      value: countryCode,
+      onChange: handleCountryChange,
+      style: { width: "90px" },
+      onBlur: handleBlur,
+      popupMatchSelectWidth: false,
+      optionLabelProp: "inputValue",
+      optionFilterProp: "label",
+      showSearch: true,
+      options: countries.map((country) => ({
+        value: country.code,
+        label: `${translationOriginal(country.name)} (${country.prefix})`,
+        inputValue: country.prefix
+      }))
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ...props,
+      disabled,
+      status,
+      type: "tel",
+      value: phoneNumber,
+      onChange: handlePhoneNumberChange,
+      onBlur: handleBlur,
+      style: { flex: 1 }
+    }
+  ));
+};
+var MobileNumberInputWithMode = (0, import_utils2.withMode)(MobileNumberInput, import_ReadPretty.default);
+var WithMode_default = MobileNumberInputWithMode;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Mobile: React.FC<import("./WithMode").PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Mobile;

package/lib/components/dataSourceComponents/fields/Input.Mobile/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Mobile/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Mobile = (0, import_utils.withFormItem)(import_WithMode.default);
+var Input_default = Mobile;

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

@@ -0,0 +1,24 @@
+/**
+ * 获取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[];
+};