From a48e07d5098418799b6cf06b13eb8d8d9527b77b Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Mon, 8 Sep 2025 20:55:54 -0700
Subject: [PATCH 1/9] fix: optimize the radio component

---
 .../mobile/components/radio/src/mobile.vue    | 27 +++++++++----------
 packages/theme-mobile/src/radio/index.less    |  2 +-
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/mobile/components/radio/src/mobile.vue b/packages/mobile/components/radio/src/mobile.vue
index e3e0d32..fffe4fc 100644
--- a/packages/mobile/components/radio/src/mobile.vue
+++ b/packages/mobile/components/radio/src/mobile.vue
@@ -24,20 +24,19 @@
         <div class="tiny-mobile-radio__inner"></div>
       </div>
 
-      <input
-        ref="radio"
-        class="tiny-mobile-radio__original"
-        :value="label"
-        type="radio"
-        aria-hidden="true"
-        v-model="state.model"
-        @focus="state.focus = true"
-        @blur="state.focus = false"
-        @change="handleChange"
-        :name="name"
-        :disabled="state.isDisabled"
-        tabindex="-1"
-      />
+         <input
+           ref="radio"
+           class="tiny-mobile-radio__original"
+           :value="label"
+           type="radio"
+           v-model="state.model"
+           @focus="state.focus = true"
+           @blur="state.focus = false"
+           @change="handleChange"
+           :name="name"
+           :disabled="state.isDisabled"
+           tabindex="-1"
+         />
     </div>
     <span class="tiny-mobile-radio__label" @keydown.stop>
       <slot>{{ text || label }}</slot>
diff --git a/packages/theme-mobile/src/radio/index.less b/packages/theme-mobile/src/radio/index.less
index 3b999c8..180413c 100644
--- a/packages/theme-mobile/src/radio/index.less
+++ b/packages/theme-mobile/src/radio/index.less
@@ -137,7 +137,7 @@
     opacity: 0;
     outline: 0;
     position: absolute;
-    z-index: -1;
+    z-index: 1;
     top: 0;
     left: 0;
     right: 0;

From 8fe2bca6e1d2fc050d1120d8c28c9afe6ec3c567 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Mon, 8 Sep 2025 20:57:37 -0700
Subject: [PATCH 2/9] fix: revised version

---
 packages/mobile/package.json       | 2 +-
 packages/theme-mobile/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 2b7d0e5..0118083 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-mobile",
   "type": "module",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.11.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
diff --git a/packages/theme-mobile/package.json b/packages/theme-mobile/package.json
index d134baa..10203e7 100644
--- a/packages/theme-mobile/package.json
+++ b/packages/theme-mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme-mobile",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.11.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "main": "index.css",

From 48f45be765bebad31532f6b18529771eb87a50b9 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Mon, 8 Sep 2025 23:33:05 -0700
Subject: [PATCH 3/9] fix(radio): remove invalid events

---
 .../mobile/components/radio/src/mobile.vue    | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/mobile/components/radio/src/mobile.vue b/packages/mobile/components/radio/src/mobile.vue
index fffe4fc..da1d057 100644
--- a/packages/mobile/components/radio/src/mobile.vue
+++ b/packages/mobile/components/radio/src/mobile.vue
@@ -12,33 +12,37 @@
 <template>
   <label
     class="tiny-mobile-radio"
-    :class="[{ 'is-disabled': state.isDisabled }, { 'is-focus': state.focus }, { 'is-checked': state.model === label }]"
+    :class="[{ 'is-disabled': state.isDisabled },
+             { 'is-focus': state.focus },
+             { 'is-checked': state.model === label }]"
     role="radio"
     :aria-checked="state.model === label"
     :aria-disabled="state.isDisabled"
     :tabindex="state.tabIndex"
-    @keydown.space.stop.prevent="state.model = state.isDisabled ? state.model : label"
+    @keydown.space.stop.prevent="
+      state.model = state.isDisabled ? state.model : label
+    "
   >
     <div class="tiny-mobile-radio__input">
       <div class="tiny-mobile-radio__outer">
         <div class="tiny-mobile-radio__inner"></div>
       </div>
 
