@opentiny/vue-dropdown-item 2.18.0 → 2.19.0

package/lib/index.js

@@ -28,7 +28,7 @@ var template = function template2(mode) {
 };
 var $constants = {
   ICON_MAP: {
-    leftWardArrow: "icon-delta-left"
+    leftWardArrow: "icon-left-ward-arrow"
   }
 };
 var dropdownItemProps = _extends({}, $props, {
@@ -101,6 +101,10 @@ var dropdownItemProps = _extends({}, $props, {
   tipPosition: {
     type: String,
     default: "right"
+  },
+  effect: {
+    type: String,
+    default: "light"
   }
 });
 var DropdownItem = defineComponent({
@@ -115,7 +119,7 @@ var DropdownItem = defineComponent({
     });
   }
 });
-var version = "2.18.0";
+var version = "2.19.0";
 DropdownItem.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/pc.js

@@ -1,6 +1,6 @@
 import { defineComponent, $prefix, props, setup } from '@opentiny/vue-common';
 import { renderless, api } from '@opentiny/vue-renderless/dropdown-item/vue';
-import { iconDeltaLeft } from '@opentiny/vue-icon';
+import { iconLeftWardArrow } from '@opentiny/vue-icon';
 import '@opentiny/vue-theme/dropdown-item/index.css';
 import { AutoTip } from '@opentiny/vue-directive';
 
@@ -83,10 +83,11 @@ var __vue2_script = defineComponent({
     "appendToBody",
     "textField",
     "tip",
-    "tipPosition"
+    "tipPosition",
+    "effect"
   ]),
   components: {
-    IconDeltaLeft: iconDeltaLeft()
+    IconLeftWardArrow: iconLeftWardArrow()
   },
   setup: function setup$1(props2, context) {
     return setup({
@@ -105,22 +106,16 @@ var render = function render2() {
     directives: [{
       name: "auto-tip",
       rawName: "v-auto-tip",
-      value: {
+      value: _vm.state.computedTip ? {
         always: true,
-        content: _vm.getTip,
-        effect: "dark",
+        content: _vm.state.computedTip,
+        effect: _vm.effect,
         placement: _vm.tipPosition
-      },
-      expression: "{ always: true, content: getTip, effect: 'dark', placement: tipPosition }"
+      } : false,
+      expression: "\n    state.computedTip ? { always: true, content: state.computedTip, effect, placement: tipPosition } : false\n  "
     }],
     ref: "dropdownItem",
-    staticClass: "tiny-dropdown-item tiny-dropdown-menu__item",
-    class: {
-      "is-disabled": _vm.disabled,
-      "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided": _vm.divided,
-      "tiny-dropdown-item--check-status": _vm.state.checkedStatus && _vm.selected,
-      "has-children": _vm.itemData.children && _vm.itemData.children.length
-    },
+    class: ["tiny-dropdown-item", "tiny-dropdown-menu__item", _vm.state.sizeClass, _vm.disabled ? "is-disabled" : "", _vm.divided ? "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided" : "", _vm.state.checkedStatus && _vm.selected ? "tiny-dropdown-item--check-status" : "", _vm.itemData.children && _vm.itemData.children.length ? "has-children" : ""],
     attrs: {
       "aria-disabled": _vm.disabled,
       "tabindex": _vm.disabled ? null : -1
@@ -144,7 +139,7 @@ var render = function render2() {
     staticClass: "tiny-dropdown-item__content tiny-dropdown-menu__item-content"
   }, [_vm.icon ? _c(_vm.icon, {
     tag: "component",
-    staticClass: "tiny-svg-size"
+    staticClass: "tiny-svg-size tiny-dropdown-item__pre-icon"
   }) : _vm._e(), _c("span", {
     staticClass: "tiny-dropdown-item__label"
   }, [_vm._t("default", function() {

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentiny/vue-dropdown-item",
   "type": "module",
-  "version": "2.18.0",
+  "version": "2.19.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-button": "~2.18.0",
-    "@opentiny/vue-common": "~2.18.0",
-    "@opentiny/vue-directive": "~2.18.0",
-    "@opentiny/vue-icon": "~2.18.0",
-    "@opentiny/vue-popup": "~2.18.0",
-    "@opentiny/vue-renderless": "~3.18.0",
-    "@opentiny/vue-theme": "~3.18.0",
-    "@opentiny/vue-theme-mobile": "~3.18.0"
+    "@opentiny/vue-button": "~2.19.0",
+    "@opentiny/vue-common": "~2.19.0",
+    "@opentiny/vue-directive": "~2.19.0",
+    "@opentiny/vue-icon": "~2.19.0",
+    "@opentiny/vue-popup": "~2.19.0",
+    "@opentiny/vue-renderless": "~3.19.0",
+    "@opentiny/vue-theme": "~3.19.0",
+    "@opentiny/vue-theme-mobile": "~3.19.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -78,6 +78,10 @@ export declare const dropdownItemProps: {
         type: StringConstructor;
         default: string;
     };
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];