@opentiny/vue-dropdown-item 2.18.1 → 2.20.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, {
@@ -119,7 +119,7 @@ var DropdownItem = defineComponent({
     });
   }
 });
-var version = "2.undefined";
+var version = "2.20.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';
 
@@ -84,17 +84,19 @@ var __vue2_script = defineComponent({
     "textField",
     "tip",
     "tipPosition",
-    "effect"
+    "effect",
+    "isMono"
   ]),
   components: {
-    IconDeltaLeft: iconDeltaLeft()
+    IconLeftWardArrow: iconLeftWardArrow()
   },
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,
       context,
       renderless,
-      api
+      api,
+      mono: props2.isMono
     });
   }
 });
@@ -106,22 +108,16 @@ var render = function render2() {
     directives: [{
       name: "auto-tip",
       rawName: "v-auto-tip",
-      value: _vm.getTip ? {
+      value: _vm.state.computedTip ? {
         always: true,
-        content: _vm.getTip,
+        content: _vm.state.computedTip,
         effect: _vm.effect,
         placement: _vm.tipPosition
       } : false,
-      expression: "getTip ? { always: true, content: getTip, effect, 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
@@ -145,7 +141,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() {
@@ -160,7 +156,9 @@ var render = function render2() {
       attrs: {
         "label": item[_vm.state.textField],
         "item-data": item,
+        "_constants": _vm._constants,
         "icon": item.icon,
+        "is-mono": true,
         "disabled": item.disabled,
         "divided": item.divided,
         "tip": item.tip,

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentiny/vue-dropdown-item",
   "type": "module",
-  "version": "2.18.1",
+  "version": "2.20.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.20.0",
+    "@opentiny/vue-common": "~2.20.0",
+    "@opentiny/vue-directive": "~2.20.0",
+    "@opentiny/vue-icon": "~2.20.0",
+    "@opentiny/vue-popup": "~2.20.0",
+    "@opentiny/vue-renderless": "~3.20.0",
+    "@opentiny/vue-theme": "~3.20.0",
+    "@opentiny/vue-theme-mobile": "~3.20.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -23,11 +23,11 @@ export declare const dropdownItemProps: {
             };
         };
     };
-    icon: (ObjectConstructor | StringConstructor)[];
+    icon: (StringConstructor | ObjectConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     itemData: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
         default: string;
     };
     title: StringConstructor;