@opentiny/vue-dropdown-item 3.18.0 → 3.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 = "3.18.0";
+var version = "3.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';
 import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, toDisplayString, Fragment, renderList, withCtx } from 'vue';
@@ -66,10 +66,11 @@ var _sfc_main = defineComponent({
     "appendToBody",
     "textField",
     "tip",
-    "tipPosition"
+    "tipPosition",
+    "effect"
   ]),
   components: {
-    IconDeltaLeft: iconDeltaLeft()
+    IconLeftWardArrow: iconLeftWardArrow()
   },
   setup: function setup$1(props2, context) {
     return setup({
@@ -98,12 +99,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_tiny_dropdown_item = resolveComponent("tiny-dropdown-item");
   var _directive_auto_tip = resolveDirective("auto-tip");
   return withDirectives((openBlock(), createElementBlock("li", {
-    class: normalizeClass(["tiny-dropdown-item tiny-dropdown-menu__item", {
-      "is-disabled": _ctx.disabled,
-      "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided": _ctx.divided,
-      "tiny-dropdown-item--check-status": _ctx.state.checkedStatus && _ctx.selected,
-      "has-children": _ctx.itemData.children && _ctx.itemData.children.length
-    }]),
+    class: normalizeClass(["tiny-dropdown-item", "tiny-dropdown-menu__item", _ctx.state.sizeClass, _ctx.disabled ? "is-disabled" : "", _ctx.divided ? "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided" : "", _ctx.state.checkedStatus && _ctx.selected ? "tiny-dropdown-item--check-status" : "", _ctx.itemData.children && _ctx.itemData.children.length ? "has-children" : ""]),
     ref: "dropdownItem",
     onClick: _cache[0] || (_cache[0] = withModifiers(function() {
       return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
@@ -114,7 +110,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     tabindex: _ctx.disabled ? null : -1
   }, [createElementVNode("div", _hoisted_2, [_ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock("span", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.getIcon)))])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
     key: 0,
-    class: "tiny-svg-size"
+    class: "tiny-svg-size tiny-dropdown-item__pre-icon"
   })) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "default", {
     itemData: _ctx.itemData
   }, function() {
@@ -159,12 +155,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ))],
     2
     /* CLASS */
-  )) : createCommentVNode("v-if", true)])], 42, _hoisted_1)), [[_directive_auto_tip, {
+  )) : createCommentVNode("v-if", true)])], 42, _hoisted_1)), [[_directive_auto_tip, _ctx.state.computedTip ? {
     always: true,
-    content: _ctx.getTip,
-    effect: "dark",
+    content: _ctx.state.computedTip,
+    effect: _ctx.effect,
     placement: _ctx.tipPosition
-  }]]);
+  } : false]]);
 }
 var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentiny/vue-dropdown-item",
   "type": "module",
-  "version": "3.18.0",
+  "version": "3.19.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-button": "~3.18.0",
-    "@opentiny/vue-common": "~3.18.0",
-    "@opentiny/vue-directive": "~3.18.0",
-    "@opentiny/vue-icon": "~3.18.0",
-    "@opentiny/vue-popup": "~3.18.0",
-    "@opentiny/vue-renderless": "~3.18.0",
-    "@opentiny/vue-theme": "~3.18.0",
-    "@opentiny/vue-theme-mobile": "~3.18.0"
+    "@opentiny/vue-button": "~3.19.0",
+    "@opentiny/vue-common": "~3.19.0",
+    "@opentiny/vue-directive": "~3.19.0",
+    "@opentiny/vue-icon": "~3.19.0",
+    "@opentiny/vue-popup": "~3.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)[];
@@ -149,6 +153,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -221,6 +229,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    effect: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -234,6 +246,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     selected: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
+    effect: string;
     multiStage: boolean;
     options: unknown[];
     textField: string;

package/src/pc.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    effect?: any;
     multiStage?: any;
     options?: any;
     textField?: any;
@@ -39,6 +40,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    effect?: any;
     multiStage?: any;
     options?: any;
     textField?: any;
@@ -74,6 +76,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
+    readonly effect?: any;
     readonly multiStage?: any;
     readonly options?: any;
     readonly textField?: any;