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

Comparing version 3.6.7 to 3.8.0

lib/index.js

@@ -18,5 +18,8 @@ function _extends() {
 import MobileTemplate from "./mobile.js";
+import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
   if ("mobile" === (process.env.TINY_MODE || mode))
     return MobileTemplate;
+  else if ("mobile-first" === (process.env.TINY_MODE || mode))
+    return MobileFirstTemplate;
   else
@@ -62,2 +65,20 @@ return PcTemplate;
       default: "label"
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    selectedField: {
+      type: String,
+      default: "selected"
+    },
+    multiStage: {
+      type: Boolean,
+      default: false
+    },
+    currentIndex: {
+      type: Number,
+      default: function _default3() {
+        return -1;
+      }
     }
@@ -64,0 +85,0 @@ }),

lib/mobile.js

@@ -54,3 +54,3 @@ import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
 
-var _sfc_main = /* @__PURE__ */ defineComponent({
+var _sfc_main = defineComponent({
   directives: {
@@ -57,0 +57,0 @@ Clickoutside

lib/pc.js

@@ -5,3 +5,3 @@ import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 import "@opentiny/vue-theme/dropdown-item/index.css";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, Fragment, renderList, withCtx } from "vue";
+import { resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, withModifiers, createVNode, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, renderList, withCtx } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
@@ -52,3 +52,3 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 
-var _sfc_main = /* @__PURE__ */ defineComponent({
+var _sfc_main = defineComponent({
   name: $prefix + "DropdownItem",
@@ -72,70 +72,79 @@ componentName: $prefix + "DropdownItem",
 var _hoisted_2 = {
-  key: 0,
-  class: "tiny-dropdown-menu__item-expand"
+  class: "tiny-dropdown-item__wrap"
 };
 var _hoisted_3 = {
-  class: "tiny-dropdown-menu__item-content"
+  key: 0,
+  class: "tiny-dropdown-item__expand tiny-dropdown-menu__item-expand"
 };
+var _hoisted_4 = {
+  class: "tiny-dropdown-item__content tiny-dropdown-menu__item-content"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_delta_left = resolveComponent("icon-delta-left");
   var _component_tiny_dropdown_item = resolveComponent("tiny-dropdown-item");
-  return openBlock(), createElementBlock("li", {
-    class: normalizeClass(["tiny-dropdown-menu__item", {
-      "is-disabled": _ctx.disabled,
-      "tiny-dropdown-menu__item--divided": _ctx.divided
-    }]),
-    ref: "dropdownItem",
-    onClick: _cache[0] || (_cache[0] = function() {
-      return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
-    }),
-    onMousedown: _cache[1] || (_cache[1] = withModifiers(function() {
-    }, ["stop"])),
-    "aria-disabled": _ctx.disabled,
-    tabindex: _ctx.disabled ? null : -1
-  }, [_ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(_component_icon_delta_left)])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-    key: 0,
-    class: "tiny-svg-size"
-  })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {
-    itemData: _ctx.itemData
-  }, function() {
-    return [createElementVNode(
-      "span",
-      null,
-      toDisplayString(_ctx.label),
-      1
-      /* TEXT */
-    )];
-  })]), _ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock(
-    "ul",
-    {
-      key: 1,
-      class: normalizeClass(["tiny-dropdown-menu", "tiny-dropdown-menu__item--child", _ctx.state.popperClass])
-    },
-    [(openBlock(true), createElementBlock(
-      Fragment,
-      null,
-      renderList(_ctx.itemData.children, function(item, index) {
-        return openBlock(), createBlock(_component_tiny_dropdown_item, {
-          key: index,
-          label: item[_ctx.state.textField],
-          itemData: item,
-          icon: item.icon,
-          disabled: item.disabled,
-          divided: item.divided
-        }, {
-          default: withCtx(function() {
-            return [renderSlot(_ctx.$slots, "default", {
-              itemData: item
-            })];
-          }),
-          _: 2
-          /* DYNAMIC */
-        }, 1032, ["label", "itemData", "icon", "disabled", "divided"]);
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [createCommentVNode(" TINY-TODO:  tiny-dropdown-menu__item命名不规范，后续统一有个迭代去掉 "), createElementVNode("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
+      }]),
+      ref: "dropdownItem",
+      onClick: _cache[0] || (_cache[0] = function() {
+        return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
       }),
-      128
-      /* KEYED_FRAGMENT */
-    ))],
-    2
-    /* CLASS */
-  )) : createCommentVNode("v-if", true)], 42, _hoisted_1);
+      onMousedown: _cache[1] || (_cache[1] = withModifiers(function() {
+      }, ["stop"])),
+      "aria-disabled": _ctx.disabled,
+      tabindex: _ctx.disabled ? null : -1
+    }, [createElementVNode("div", _hoisted_2, [_ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock("span", _hoisted_3, [createVNode(_component_icon_delta_left)])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+      key: 0,
+      class: "tiny-svg-size"
+    })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {
+      itemData: _ctx.itemData
+    }, function() {
+      return [createElementVNode(
+        "span",
+        null,
+        toDisplayString(_ctx.label),
+        1
+        /* TEXT */
+      )];
+    })]), _ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock(
+      "ul",
+      {
+        key: 1,
+        class: normalizeClass(["tiny-dropdown-menu", "tiny-dropdown-item--child tiny-dropdown-menu__item--child", _ctx.state.popperClass])
+      },
+      [(openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList(_ctx.itemData.children, function(item, index) {
+          return openBlock(), createBlock(_component_tiny_dropdown_item, {
+            key: index,
+            label: item[_ctx.state.textField],
+            "item-data": item,
+            icon: item.icon,
+            disabled: item.disabled,
+            divided: item.divided
+          }, {
+            default: withCtx(function() {
+              return [renderSlot(_ctx.$slots, "default", {
+                itemData: item
+              })];
+            }),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["label", "item-data", "icon", "disabled", "divided"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))],
+      2
+      /* CLASS */
+    )) : createCommentVNode("v-if", true)])], 42, _hoisted_1)],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
 }
