@pisell/materials 1.0.594 → 1.0.596

package/lib/components/dataSourceComponents/fields/Input.Mobile/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 MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default MobileNumberInputWithMode;

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

@@ -41,7 +41,7 @@ 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 }) => {
+var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -80,10 +80,38 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
   }, [value, countries]);
   const handleCountryChange = (value2) => {
     setCountryCode(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);
+    setTimeout(() => {
+      const formInstance = props.form;
+      const fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   const handlePhoneNumberChange = (e) => {
     const cleanNumber = e.target.value.replace(/\D/g, "");
     setPhoneNumber(cleanNumber);
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = cleanNumber ? `${prefix}${cleanNumber}` : "";
+    onChange == null ? void 0 : onChange(newValue);
+    if (!cleanNumber) {
+      setTimeout(() => {
+        const formInstance = props.form;
+        const fieldName = props.fieldKey;
+        if (formInstance && fieldName) {
+          formInstance.validateFields([fieldName]);
+        }
+      });
+    }
   };
   const concatenatedNumber = (0, import_react.useMemo)(() => {
     const selectedCountry = countries.find(
@@ -96,30 +124,9 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
   const handleBlur = () => {
-    onChange == null ? void 0 : onChange(concatenatedNumber);
+    const finalValue = concatenatedNumber;
+    onChange == null ? void 0 : onChange(finalValue);
   };
-  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,
     {
@@ -127,7 +134,6 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
-      onBlur: handleBlur,
       popupMatchSelectWidth: false,
       optionLabelProp: "inputValue",
       optionFilterProp: "label",
@@ -143,7 +149,6 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
     {
       ...props,
       disabled,
-      status,
       type: "tel",
       value: phoneNumber,
       onChange: handlePhoneNumberChange,

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

@@ -34,5 +34,15 @@ __export(Input_exports, {
 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 Mobile = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: {
+    validateTrigger: ["onChange", "onBlur"]
+  },
+  innerProps: {
+    typeobj: {
+      type: "mobile",
+      enabled: true
+    }
+  }
+});
 var Input_default = Mobile;

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

@@ -34,7 +34,6 @@ __export(WithMode_exports, {
 module.exports = __toCommonJS(WithMode_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_libphonenumber_js = require("libphonenumber-js");
 var import_utils = require("@pisell/utils");
 var import_select = __toESM(require("../../../select"));
 var import_serve = require("./serve");
@@ -42,7 +41,7 @@ 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 PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
+var PhoneNumberInput = ({ value: propsValue, onChange, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -79,12 +78,40 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     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 selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = cleanNumber ? `${prefix}${cleanNumber}` : "";
+    onChange == null ? void 0 : onChange(newValue);
+    if (!cleanNumber) {
+      setTimeout(() => {
+        const formInstance = props.form;
+        const fieldName = props.fieldKey;
+        if (formInstance && fieldName) {
+          formInstance.validateFields([fieldName]);
+        }
+      });
+    }
+  };
+  const handleCountryChange = (value2) => {
+    setCountryCode(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);
+    setTimeout(() => {
+      const formInstance = props.form;
+      const fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   const concatenatedNumber = (0, import_react.useMemo)(() => {
     const selectedCountry = countries.find(
@@ -97,17 +124,9 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
   const handleBlur = () => {
-    onChange == null ? void 0 : onChange(concatenatedNumber);
+    const finalValue = concatenatedNumber;
+    onChange == null ? void 0 : onChange(finalValue);
   };
-  const status = (0, import_react.useMemo)(() => {
-    var _a;
-    if (!phoneNumber || !isVerification) {
-      return void 0;
-    }
-    const cleanedNumber = concatenatedNumber.replace(/\s|\(|\)/g, "");
-    const isValid = (0, import_libphonenumber_js.isValidPhoneNumber)(cleanedNumber) && ((_a = (0, import_libphonenumber_js.parsePhoneNumberFromString)(cleanedNumber)) == null ? void 0 : _a.isValid());
-    return isValid ? void 0 : "error";
-  }, [concatenatedNumber, phoneNumber, isVerification]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
     {
@@ -115,7 +134,6 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
-      onBlur: handleBlur,
       popupMatchSelectWidth: false,
       optionLabelProp: "inputValue",
       optionFilterProp: "label",
@@ -131,7 +149,6 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     {
       ...props,
       disabled,
-      status,
       type: "tel",
       value: phoneNumber,
       onChange: handlePhoneNumberChange,

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

@@ -6,7 +6,8 @@ declare const SubdomainlWithMode: React.FC<InputProps & {
     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/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js

@@ -39,57 +39,79 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var Subdomain = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const {
     onBlur: propsOnBlur,
     onChange: propsOnChange,
     rootDomain = "xzero",
-    // 默认值为 'xzero'
     customDomain,
     value,
     tenantId,
+    fieldKey,
     ...rest
   } = props;
   const context = (0, import_useEngineContext.default)();
-  const coreData = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
-  const tenantData = rootDomain === "saas" ? (0, import_serve.useTenantData)(coreData ? (_i = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _i.id : "") : void 0;
-  const parseExternalValue = (val) => {
+  const [subdomain, setSubdomain] = (0, import_react.useState)("");
+  const [suffix, setSuffix] = (0, import_react.useState)("");
+  const coreData = (0, import_react.useMemo)(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
+  }, [context]);
+  const tenantData = (0, import_react.useMemo)(() => {
+    var _a;
+    if (rootDomain === "saas" && ((_a = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _a.id)) {
+      return (0, import_serve.useTenantData)(coreData.tenant.id);
+    }
+    return void 0;
+  }, [rootDomain, coreData]);
+  const parseExternalValue = (0, import_react.useCallback)((val) => {
     if (!val)
       return { subdomain: "", suffix: coreData ? coreData.tenant_domain : "" };
     const parts = val.split(".");
     const subdomain2 = parts.length > 1 ? parts[0] : val;
     const suffix2 = parts.length > 1 ? `.${parts.slice(1).join(".")}` : coreData ? coreData.tenant_domain : "";
-    return {
-      subdomain: subdomain2,
-      suffix: suffix2
-    };
-  };
-  const [subdomain, setSubdomain] = (0, import_react.useState)("");
-  const [suffix, setSuffix] = (0, import_react.useState)("");
+    return { subdomain: subdomain2, suffix: suffix2 };
+  }, [coreData]);
   (0, import_react.useEffect)(() => {
-    if (value) {
-      const { subdomain: subdomain2, suffix: suffix2 } = parseExternalValue(value);
-      setSubdomain(subdomain2);
-      setSuffix(suffix2);
-    } else {
-      if (rootDomain === "xzero") {
-        setSuffix(coreData ? `.${coreData.tenant_domain}` : "");
-      } else if (rootDomain === "saas") {
-        setSuffix(tenantData ? `.${tenantData["saas.domain"]}` : "");
+    try {
+      if (value) {
+        const { subdomain: newSubdomain, suffix: newSuffix } = parseExternalValue(value);
+        setSubdomain(newSubdomain);
+        setSuffix(newSuffix);
       } else {
-        setSuffix(customDomain ? customDomain.startsWith(".") ? customDomain : `.${customDomain}` : "");
+        let newSuffix = "";
+        switch (rootDomain) {
+          case "xzero":
+            newSuffix = coreData ? `.${coreData.tenant_domain}` : "";
+            break;
+          case "saas":
+            newSuffix = tenantData ? `.${tenantData["saas.domain"]}` : "";
+            break;
+          default:
+            newSuffix = customDomain ? customDomain.startsWith(".") ? customDomain : `.${customDomain}` : "";
+        }
+        setSuffix(newSuffix);
       }
+    } catch (error) {
+      console.error("Error updating domain:", error);
+    }
+  }, [value, rootDomain, customDomain, tenantData, coreData, parseExternalValue]);
+  const handleChange = (0, import_react.useCallback)((e) => {
+    try {
+      const inputValue = e.target.value.toLowerCase();
+      const { subdomain: newSubdomain } = parseExternalValue(inputValue);
+      setSubdomain(newSubdomain);
+      propsOnChange == null ? void 0 : propsOnChange(newSubdomain + suffix);
+    } catch (error) {
+      console.error("Error handling change:", error);
     }
-  }, [value, rootDomain, customDomain, tenantData, coreData]);
-  const handleChange = (e) => {
-    const inputValue = e.target.value.toLowerCase();
-    const { subdomain: subdomain2 } = parseExternalValue(inputValue);
-    setSubdomain(subdomain2);
-    propsOnChange == null ? void 0 : propsOnChange(subdomain2 + suffix);
-  };
+  }, [suffix, propsOnChange, parseExternalValue]);
   const onBlur = (0, import_react.useCallback)((e) => {
-    propsOnBlur == null ? void 0 : propsOnBlur(e);
-    propsOnChange(subdomain + suffix);
+    try {
+      propsOnBlur == null ? void 0 : propsOnBlur(e);
+      propsOnChange == null ? void 0 : propsOnChange(subdomain + suffix);
+    } catch (error) {
+      console.error("Error handling blur:", error);
+    }
   }, [propsOnBlur, propsOnChange, subdomain, suffix]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,

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

@@ -5,7 +5,8 @@ declare const Subdomain: React.FC<import("antd").InputProps & {
     rootDomain: "custom" | "xzero" | "saas";
     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/lib/components/dataSourceComponents/fields/index.d.ts

@@ -23,8 +23,9 @@ declare const formFieldMap: {
             rootDomain: "custom" | "xzero" | "saas";
             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>;
     };
     FormItemRadio: import("react").FC<{}> & {
@@ -80,8 +81,9 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         rootDomain: "custom" | "xzero" | "saas";
         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>;
 }) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/form/index.js

@@ -76,7 +76,7 @@ var Form = class extends import_react.Component {
   }
 };
 Form.Item = (props) => {
-  const { name, rules: propsRules, requiredobj, typeobj, patternobj, lenobj, validator } = props;
+  const { name, rules: propsRules, requiredobj, typeobj, patternobj, subdomainobj, phoneobj, mobileobj, lenobj, validator } = props;
   const rules = (0, import_utils.isArr)(propsRules) ? propsRules : [];
   if (requiredobj && requiredobj.required) {
     rules.push(requiredobj);
@@ -87,6 +87,15 @@ Form.Item = (props) => {
   if (patternobj && patternobj.pattern) {
     rules.push(patternobj);
   }
+  if (subdomainobj && subdomainobj.subdomain) {
+    rules.push(subdomainobj);
+  }
+  if (phoneobj && phoneobj.phone) {
+    rules.push(phoneobj);
+  }
+  if (mobileobj && mobileobj.mobile) {
+    rules.push(mobileobj);
+  }
   if (lenobj && (lenobj.max || lenobj.min)) {
     rules.push(lenobj);
   }

package/lib/locales/en-US.d.ts

@@ -143,6 +143,8 @@ declare const _default: {
     '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-data-source-form-pattern-message': string;
     'pisell-number-format-thousand': string;
     'pisell-number-format-million': string;
     'pisell-number-format-billion': string;
@@ -194,5 +196,12 @@ declare const _default: {
     'pisell-icon-select-iconfont': string;
     'pisell-icon-select-search': string;
     'pisell-icon-select-select': 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;
+    'subdomain-error-required': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -178,6 +178,8 @@ var en_US_default = {
   "pisell-data-source-form-max-length-message": (maxLength) => `Length must be at most ${maxLength} character`,
   "pisell-data-source-form-min-value-message": (minValue) => `Value must be greater than or equal to ${minValue}`,
   "pisell-data-source-form-max-value-message": (maxValue) => `Value must be less than or equal to ${maxValue}`,
+  "pisell-data-source-form-mobile-message": "Please enter a valid mobile number",
+  "pisell-data-source-form-pattern-message": "Please enter the correct format",
   // Number formatting
   "pisell-number-format-thousand": "K",
   "pisell-number-format-million": "M",
@@ -234,5 +236,13 @@ var en_US_default = {
   "pisell-icon-select-two-tone": "Two-tone",
   "pisell-icon-select-iconfont": "Iconfont",
   "pisell-icon-select-search": "Search icon",
-  "pisell-icon-select-select": "Select icon"
+  "pisell-icon-select-select": "Select icon",
+  // 子域名校验错误
+  "subdomain-error-too-short": "Subdomain must be at least 2 characters long",
+  "subdomain-error-too-long": "Subdomain cannot exceed 60 characters",
+  "subdomain-error-pattern": "Subdomain can only contain lowercase letters, numbers and hyphens",
+  "subdomain-error-numbers-only": "Subdomain cannot contain only numbers",
+  "subdomain-error-hyphen-ends": "Subdomain cannot start or end with a hyphen",
+  "subdomain-error-consecutive-hyphens": "Subdomain cannot contain consecutive hyphens",
+  "subdomain-error-required": "Please enter subdomain"
 };

package/lib/locales/zh-CN.d.ts

@@ -143,6 +143,8 @@ declare const _default: {
     '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-data-source-form-pattern-message': string;
     'pisell-number-format-thousand': string;
     'pisell-number-format-million': string;
     'pisell-number-format-billion': string;
@@ -194,5 +196,11 @@ declare const _default: {
     'pisell-icon-select-iconfont': string;
     'pisell-icon-select-search': string;
     'pisell-icon-select-select': 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;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -172,11 +172,13 @@ var zh_CN_default = {
   "pisell-data-source-form-email-message": "请输入有效的电子邮件地址",
   "pisell-data-source-form-domain-message": "请输入有效的域名",
   "pisell-data-source-form-url-message": "请输入正确的网址",
-  "pisell-data-source-form-phone-message": "请输入有效的电话号码",
+  "pisell-data-source-form-phone-message": "请输入正确的电话号码",
   "pisell-data-source-form-min-length-message": (minLength) => `长度必须至少为${minLength}个字符`,
   "pisell-data-source-form-max-length-message": (maxLength) => `长度必须最多为${maxLength}个字符`,
   "pisell-data-source-form-min-value-message": (minValue) => `值必须大于或等于${minValue}`,
   "pisell-data-source-form-max-value-message": (maxValue) => `值必须小于或等于${maxValue}`,
+  "pisell-data-source-form-mobile-message": "请输入正确的手机号",
+  "pisell-data-source-form-pattern-message": "请输入正确的格式",
   // 数字格式化
   "pisell-number-format-thousand": "千",
   "pisell-number-format-million": "百万",
@@ -233,5 +235,12 @@ var zh_CN_default = {
   "pisell-icon-select-two-tone": "双色风格",
   "pisell-icon-select-iconfont": "Iconfont",
   "pisell-icon-select-search": "搜索图标",
-  "pisell-icon-select-select": "选择图标"
+  "pisell-icon-select-select": "选择图标",
+  // 子域名校验错误
+  "subdomain-error-too-short": "子域名长度不能小于2个字符",
+  "subdomain-error-too-long": "子域名长度不能超过60个字符",
+  "subdomain-error-pattern": "子域名只能包含小写字母、数字和连字符",
+  "subdomain-error-numbers-only": "子域名不能全为数字",
+  "subdomain-error-hyphen-ends": "子域名不能以连字符开头或结尾",
+  "subdomain-error-consecutive-hyphens": "子域名不能包含连续的连字符"
 };

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

@@ -143,6 +143,7 @@ declare const _default: {
     '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;
@@ -194,5 +195,11 @@ declare const _default: {
     'pisell-icon-select-iconfont': string;
     'pisell-icon-select-search': string;
     'pisell-icon-select-select': 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;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -178,6 +178,7 @@ var zh_TW_default = {
   "pisell-data-source-form-max-length-message": (maxLength) => `長度必須最多為${maxLength}个字符`,
   "pisell-data-source-form-min-value-message": (minValue) => `值必須大於或等於${minValue}`,
   "pisell-data-source-form-max-value-message": (maxValue) => `值必須小於或等於${maxValue}`,
+  "pisell-data-source-form-mobile-message": "請輸入正確的手機號",
   // 數字格式化
   "pisell-number-format-thousand": "千",
   "pisell-number-format-million": "百萬",
@@ -234,5 +235,12 @@ var zh_TW_default = {
   "pisell-icon-select-two-tone": "雙色風格",
   "pisell-icon-select-iconfont": "Iconfont",
   "pisell-icon-select-search": "搜索圖標",
-  "pisell-icon-select-select": "選擇圖標"
+  "pisell-icon-select-select": "選擇圖標",
+  // 子域名校验错误
+  "subdomain-error-too-short": "子域名長度不能小於2個字符",
+  "subdomain-error-too-long": "子域名長度不能超過60個字符",
+  "subdomain-error-pattern": "子域名只能包含小寫字母、數字和連字符",
+  "subdomain-error-numbers-only": "子域名不能全為數字",
+  "subdomain-error-hyphen-ends": "子域名不能以連字符開頭或結尾",
+  "subdomain-error-consecutive-hyphens": "子域名不能包含連續的連字符"
 };

package/lowcode/_utils/defaultSchema.ts

@@ -462,6 +462,9 @@ export const generalItemMap = {
                     { title: '网址', value: 'url' },
                     { title: '域名', value: 'domain' },
                     { title: '正则', value: 'pattern' },
+                    { title: '手机号', value: 'mobile' },
+                    { title: '电话号码', value: 'phone' },
+                    { title: '子域名', value: 'subdomain' },
                   ],
                 },
               },
@@ -477,6 +480,7 @@ export const generalItemMap = {
               condition: (target: any) => {
                 return target.parent.getPropValue('type') === 'pattern';
               },
+              isRequired: true,
             },
             {
               name: 'message',
@@ -487,6 +491,9 @@ export const generalItemMap = {
               },
               propType: 'string',
               setter: 'PisellI18nSetter',
+              condition: (target: any) => {
+                return !(['mobile','phone','subdomain'].includes(target.parent.getPropValue('type')));
+              },
             },
           ],
         },
@@ -1319,6 +1326,9 @@ export const formItemGeneralProps = [
                         { title: '网址', value: 'url' },
                         { title: '域名', value: 'domain' },
                         { title: '正则', value: 'pattern' },
+                        { title: '手机号', value: 'mobile' },
+                        { title: '电话号码', value: 'phone' },
+                        { title: '子域名', value: 'subdomain' },
                       ],
                     },
                   },
@@ -1334,6 +1344,7 @@ export const formItemGeneralProps = [
                   condition: (target: any) => {
                     return target.parent.getPropValue('type') === 'pattern';
                   },
+                  isRequired: true,
                 },
                 {
                   name: 'message',