@pisell/materials 6.4.13 → 6.4.14

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

@@ -0,0 +1,292 @@
+declare const _default: {
+    'table-filter-search': string;
+    'table-filter-clear': string;
+    'table-filter-filter': string;
+    'table-filter-min': string;
+    'table-filter-max': string;
+    'table-pagination-previous': string;
+    'table-pagination-next': string;
+    'table-pagination-total': (current: string, total: string) => string;
+    'select-dropdown-render-select-all': string;
+    'select-dropdown-render-search': string;
+    'sort-button-text': string;
+    'sort-oldest-to-newest': string;
+    'sort-newest-to-oldest': string;
+    'sort-a-z': string;
+    'sort-z-a': string;
+    'sort-from-morning-to-night': string;
+    'sort-from-evening-to-morning': string;
+    'sort-0-9': string;
+    'sort-9-0': string;
+    'table-action-filter-button': string;
+    'table-action-filter-quick-filter': string;
+    'table-action-filter-quick-filter-tip': (count: number) => string;
+    'table-action-filter-other-filter': string;
+    'table-action-filter-other-filter-tip': () => string;
+    'table-action-group-by-title': string;
+    'table-action-group-by-title-tip': string;
+    'table-action-column-title': string;
+    'table-column-group-records': string;
+    'table-column-group-lock-tip': string;
+    'table-column-drag-sort-disabled-tip': string;
+    'table-action-filter-no-filter': string;
+    'table-action-range-picker-presets-today': string;
+    'table-action-range-picker-presets-yesterday': string;
+    'table-action-range-picker-presets-last-3-day': string;
+    'table-action-range-picker-presets-last-7-day': string;
+    'table-action-range-picker-presets-last-14-day': string;
+    'table-action-range-picker-presets-last-30-day': string;
+    'table-action-range-picker-presets-last-90-day': string;
+    'virtual-keyboard-time-now': string;
+    'virtual-keyboard-time-ok': string;
+    'batch-editor-batch-edit': string;
+    'batch-editor-actions': string;
+    'batch-editor-remove': string;
+    'batch-editor-price': string;
+    'batch-editor-cancel': string;
+    'batch-editor-search': string;
+    'batch-editor-confirm': string;
+    'batch-editor-batch-remove': string;
+    'batch-editor-what-price': string;
+    'batch-editor-quick-edit': string;
+    'batch-editor-quick-edit-title': (product: string, num: string) => string;
+    'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    'date-picker-apply': string;
+    'date-picker-shortcut-custom': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-input-confirm': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
+    'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
+    'pisell-wallet-pass-card-expireDate': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
+    'pisell-discount-card-title': string;
+    'pisell-discount-card-unit': string;
+    'pisell-discount-card-fixed-amount-prefix': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
+    'pisell-record-view-available': string;
+    'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
+    'pisell-data-source-form-url-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
+    'pisell-data-source-form-mobile-message': string;
+    'pisell-number-format-thousand': string;
+    'pisell-number-format-million': string;
+    'pisell-number-format-billion': string;
+    'walletCard-done': string;
+    'walletCard-qrcode': string;
+    'walletCard-barcode': string;
+    'walletCard-viewPin': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
+    'pisell-upload-error': (name: string) => string;
+    'pisell-upload-multilingual-title': string;
+    'pisell-upload-multilingual-item-title-original': string;
+    'pisell-upload-multilingual-item-title-en': string;
+    'pisell-upload-multilingual-item-title-zh-CN': string;
+    'pisell-upload-multilingual-item-title-zh-HK': string;
+    'pisell-color-picker-default': string;
+    'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
+    'pisell-action-delete-failed': string;
+    'walletCard-piont': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
+    'pisellQrcode-done': string;
+    'pisellQrcode-qrcode': string;
+    'pisell-delete-confirm-title': string;
+    'pisell-delete-confirm-content': string;
+    'pisell-delete-confirm-ok': string;
+    'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
+    'pisell-version-modal-title': string;
+    'pisell-version-modal-current-version': string;
+    'pisell-version-modal-version': string;
+    'pisell-version-modal-update-notes': string;
+    'pisell-version-modal-patch': string;
+    'pisell-version-modal-minor': string;
+    'pisell-version-modal-major': string;
+    'pisell-version-modal-custom': string;
+    'pisell-version-modal-cancel': string;
+    'pisell-version-modal-confirm': string;
+    'pisell-version-modal-describe-update-notes': string;
+    'pisell-version-modal-version-error': string;
+    'pisell-version-modal-version-required': string;
+    'pisell-version-modal-based-on-version': string;
+    'subdomain-error-too-short': string;
+    'subdomain-error-too-long': string;
+    'subdomain-error-pattern': string;
+    'subdomain-error-numbers-only': string;
+    'subdomain-error-hyphen-ends': string;
+    'subdomain-error-consecutive-hyphens': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
+    'pisell-lowcode-app-version-control-version-exists': string;
+    'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
+    'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-proCode': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-group': string;
+    'pisell-lowcode-navigation-menu-tag-sub-menu': string;
+    'pisell-lowcode-navigation-menu-tag-custom': string;
+    'pisell-data-source-form-app-identifier-pattern': string;
+    'pisell-data-source-form-app-identifier-start-with-letter': string;
+    'pisell-data-source-form-app-identifier-special-ends': string;
+    'pisell-data-source-form-app-identifier-consecutive-special': string;
+    'qrscanner-loading': string;
+    'qrscanner-success': string;
+    'qrscanner-success-qrcode': string;
+    'qrscanner-success-barcode': string;
+    'qrscanner-error-upload-image': string;
+    'qrscanner-error-load-failed': string;
+    'qrscanner-error-no-code': string;
+    'qrscanner-error-camera-init': string;
+    'qrscanner-error-process-image': string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.last-settlement': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
+    'pisell-wallet-pass-card-status-used': string;
+    'pisell-wallet-pass-card-status-expired': string;
+    'pisell-wallet-pass-card-status-disabled': string;
+    'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-status-lastPayment': string;
+    'pisell-wallet-pass-card-reset': string;
+    'pisell-wallet-pass-card-done': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
+};
+export default _default;

