@pisell/materials 6.0.11 → 6.0.12

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

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "isVerification", "disabled"];
+var _excluded = ["value", "onChange", "disabled"];
 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."); }
@@ -17,10 +17,38 @@ import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 import useTranslationOriginal from "../../../../hooks/useTranslationOriginal";
 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"
+ *   label="手机号"
+ *   typeobj={{
+ *     type: 'mobile',
+ *     enabled: true
+ *   }}
+ * />
+ */
+
 var MobileNumberInput = function MobileNumberInput(_ref) {
   var propsValue = _ref.value,
     onChange = _ref.onChange,
-    isVerification = _ref.isVerification,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useCountries = useCountries(),
@@ -69,19 +97,72 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
 
   // 监听外部value变化
   useEffect(function () {
-    var _parseExternalValue = parseExternalValue(value),
-      newCountryCode = _parseExternalValue.countryCode,
-      newPhoneNumber = _parseExternalValue.phoneNumber;
-    setCountryCode(newCountryCode);
-    setPhoneNumber(newPhoneNumber);
+    // 只有当 value 不是空字符串时才更新状态
+    if (value) {
+      var _parseExternalValue = parseExternalValue(value),
+        newCountryCode = _parseExternalValue.countryCode,
+        newPhoneNumber = _parseExternalValue.phoneNumber;
+      setCountryCode(newCountryCode);
+      setPhoneNumber(newPhoneNumber);
+    } else {
+      // 当 value 为空时，只清空号码，保持国家代码不变
+      setPhoneNumber('');
+    }
   }, [value, countries]);
   var handleCountryChange = function handleCountryChange(value) {
     setCountryCode(value);
+
+    // 在选择国家时也触发 onChange
+    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);
+
+    // 先更新值
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+
+    // 使用 setTimeout 确保值更新后再触发验证
+    setTimeout(function () {
+      // 手动触发表单验证
+      var formInstance = props.form;
+      var fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   var handlePhoneNumberChange = function handlePhoneNumberChange(e) {
     var cleanNumber = e.target.value.replace(/\D/g, '');
     setPhoneNumber(cleanNumber);
+
+    // 在输入时就触发 onChange
+    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 ? void 0 : onChange(newValue);
+
+    // 如果号码为空，只清除校验信息，不重置国家代码
+    if (!cleanNumber) {
+      var formInstance = props.form;
+      var fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.setFields([{
+          name: fieldName,
+          errors: [],
+          // 清除错误信息
+          validating: false // 停止验证状态
+        }]);
+      }
+    }
   };
+
   var concatenatedNumber = useMemo(function () {
     var selectedCountry = countries.find(function (c) {
       return c.code === countryCode;
@@ -93,33 +174,9 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     return "".concat(prefix).concat(phoneNumber);
   }, [countryCode, phoneNumber, countries]);
   var handleBlur = function handleBlur() {
-    onChange === null || onChange === void 0 ? void 0 : onChange(concatenatedNumber);
+    var finalValue = concatenatedNumber;
+    onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
   };
-  var status = useMemo(function () {
-    if (!phoneNumber || !isVerification) {
-      return undefined;
-    }
-    if (countryCode === 'AU') {
-      // AU(+61) 验证规则：10位或9位数字，前两位是04或者第一位是4
-      var auRegex = /^(04\d{8}|\d{9})$/.test(phoneNumber);
-      if (!auRegex) {
-        return 'error';
-      }
-    } else if (countryCode === 'CN') {
-      // CN(+86) 验证规则：11位数字，第一位是1
-      var cnRegex = /^1\d{10}$/.test(phoneNumber);
-      if (!cnRegex) {
-        return 'error';
-      }
-    } else {
-      // 其他国家验证规则：15位以内数字
-      var otherRegex = /^\d{1,15}$/.test(phoneNumber);
-      if (!otherRegex) {
-        return 'error';
-      }
-    }
-    return undefined;
-  }, [concatenatedNumber, phoneNumber, isVerification, countryCode]);
   return /*#__PURE__*/React.createElement(Space.Compact, {
     block: true
   }, /*#__PURE__*/React.createElement(Select, {
@@ -129,7 +186,6 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     style: {
       width: '90px'
     },
-    onBlur: handleBlur,
     popupMatchSelectWidth: false,
     optionLabelProp: "inputValue",
     optionFilterProp: "label",
@@ -143,7 +199,6 @@ var MobileNumberInput = function MobileNumberInput(_ref) {
     })
   }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     disabled: disabled,
-    status: status,
     type: "tel",
     value: phoneNumber,
     onChange: handlePhoneNumberChange,

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

@@ -1,4 +1,14 @@
 import { withFormItem } from "../../dataSourceForm/utils";
 import MobileWithMode from "./WithMode";
-var Mobile = withFormItem(MobileWithMode);
+var Mobile = withFormItem(MobileWithMode, {
+  otherFormItemProps: {
+    validateTrigger: ['onChange', 'onBlur']
+  },
+  innerProps: {
+    typeobj: {
+      type: 'mobile',
+      enabled: true
+    }
+  }
+});
 export default Mobile;

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

@@ -5,7 +5,6 @@ export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'>
     renderMode: ModeType;
     value?: string;
     onChange?: (value: string) => void;
-    isVerification?: boolean;
 }
 declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default PhoneNumberInputWithMode;

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "isVerification", "disabled"];
+var _excluded = ["value", "onChange", "disabled"];
 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,7 +10,6 @@ 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 { isValidPhoneNumber, parsePhoneNumberFromString } from 'libphonenumber-js';
 import { isNumber } from '@pisell/utils';
 import Select from "../../../select";
 import { useCountries } from "./serve";
@@ -18,10 +17,33 @@ import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 import useTranslationOriginal from "../../../../hooks/useTranslationOriginal";
 var Option = Select.Option;
+/**
+ * 电话号码输入组件
+ * 
+ * 校验规则：
+ * 使用 libphonenumber-js 进行校验
+ * 1. 清除所有空格和括号等特殊字符
+ * 2. 验证是否符合 E.164 格式
+ * 3. 验证号码是否在对应国家有效
+ * 
+ * 格式示例：
+ * - 国际格式：+86 10 1234 5678
+ * - 国内格式：010 1234 5678
+ * 
+ * 使用方式：
+ * <Phone
+ *   name="phone"
+ *   label="电话号码"
+ *   typeobj={{
+ *     type: 'phone',
+ *     enabled: true
+ *   }}
+ * />
+ */
+
 var PhoneNumberInput = function PhoneNumberInput(_ref) {
   var propsValue = _ref.value,
     onChange = _ref.onChange,
-    isVerification = _ref.isVerification,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useCountries = useCountries(),
@@ -76,12 +98,55 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
     setCountryCode(newCountryCode);
     setPhoneNumber(newPhoneNumber);
   }, [value, countries]);
-  var handleCountryChange = function handleCountryChange(value) {
-    setCountryCode(value);
-  };
   var handlePhoneNumberChange = function handlePhoneNumberChange(e) {
     var cleanNumber = e.target.value.replace(/\D/g, '');
     setPhoneNumber(cleanNumber);
+
+    // 在输入时就触发 onChange
+    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 ? void 0 : onChange(newValue);
+
+    // 如果实际号码部分为空，立即触发验证以清除错误信息
+    if (!cleanNumber) {
+      setTimeout(function () {
+        var formInstance = props.form;
+        var fieldName = props.fieldKey;
+        if (formInstance && fieldName) {
+          formInstance.validateFields([fieldName]);
+        }
+      });
+    }
+  };
+  var handleCountryChange = function handleCountryChange(value) {
+    setCountryCode(value);
+
+    // 在选择国家时也触发 onChange
+    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);
+
+    // 先更新值
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+
+    // 使用 setTimeout 确保值更新后再触发验证
+    setTimeout(function () {
+      // 手动触发表单验证
+      var formInstance = props.form;
+      var fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   var concatenatedNumber = useMemo(function () {
     var selectedCountry = countries.find(function (c) {
@@ -94,18 +159,9 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
     return "".concat(prefix).concat(phoneNumber);
   }, [countryCode, phoneNumber, countries]);
   var handleBlur = function handleBlur() {
-    onChange === null || onChange === void 0 ? void 0 : onChange(concatenatedNumber);
+    var finalValue = concatenatedNumber;
+    onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
   };
-  var status = useMemo(function () {
-    var _parsePhoneNumberFrom;
-    if (!phoneNumber || !isVerification) {
-      return undefined;
-    }
-    // 宽松的 E.164 格式校验
-    var cleanedNumber = concatenatedNumber.replace(/\s|\(|\)/g, '');
-    var isValid = isValidPhoneNumber(cleanedNumber) && ((_parsePhoneNumberFrom = parsePhoneNumberFromString(cleanedNumber)) === null || _parsePhoneNumberFrom === void 0 ? void 0 : _parsePhoneNumberFrom.isValid());
-    return isValid ? undefined : 'error';
-  }, [concatenatedNumber, phoneNumber, isVerification]);
   return /*#__PURE__*/React.createElement(Space.Compact, {
     block: true
   }, /*#__PURE__*/React.createElement(Select, {
@@ -115,7 +171,6 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
     style: {
       width: '90px'
     },
-    onBlur: handleBlur,
     popupMatchSelectWidth: false,
     optionLabelProp: "inputValue",
     optionFilterProp: "label",
@@ -129,7 +184,6 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
     })
   }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     disabled: disabled,
-    status: status,
     type: "tel",
     value: phoneNumber,
     onChange: handlePhoneNumberChange,

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

@@ -3,9 +3,11 @@ import { InputProps } from 'antd';
 declare const SubdomainlWithMode: React.FC<InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    rootDomain: string;
+    rootDomain: 'xzero' | 'saas' | 'custom';
     customDomain?: string | undefined;
     value?: string | undefined;
-    isVerification?: boolean | undefined;
+    tenantId: string;
+    name?: string | undefined;
+    fieldKey?: string | undefined;
 } & import("../../dataSourceForm/utils").WithModeProps>;
 export default SubdomainlWithMode;

package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js

@@ -1,4 +1,4 @@
-var _excluded = ["onBlur", "onChange", "rootDomain", "customDomain", "value"];
+var _excluded = ["onBlur", "onChange", "rootDomain", "customDomain", "value", "tenantId", "fieldKey"];
 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."); }
@@ -8,41 +8,64 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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, { useCallback, useState, useEffect } from 'react';
+import React, { useCallback, useState, useEffect, useMemo } from 'react';
 import { Input as AntInput } from 'antd';
 import { useTenantData } from "./serve";
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
+import useDataSource from "../../hooks/useDataSource";
 import useEngineContext from "../../../../hooks/useEngineContext";
+
+// 定义组件的属性类型
+
+/**
+ * 子域名输入组件
+ * 
+ * 校验规则：
+ * 1. 长度限制：
+ *    - 最小长度：2个字符
+ *    - 最大长度：60个字符
+ * 
+ * 2. 字符限制：
+ *    - 只允许小写字母、数字和连字符(-)
+ *    - 不能全为数字
+ *    - 不能以连字符开头或结尾
+ *    - 不能包含连续的连字符(--)
+ * 
+ * 格式示例：
+ * - 有效：my-subdomain
+ * - 有效：web123
+ * - 无效：123 (全数字)
+ * - 无效：-subdomain (以连字符开头)
+ * - 无效：subdomain- (以连字符结尾)
+ * - 无效：sub--domain (包含连续连字符)
+ * 
+ * 使用方式：
+ * <Subdomain
+ *   name="subdomain"
+ *   label="子域名"
+ *   typeobj={{
+ *     type: 'subdomain',
+ *     enabled: true
+ *   }}
+ * />
+ */
 var Subdomain = function Subdomain(props) {
-  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8;
+  var _coreData$tenant;
   var propsOnBlur = props.onBlur,
     propsOnChange = props.onChange,
     _props$rootDomain = props.rootDomain,
-    rootDomain = _props$rootDomain === void 0 ? '' : _props$rootDomain,
+    rootDomain = _props$rootDomain === void 0 ? 'xzero' : _props$rootDomain,
     customDomain = props.customDomain,
     value = props.value,
+    tenantId = props.tenantId,
+    fieldKey = props.fieldKey,
     rest = _objectWithoutProperties(props, _excluded);
-  var context = useEngineContext();
-  var coreData = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.data) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.store) === null || _context$appHelper$ut5 === void 0 ? void 0 : (_context$appHelper$ut6 = _context$appHelper$ut5.getStore) === null || _context$appHelper$ut6 === void 0 ? void 0 : (_context$appHelper$ut7 = _context$appHelper$ut6.call(_context$appHelper$ut5)) === null || _context$appHelper$ut7 === void 0 ? void 0 : (_context$appHelper$ut8 = _context$appHelper$ut7.getDataByModel) === null || _context$appHelper$ut8 === void 0 ? void 0 : _context$appHelper$ut8.call(_context$appHelper$ut7, 'core', 'core');
-  var tenantData = useTenantData();
-
-  // 解析外部传入的value
-  var parseExternalValue = function parseExternalValue(val) {
-    if (!val) return {
-      subdomain: '',
-      suffix: coreData ? coreData.tenant_domain : ''
-    };
-    var parts = val.split('.');
-    var subdomain = parts.length > 1 ? parts[0] : val;
-    var suffix = parts.length > 1 ? ".".concat(parts.slice(1).join('.')) : coreData ? coreData.tenant_domain : '';
-    return {
-      subdomain: subdomain,
-      suffix: suffix
-    };
-  };
 
-  // 使用状态管理子域名和后缀
+  // 1. 所有的 hooks 调用放在最前面
+  var _useDataSource = useDataSource(),
+    __designMode = _useDataSource.__designMode;
+  var context = useEngineContext();
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     subdomain = _useState2[0],
@@ -51,41 +74,125 @@ var Subdomain = function Subdomain(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     suffix = _useState4[0],
     setSuffix = _useState4[1];
+
+  // 2. 获取 coreData
+  var coreData = useMemo(function () {
+    var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8;
+    return (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.data) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.store) === null || _context$appHelper$ut5 === void 0 ? void 0 : (_context$appHelper$ut6 = _context$appHelper$ut5.getStore) === null || _context$appHelper$ut6 === void 0 ? void 0 : (_context$appHelper$ut7 = _context$appHelper$ut6.call(_context$appHelper$ut5)) === null || _context$appHelper$ut7 === void 0 ? void 0 : (_context$appHelper$ut8 = _context$appHelper$ut7.getDataByModel) === null || _context$appHelper$ut8 === void 0 ? void 0 : _context$appHelper$ut8.call(_context$appHelper$ut7, 'core', 'core');
+  }, [context]);
+  // 3. 获取 tenantData
+  var tenantData = useTenantData(rootDomain, coreData === null || coreData === void 0 ? void 0 : (_coreData$tenant = coreData.tenant) === null || _coreData$tenant === void 0 ? void 0 : _coreData$tenant.id);
+
+  // 4. parseExternalValue 函数
+  var parseExternalValue = function parseExternalValue(val) {
+    // 如果值为空或只有空格或只有点号，返回默认值
+    if (!val || !val.trim() || val.trim() === '.') {
+      return {
+        subdomain: '',
+        suffix: suffixEmpty()
+      };
+    }
+    try {
+      // 将连续的点替换为单个点
+      var normalizedVal = val.replace(/\.+/g, '.');
+      var parts = normalizedVal.split('.');
+
+      // 如果第一部分为空（以点号开头），且有后续部分
+      if (parts[0] === '' && parts.length > 1) {
+        return {
+          subdomain: '',
+          suffix: ".".concat(parts.slice(1).join('.'))
+        };
+      }
+
+      // 如果只有一个部分，作为子域名
+      if (parts.length === 1) {
+        return {
+          subdomain: parts[0].trim(),
+          suffix: suffixEmpty()
+        };
+      }
+
+      // 有多个部分，第一个作为子域名，其余作为后缀
+      return {
+        subdomain: parts[0].trim(),
+        suffix: ".".concat(parts.slice(1).join('.'))
+      };
+    } catch (error) {
+      console.error('Error parsing value:', error);
+      return {
+        subdomain: '',
+        suffix: suffixEmpty()
+      };
+    }
+  };
+
+  // 5. 处理 value 和 domain 变化
   useEffect(function () {
-    if (value) {
-      // 如果传入值存在，解析并更新子域名和后缀
-      var _parseExternalValue = parseExternalValue(value),
-        _subdomain = _parseExternalValue.subdomain,
-        _suffix = _parseExternalValue.suffix;
-      setSubdomain(_subdomain);
-      setSuffix(_suffix);
-    } else {
-      // 根据 rootDomain 获取后缀
-      if (rootDomain === '1') {
-        setSuffix(coreData ? ".".concat(coreData.tenant_domain) : '');
-      } else if (rootDomain === '2') {
-        var _ref = tenantData || {},
-          _ref$default_domain = _ref.default_domain,
-          default_domain = _ref$default_domain === void 0 ? '' : _ref$default_domain;
-        var firstDotIndex = default_domain.indexOf('.');
-        var result = ".".concat(default_domain.slice(firstDotIndex + 1));
-        setSuffix(result);
+    try {
+      if (value) {
+        var _parseExternalValue = parseExternalValue(value),
+          newSubdomain = _parseExternalValue.subdomain,
+          newSuffix = _parseExternalValue.suffix;
+        setSubdomain(newSubdomain);
+        setSuffix(newSuffix);
       } else {
-        setSuffix(customDomain ? customDomain.startsWith('.') ? customDomain : ".".concat(customDomain) : '');
+        var _newSuffix = '';
+        switch (rootDomain) {
+          case 'xzero':
+            _newSuffix = coreData !== null && coreData !== void 0 && coreData.tenant_domain ? ".".concat(coreData.tenant_domain) : suffixEmpty();
+            break;
+          case 'saas':
+            _newSuffix = tenantData ? ".".concat(tenantData['saas.domain']) : suffixEmpty();
+            break;
+          case 'custom':
+            if (customDomain) {
+              var normalizedDomain = customDomain.replace(/\.+/g, '.');
+              _newSuffix = normalizedDomain.startsWith('.') ? normalizedDomain : ".".concat(normalizedDomain);
+            } else {
+              _newSuffix = suffixEmpty();
+            }
+            break;
+          default:
+            _newSuffix = suffixEmpty();
+        }
+        setSuffix(_newSuffix);
       }
+    } catch (error) {
+      console.error('Error updating domain:', error);
+      setSuffix(suffixEmpty());
     }
   }, [value, rootDomain, customDomain, tenantData, coreData]);
-  var handleChange = function handleChange(e) {
-    var inputValue = e.target.value.toLowerCase();
-    var _parseExternalValue2 = parseExternalValue(inputValue),
-      subdomain = _parseExternalValue2.subdomain;
-    setSubdomain(subdomain);
-    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(subdomain + suffix);
-  };
+
+  // 6. 处理输入变化
+  var handleChange = useCallback(function (e) {
+    try {
+      var inputValue = e.target.value.toLowerCase();
+      var _parseExternalValue2 = parseExternalValue(inputValue),
+        newSubdomain = _parseExternalValue2.subdomain;
+      setSubdomain(newSubdomain);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(newSubdomain + suffix);
+    } catch (error) {
+      console.error('Error handling change:', error);
+    }
+  }, [suffix, propsOnChange, parseExternalValue]);
+
+  // 7. 处理失焦
   var onBlur = useCallback(function (e) {
-    propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
-    propsOnChange(subdomain + suffix);
+    try {
+      propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(subdomain + suffix);
+    } catch (error) {
+      console.error('Error handling blur:', error);
+    }
   }, [propsOnBlur, propsOnChange, subdomain, suffix]);
+  var suffixEmpty = function suffixEmpty() {
+    if (__designMode === 'design') {
+      return '.root-domain.example';
+    } else {
+      return 'error';
+    }
+  };
   return /*#__PURE__*/React.createElement(AntInput, _extends({}, rest, {
     value: subdomain,
     onChange: handleChange,
@@ -93,5 +200,7 @@ var Subdomain = function Subdomain(props) {
     addonAfter: suffix
   }));
 };
+
+// 使用 withMode 高阶组件包装 Subdomain 组件
 var SubdomainlWithMode = withMode(Subdomain, ReadPretty);
-export default SubdomainlWithMode;
+export default SubdomainlWithMode; // 导出组件

package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: string;
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
-    isVerification?: boolean | undefined;
+    tenantId: string;
+    name?: string | undefined;
+    fieldKey?: string | undefined;
 } & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
 export default Subdomain;

package/es/components/dataSourceComponents/fields/Input.Subdomain/index.js

@@ -1,4 +1,4 @@
 import { withFormItem } from "../../dataSourceForm/utils";
-import EmailWithMode from "./WithMode";
-var Subdomain = withFormItem(EmailWithMode);
+import SubdomainMode from "./WithMode";
+var Subdomain = withFormItem(SubdomainMode);
 export default Subdomain;

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

@@ -1,21 +1,11 @@
 /**
  * 获取nocobase数据列表 获取域名后缀
  */
-export declare const getTenantData: () => Promise<TenantData>;
+export declare const getTenantData: (id: string) => Promise<TenantData>;
 export interface TenantData {
-    id: number;
-    name: {
-        en: string;
-        "zh-CN": string;
-        "zh-HK": string;
-        original: string;
-    };
-    default_domain: string;
-    created_at: string;
-    locale: string;
-    updated_at: string;
+    'saas.domain': string;
 }
 /**
  * 自定义 Hook，用于获取租户数据
  */
-export declare const useTenantData: () => TenantData | undefined;
+export declare const useTenantData: (rootDomain: string, tenantId?: string) => TenantData | undefined;