@jctrans-materials/comps-vue3 1.0.42-beta.3 → 1.0.42-beta.5

package/dist/index.esm.js

@@ -1809,7 +1809,7 @@ const _hoisted_23$2 = {
   key: 0,
   class: "no-result-label"
 };
-const _hoisted_24$2 = {
+const _hoisted_24$1 = {
   key: 1,
   class: "no-result-label"
 };
@@ -2293,7 +2293,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               unref(isFetchingMore) ? (openBlock(), createElementBlock("div", _hoisted_21$4, toDisplayString(isEn.value ? "Loading more..." : "正在加载更多..."), 1)) : createCommentVNode("", true)
             ], 64)) : query.value && !unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_22$3, [
               renderSlot(_ctx.$slots, "noData", {}, () => [
-                !__props.showApplyData ? (openBlock(), createElementBlock("p", _hoisted_23$2, toDisplayString(isEn.value ? `No results found related to "${query.value}".` : `未找到与 "${query.value}" 相关的结果`), 1)) : (openBlock(), createElementBlock("div", _hoisted_24$2, [
+                !__props.showApplyData ? (openBlock(), createElementBlock("p", _hoisted_23$2, toDisplayString(isEn.value ? `No results found related to "${query.value}".` : `未找到与 "${query.value}" 相关的结果`), 1)) : (openBlock(), createElementBlock("div", _hoisted_24$1, [
                   createTextVNode(toDisplayString(isEn.value ? `No results found. ` : `暂无结果，`) + " ", 1),
                   createElementVNode("div", _hoisted_25$1, [
                     createElementVNode("span", {
@@ -11900,9 +11900,22 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return props.isEn ? "Set Password" : "设置密码";
     });
     const emit = __emit;
+    const visibleTabs = computed(() => {
+      var _a, _b, _c;
+      return {
+        password: props.showPasswordTab && ((_a = props.userAccount) == null ? void 0 : _a.hasPassword) !== false,
+        email: !!((_b = props.userAccount) == null ? void 0 : _b.email),
+        mobile: !!((_c = props.userAccount) == null ? void 0 : _c.mobile)
+      };
+    });
     const currentVisible = ref(props.visible);
-    const initialTab = props.showPasswordTab ? "password" : "email";
-    const activeTab = ref(initialTab);
+    const initialTab = computed(() => {
+      if (visibleTabs.value.password) return "password";
+      if (visibleTabs.value.email) return "email";
+      if (visibleTabs.value.mobile) return "mobile";
+      return "email";
+    });
+    const activeTab = ref(initialTab.value);
     const loading = ref(false);
     const formRef = ref();
     const form = reactive({
@@ -12002,7 +12015,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       form.confirmPassword = "";
       form.code = "";
       codeVerifyUuid.value = "";
-      activeTab.value = initialTab;
+      activeTab.value = initialTab.value;
       loading.value = false;
       (_a = formRef.value) == null ? void 0 : _a.clearValidate();
     }
@@ -12110,7 +12123,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               createElementVNode("h1", null, toDisplayString(computedTitle.value), 1)
             ]),
             createElementVNode("div", _hoisted_3$q, [
-              __props.showPasswordTab ? (openBlock(), createElementBlock("div", {
+              visibleTabs.value.password ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass(["tab-item", { active: activeTab.value === "password" }]),
                 onClick: _cache[0] || (_cache[0] = ($event) => handleTabChange("password"))
@@ -12133,7 +12146,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 ], -1)),
                 createTextVNode(" " + toDisplayString(__props.isEn ? "Password Verify" : "密码验证"), 1)
               ], 2)) : createCommentVNode("", true),
-              createElementVNode("div", {
+              visibleTabs.value.email ? (openBlock(), createElementBlock("div", {
+                key: 1,
                 class: normalizeClass(["tab-item", { active: activeTab.value === "email" }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => handleTabChange("email"))
               }, [
@@ -12149,8 +12163,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   })
                 ], -1)),
                 createTextVNode(" " + toDisplayString(__props.isEn ? "Email Verify" : "邮箱验证"), 1)
-              ], 2),
-              createElementVNode("div", {
+              ], 2)) : createCommentVNode("", true),
+              visibleTabs.value.mobile ? (openBlock(), createElementBlock("div", {
+                key: 2,
                 class: normalizeClass(["tab-item", { active: activeTab.value === "mobile" }]),
                 onClick: _cache[2] || (_cache[2] = ($event) => handleTabChange("mobile"))
               }, [
@@ -12166,7 +12181,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   })
                 ], -1)),
                 createTextVNode(" " + toDisplayString(__props.isEn ? "Mobile Verify" : "手机验证"), 1)
-              ], 2)
+              ], 2)) : createCommentVNode("", true)
             ]),
             createVNode(unref(ElForm), {
               ref_key: "formRef",
@@ -12321,7 +12336,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-b7981886"]]);
+const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-dbd901cf"]]);
 const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: index$5
@@ -22476,6 +22491,8 @@ const _sfc_main$d = {
       companyResistCn: false,
       // 滑块验证通过后保存的验证数据（uuid + code），用于获取验证码和提交注册
       verifyData: {},
+      // 动态表单项强制重新渲染的 key，切换国家/登录方式时递增
+      formKey: 0,
       // 注册分步状态：1（城市+联系方式） 或 2（验证码+行业+公司+协议）
       registerStep: 1,
       // Step 1 进入 Step 2 时快照当前联系方式，返回 Step 1 时用于判断是否需重置验证码
@@ -22857,6 +22874,7 @@ const _sfc_main$d = {
         this.form.nameEn = "";
         this.form.firstName = "";
         this.form.lastName = "";
+        this.formKey++;
       }
       this.$nextTick(() => {
         if (this.form.companyName) {
@@ -23184,11 +23202,7 @@ const _hoisted_19$2 = { class: "card-header" };
 const _hoisted_20$1 = { class: "title-group" };
 const _hoisted_21$1 = { class: "tip-text" };
 const _hoisted_22$1 = { class: "location-info" };
-const _hoisted_23$1 = {
-  key: 1,
-  class: "name-row"
-};
-const _hoisted_24$1 = { class: "agree-text" };
+const _hoisted_23$1 = { class: "agree-text" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_JcSearch = resolveComponent("JcSearch");
   const _component_JcFloatWrapper = resolveComponent("JcFloatWrapper");
@@ -23258,14 +23272,14 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }),
           $options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
-            key: 0,
-            class: "phone-form-item"
+            class: "phone-form-item",
+            key: "phone-wrap-" + $data.formKey
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(_component_el_form_item, {
                 prop: "phone",
                 ref: "phone",
-                key: 8,
+                key: "phone-" + $data.formKey,
                 class: "tel-mobile",
                 "inline-message": true
               }, {
@@ -23326,9 +23340,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           })) : createCommentVNode("", true),
           !$options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
-            key: 1,
             prop: "email",
-            class: "email-form-item"
+            class: "email-form-item",
+            key: "email-" + $data.formKey
           }, {
             default: withCtx(() => [
               createVNode(_component_JcFloatInput, {
@@ -23488,9 +23502,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               createElementVNode("div", _hoisted_22$1, toDisplayString($props.isEn ? $data.resistCompanyInfo.countryNameEn : $data.resistCompanyInfo.countryNameCn) + " / " + toDisplayString($props.isEn ? $data.resistCompanyInfo.cityNameEn : $data.resistCompanyInfo.cityNameCn), 1)
             ]),
             $options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
-              key: 0,
               prop: "nameCn",
-              class: "name-input-item"
+              class: "name-input-item",
+              key: "nameCn-" + $data.formKey
             }, {
               default: withCtx(() => [
                 createVNode(_component_JcFloatInput, {
@@ -23506,7 +23520,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["modelValue", "label", "placeholder"])
               ]),
               _: 1
-            })) : (openBlock(), createElementBlock("div", _hoisted_23$1, [
+            })) : (openBlock(), createElementBlock("div", {
+              class: "name-row",
+              key: "nameEn-" + $data.formKey
+            }, [
               createVNode(_component_el_form_item, {
                 prop: "firstName",
                 class: "name-input-item name-part"
@@ -23557,7 +23574,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => $data.form.agree = $event)
               }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_24$1, [
+                  createElementVNode("span", _hoisted_23$1, [
                     $props.isEn ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       _cache[37] || (_cache[37] = createTextVNode(" I agree ", -1)),
                       createElementVNode("span", {
@@ -23611,7 +23628,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["model", "rules"])
   ]);
 }
-const RegisterForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3], ["__scopeId", "data-v-4ae4e4b8"]]);
+const RegisterForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3], ["__scopeId", "data-v-42b3691f"]]);
 const _imports_0$3 = "data:image/webp;base64,UklGRs4CAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSFoBAAABN6KgbRtmp+3Gn/RDEBEEkzTVdowBQKcP3554FoBl23ba5llJyswNJ2VumGWofOY/p8qSit8R/Z8A+a8elYOpw8ta7XyzQK0aYSpXkxxr+l5TIvLMOMTaaw75atjrjVMg6apzYNuvnZH3q2Wxbl7NYR4Ddz6qB+/b4lxd8llHbmrIR018WxYu3QboXfHdMLae0xXZtvhGY+x52WHLcCHeNxRfOfR5Fu/tpdZaJ1mWZeOiA0zFL+w9j/I9NSffY5NUvmeVwTfp8PxNbrn9HRbs2zo8fU3Muq3K6EtK5JFtkzT6ilPmUrji+CvueSh64OULVMJJ0TamEq7JXBx7vAZTCVWXbcNlqBdm4nxFthPmGrPrJj2SvRBXUBdPNcTUvdQTXIu3eoP+gVt1hWlKyLaBQaNs275awvJIwlYeDaBH/f40BXQnkuCVq7HBmr5VI/naaP+iWj1bl98fVlA4IE4BAAAQBwCdASooACgAPi0ShkKhoQ42SgAMAWJZWxKQyHAkNc+PADbI89n6J94A3jAJQK0xA6Tk60mYtNspcySSE/tFIADM///yqf//Kgv//ywQt7g1bu7h+xw3tKfdFW3YSP2h0iF6VIn4CTXLv//vM//94Jv//ee+S0E0m6xnEgxdBDf7ewX/lL4BgZWe2EfgOrK0pMN4Qy5uWqWBS4KWWUfrCz0nMK/H/I4/+XhdD+65pGbyiKvih/6tn//ciDb/uimjajMDV4Q/Xe6/5j9xYKcn08xURQpu0wODf/+3SuKUFZLR0yHKFUmWQGuB/RhP/o3UFQW2JYdAdLNwvjre+S6H5X//i0Kc3jhiy9mLmUsuJ+4/5++fwdGZUbaTBUfk9QB9rjsVLVNwQW2lzccI98O08eePpfHRQKN1FzjT/cMehMc50hgx//o3l7EokAAA";
 const _imports_1$2 = "data:image/webp;base64,UklGRhACAABXRUJQVlA4WAoAAAAQAAAAGAAAFwAAQUxQSOcAAAABgINt27HlzZxs1+i945+yudmaXJMm27btmmzbtm094f2+L88RMQHoH0ivGDZ+dTufRGOhwhmw/QIfT5NlyDEEHdz1zdzA5sDmTZ4EKeWJp2may+JdpEray5o7HRnnPYCzy2e43uvNSQvW5CfhcwDY1eKWK4CX3WgRAt0NzG7T6At8vGkUw3FXXX8YGLkf9c+8rLBeOI2gxyD51juA6+5ZuFjaej6YvL3vEsEhxb5nuOicA8KHHlECg1QHMzfnukeCszhGAgY6hBCT+RTuvkMWUWQz7XsGgPs2OUSdS9Uv2N0tWOIT/l4AVlA4IAIBAACwBwCdASoZABgAPjESh0KiIQ39VgAQAYJbACdM5JkB+meFg2gDaAN0l4AD9QPSA/wHuJ/sl6KYX31WXITTIqQjhEf+VVEAAP0cZ9TkuKczs9Y1za4WaelqmDJ+pg5xRI8RGqa0Xf/vA/xc/Jt7352wODrO+GBNH/+k0H/0IZkEP/+9kflw8xfZOvuJnYDve0V1+ez//9tEgIWxjEjRen4x7s8w+Gha3PQxumTkBwxFTp+YlQXvZzWdZW3wRP0nsu895denVK5N8FE8Zg23a9118GTARL99uq+SY4/E8PeGs/GKL4ufe2EdSmq0ixJ9pxRZOAX/4XkoyRtaDa35BrgAAAA=";
 const _hoisted_1$c = { class: "login-wx" };
@@ -24764,6 +24781,8 @@ const _sfc_main$8 = {
       verifyData: {},
       codeReady: false,
       codeSent: false,
+      // 动态表单项强制重新渲染的 key，切换国家时递增
+      formKey: 0,
       mobileCodeReady: false,
       emailCodeReady: false,
       mobileCodeSent: false,
@@ -24972,8 +24991,12 @@ const _sfc_main$8 = {
     },
     handleSelectCity(e) {
       var _a, _b, _c, _d;
+      const prevCountryId = this.form.countryId;
       this.form.cityId = e.id;
       this.form.countryId = ((_b = (_a = e.raw) == null ? void 0 : _a.country) == null ? void 0 : _b.id) || ((_d = (_c = e.raw) == null ? void 0 : _c.city) == null ? void 0 : _d.countryId) || "";
+      if (prevCountryId && Number(prevCountryId) !== Number(this.form.countryId)) {
+        this.formKey++;
+      }
       this.$nextTick(() => {
         if (!this.hasResistCompany && this.form.companyName) {
           this.$refs.formRef.validateField("companyName");
@@ -25197,7 +25220,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_2$6, [
       createElementVNode("div", _hoisted_3$6, toDisplayString($props.isEn ? "Complete Your Information" : "完善企业信息"), 1),
       createElementVNode("div", _hoisted_4$6, [
-        _cache[17] || (_cache[17] = createElementVNode("img", {
+        _cache[18] || (_cache[18] = createElementVNode("img", {
           src: "https://resources.jctrans.com/res/era/pc/img/icon_gantan.png",
           alt: ""
         }, null, -1)),
@@ -25230,7 +25253,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     placeholder: $props.isEn ? "Location(City)" : "请输入公司所在城市",
                     onSelect: $options.handleSelectCity
                   }, {
-                    prefix: withCtx(() => [..._cache[18] || (_cache[18] = [
+                    prefix: withCtx(() => [..._cache[19] || (_cache[19] = [
                       createElementVNode("i", { class: "icon-auth-location" }, null, -1)
                     ])]),
                     _: 1
@@ -25261,7 +25284,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:existStatus": $options.handleCompanyExistStatus,
                     onChange: $options.handleChangeCompany
                   }, {
-                    prefix: withCtx(() => [..._cache[19] || (_cache[19] = [
+                    prefix: withCtx(() => [..._cache[20] || (_cache[20] = [
                       createElementVNode("i", { class: "icon-auth-company" }, null, -1)
                     ])]),
                     _: 1
@@ -25312,25 +25335,45 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             createElementVNode("div", _hoisted_19$1, toDisplayString($props.isEn ? $data.resistCompanyInfo.countryNameEn : $data.resistCompanyInfo.countryNameCn) + " / " + toDisplayString($props.isEn ? $data.resistCompanyInfo.cityNameEn : $data.resistCompanyInfo.cityNameCn), 1)
           ]),
-          createVNode(_component_el_form_item, {
-            prop: $options.currentCountryIsChina ? "nameCn" : "nameEn",
-            class: "name-input-item"
+          $options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
+            prop: "nameCn",
+            class: "name-input-item",
+            key: "nameCn-" + $data.formKey
           }, {
             default: withCtx(() => [
               createVNode(_component_JcFloatInput, {
-                modelValue: $data.form[$options.currentCountryIsChina ? "nameCn" : "nameEn"],
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.form[$options.currentCountryIsChina ? "nameCn" : "nameEn"] = $event),
-                label: $options.currentCountryIsChina ? $props.isEn ? "Your Full Name in Chinese" : "您的中文名称" : $props.isEn ? "Your Full Name in English" : "您的名称",
+                modelValue: $data.form.nameCn,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.form.nameCn = $event),
+                label: $props.isEn ? "Your Full Name in Chinese" : "您的中文名称",
                 placeholder: $props.isEn ? "Please enter your name to prove your identity" : "请输入您的姓名，以证明您的身份"
               }, {
-                prefix: withCtx(() => [..._cache[20] || (_cache[20] = [
+                prefix: withCtx(() => [..._cache[21] || (_cache[21] = [
                   createElementVNode("i", { class: "icon-auth-user" }, null, -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue", "label", "placeholder"])
             ]),
             _: 1
-          }, 8, ["prop"])
+          })) : (openBlock(), createBlock(_component_el_form_item, {
+            prop: "nameEn",
+            class: "name-input-item",
+            key: "nameEn-" + $data.formKey
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_JcFloatInput, {
+                modelValue: $data.form.nameEn,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.form.nameEn = $event),
+                label: $props.isEn ? "Your Full Name in English" : "您的名称",
+                placeholder: $props.isEn ? "Please enter your name to prove your identity" : "请输入您的姓名，以证明您的身份"
+              }, {
+                prefix: withCtx(() => [..._cache[22] || (_cache[22] = [
+                  createElementVNode("i", { class: "icon-auth-user" }, null, -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue", "label", "placeholder"])
+            ]),
+            _: 1
+          }))
         ], 64)),
         $options.isShowMobileCode ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(_component_el_form_item, {
@@ -25347,16 +25390,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createVNode(_component_GoogleInput, {
                     modelValue: $data.form.phone,
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.form.phone = $event),
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.form.phone = $event),
                     placeholder: $props.isEn ? "Cell Phone Number" : "手机号码",
                     label: $props.isEn ? "Cell Phone Number" : "手机号码",
                     clearable: "",
                     autocomplete: "off",
-                    onBlur: _cache[10] || (_cache[10] = ($event) => $options.validateField("phone")),
+                    onBlur: _cache[11] || (_cache[11] = ($event) => $options.validateField("phone")),
                     maxlength: "15"
                   }, {
                     prefix: withCtx(() => [
-                      _cache[21] || (_cache[21] = createElementVNode("i", { class: "icon-auth-phone" }, null, -1)),
+                      _cache[23] || (_cache[23] = createElementVNode("i", { class: "icon-auth-phone" }, null, -1)),
                       createVNode(_component_el_form_item, {
                         prop: "areaCode",
                         class: "tel-areacode",
@@ -25365,9 +25408,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         default: withCtx(() => [
                           createVNode(_component_el_select, {
                             modelValue: $data.form.areaCode,
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.form.areaCode = $event),
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.form.areaCode = $event),
                             placeholder: $props.isEn ? "Code" : "区号",
-                            onChange: _cache[8] || (_cache[8] = ($event) => $options.validateField("areaCode")),
+                            onChange: _cache[9] || (_cache[9] = ($event) => $options.validateField("areaCode")),
                             "popper-class": `jc-area-code-select-wrapper`
                           }, {
                             default: withCtx(() => [
@@ -25397,16 +25440,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               createVNode(_component_CodeInput, {
                 modelValue: $data.form.mobileCode,
-                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $data.form.mobileCode = $event),
+                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.form.mobileCode = $event),
                 label: $options.codeInputLabel,
                 placeholder: $props.isEn ? "Enter 4 Verification Code" : "请输入4位数字验证码",
                 ready: $data.mobileCodeReady,
                 "is-en": $props.isEn,
                 "show-icon": "",
                 "form-type-color": "4",
-                onSend: _cache[12] || (_cache[12] = (data) => $options.handleGetCode(data, "mobile"))
+                onSend: _cache[13] || (_cache[13] = (data) => $options.handleGetCode(data, "mobile"))
               }, {
-                prefix: withCtx(() => [..._cache[22] || (_cache[22] = [
+                prefix: withCtx(() => [..._cache[24] || (_cache[24] = [
                   createElementVNode("i", { class: "icon-verify" }, null, -1)
                 ])]),
                 _: 1
@@ -25423,12 +25466,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               createVNode(_component_JcFloatInput, {
                 modelValue: $data.form.email,
-                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.form.email = $event),
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $data.form.email = $event),
                 label: $props.isEn ? "Business Email Address" : "企业邮箱",
                 placeholder: $props.isEn ? "Business Email Address, QQ Mail is not available" : "请输入您的企业邮箱，暂不支持QQ邮箱",
-                onBlur: _cache[14] || (_cache[14] = ($event) => $options.validateField("email"))
+                onBlur: _cache[15] || (_cache[15] = ($event) => $options.validateField("email"))
               }, {
-                prefix: withCtx(() => [..._cache[23] || (_cache[23] = [
+                prefix: withCtx(() => [..._cache[25] || (_cache[25] = [
                   createElementVNode("i", { class: "icon-auth-email" }, null, -1)
                 ])]),
                 _: 1
@@ -25440,16 +25483,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               createVNode(_component_CodeInput, {
                 modelValue: $data.form.emailCode,
-                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.form.emailCode = $event),
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.form.emailCode = $event),
                 label: $options.codeInputLabel,
                 placeholder: $props.isEn ? "Enter 4 Verification Code" : "请输入4位数字验证码",
                 ready: $data.emailCodeReady,
                 "is-en": $props.isEn,
                 "show-icon": "",
                 "form-type-color": "4",
-                onSend: _cache[16] || (_cache[16] = (data) => $options.handleGetCode(data, "email"))
+                onSend: _cache[17] || (_cache[17] = (data) => $options.handleGetCode(data, "email"))
               }, {
-                prefix: withCtx(() => [..._cache[24] || (_cache[24] = [
+                prefix: withCtx(() => [..._cache[26] || (_cache[26] = [
                   createElementVNode("i", { class: "icon-verify" }, null, -1)
                 ])]),
                 _: 1
@@ -25474,7 +25517,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["model", "rules"])
   ]);
 }
-const CompleteInfoForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1], ["__scopeId", "data-v-8d245598"]]);
+const CompleteInfoForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1], ["__scopeId", "data-v-388cd5f0"]]);
 const _hoisted_1$7 = { class: "auth-footer-box" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FooterBox",
@@ -26531,6 +26574,8 @@ const _sfc_main$3 = {
       companyResistEn: false,
       companyResistCn: false,
       verifyData: {},
+      // 动态表单项强制重新渲染的 key，切换国家时递增
+      formKey: 0,
       registerStep: 1,
       step1AccountSnapshot: "",
       form: {
@@ -26845,6 +26890,7 @@ const _sfc_main$3 = {
         this.form.nameEn = "";
         this.form.firstName = "";
         this.form.lastName = "";
+        this.formKey++;
       }
       this.$nextTick(() => {
         if (this.form.companyName) {
@@ -27197,14 +27243,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }),
           $options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
-            key: 0,
-            class: "phone-form-item"
+            class: "phone-form-item",
+            key: "phone-wrap-" + $data.formKey
           }, {
             default: withCtx(() => [
               (openBlock(), createBlock(_component_el_form_item, {
                 prop: "phone",
                 ref: "phone",
-                key: 8,
+                key: "phone-" + $data.formKey,
                 class: "tel-mobile",
                 "inline-message": true
               }, {
@@ -27265,9 +27311,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           })) : createCommentVNode("", true),
           !$options.currentCountryIsChina ? (openBlock(), createBlock(_component_el_form_item, {
-            key: 1,
             prop: "email",
-            class: "email-form-item"
+            class: "email-form-item",
+            key: "email-" + $data.formKey
           }, {
             default: withCtx(() => [
               createVNode(_component_JcFloatInput, {
@@ -27541,7 +27587,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["model", "rules"])
   ]);
 }
-const ThirdRegisterForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-fda6eabc"]]);
+const ThirdRegisterForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-0922f7b6"]]);
 function useLoginForm(options) {
   const { isEn, loginType } = options;
   const loginFormRef = ref();
@@ -27561,6 +27607,7 @@ function useLoginForm(options) {
   const codeReady = ref(false);
   const loginMethod = ref("email");
   const verifyData = ref({});
+  const formKey = ref(0);
   const captchaVisible = ref(false);
   const mobileUid = ref("");
   const emailUid = ref("");
@@ -27622,6 +27669,7 @@ function useLoginForm(options) {
   function switchLoginTab(type) {
     if (loginType.value === type) return;
     loginType.value = type;
+    formKey.value++;
     nextTick(() => {
       if (!loginFormRef.value) return;
       loginFormRef.value.clearValidate();
@@ -27712,6 +27760,7 @@ function useLoginForm(options) {
   }
   async function handleChangeSubType(type) {
     loginMethod.value = type;
+    formKey.value++;
     if (type == "mobile") {
       if (areaCodeData.value.length === 0) {
         await getLocalIpData();
@@ -27750,6 +27799,7 @@ function useLoginForm(options) {
     verifyData,
     captchaVisible,
     loginMethod,
+    formKey,
     // 计算属性
     computedRules,
     // 方法
@@ -27895,6 +27945,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       verifyData,
       captchaVisible,
       computedRules,
+      formKey,
       switchLoginTab,
       validateField,
       handleGetCode,
@@ -28300,7 +28351,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         (openBlock(), createBlock(unref(ElFormItem), {
                           prop: "phone",
                           ref: "phone",
-                          key: 8,
+                          key: "phone-" + unref(formKey),
                           class: "tel-mobile",
                           "inline-message": true
                         }, {
@@ -28528,7 +28579,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-80de1603"]]);
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-32d7a7e9"]]);
 const __vite_glob_0_16 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: index$2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jctrans-materials/comps-vue3",
-  "version": "1.0.42-beta.3",
+  "version": "1.0.42-beta.5",
   "private": false,
   "description": "",
   "type": "module",
@@ -38,7 +38,7 @@
     "nanoid": "^5.1.6",
     "qrcode": "^1.5.4",
     "tailwindcss": "4.1.18",
-    "@jctrans-materials/shared": "1.0.42-beta.3"
+    "@jctrans-materials/shared": "1.0.42-beta.5"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "4.1.18",