package/es/locales/zh-TW.js

@@ -352,20 +352,5 @@ export default {
   'pisell-upload-camera-local-files': '本地文件',
   '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': function pisellListPaginationTotal(start, end, total) {
-    return "\u986F\u793A\u7B2C ".concat(start, "-").concat(end, " \u689D\uFF0C\u5171 ").concat(total, " \u689D");
-  },
-  'pisell-list-scroll-down': '向下滾動',
-  'pisell-list-scroll-right': '向右滾動',
-  'pisell-list-pagination-page-of': function pisellListPaginationPageOf(current, total) {
-    return "\u7B2C ".concat(current, " \u9801 \u5171 ").concat(total, " \u9801");
-  },
-  'pisell-list-pagination-previous': '上一頁',
-  'pisell-list-pagination-next': '下一頁'
+  'pisell-upload-camera-use': '使用照片'
 };

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

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

package/lib/components/cardPro/index.js

@@ -51,14 +51,13 @@ var CardPro = (props) => {
     isShowHead,
     className,
     coverHeight,
-    badge,
-    style
+    badge
   } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Card,
     {
       title: null,
-      style: { padding: 0, ...style },
+      style: { padding: 0 },
       className: (0, import_classnames.default)(
         "pisell-cardPro-wrap",
         className,

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

@@ -186,8 +186,26 @@ var withFormItem = (WrappedComponent, overlayProps) => {
           break;
         case "phone":
           rules.push({
-            validator: (_, value) => {
+            validator: (_, originValue) => {
+              var _a2;
+              let value = "";
+              if ((0, import_utils.isString)(originValue)) {
+                value = originValue;
+              } else if (originValue && "phone" in originValue) {
+                value = `${(originValue == null ? void 0 : originValue.countryCallingCode) || ""}${originValue.phone || ""}`;
+              }
               if (!(value == null ? void 0 : value.trim())) {
+                if ((requiredobj == null ? void 0 : requiredobj.required) === false) {
+                  return Promise.resolve();
+                } else if (typeof originValue == "object") {
+                  return Promise.reject(
+                    new Error(
+                      requiredobj.message || (0, import_locales.getText)("pisell-data-source-form-required-message")
+                    )
+                  );
+                }
+              }
+              if (typeof originValue !== "string" && (requiredobj == null ? void 0 : requiredobj.required) === false && ((_a2 = originValue == null ? void 0 : originValue.phone) == null ? void 0 : _a2.trim()) === "") {
                 return Promise.resolve();
               }
               try {
@@ -213,7 +231,13 @@ var withFormItem = (WrappedComponent, overlayProps) => {
           break;
         case "mobile":
           rules.push({
-            validator: (_, value) => {
+            validator: (_, originValue) => {
+              let value = "";
+              if ((0, import_utils.isString)(originValue)) {
+                value = originValue;
+              } else if (originValue && "phone" in originValue) {
+                value = `${(originValue == null ? void 0 : originValue.countryCallingCode) || ""}${originValue.phone || ""}`;
+              }
               if (!(value == null ? void 0 : value.trim())) {
                 return Promise.resolve();
               }

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

@@ -30,7 +30,10 @@ declare const useTableProps: (props: UseTablePropsProps) => {
     columns: import("./useColumns").Column[];
     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;

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

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

package/lib/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/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.js

@@ -36,12 +36,20 @@ 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_serve = require("./../Input.Phone/serve");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils2 = require("../../dataSourceForm/utils");
 var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
+var import_useSetRequest = __toESM(require("../../../../hooks/useSetRequest"));
 var { Option } = import_select.default;
-var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) => {
+var MobileNumberInput = ({
+  value: propsValue,
+  onChange,
+  disabled,
+  returnFormat = "string",
+  ...props
+}) => {
+  (0, import_useSetRequest.default)();
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -50,20 +58,46 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     }
     return propsValue;
   }, [propsValue]);
+  const handleChange = (prefix, phoneNumber2, countryCode2) => {
+    if (returnFormat === "string") {
+      const newValue = phoneNumber2 ? `${prefix}${phoneNumber2}` : "";
+      onChange == null ? void 0 : onChange(newValue);
+    } else {
+      onChange == null ? void 0 : onChange({
+        phone: phoneNumber2,
+        countryCallingCode: prefix,
+        countryCode: countryCode2
+      });
+    }
+  };
   const parseExternalValue = (val) => {
     if (!val) return { countryCode: "AU", phoneNumber: "" };
-    const matchedPrefix = countries.find(
-      (country) => val.startsWith(country.prefix)
-    );
-    if (matchedPrefix) {
+    let srtValue = "";
+    if ((0, import_utils.isString)(val)) {
+      srtValue = val;
+    } else if ("phone" in val) {
+      srtValue = `${val.countryCallingCode || ""}${val.phone || ""}`;
+    }
+    let matchedContry = null;
+    if (!(0, import_utils.isString)(val) && (val == null ? void 0 : val.countryCode)) {
+      matchedContry = countries.find(
+        (country) => (country == null ? void 0 : country.code) === (val == null ? void 0 : val.countryCode)
+      );
+    }
+    if (!matchedContry) {
+      matchedContry = countries.find(
+        (country) => 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, "")
     };
   };
   const [countryCode, setCountryCode] = (0, import_react.useState)(
@@ -83,12 +117,9 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
   }, [value, countries]);
   const handleCountryChange = (value2) => {
     setCountryCode(value2);
-    const selectedCountry = countries.find(
-      (c) => c.code === value2
-    );
+    const selectedCountry = countries.find((c) => c.code === value2);
     const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
-    const newValue = `${prefix}${phoneNumber}`;
-    onChange == null ? void 0 : onChange(newValue);
+    handleChange(prefix, phoneNumber, selectedCountry == null ? void 0 : selectedCountry.code);
     setTimeout(() => {
       const formInstance = props.form;
       const fieldName = props.fieldKey;
@@ -104,8 +135,7 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
       (c) => c.code === countryCode
     );
     const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
-    const newValue = cleanNumber ? `${prefix}${cleanNumber}` : "";
-    onChange == null ? void 0 : onChange(newValue);
+    handleChange(prefix, cleanNumber, selectedCountry == null ? void 0 : selectedCountry.code);
     if (!cleanNumber) {
       const formInstance = props.form;
       const fieldName = props.fieldKey;
@@ -132,9 +162,24 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
+  const objValue = (0, import_react.useMemo)(() => {
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    return {
+      phone: phoneNumber || "",
+      countryCallingCode: prefix,
+      countryCode
+    };
+  }, [countryCode, phoneNumber, countries]);
   const handleBlur = () => {
     const finalValue = concatenatedNumber;
-    onChange == null ? void 0 : onChange(finalValue);
+    if (returnFormat === "string") {
+      onChange == null ? void 0 : onChange(finalValue);
+    } else {
+      onChange == null ? void 0 : onChange(objValue);
+    }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
@@ -157,6 +202,7 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     import_antd.Input,
     {
       ...props,
+      ref: props == null ? void 0 : props.inputRef,
       disabled,
       type: "tel",
       value: phoneNumber,
@@ -166,5 +212,8 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     }
   ));
 };
-var MobileNumberInputWithMode = (0, import_utils2.withMode)(MobileNumberInput, import_ReadPretty.default);
+var MobileNumberInputWithMode = (0, import_utils2.withMode)(
+  MobileNumberInput,
+  import_ReadPretty.default
+);
 var WithMode_default = MobileNumberInputWithMode;

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

@@ -6,8 +6,8 @@ export interface Country {
     id: number;
     name: {
         en: string;
-        "zh-CN": string;
-        "zh-HK": string;
+        'zh-CN': string;
+        'zh-HK': string;
         original: string;
     };
     code: string;

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

@@ -39,13 +39,17 @@ var import_utils = require("../../../table/utils");
 var import_usePlatform = require("../../hooks/usePlatform");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var getCountryDataList = async () => {
-  const { data } = await import_utils.request.getRequest().get(`/country:list`, {}, {
-    isNocobase: true,
-    fullResult: true,
-    headers: {
-      "x-data-source": "pisell2"
+  const { data } = await import_utils.request.getRequest().get(
+    `/country:list`,
+    {},
+    {
+      isNocobase: true,
+      fullResult: true,
+      headers: {
+        "x-data-source": "pisell2"
+      }
     }
-  });
+  );
   return data.map((item) => ({
     ...item,
     prefix: `+${item.calling_code}`
@@ -53,6 +57,8 @@ var getCountryDataList = async () => {
 };
 var useCountries = () => {
   const isShop = (0, import_usePlatform.useIsShop)();
+  const isH5 = (0, import_usePlatform.useIsH5)();
+  const isPc = (0, import_usePlatform.useIsPc)();
   const { appHelper } = (0, import_useEngineContext.default)();
   const { data, run } = (0, import_ahooks.useRequest)(getCountryDataList, {
     cacheKey: "phone-countries",
@@ -68,7 +74,7 @@ var useCountries = () => {
     }
   }, [isShop]);
   const currentData = (0, import_react.useMemo)(() => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     if (isShop) {
       const codeList = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.store) == null ? void 0 : _b.getState()) == null ? void 0 : _c.global) == null ? void 0 : _d.codeList;
       if (codeList) {
@@ -77,6 +83,22 @@ var useCountries = () => {
           prefix: `+${item.calling_code}`
         }));
       }
+    } else if (isPc) {
+      const codeList = (_h = (_g = (_f = (_e = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _e.store) == null ? void 0 : _f.getState()) == null ? void 0 : _g.country) == null ? void 0 : _h.country;
+      if (codeList) {
+        return codeList.map((item) => ({
+          ...item,
+          prefix: `+${item.calling_code}`
+        }));
+      }
+    } else if (isH5) {
+      const codeList = (_l = (_k = (_j = (_i = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _i.getStore()) == null ? void 0 : _j.getState()) == null ? void 0 : _k.country) == null ? void 0 : _l.country;
+      if (codeList) {
+        return codeList.map((item) => ({
+          ...item,
+          prefix: `+${item.calling_code}`
+        }));
+      }
     }
     return data;
   }, [isShop, data]);