@opentiny/vue-dropdown-item - npm Package Compare versions

Comparing version 2.9.0 to 2.10.0

lib/index.js

@@ -49,4 +49,12 @@ function _extends() {
     divided: Boolean,
-    command: {},
+    itemData: {
+      type: [String, Object],
+      default: ""
+    },
     title: String,
+    label: {
+      type: String,
+      default: ""
+    },
+    level: String,
     titleClass: String,
@@ -63,20 +71,2 @@ options: {
     },
-    label: {
-      type: String,
-      default: ""
-    },
-    itemData: {
-      type: Object,
-      default: function _default3() {
-        return {};
-      }
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    textField: {
-      type: String,
-      default: "label"
-    },
     selected: {
@@ -96,5 +86,21 @@ type: Boolean,
       type: Number,
-      default: function _default4() {
+      default: function _default3() {
         return -1;
       }
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    textField: {
+      type: String,
+      default: "label"
+    },
+    tip: {
+      type: [String, Function],
+      default: ""
+    },
+    tipPosition: {
+      type: String,
+      default: "right"
     }
@@ -110,3 +116,3 @@ }),
 });
-var version = "2.9.0";
+var version = "2.10.0";
 DropdownItem.model = {
@@ -113,0 +119,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -73,11 +73,7 @@ import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
   return _c("li", {
-    class: ["list-none leading-10 sm:leading-8 m-0 cursor-pointer outline-0 min-w-[4.5rem] max-w-[13.5rem] w-full [&_svg]:sm:w-3.5 [&_svg]:sm:h-3.5 [&_svg]:sm:mr-1.5 [&_svg]:mr-2 [&_svg]:align-text-bottom", {
-      "text-color-text-primary active:bg-color-bg-4 visited:text-color-brand hover:bg-color-bg-4 focus:bg-color-bg-4": !_vm.disabled
-    }, {
-      "cursor-not-allowed text-color-text-disabled [&_svg]:fill-color-text-disabled": _vm.disabled
-    }, {
+    class: _vm.m("list-none leading-10 sm:leading-8 m-0 outline-0 min-w-[theme(spacing.18)] max-w-[theme(spacing.52)] w-full [&_svg]:sm:w-3.5 [&_svg]:sm:h-3.5 [&_svg]:sm:mr-1.5 [&_svg]:mr-2 [&_svg]:align-text-bottom", _vm.disabled ? "cursor-not-allowed text-color-text-disabled [&_svg]:fill-color-text-disabled" : "text-color-text-primary active:bg-color-bg-4 visited:text-color-brand hover:bg-color-bg-4 focus:bg-color-bg-4 cursor-pointer", {
       "text-color-brand-focus": _vm.dataStore.checkedStatus && _vm.selected
     }, {
-      "!px-0 sm:!px-0": _vm.dataStore.multiStage
-    }],
+      "!px-0": _vm.dataStore.multiStage
+    }),
     attrs: {
@@ -84,0 +80,0 @@ "aria-disabled": _vm.disabled,

lib/pc.js

 import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
 import { iconDeltaLeft } from "@opentiny/vue-icon";
+import Tooltip from "@opentiny/vue-tooltip";
 import "@opentiny/vue-theme/dropdown-item/index.css";
@@ -63,5 +64,6 @@ function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   emits: ["item-click"],
-  props: [].concat(props, ["command", "disabled", "divided", "icon", "label", "itemData", "appendToBody", "textField"]),
+  props: [].concat(props, ["disabled", "divided", "icon", "itemData", "title", "titleClass", "options", "type", "label", "appendToBody", "textField", "selected", "selectedField", "multiStage", "currentIndex", "tip", "tipPosition"]),
   components: {
-    IconDeltaLeft: iconDeltaLeft()
+    IconDeltaLeft: iconDeltaLeft(),
+    TinyTooltip: Tooltip
   },
@@ -81,3 +83,8 @@ setup: function setup(props2, context) {
   var _c = _vm._self._c || _h;
-  return _c("li", {
+  return _c("tiny-tooltip", {
+    attrs: {
+      "content": _vm.getTip,
+      "placement": _vm.tipPosition
+    }
+  }, [_c("li", {
     ref: "dropdownItem",
@@ -95,3 +102,6 @@ staticClass: "tiny-dropdown-item tiny-dropdown-menu__item",
     on: {
-      "click": _vm.handleClick,
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleClick.apply(null, arguments);
+      },
       "mousedown": function mousedown($event) {
@@ -126,3 +136,5 @@ $event.stopPropagation();
         "disabled": item.disabled,
-        "divided": item.divided
+        "divided": item.divided,
+        "tip": item.tip,
+        "tip-position": item.tipPosition
       }
@@ -132,3 +144,3 @@ }, [_vm._t("default", null, {
     })], 2);
-  }), 1) : _vm._e()])]);
+  }), 1) : _vm._e()])])]);
 };
@@ -135,0 +147,0 @@ var staticRenderFns = [];

package.json

 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "",
@@ -8,8 +8,10 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-common": "~2.9.0",
-    "@opentiny/vue-icon": "~2.9.0",
-    "@opentiny/vue-renderless": "~3.9.0",
-    "@opentiny/vue-popup": "~2.9.0",
-    "@opentiny/vue-button": "~2.9.0"
+    "@opentiny/vue-common": "~2.10.0",
+    "@opentiny/vue-icon": "~2.10.0",
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-popup": "~2.10.0",
+    "@opentiny/vue-button": "~2.10.0",
+    "@opentiny/vue-tooltip": "~2.10.0"
   },