-         <input
-           ref="radio"
-           class="tiny-mobile-radio__original"
-           :value="label"
-           type="radio"
-           v-model="state.model"
-           @focus="state.focus = true"
-           @blur="state.focus = false"
-           @change="handleChange"
-           :name="name"
-           :disabled="state.isDisabled"
-           tabindex="-1"
-         />
+      <input
+        ref="radio"
+        class="tiny-mobile-radio__original"
+        :value="label"
+        type="radio"
+        v-model="state.model"
+        @focus="state.focus = true"
+        @blur="state.focus = false"
+        @change="handleChange"
+        :name="name"
+        :disabled="state.isDisabled"
+        tabindex="-1"
+      />
     </div>
-    <span class="tiny-mobile-radio__label" @keydown.stop>
+    <span class="tiny-mobile-radio__label">
       <slot>{{ text || label }}</slot>
     </span>
   </label>

From ec131588e99ec651b4cb55ede83f3c9a291dee64 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Mon, 8 Sep 2025 23:34:43 -0700
Subject: [PATCH 4/9] fix: modify the test version

---
 packages/theme-mobile/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme-mobile/package.json b/packages/theme-mobile/package.json
index 10203e7..b981166 100644
--- a/packages/theme-mobile/package.json
+++ b/packages/theme-mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme-mobile",
-  "version": "1.0.0-alpha.11.1",
+  "version": "1.0.0-alpha.11.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "main": "index.css",

From 99cabdea724c6b68d34012cbe18f14e715fd87d3 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Mon, 8 Sep 2025 23:38:28 -0700
Subject: [PATCH 5/9] fix: modify the test version

---
 packages/mobile/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 0118083..0662473 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-mobile",
   "type": "module",
-  "version": "1.0.0-alpha.11.1",
+  "version": "1.0.0-alpha.11.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",

From 42deb6ffe4ee34f4843c283900515a0f1d486fb6 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 9 Sep 2025 01:28:36 -0700
Subject: [PATCH 6/9] fix: optimize label tags and add corresponding IDs

---
 packages/mobile/components/radio/src/mobile.vue          | 2 ++
 packages/mobile/components/radio/src/radio.ts            | 7 +++++--
 packages/mobile/components/radio/src/renderless/index.ts | 5 +++++
 packages/mobile/components/radio/src/renderless/vue.ts   | 9 ++++++---
 packages/mobile/package.json                             | 2 +-
 packages/theme-mobile/package.json                       | 2 +-
 6 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/packages/mobile/components/radio/src/mobile.vue b/packages/mobile/components/radio/src/mobile.vue
index da1d057..cb9fd35 100644
--- a/packages/mobile/components/radio/src/mobile.vue
+++ b/packages/mobile/components/radio/src/mobile.vue
@@ -19,6 +19,7 @@
     :aria-checked="state.model === label"
     :aria-disabled="state.isDisabled"
     :tabindex="state.tabIndex"
+    :for="state.radioId"
     @keydown.space.stop.prevent="
       state.model = state.isDisabled ? state.model : label
     "
@@ -30,6 +31,7 @@
 
       <input
         ref="radio"
+        :id="state.radioId"
         class="tiny-mobile-radio__original"
         :value="label"
         type="radio"
diff --git a/packages/mobile/components/radio/src/radio.ts b/packages/mobile/components/radio/src/radio.ts
index 5228ed7..da89a27 100644
--- a/packages/mobile/components/radio/src/radio.ts
+++ b/packages/mobile/components/radio/src/radio.ts
@@ -20,7 +20,8 @@ import type {
   isDisplayOnly,
   tabIndex,
   getModel,
-  setModel
+  setModel,
+  getRadioId
 } from './renderless'
 
 export type { ISharedRenderlessParamHooks } from '@mobile-root/shared.type'
