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

Comparing version 3.6.0 to 3.6.1-alpha.0

index.d.ts

@@ -0,0 +0,0 @@ /**

lib/index.js

@@ -1,62 +0,28 @@
-import { $prefix, $props, $setup } from '@opentiny/vue-common';
-import PCTemplate from './pc';
-import MobileTemplate from './mobile';
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-var template = function template(mode) {
-  if (process.env.TINY_MODE === 'pc') return PCTemplate;else if (process.env.TINY_MODE === 'mobile') return MobileTemplate;else return mode === 'mobile' ? MobileTemplate : PCTemplate;
+import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
+import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
+var template = function template2(mode) {
+  if ("mobile" === (process.env.TINY_MODE || mode))
+    return MobileTemplate;
+  else
+    return PcTemplate;
 };
-var DropdownMenu = {
-  name: $prefix + 'DropdownMenu',
-  componentName: $prefix + 'DropdownMenu',
-  props: _objectSpread2(_objectSpread2({}, $props), {}, {
+var DropdownMenu = defineComponent({
+  name: $prefix + "DropdownMenu",
+  componentName: $prefix + "DropdownMenu",
+  props: _extends({}, $props, {
     visibleArrow: {
@@ -72,3 +38,3 @@ type: Boolean,
       type: String,
-      default: 'bottom-end'
+      default: "bottom-end"
     },
@@ -91,3 +57,3 @@ popperClass: String,
       type: String,
-      default: 'down'
+      default: "down"
     },
@@ -111,3 +77,3 @@ duration: {
       type: String,
-      default: 'label'
+      default: "label"
     }
@@ -117,14 +83,15 @@ }),
     return $setup({
-      props: props,
-      context: context,
-      template: template
+      props,
+      context,
+      template
     });
   }
-};
-
-DropdownMenu.install = function (Vue) {
+});
+var version = "3.7.0";
+DropdownMenu.install = function(Vue) {
   Vue.component(DropdownMenu.name, DropdownMenu);
 };
-DropdownMenu.version = '3.6.0';
-
-export { DropdownMenu as default };
+DropdownMenu.version = version;
+export {
+  DropdownMenu as default
+};

lib/mobile.js

@@ -1,36 +0,54 @@
-import { renderless, api } from '@opentiny/vue-renderless/dropdown-menu/vue';
-import { setup, props } from '@opentiny/vue-common';
-import { iconUp, iconDown, iconUnfilter, iconSort, iconDeltaDown, iconDeltaUp } from '@opentiny/vue-icon';
-import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
-import '@opentiny/vue-theme-mobile/dropdown-menu/index.css';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withDirectives, normalizeClass, normalizeStyle, toDisplayString, createVNode, createBlock, resolveDynamicComponent, renderSlot } from 'vue';
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+import { renderless, api } from "@opentiny/vue-renderless/dropdown-menu/vue";
+import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+import { iconUp, iconDown, iconUnfilter, iconSort, iconDeltaDown, iconDeltaUp } from "@opentiny/vue-icon";
+import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
+import "@opentiny/vue-theme-mobile/dropdown-menu/index.css";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withDirectives, normalizeClass, normalizeStyle, toDisplayString, createVNode, createBlock, resolveDynamicComponent, renderSlot } from "vue";
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it)
+    return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it)
+      o = it;
+    var i = 0;
+    return function() {
+      if (i >= o.length)
+        return { done: true };
+      return { done: false, value: o[i++] };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
 }
 function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
   return arr2;
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
+var _export_sfc = function _export_sfc2(sfc, props) {
+  var target = sfc.__vccOpts || sfc;
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
+    target[key] = val;
+  }
+  return target;
+};
 
-var script = {
-  props: [].concat(_toConsumableArray(props), ['activeColor', 'closeOnClickOutside', 'closeOnClickOverlay', 'direction', 'duration', 'overlay', 'zIndex']),
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  props: [].concat(props, ["activeColor", "closeOnClickOutside", "closeOnClickOverlay", "direction", "duration", "overlay", "zIndex"]),
   components: {
@@ -45,15 +63,14 @@ IconUp: iconUp(),
   directives: {
-    Clickoutside: Clickoutside
+    Clickoutside
   },
-  emits: ['open'],
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
+  emits: ["open"],
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api
     });
   }
-};
-
+});
 var _hoisted_1 = {
@@ -80,41 +97,65 @@ ref: "menu",
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_delta_up = resolveComponent("icon-delta-up");
   var _component_icon_delta_down = resolveComponent("icon-delta-down");
   var _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children, function (item, index) {
-    return withDirectives((openBlock(), createElementBlock("div", {
-      key: index,
-      role: "button",
-      tabindex: item.disabled ? -1 : 0,
-      class: normalizeClass(["tiny-mobile-dropdown-menu__item", [item.disabled ? 'is-disabled' : '', item.titleClass]]),
-      onClick: function onClick($event) {
-        return _ctx.toggleItem(index, item);
-      }
-    }, [createElementVNode("div", {
-      class: normalizeClass(["tiny-mobile-dropdown-menu__title", {
-        'is-active': item.state.showPopup,
-        'is-down': item.state.showPopup === ($props.direction === 'down')
-      }]),
-      style: normalizeStyle({
-        color: item.state.showPopup ? $props.activeColor : ''
-      })
-    }, [createElementVNode("div", _hoisted_4, [!_ctx.slots['title'] ? (openBlock(), createElementBlock("span", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(item.state.displayTitle), 1), item.type === 'sort' ? (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(_component_icon_delta_up, {
-      class: "up",
-      fill: item.state.sort === 'asc' ? $props.activeColor ? $props.activeColor : '#f36f64' : '#ccc'
-    }, null, 8, ["fill"]), createVNode(_component_icon_delta_down, {
-      class: "down",
-      fill: item.state.sort === 'desc' ? $props.activeColor ? $props.activeColor : '#f36f64' : '#ccc'
-    }, null, 8, ["fill"])])) : (openBlock(), createBlock(resolveDynamicComponent(item.type === 'filter' ? 'IconUnfilter' : item.type === 'selection' && item.state.showPopup ? 'IconUp' : 'IconDown'), {
-      key: 1,
-      fill: item.state.showPopup ? $props.activeColor ? $props.activeColor : '#f36f64' : '#ccc',
-      class: normalizeClass([item.type === 'filter' ? 'filter-icon' : ''])
-    }, null, 8, ["fill", "class"]))])) : renderSlot(_ctx.$slots, "title", {
-      key: 1
-    })])], 6)], 10, _hoisted_3)), [[_directive_clickoutside, _ctx.clickOutside]]);
-  }), 128))]), renderSlot(_ctx.$slots, "default")], 512);
+  return openBlock(), createElementBlock(
+    "div",
+    _hoisted_1,
+    [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList(_ctx.state.children, function(item, index) {
+        return withDirectives((openBlock(), createElementBlock("div", {
+          key: index,
+          role: "button",
+          tabindex: item.disabled ? -1 : 0,
+          class: normalizeClass(["tiny-mobile-dropdown-menu__item", [item.disabled ? "is-disabled" : "", item.titleClass]]),
+          onClick: function onClick($event) {
+            return _ctx.toggleItem(index, item);
+          }
+        }, [createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-dropdown-menu__title", {
+              "is-active": item.state.showPopup,
+              "is-down": item.state.showPopup === (_ctx.direction === "down")
+            }]),
+            style: normalizeStyle({
+              color: item.state.showPopup ? _ctx.activeColor : ""
+            })
+          },
+          [createElementVNode("div", _hoisted_4, [!_ctx.slots.title ? (openBlock(), createElementBlock("span", _hoisted_5, [createElementVNode(
+            "span",
+            _hoisted_6,
+            toDisplayString(item.state.displayTitle),
+            1
+            /* TEXT */
+          ), item.type === "sort" ? (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(_component_icon_delta_up, {
+            class: "up",
+            fill: item.state.sort === "asc" ? _ctx.activeColor ? _ctx.activeColor : "#f36f64" : "#ccc"
+          }, null, 8, ["fill"]), createVNode(_component_icon_delta_down, {
+            class: "down",
+            fill: item.state.sort === "desc" ? _ctx.activeColor ? _ctx.activeColor : "#f36f64" : "#ccc"
+          }, null, 8, ["fill"])])) : (openBlock(), createBlock(resolveDynamicComponent(item.type === "filter" ? "IconUnfilter" : item.type === "selection" && item.state.showPopup ? "IconUp" : "IconDown"), {
+            key: 1,
+            fill: item.state.showPopup ? _ctx.activeColor ? _ctx.activeColor : "#f36f64" : "#ccc",
+            class: normalizeClass([item.type === "filter" ? "filter-icon" : ""])
+          }, null, 8, ["fill", "class"]))])) : renderSlot(_ctx.$slots, "title", {
+            key: 1
+          })])],
+          6
+          /* CLASS, STYLE */
+        )], 10, _hoisted_3)), [[_directive_clickoutside, _ctx.clickOutside]]);
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    ))]), renderSlot(_ctx.$slots, "default")],
+    512
+    /* NEED_PATCH */
+  );
 }