@@ -16,0 +18,0 @@ "license": "MIT",

src/index.d.ts

@@ -0,1 +1,12 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
@@ -13,4 +24,12 @@ _constants: {
     divided: BooleanConstructor;
-    command: {};
+    itemData: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
     title: StringConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    level: StringConstructor;
     titleClass: StringConstructor;
@@ -25,10 +44,18 @@ options: {
     };
-    label: {
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
         type: StringConstructor;
         default: string;
     };
-    itemData: {
-        type: ObjectConstructor;
-        default: () => {};
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
     appendToBody: {
@@ -42,18 +69,10 @@ type: BooleanConstructor;
     };
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
+    tip: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
     };
-    selectedField: {
+    tipPosition: {
         type: StringConstructor;
         default: string;
     };
-    multiStage: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    currentIndex: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     tiny_mode: StringConstructor;
@@ -67,18 +86,20 @@ tiny_mode_root: BooleanConstructor;
     label: string;
-    options: unknown[];
-    textField: string;
     type: string;
+    selected: boolean;
+    disabled: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
-    disabled: boolean;
+    options: unknown[];
+    textField: string;
     appendToBody: boolean;
-    selected: boolean;
+    tip: string;
+    multiStage: boolean;
     divided: boolean;
-    itemData: Record<string, any>;
+    itemData: string;
     selectedField: string;
-    multiStage: boolean;
     currentIndex: number;
+    tipPosition: string;
 } & {
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -89,22 +110,24 @@ tiny_renderless?: Function | undefined;
     icon?: unknown;
+    level?: string | undefined;
     titleClass?: string | undefined;
-    command?: unknown;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
     label: string;
-    options: unknown[];
-    textField: string;
     type: string;
+    selected: boolean;
+    disabled: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
-    disabled: boolean;
+    options: unknown[];
+    textField: string;
     appendToBody: boolean;
-    selected: boolean;
+    tip: string;
+    multiStage: boolean;
     divided: boolean;
-    itemData: Record<string, any>;
+    itemData: string;
     selectedField: string;
-    multiStage: boolean;
     currentIndex: number;
+    tipPosition: string;
 } & {
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -115,22 +138,24 @@ tiny_renderless?: Function | undefined;
     icon?: unknown;
+    level?: string | undefined;
     titleClass?: string | undefined;
-    command?: unknown;
 }, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     label: string;
-    options: unknown[];
-    textField: string;
     type: string;
+    selected: boolean;
+    disabled: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
-    disabled: boolean;
+    options: unknown[];
+    textField: string;
     appendToBody: boolean;
-    selected: boolean;
+    tip: string;
+    multiStage: boolean;
     divided: boolean;
-    itemData: Record<string, any>;
+    itemData: string;
     selectedField: string;
-    multiStage: boolean;
     currentIndex: number;
+    tipPosition: string;
 } & {
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -141,17 +166,19 @@ tiny_renderless?: Function | undefined;
     icon?: unknown;
+    level?: string | undefined;
     titleClass?: string | undefined;
-    command?: unknown;
 }, {
     label: string;
+    type: string;
+    selected: boolean;
+    _constants: Record<string, any>;
     options: unknown[];
     textField: string;
-    type: string;
-    _constants: Record<string, any>;
     appendToBody: boolean;
-    selected: boolean;
-    itemData: Record<string, any>;
+    tip: string;
+    multiStage: boolean;
+    itemData: string;
     selectedField: string;
-    multiStage: boolean;
     currentIndex: number;
+    tipPosition: string;
 }, true>);
 export default _default;

src/mobile-first.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<any> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<any> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
     [x: string]: any;
@@ -12,2 +12,2 @@ }>, {
 }, true>);
-export default _sfc_main;
+export default _default;

src/mobile.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -30,2 +30,2 @@ vm: any;
 }, true>);
-export default _sfc_main;
+export default _default;

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -30,2 +30,2 @@ vm: any;
 }, true>);
-export default _sfc_main;
+export default _default;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

30239

increased by5.01%

Lines of code

869

increased by5.08%

Is type module

Yes

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@opentiny/vue-tooltip@~2.10.0

• + Added@opentiny/vue-button@2.10.0(transitive)

• + Added@opentiny/vue-common@2.10.0(transitive)

• + Added@opentiny/vue-icon@2.10.1(transitive)

• + Added@opentiny/vue-locale@2.10.0(transitive)

• + Added@opentiny/vue-popup@2.10.0(transitive)

• + Added@opentiny/vue-renderless@3.10.7(transitive)

• + Added@opentiny/vue-theme@3.10.4(transitive)

• + Added@opentiny/vue-theme-mobile@3.10.1(transitive)

• + Added@opentiny/vue-tooltip@2.10.1(transitive)

• - Removed@opentiny/vue-button@2.9.0(transitive)

• - Removed@opentiny/vue-common@2.9.0(transitive)

• - Removed@opentiny/vue-icon@2.9.1(transitive)

• - Removed@opentiny/vue-locale@2.9.0(transitive)

• - Removed@opentiny/vue-popup@2.9.0(transitive)

• - Removed@opentiny/vue-renderless@3.9.3(transitive)

• - Removed@opentiny/vue-theme@3.9.4(transitive)

• - Removed@opentiny/vue-theme-mobile@3.9.0(transitive)

• Updated@opentiny/vue-button@~2.10.0

• Updated@opentiny/vue-common@~2.10.0

• Updated@opentiny/vue-icon@~2.10.0

• Updated@opentiny/vue-popup@~2.10.0

• Updated@opentiny/vue-renderless@~3.10.0