@@ -72,7 +73,8 @@ export interface IRadioState {
   isDisplayOnly: boolean
   tabIndex: number
   formDisabled: boolean
-  model: string
+  model: string,
+  radioId: string | number
 }
 
 export type IRadioRenderlessParams = ISharedRenderlessFunctionParams<IRadioConstants> & {
@@ -92,6 +94,7 @@ export interface IRadioApi {
   tabIndex: ReturnType<typeof tabIndex>
   getModel: ReturnType<typeof getModel>
   setModel: ReturnType<typeof setModel>
+  getRadioId: ReturnType<typeof getRadioId>
 }
 
 export type IRadioRenderlessParamUtils = ISharedRenderlessParamUtils<IRadioConstants>
diff --git a/packages/mobile/components/radio/src/renderless/index.ts b/packages/mobile/components/radio/src/renderless/index.ts
index 1a9bc59..9250b58 100644
--- a/packages/mobile/components/radio/src/renderless/index.ts
+++ b/packages/mobile/components/radio/src/renderless/index.ts
@@ -103,3 +103,8 @@ export const toggleEvent = ({ props, vm, type }: Pick<IRadioRenderlessParams, 'p
     })
   }
 }
+
+export const getRadioId = ({ props }: Pick<IRadioRenderlessParams, 'props'>) => {
+  const instanceId = `radio-${Math.random().toString(36).slice(2, 8)}`
+  return`${instanceId}-${props.label}`
+}
diff --git a/packages/mobile/components/radio/src/renderless/vue.ts b/packages/mobile/components/radio/src/renderless/vue.ts
index 44ccf96..61d3020 100644
--- a/packages/mobile/components/radio/src/renderless/vue.ts
+++ b/packages/mobile/components/radio/src/renderless/vue.ts
@@ -26,7 +26,8 @@ import {
   tabIndex,
   getModel,
   setModel,
-  toggleEvent
+  toggleEvent,
+  getRadioId
 } from './index'
 
 export const api = ['state', 'handleChange']
