fix(dropdown-item): [dropdown] fix issues for v-auto-tip and add effect attr (#2283)

* fix(dropdown-item): [dropdown] fix issues for v-auto-tip and add effect attr

* fix(dropdown-item): [dropdown] Modify version for dropdown-item

Author: MomoPoppy

packages/vue/src/dropdown-item/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-dropdown-item",
   "type": "module",
-  "version": "3.18.0",
+  "version": "3.18.1",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
@@ -25,4 +25,4 @@
     "@opentiny-internal/vue-test-utils": "workspace:*",
     "vitest": "^0.31.0"
   }
-}
+}

packages/vue/src/dropdown-item/src/index.ts

@@ -84,6 +84,10 @@ export const dropdownItemProps = {
   tipPosition: {
     type: String,
     default: 'right'
+  },
+  effect: {
+    type: String,
+    default: 'light'
   }
 }
 

packages/vue/src/dropdown-item/src/pc.vue

@@ -13,7 +13,7 @@
 <template>
   <!-- TINY-TODO:  tiny-dropdown-menu__item命名不规范，后续统一有个迭代去掉 -->
   <li
-    v-auto-tip="{ always: true, content: getTip, effect: 'dark', placement: tipPosition }"
+    v-auto-tip="getTip ? { always: true, content: getTip, effect, placement: tipPosition } : false"
     class="tiny-dropdown-item tiny-dropdown-menu__item"
     :class="{
       'is-disabled': disabled,
@@ -96,7 +96,8 @@ export default defineComponent({
     'appendToBody',
     'textField',
     'tip',
-    'tipPosition'
+    'tipPosition',
+    'effect'
   ],
   components: {
     IconDeltaLeft: iconDeltaLeft()