-
-script.render = render;
-
-export { script as default };
+var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  mobile as default
+};

lib/pc.js

@@ -1,67 +0,56 @@
-import { renderless, api } from '@opentiny/vue-renderless/dropdown-menu/vue';
-import { setup, props } from '@opentiny/vue-common';
-import DropdownItem from '@opentiny/vue-dropdown-item';
-import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, vShow } from 'vue';
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+import { renderless, api } from "@opentiny/vue-renderless/dropdown-menu/vue";
+import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+import DropdownItem from "@opentiny/vue-dropdown-item";
+import "@opentiny/vue-theme/dropdown-menu/index.css";
+import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, vShow } from "vue";
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it)
+    return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it)
+      o = it;
+    var i = 0;
+    return function() {
+      if (i >= o.length)
+        return { done: true };
+      return { done: false, value: o[i++] };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
 }
 function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
   return arr2;
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
+var _export_sfc = function _export_sfc2(sfc, props) {
+  var target = sfc.__vccOpts || sfc;
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
+    target[key] = val;
   }
+  return target;
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".tiny-dropdown-menu{--ti-dropdown-menu-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-dropdown-menu-margin-vertical:0;--ti-dropdown-menu-padding-vertical:4px;--ti-dropdown-menu-padding-horizontal:0;position:absolute;padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal);background-color:var(--ti-common-color-bg-white-normal);border-radius:var(--ti-common-border-radius-normal);-webkit-box-shadow:var(--ti-dropdown-menu-box-shadow);box-shadow:var(--ti-dropdown-menu-box-shadow);width:-webkit-max-content;width:-moz-max-content;width:max-content}.tiny-dropdown-menu .tiny-dropdown-menu{padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal)}.tiny-dropdown-menu.tiny-popper .popper__arrow,.tiny-dropdown-menu.tiny-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-dropdown-menu.tiny-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-dropdown-menu.tiny-popper .popper__arrow::after{content:' ';border-width:6px}.tiny-dropdown-menu.tiny-popper[x-placement^=top]{margin-bottom:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#d9d9d9;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.tiny-dropdown-menu.tiny-popper[x-placement^=right]{margin-left:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#d9d9d9;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=left]{margin-right:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.tiny-dropdown-menu--medium{padding:6px 0}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:var(--ti-common-font-size-1)}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:6px}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.tiny-dropdown-menu--small{padding:6px 0}.tiny-dropdown-menu--small .tiny-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:var(--ti-dropdown-menu-item-divided-margin-top)}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.tiny-dropdown-menu--mini{padding:3px 0}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:var(--ti-common-font-size-base)}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:3px}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}";
-styleInject(css_248z);
-
-var script = {
+var _sfc_main = /* @__PURE__ */ defineComponent({
   components: {
     TinyDropdownItem: DropdownItem
   },
-  props: [].concat(_toConsumableArray(props), ['visibleArrow', 'arrowOffset', 'placement', 'popperClass', 'popperAppendToBody', 'textField', 'options']),
+  props: [].concat(props, ["visibleArrow", "arrowOffset", "placement", "popperClass", "popperAppendToBody", "textField", "options"]),
   provide: function provide() {
@@ -72,40 +61,53 @@ return {
   },
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api
     });
   }
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_tiny_dropdown_item = resolveComponent("tiny-dropdown-item");
   return openBlock(), createBlock(Transition, {
     name: "tiny-zoom-in-top",
-    onAfterLeave: _ctx.doDestroy
+    onAfterLeave: _ctx.doDestroy,
+    persisted: ""
   }, {
-    default: withCtx(function () {
-      return [withDirectives(createElementVNode("ul", {
-        class: normalizeClass(["tiny-dropdown-menu tiny-popper", [_ctx.state.size && "tiny-dropdown-menu--".concat(_ctx.state.size), $props.popperClass]])
-      }, [renderSlot(_ctx.$slots, "default", {}, function () {
-        return [(openBlock(true), createElementBlock(Fragment, null, renderList($props.options, function (item, index) {
-          return openBlock(), createBlock(_component_tiny_dropdown_item, {
-            itemData: item,
-            label: item[$props.textField],
-            key: index,
-            icon: item.icon,
-            disabled: item.disabled,
-            divided: item.divided
-          }, null, 8, ["itemData", "label", "icon", "disabled", "divided"]);
-        }), 128))];
-      })], 2), [[vShow, _ctx.state.showPopper]])];
+    default: withCtx(function() {
+      return [withDirectives(createElementVNode(
+        "ul",
+        {
+          class: normalizeClass(["tiny-dropdown-menu tiny-popper", [_ctx.state.size && "tiny-dropdown-menu--" + _ctx.state.size, _ctx.popperClass]])
+        },
+        [renderSlot(_ctx.$slots, "default", {}, function() {
+          return [(openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(_ctx.options, function(item, index) {
+              return openBlock(), createBlock(_component_tiny_dropdown_item, {
+                itemData: item,
+                label: item[_ctx.textField],
+                key: index,
+                icon: item.icon,
+                disabled: item.disabled,
+                divided: item.divided
+              }, null, 8, ["itemData", "label", "icon", "disabled", "divided"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))];
+        })],
+        2
+        /* CLASS */
+      ), [[vShow, _ctx.state.showPopper]])];
     }),
     _: 3
+    /* FORWARDED */
   }, 8, ["onAfterLeave"]);
 }
-
-script.render = render;
-
-export { script as default };
+var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  pc as default
+};

package.json

 {
   "name": "@opentiny/vue-dropdown-menu",
-  "version": "3.6.0",
+  "version": "3.6.1-alpha.0",
   "description": "",
-  "main": "lib/index.js",
-  "scripts": {
-    "lint": "eslint src/**/*{.js,.html,.vue} --quiet",
-    "build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
-    "build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
-  },
+  "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.6.0",
-    "@opentiny/vue-common": "~3.6.0",
-    "@opentiny/vue-icon": "~3.6.0",
-    "@opentiny/vue-theme": "~3.6.0",
-    "@opentiny/vue-theme-mobile": "~3.6.0"
+    "@opentiny/vue-renderless": "~3.6.1-alpha.0",
+    "@opentiny/vue-common": "~3.6.1-alpha.0",
+    "@opentiny/vue-icon": "~3.6.1-alpha.0"
   },
   "license": "MIT",
   "types": "index.d.ts",
-  "sideEffects": false
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
 }

src/index.d.ts

@@ -1,2 +0,2 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("@vue/runtime-core").DefineComponent<{
     visibleArrow: {
@@ -15,11 +15,11 @@ type: BooleanConstructor;
     popperClass: StringConstructor;
-    closeOnClickOutside: {
+    popperAppendToBody: {
         type: BooleanConstructor;
         default: boolean;
     };
-    popperAppendToBody: {
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
         type: BooleanConstructor;
         default: boolean;
     };
-    activeColor: StringConstructor;
     closeOnClickOverlay: {
@@ -42,3 +42,13 @@ type: BooleanConstructor;
     zIndex: (StringConstructor | NumberConstructor)[];
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     visibleArrow: {
@@ -57,11 +67,11 @@ type: BooleanConstructor;
     popperClass: StringConstructor;
-    closeOnClickOutside: {
+    popperAppendToBody: {
         type: BooleanConstructor;
         default: boolean;
     };
-    popperAppendToBody: {
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
         type: BooleanConstructor;
         default: boolean;
     };
-    activeColor: StringConstructor;
     closeOnClickOverlay: {
@@ -84,13 +94,23 @@ type: BooleanConstructor;
     zIndex: (StringConstructor | NumberConstructor)[];
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
-    duration: string | number;
-    popperAppendToBody: boolean;
-    placement: string;
+    textField: string;
     visibleArrow: boolean;
     arrowOffset: number;
+    placement: string;
+    popperAppendToBody: boolean;
+    closeOnClickOutside: boolean;
+    closeOnClickOverlay: boolean;
+    direction: string;
+    duration: string | number;
     overlay: boolean;
-    direction: string;
-    closeOnClickOverlay: boolean;
-    closeOnClickOutside: boolean;
+    options: unknown[];
 }>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,25 +0,2 @@
-import '@opentiny/vue-theme-mobile/dropdown-menu/index.css';
-declare const _default: {
-    props: string[];
-    components: {
-        IconUp: any;
-        IconDown: any;
-        IconUnfilter: any;
-        IconSort: any;
-        IconDeltaDown: any;
-        IconDeltaUp: any;
-    };
-    directives: {
-        Clickoutside: any;
-    };
-    emits: string[];
-    setup(props: any, context: any): {
-        t: any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-    };
-};
-export default _default;
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
+export default _sfc_main;

src/pc.vue.d.ts

@@ -1,13 +0,15 @@
-import '@opentiny/vue-theme/dropdown-menu/index.css';
-declare const _default: {
-    props: string[];
-    setup(props: any, context: any): {
-        t: any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-    };
-};
-export default _default;
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+    [x: string]: any;
+}>, {
+    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;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>>, {
+    [x: string]: any;
+}>;
+export default _sfc_main;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-40%

Number of low supply chain risk alerts

2

decreased by-50%

Worsened metrics

Total package byte prevSize

18563

decreased by-20.79%

Number of downloads

163

decreased by-82.77%

Lines of code

506

decreased by-8.83%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@opentiny/vue-theme@~3.6.0

• - Removed@opentiny/vue-theme-mobile@~3.6.0

• Updated@opentiny/vue-common@~3.6.1-alpha.0

• Updated@opentiny/vue-icon@~3.6.1-alpha.0

• Updated@opentiny/vue-renderless@~3.6.1-alpha.0