fix(form): modify mobile problem

Author: James-9696

examples/sites/demos/mobile/app/form/validate-position.vue

@@ -9,7 +9,7 @@
         <tiny-form-item label="优秀" prop="users" vertical>
           <tiny-input v-model="createData.users" placeholder="请输入内容" type="form"></tiny-input>
         </tiny-form-item>
-        <tiny-form-item label="优秀" vertical>
+        <tiny-form-item label="优秀" vertical prop="user">
           <tiny-input
             v-model="createData.user"
             is-select
@@ -71,7 +71,8 @@ export default {
         user: ''
       },
       rules: {
-        users: [{ required: true, message: '必填', trigger: 'change' }]
+        users: [{ required: true, message: '必填', trigger: 'change' }],
+        user: [{ required: true, message: '必填', trigger: 'change' }]
       },
       boxVisibility: false
     }

packages/mobile/components/form/src/mobile.vue

@@ -25,13 +25,15 @@
 
 <script lang="tsx">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '../../../vue-common'
 import type { IFormApi } from '@opentiny/vue-renderless/types/form.type'
 import { formProps } from './form'
 import '@opentiny/vue-theme-mobile/form/index.less'
 import '@opentiny/vue-theme-mobile/form-item/index.less'
 
 export default defineComponent({
+  name: $prefix + 'Form',
+  componentName: 'Form',
   props: formProps,
   setup(props, context) {
     return setup({ props, context, renderless, api }) as unknown as IFormApi

packages/mobile/components/form/src/renderless/index.ts

@@ -78,15 +78,15 @@ export const computedIsErrorBlock =
   }
 
 export const created =
-  ({ parent, state }: Pick<IFormRenderlessParams, 'parent' | 'state'>) =>
+  ({ vm, state }: Pick<IFormRenderlessParams, 'vm' | 'state'>) =>
   (): void => {
-    parent.$on('form:addField', (field) => {
+    vm.$on('form:addField', (field) => {
       if (field) {
         state.fields.push(field)
       }
     })
     /* istanbul ignore next */
-    parent.$on('form:removeField', (field) => {
+    vm.$on('form:removeField', (field) => {
       if (field.prop) {
         state.fields.splice(state.fields.indexOf(field), 1)
       }

packages/mobile/components/form/src/renderless/vue.ts

@@ -93,7 +93,7 @@ export const renderless = (
     computedValidateIcon: computedValidateIcon({ props, designConfig }),
     computedIsErrorInline: computedIsErrorInline({ props, designConfig }),
     computedIsErrorBlock: computedIsErrorBlock({ props, designConfig }),
-    created: created({ parent, state }),
+    created: created({ vm, state }),
     resetFields: resetFields({ props, state }),
     clearValidate: clearValidate(state),
     validate: validate({ props, state }),