From be9913e2d76298655f7cbf6d732cee9fe7132301 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 17 Dec 2024 00:16:42 -0800
Subject: [PATCH] fix(checkbox): modify mobile problem

---
 .../mobile/app/checkbox/checkbox-group.vue    |  4 +-
 .../components/checkbox-group/src/mobile.vue  |  5 ++-
 .../components/checkbox/src/checkbox.ts       | 43 ++++++++++---------
 .../mobile/components/checkbox/src/mobile.vue |  4 +-
 .../checkbox/src/renderless/index.ts          |  5 +--
 .../components/checkbox/src/renderless/vue.ts |  2 +-
 6 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/examples/sites/demos/mobile/app/checkbox/checkbox-group.vue b/examples/sites/demos/mobile/app/checkbox/checkbox-group.vue
index d3ba5241c5..f91dbf37cd 100644
--- a/examples/sites/demos/mobile/app/checkbox/checkbox-group.vue
+++ b/examples/sites/demos/mobile/app/checkbox/checkbox-group.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="checkbox-wrap">
     <tiny-checkbox-group v-model="checked">
-      <tiny-checkbox label="复选框1"></tiny-checkbox>
-      <tiny-checkbox label="复选框2"></tiny-checkbox>
+      <tiny-checkbox label="复选框1">复选框1</tiny-checkbox>
+      <tiny-checkbox label="复选框2">复选框2</tiny-checkbox>
     </tiny-checkbox-group>
     <p>当前选中的值为：{{ checked }}</p>
   </div>
diff --git a/packages/mobile/components/checkbox-group/src/mobile.vue b/packages/mobile/components/checkbox-group/src/mobile.vue
index 67832bb0c6..414d75b546 100644
--- a/packages/mobile/components/checkbox-group/src/mobile.vue
+++ b/packages/mobile/components/checkbox-group/src/mobile.vue
@@ -26,16 +26,19 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '../../../vue-common'
 import Checkbox from '../../checkbox'
 import { CheckboxGroupProps } from './checkbox-group'
 import '@opentiny/vue-theme-mobile/checkbox-group/index.less'
 
 export default defineComponent({
+  name: $prefix + 'CheckboxGroup',
+  componentName: 'CheckboxGroup',
   components: {
     Checkbox
   },
   props: CheckboxGroupProps,
+  emits: ['change', 'update:modelValue'],
   setup(props, context) {
     return setup({ props, context, renderless, api })
   }
diff --git a/packages/mobile/components/checkbox/src/checkbox.ts b/packages/mobile/components/checkbox/src/checkbox.ts
index b32399705e..a4ae281623 100644
--- a/packages/mobile/components/checkbox/src/checkbox.ts
+++ b/packages/mobile/components/checkbox/src/checkbox.ts
@@ -13,6 +13,28 @@ import { $prefix } from '../../../vue-common'
 import type { PropType } from '../../../vue-common'
 import type { ExtractPropTypes, ComputedRef } from 'vue'
 import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from '../../../types/shared.type'
+
+import type {
+  addToStore,
+  removeFromStore,
+  computedStore,
+  computedFormItemSize,
+  computedIsChecked,
+  computedIsLimitDisabled,
+  computedIsDisabled,
+  computedIsDisplayOnly,
+  computedIsGroupDisplayOnly,
+  computedGetModelGet,
+  computedIsGroup,
+  computedCheckboxSize,
+  computedGetModelSet,
+  mounted,
+  handleChange,
+  computedDisplayLabel,
+  computedIsShowText,
+  computedShowText
+} from './renderless'
+
 export type { ISharedRenderlessParamHooks } from '../../../types/shared.type'
 
 export type IconPosition = 'center' | 'top'
@@ -75,27 +97,6 @@ export const checkboxProps = {
   }
 }
 
-import type {
-  addToStore,
-  removeFromStore,
-  computedStore,
-  computedFormItemSize,
-  computedIsChecked,
-  computedIsLimitDisabled,
-  computedIsDisabled,
-  computedIsDisplayOnly,
-  computedIsGroupDisplayOnly,
-  computedGetModelGet,
-  computedIsGroup,
-  computedCheckboxSize,
-  computedGetModelSet,
-  mounted,
-  handleChange,
-  computedDisplayLabel,
-  computedIsShowText,
-  computedShowText
-} from './renderless'
-
 export type ICheckboxSizeEnum = 'medium' | 'small' | 'mini'
 export type ICheckboxModalValue = string | number | boolean
 
diff --git a/packages/mobile/components/checkbox/src/mobile.vue b/packages/mobile/components/checkbox/src/mobile.vue
index 41a78015e1..e42a0b9606 100644
--- a/packages/mobile/components/checkbox/src/mobile.vue
+++ b/packages/mobile/components/checkbox/src/mobile.vue
@@ -64,11 +64,13 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '../../../vue-common'
 import { checkboxProps } from './checkbox'
 import '@opentiny/vue-theme-mobile/checkbox/index.less'
 
 export default defineComponent({
+  name: $prefix + 'Checkbox',
+  componentName: 'Checkbox',
   props: checkboxProps,
   emits: ['update:modelValue', 'change', 'complete', 'click'],
   setup(props, context) {
diff --git a/packages/mobile/components/checkbox/src/renderless/index.ts b/packages/mobile/components/checkbox/src/renderless/index.ts
index 27f1e64246..971e16d937 100644
--- a/packages/mobile/components/checkbox/src/renderless/index.ts
+++ b/packages/mobile/components/checkbox/src/renderless/index.ts
@@ -111,10 +111,9 @@ export const computedIsChecked =
   }
 
 export const computedIsGroup =
-  ({ state, parent, constants }: Pick<ICheckboxRenderlessParams, 'state' | 'parent' | 'constants'>) =>
+  ({ state, vm, constants }: Pick<ICheckboxRenderlessParams, 'state' | 'vm' | 'constants'>) =>
   (): boolean => {
-    let parentObj = parent.$parent
-
+    let parentObj = vm.$parent
     while (parentObj) {
       if (parentObj.$options.componentName !== constants.CHECKBOX_GROUP) {
         parentObj = parentObj.$parent
diff --git a/packages/mobile/components/checkbox/src/renderless/vue.ts b/packages/mobile/components/checkbox/src/renderless/vue.ts
index d6079092fc..5c0f52eb0f 100644
--- a/packages/mobile/components/checkbox/src/renderless/vue.ts
+++ b/packages/mobile/components/checkbox/src/renderless/vue.ts
@@ -108,7 +108,7 @@ const initApi = ({
     computedIsDisplayOnly: computedIsDisplayOnly({ state, props }),
     computedIsGroupDisplayOnly: computedIsGroupDisplayOnly({ state }),
     computedGetModelGet: computedGetModelGet({ state, props }),
-    computedIsGroup: computedIsGroup({ state, parent, constants }),
+    computedIsGroup: computedIsGroup({ state, vm, constants }),
     computedCheckboxSize: computedCheckboxSize({ state, props, formItemSize }),
     computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants }),
     mounted: mounted({ emit, props, api, parent }),