@@ -142,0 +151,0 @@ var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package.json

 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "3.6.7",
+  "version": "3.8.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.6.7",
-    "@opentiny/vue-icon": "~3.6.7",
-    "@opentiny/vue-renderless": "~3.6.6",
-    "@opentiny/vue-popup": "~3.6.7",
-    "@opentiny/vue-button": "~3.6.7"
+    "@opentiny/vue-common": "~3.8.0",
+    "@opentiny/vue-icon": "~3.8.0",
+    "@opentiny/vue-renderless": "~3.8.0",
+    "@opentiny/vue-popup": "~3.8.0",
+    "@opentiny/vue-button": "~3.8.0"
   },
@@ -13,0 +14,0 @@ "license": "MIT",

src/index.d.ts

@@ -32,2 +32,24 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -66,12 +88,39 @@ [key: string]: any;
     };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
 }>>, {
     type: string;
     disabled: boolean;
-    textField: string;
+    tiny_mode_root: boolean;
     label: string;
     options: unknown[];
+    textField: string;
+    selected: boolean;
     divided: boolean;
     itemData: Record<string, any>;
     appendToBody: boolean;
+    selectedField: string;
+    multiStage: boolean;
+    currentIndex: number;
 }>;
 export default _default;

src/pc.vue.d.ts

@@ -10,2 +10,4 @@ declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
@@ -12,0 +14,0 @@ [x: string]: any;

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

29340

increased by31.96%

Number of package files

11

increased by22.22%

Lines of code

755

increased by33.39%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

Dependency changes

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

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

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

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

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

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

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

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

• + Addedtailwind-merge@1.14.0(transitive)

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-button@~3.8.0

• Updated@opentiny/vue-common@~3.8.0

• Updated@opentiny/vue-icon@~3.8.0

• Updated@opentiny/vue-popup@~3.8.0

• Updated@opentiny/vue-renderless@~3.8.0