@@ -54,7 +55,8 @@ export const renderless = (
     model: computed({
       get: () => api.getModel(),
       set: (val) => api.setModel(val)
-    })
+    }),
+    radioId: computed(() => api.getRadioId)
   })
 
   Object.assign(api, {
@@ -66,7 +68,8 @@ export const renderless = (
     isDisabled: isDisabled({ props, state }),
     isDisplayOnly: isDisplayOnly({ props }),
     setModel: setModel({ constants, dispatch, emit, props, vm, state }),
-    handleChange: handleChange({ constants, dispatch, emit, state, nextTick })
+    handleChange: handleChange({ constants, dispatch, emit, state, nextTick }),
+    getRadioId: getRadioId({ props })
   })
 
   onMounted(() => {
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 0662473..d0e986b 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-mobile",
   "type": "module",
-  "version": "1.0.0-alpha.11.2",
+  "version": "1.0.0-alpha.11.3",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
diff --git a/packages/theme-mobile/package.json b/packages/theme-mobile/package.json
index b981166..8131230 100644
--- a/packages/theme-mobile/package.json
+++ b/packages/theme-mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme-mobile",
-  "version": "1.0.0-alpha.11.2",
+  "version": "1.0.0-alpha.11.3",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "main": "index.css",

From 2ba5b98e543548c3e7d355d14072b14ad01dc4a2 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 9 Sep 2025 02:09:07 -0700
Subject: [PATCH 7/9] fix: cannot click after component reference, modify
 checkbox style

---
 packages/demos/app/radio/event.vue            | 10 +++++++++-
 packages/theme-mobile/src/checkbox/index.less |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/demos/app/radio/event.vue b/packages/demos/app/radio/event.vue
index 8147b0f..f1b8888 100644
--- a/packages/demos/app/radio/event.vue
+++ b/packages/demos/app/radio/event.vue
@@ -4,15 +4,23 @@
     <tiny-radio v-model="value" label="1" @change="changeAction">男</tiny-radio>
     <tiny-radio v-model="value" label="2" @change="changeAction">女</tiny-radio>
     <p>{{ text }}</p>
+    <br/> <br/>
+    <tiny-checkbox-group v-model="checked">
+      <tiny-checkbox label="复选框1">复选框1</tiny-checkbox>
+      <tiny-checkbox label="复选框2">复选框2</tiny-checkbox>
+    </tiny-checkbox-group>
+    <p>当前选中的值为：{{ checked }}</p>
   </div>
 </template>
 
 <script setup>
 import { ref } from 'vue'
-import { TinyRadio } from '@opentiny/vue-mobile'
+import { TinyRadio, TinyCheckbox, TinyCheckboxGroup } from '@opentiny/vue-mobile'
 
 const value = ref('1')
 const text = ref('男')
+const checked = ref(['复选框1'])
+
 
 function changeAction(value) { // NISVUE3 FIXME: value重复定义，请手工修改
   text.value = value === '1' ? '男' : '女'
diff --git a/packages/theme-mobile/src/checkbox/index.less b/packages/theme-mobile/src/checkbox/index.less
index 3113152..a77a2b5 100644
--- a/packages/theme-mobile/src/checkbox/index.less
+++ b/packages/theme-mobile/src/checkbox/index.less
@@ -88,7 +88,7 @@
     margin: 0;
     width: 0;
     height: 0;
-    z-index: -1;
+    z-index: 1;
   }
 
   &__label {

From 31444d33d5cde6d6409744a2155a23f76506762c Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 9 Sep 2025 02:11:35 -0700
Subject: [PATCH 8/9] fix: modify version

---
 packages/mobile/package.json       | 2 +-
 packages/theme-mobile/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index d0e986b..be05a8b 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-mobile",
   "type": "module",
-  "version": "1.0.0-alpha.11.3",
+  "version": "1.0.0-alpha.11.4",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
diff --git a/packages/theme-mobile/package.json b/packages/theme-mobile/package.json
index 8131230..60af101 100644
--- a/packages/theme-mobile/package.json
+++ b/packages/theme-mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme-mobile",
-  "version": "1.0.0-alpha.11.3",
+  "version": "1.0.0-alpha.11.4",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "main": "index.css",

From b618e5765ec4f6b340479dda73af93112202dcf6 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 9 Sep 2025 04:29:56 -0700
Subject: [PATCH 9/9] fix: modify the selection of invalid issues for radio and
 checkbox

---
 packages/demos/app/radio/event.vue                   |  8 +++++++-
 packages/mobile/components/radio/src/mobile.vue      |  8 +++-----
 packages/mobile/components/radio/src/radio.ts        |  7 ++-----
 .../mobile/components/radio/src/renderless/index.ts  |  4 ----
 .../mobile/components/radio/src/renderless/vue.ts    |  9 +++------
 packages/mobile/package.json                         |  2 +-
 packages/theme-mobile/package.json                   |  2 +-
 packages/theme-mobile/src/checkbox/index.less        | 12 +++++++-----
 packages/theme-mobile/src/checkbox/vars.less         |  4 ++++
 packages/theme-mobile/src/radio/index.less           |  7 +++----
 packages/theme-mobile/src/radio/vars.less            |  4 ++++
 11 files changed, 35 insertions(+), 32 deletions(-)

diff --git a/packages/demos/app/radio/event.vue b/packages/demos/app/radio/event.vue
index f1b8888..f011e01 100644
--- a/packages/demos/app/radio/event.vue
+++ b/packages/demos/app/radio/event.vue
@@ -5,7 +5,7 @@
     <tiny-radio v-model="value" label="2" @change="changeAction">女</tiny-radio>
     <p>{{ text }}</p>
     <br/> <br/>
-    <tiny-checkbox-group v-model="checked">
+    <tiny-checkbox-group v-model="checked" class="demo-checkbox-group">
       <tiny-checkbox label="复选框1">复选框1</tiny-checkbox>
       <tiny-checkbox label="复选框2">复选框2</tiny-checkbox>
     </tiny-checkbox-group>
@@ -28,6 +28,12 @@ function changeAction(value) { // NISVUE3 FIXME: value重复定义，请手工
 </script>
 
 <style>
+.demo-checkbox-group {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  width: 200px;
+}
 .demo {
   height: 100%;
   overflow-y: auto;
diff --git a/packages/mobile/components/radio/src/mobile.vue b/packages/mobile/components/radio/src/mobile.vue
index cb9fd35..87ae59f 100644
--- a/packages/mobile/components/radio/src/mobile.vue
+++ b/packages/mobile/components/radio/src/mobile.vue
@@ -19,7 +19,6 @@
     :aria-checked="state.model === label"
     :aria-disabled="state.isDisabled"
     :tabindex="state.tabIndex"
-    :for="state.radioId"
     @keydown.space.stop.prevent="
       state.model = state.isDisabled ? state.model : label
     "
@@ -31,7 +30,6 @@
 
       <input
         ref="radio"
-        :id="state.radioId"
         class="tiny-mobile-radio__original"
         :value="label"
         type="radio"
@@ -44,9 +42,9 @@
         tabindex="-1"
       />
     </div>
-    <span class="tiny-mobile-radio__label">
-      <slot>{{ text || label }}</slot>
-    </span>
+      <span class="tiny-mobile-radio__label">
+        <slot>{{ text || label }}</slot>
+      </span>
   </label>
 </template>
 
diff --git a/packages/mobile/components/radio/src/radio.ts b/packages/mobile/components/radio/src/radio.ts
index da89a27..5228ed7 100644
--- a/packages/mobile/components/radio/src/radio.ts
+++ b/packages/mobile/components/radio/src/radio.ts
@@ -20,8 +20,7 @@ import type {
   isDisplayOnly,
   tabIndex,
   getModel,
-  setModel,
-  getRadioId
+  setModel
 } from './renderless'
 
 export type { ISharedRenderlessParamHooks } from '@mobile-root/shared.type'
@@ -73,8 +72,7 @@ export interface IRadioState {
   isDisplayOnly: boolean
   tabIndex: number
   formDisabled: boolean
-  model: string,
-  radioId: string | number
+  model: string
 }
 
 export type IRadioRenderlessParams = ISharedRenderlessFunctionParams<IRadioConstants> & {
@@ -94,7 +92,6 @@ export interface IRadioApi {
   tabIndex: ReturnType<typeof tabIndex>
   getModel: ReturnType<typeof getModel>
   setModel: ReturnType<typeof setModel>
-  getRadioId: ReturnType<typeof getRadioId>
 }
 
 export type IRadioRenderlessParamUtils = ISharedRenderlessParamUtils<IRadioConstants>
diff --git a/packages/mobile/components/radio/src/renderless/index.ts b/packages/mobile/components/radio/src/renderless/index.ts
index 9250b58..96c189c 100644
--- a/packages/mobile/components/radio/src/renderless/index.ts
+++ b/packages/mobile/components/radio/src/renderless/index.ts
@@ -104,7 +104,3 @@ export const toggleEvent = ({ props, vm, type }: Pick<IRadioRenderlessParams, 'p
   }
 }
 
-export const getRadioId = ({ props }: Pick<IRadioRenderlessParams, 'props'>) => {
-  const instanceId = `radio-${Math.random().toString(36).slice(2, 8)}`
-  return`${instanceId}-${props.label}`
-}
diff --git a/packages/mobile/components/radio/src/renderless/vue.ts b/packages/mobile/components/radio/src/renderless/vue.ts
index 61d3020..44ccf96 100644
--- a/packages/mobile/components/radio/src/renderless/vue.ts
+++ b/packages/mobile/components/radio/src/renderless/vue.ts
@@ -26,8 +26,7 @@ import {
   tabIndex,
   getModel,
   setModel,
-  toggleEvent,
-  getRadioId
+  toggleEvent
 } from './index'
 
 export const api = ['state', 'handleChange']
@@ -55,8 +54,7 @@ export const renderless = (
     model: computed({
       get: () => api.getModel(),
       set: (val) => api.setModel(val)
-    }),
-    radioId: computed(() => api.getRadioId)
+    })
   })
 
   Object.assign(api, {
@@ -68,8 +66,7 @@ export const renderless = (
     isDisabled: isDisabled({ props, state }),
     isDisplayOnly: isDisplayOnly({ props }),
     setModel: setModel({ constants, dispatch, emit, props, vm, state }),
-    handleChange: handleChange({ constants, dispatch, emit, state, nextTick }),
-    getRadioId: getRadioId({ props })
+    handleChange: handleChange({ constants, dispatch, emit, state, nextTick })
   })
 
   onMounted(() => {
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index be05a8b..caf9ed3 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-mobile",
   "type": "module",
-  "version": "1.0.0-alpha.11.4",
+  "version": "1.0.0-alpha.11.5",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
diff --git a/packages/theme-mobile/package.json b/packages/theme-mobile/package.json
index 60af101..baa38eb 100644
--- a/packages/theme-mobile/package.json
+++ b/packages/theme-mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme-mobile",
-  "version": "1.0.0-alpha.11.4",
+  "version": "1.0.0-alpha.11.5",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "main": "index.css",
diff --git a/packages/theme-mobile/src/checkbox/index.less b/packages/theme-mobile/src/checkbox/index.less
index a77a2b5..64981e2 100644
--- a/packages/theme-mobile/src/checkbox/index.less
+++ b/packages/theme-mobile/src/checkbox/index.less
@@ -19,7 +19,8 @@
 
 .@{checkbox-prefix-cls} {
   .inject-Checkbox-vars();
-
+        
+  width: 100%;
   position: relative;
   display: inline-block;
   white-space: nowrap;
@@ -85,10 +86,11 @@
     opacity: 0;
     outline: 0;
     position: absolute;
-    margin: 0;
-    width: 0;
-    height: 0;
-    z-index: 1;
+    inset: 0;
+    width: var(--tvm-Checkbox-heatmap-width);
+    height: var(--tvm-Checkbox-heatmap-height);
+    opacity: 0;
+    z-index: 2;    
   }
 
   &__label {
diff --git a/packages/theme-mobile/src/checkbox/vars.less b/packages/theme-mobile/src/checkbox/vars.less
index 92a873a..bf19d0d 100644
--- a/packages/theme-mobile/src/checkbox/vars.less
+++ b/packages/theme-mobile/src/checkbox/vars.less
@@ -35,4 +35,8 @@
   --tvm-Checkbox-checked-disabled-bg-color: var(--tvm-color-bg-disabled-control-checked, #dbdbdb);
   // 复选框禁用图标边框色
   --tvm-Checkbox-disabled-border-color: var(--tvm-color-bg-disabled-control-unactive, #dbdbdb);
+  // 复选框热区宽度
+  --tvm-Checkbox-heatmap-width: var(--tvm-base-size-width-large);
+  // 复选框热区高度
+  --tvm-Checkbox-heatmap-height: var(--tvm-base-size-height-mini);
 }
diff --git a/packages/theme-mobile/src/radio/index.less b/packages/theme-mobile/src/radio/index.less
index 180413c..77246a9 100644
--- a/packages/theme-mobile/src/radio/index.less
+++ b/packages/theme-mobile/src/radio/index.less
@@ -138,10 +138,9 @@
     outline: 0;
     position: absolute;
     z-index: 1;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0;
+    width: var(--tvm-Radio-heatmap-width);
+    height: var(--tvm-Radio-heatmap-height);
     margin: 0;
   }
 
diff --git a/packages/theme-mobile/src/radio/vars.less b/packages/theme-mobile/src/radio/vars.less
index 7296e65..6d70233 100644
--- a/packages/theme-mobile/src/radio/vars.less
+++ b/packages/theme-mobile/src/radio/vars.less
@@ -21,4 +21,8 @@
   --tvm-Radio-label-text-color: var(--tvm-color-text, #191919);
   // 文字左边距
   --tvm-Radio-label-padding-left: var(--tvm-space-lg, 12px);
+  // 热区宽度
+  --tvm-Radio-heatmap-width: var(--tvm-base-size-width-large);
+  // 热区高度   
+  --tvm-Radio-heatmap-height: var(--tvm-base-size-height-mini);
 }