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

Comparing version 2.6.7 to 2.7.0

lib/index.js

@@ -18,8 +18,20 @@ 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))
+  if ("pc" === (process.env.TINY_MODE || mode)) {
+    return PcTemplate;
+  }
+  if ("mobile" === (process.env.TINY_MODE || mode)) {
     return MobileTemplate;
-  else
-    return PcTemplate;
+  }
+  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+    return MobileFirstTemplate;
+  }
+  return PcTemplate;
 };
+var $constants = {
+  ICON_MAP: {
+    leftWardArrow: "icon-delta-left"
+  }
+};
 var DropdownItem = defineComponent({
@@ -29,2 +41,8 @@ name: $prefix + "DropdownItem",
   props: _extends({}, $props, {
+    _constants: {
+      type: Object,
+      default: function _default() {
+        return $constants;
+      }
+    },
     icon: [String, Object],
@@ -38,3 +56,3 @@ disabled: Boolean,
       type: Array,
-      default: function _default() {
+      default: function _default2() {
         return [];
@@ -53,3 +71,3 @@ }
       type: Object,
-      default: function _default2() {
+      default: function _default3() {
         return {};
@@ -65,2 +83,20 @@ }
       default: "label"
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    selectedField: {
+      type: String,
+      default: "selected"
+    },
+    multiStage: {
+      type: Boolean,
+      default: false
+    },
+    currentIndex: {
+      type: Number,
+      default: function _default4() {
+        return -1;
+      }
     }
@@ -76,3 +112,3 @@ }),
 });
-var version = "3.7.0";
+var version = "2.7.0";
 DropdownItem.model = {
@@ -79,0 +115,0 @@ prop: "modelValue",

lib/mobile.js

@@ -62,3 +62,3 @@ import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   directives: {
@@ -83,6 +83,5 @@ Clickoutside
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("div", {
@@ -208,15 +207,7 @@ directives: [{
 };
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var mobile = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var mobile = __component__.exports;
 export {
   mobile as default
 };

lib/pc.js

@@ -59,3 +59,3 @@ import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   name: $prefix + "DropdownItem",
@@ -77,12 +77,12 @@ componentName: $prefix + "DropdownItem",
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("li", {
     ref: "dropdownItem",
-    staticClass: "tiny-dropdown-menu__item",
+    staticClass: "tiny-dropdown-item tiny-dropdown-menu__item",
     class: {
       "is-disabled": _vm.disabled,
-      "tiny-dropdown-menu__item--divided": _vm.divided
+      "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided": _vm.divided,
+      "has-children": _vm.itemData.children && _vm.itemData.children.length
     },
@@ -99,6 +99,10 @@ attrs: {
     }
+  }, [_c("div", {
+    staticClass: "tiny-dropdown-item__wrap"
   }, [_vm.itemData.children && _vm.itemData.children.length ? _c("span", {
-    staticClass: "tiny-dropdown-menu__item-expand"
-  }, [_c("icon-delta-left")], 1) : _vm._e(), _c("div", {
-    staticClass: "tiny-dropdown-menu__item-content"
+    staticClass: "tiny-dropdown-item__expand tiny-dropdown-menu__item-expand"
+  }, [_c(_vm.state.getIcon, {
+    tag: "component"
+  })], 1) : _vm._e(), _c("div", {
+    staticClass: "tiny-dropdown-item__content tiny-dropdown-menu__item-content"
   }, [_vm.icon ? _c(_vm.icon, {
@@ -112,3 +116,3 @@ tag: "component",
   })], 2), _vm.itemData.children && _vm.itemData.children.length ? _c("ul", {
-    class: ["tiny-dropdown-menu", "tiny-dropdown-menu__item--child", _vm.state.popperClass]
+    class: ["tiny-dropdown-menu", "tiny-dropdown-item--child tiny-dropdown-menu__item--child", _vm.state.popperClass]
   }, _vm._l(_vm.itemData.children, function(item, index) {
@@ -119,3 +123,3 @@ return _c("tiny-dropdown-item", {
         "label": item[_vm.state.textField],
-        "itemData": item,
+        "item-data": item,
         "icon": item.icon,
@@ -128,17 +132,9 @@ "disabled": item.disabled,
     })], 2);
-  }), 1) : _vm._e()]);
+  }), 1) : _vm._e()])]);
 };
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var pc = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var pc = __component__.exports;
 export {
   pc as default
 };

