fix(dropdown-menu): fix problem

Author: James-9696

examples/sites/demos/mobile/app/dropdownmenu/title-class.vue

@@ -68,6 +68,9 @@ export default {
 </script>
 
 <style>
+.title-class {
+  background-color: #ddd;
+}
 .dropdownMenu {
   width: 356px;
   height: calc(100% - 0px);

packages/mobile/components/dropdown-item/src/dropdown-item.ts

@@ -47,12 +47,16 @@ export const $constants = {
 }
 
 export const dropdownItemProps = {
+  modelValue: [Number, String, Array],
   _constants: {
     type: Object,
     default: () => $constants
   },
   icon: [String, Object],
-  disabled: Boolean,
+  disabled: {
+    type: Boolean,
+    default: false
+  },
   divided: Boolean,
   itemData: {
     type: [String, Object],

packages/mobile/components/dropdown-item/src/mobile.vue

@@ -99,16 +99,17 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent, directive } from '../../../vue-common'
+import { setup, defineComponent, directive } from '../../../vue-common'
 import { iconYes } from '@opentiny/vue-icon'
 import Popup from '../../popup'
 import Button from '../../button'
 import Clickoutside from '@opentiny/utils/deps/clickoutside'
 import '@opentiny/vue-theme-mobile/dropdown-item/index.less'
+import { dropdownItemProps } from './dropdown-item'
 
 export default defineComponent({
   directives: directive({ Clickoutside }),
-  props: [...props, 'modelValue', 'title', 'disabled', 'titleClass', 'options', 'icon', 'type'],
+  props: dropdownItemProps,
   components: {
     IconYes: iconYes(),
     TinyPopup: Popup,

packages/mobile/components/dropdown-menu/src/renderless/vue.ts

@@ -11,7 +11,6 @@
  */
 
 import type {
-  IDropdownVm,
   IDropdownMenuState,
   IDropdownMenuApi,
   IDropdownMenuProps,
@@ -23,7 +22,6 @@ import {
   updateOffset,
   clickOutside,
   getScroller,
-  useVuePopper,
   mounted,
   handleMenuItemClick,
   handleMouseenter,
@@ -64,14 +62,11 @@ export const renderless = (
 
   provide('dropdownMenuVm', vm)
   provide('multiStage', props.multiStage)
-  const dropdownVm: IDropdownVm = inject('dropdownVm')
 
   if (mode === 'mobile') {
     nextTick(() => {
       state.scroller = getScroller(vm.$refs.menu as HTMLElement)
     })
-  } else {
-    useVuePopper({ api, hooks, props, instance, state, dropdownVm, designConfig })
   }
 
   Object.assign(api, {