package.json

 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "2.6.7",
+  "version": "2.7.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "sideEffects": false,
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.7",
-    "@opentiny/vue-icon": "~2.6.7",
-    "@opentiny/vue-renderless": "~3.6.6",
-    "@opentiny/vue-popup": "~2.6.7",
-    "@opentiny/vue-button": "~2.6.7"
+    "@opentiny/vue-common": "~2.7.0",
+    "@opentiny/vue-icon": "~2.7.0",
+    "@opentiny/vue-renderless": "~3.9.0",
+    "@opentiny/vue-popup": "~2.7.0",
+    "@opentiny/vue-button": "~2.7.0"
   },
@@ -13,0 +15,0 @@ "license": "MIT",

src/index.d.ts

@@ -1,3 +0,11 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
-    icon: (StringConstructor | ObjectConstructor)[];
+declare const _default: import("@opentiny/vue-common").DefineComponent<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                leftWardArrow: string;
+            };
+        };
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
@@ -32,52 +40,101 @@ divided: BooleanConstructor;
     };
-}, {
-    disabled: boolean;
-    type: string;
-    textField: string;
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => -1;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                leftWardArrow: string;
+            };
+        };
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    command: {};
+    title: StringConstructor;
+    titleClass: StringConstructor;
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiStage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentIndex: {
+        type: NumberConstructor;
+        default: () => -1;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
     label: string;
     options: unknown[];
-    divided: boolean;
-    itemData: Record<string, any>;
-    appendToBody: boolean;
-} & {
-    icon?: unknown;
-    title?: string | undefined;
-    titleClass?: string | undefined;
-    command?: unknown;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    textField: string;
+    type: string;
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     disabled: boolean;
-    type: string;
-    textField: string;
-    label: string;
-    options: unknown[];
-    divided: boolean;
-    itemData: Record<string, any>;
     appendToBody: boolean;
-} & {
-    icon?: unknown;
-    title?: string | undefined;
-    titleClass?: string | undefined;
-    command?: unknown;
-}, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
-    disabled: boolean;
-    type: string;
-    textField: string;
-    label: string;
-    options: unknown[];
+    selected: boolean;
     divided: boolean;
     itemData: Record<string, any>;
-    appendToBody: boolean;
-} & {
-    icon?: unknown;
-    title?: string | undefined;
-    titleClass?: string | undefined;
-    command?: unknown;
-}, {
-    type: string;
-    textField: string;
-    label: string;
-    options: unknown[];
-    itemData: Record<string, any>;
-    appendToBody: boolean;
-}, true>);
+    selectedField: string;
+    multiStage: boolean;
+    currentIndex: number;
+}>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("item-click" | "reset" | "update:modelValue" | "change" | "close" | "confirm" | "click" | "open" | "closed" | "opened")[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 export default _sfc_main;

src/pc.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "item-click"[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 export default _sfc_main;

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

25995

increased by28.83%

Number of package files

11

increased by22.22%

Lines of code

760

increased by30.14%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

Dependency changes

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

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

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

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

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

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

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

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

• + Addedtailwind-merge@1.14.0(transitive)

• - Removed@babel/helper-string-parser@7.24.8(transitive)

• - Removed@babel/helper-validator-identifier@7.24.7(transitive)

• - Removed@babel/parser@7.25.6(transitive)

• - Removed@babel/types@7.25.6(transitive)

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

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

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

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

• - Removed@opentiny/vue-popup@2.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)

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removed@vue/composition-api@1.2.4(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.7(transitive)

• - Removedpicocolors@1.1.0(transitive)

• - Removedpostcss@8.4.47(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedto-fast-properties@2.0.0(transitive)

• - Removedtslib@2.7.0(transitive)

• - Removedvue@2.7.16(transitive)

• Updated@opentiny/vue-button@~2.7.0

• Updated@opentiny/vue-common@~2.7.0

• Updated@opentiny/vue-icon@~2.7.0

• Updated@opentiny/vue-popup@~2.7.0

• Updated@opentiny/vue-renderless@~3.9.0