@opentinyvue/vue-dropdown-menu 3.21.0 → 3.22.1

package/lib/index.js

@@ -7,9 +7,8 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
-import MobileTemplate from "./mobile.js";
 import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
   var _process$env;
@@ -17,9 +16,6 @@ var template = function template2(mode) {
   if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile" === (tinyMode || mode)) {
-    return MobileTemplate;
-  }
   if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
   }
@@ -96,7 +92,7 @@ var DropdownMenu = defineComponent({
     });
   }
 });
-var version = "3.21.0";
+var version = "3.undefined";
 DropdownMenu.install = function(Vue) {
   Vue.component(DropdownMenu.name, DropdownMenu);
 };

package/package.json

@@ -1,19 +1,17 @@
 {
   "name": "@opentinyvue/vue-dropdown-menu",
-  "version": "3.21.0",
+  "version": "3.22.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~3.21.0",
-    "@opentinyvue/vue-theme-mobile": "~3.21.0",
-    "@opentinyvue/vue-dropdown-item": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0"
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~3.22.0",
+    "@opentinyvue/vue-dropdown-item": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -193,6 +193,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
+    options: unknown[];
     tiny_mode_root: boolean;
     multiStage: boolean;
     checkedStatus: boolean;
@@ -205,7 +206,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     duration: string | number;
     overlay: boolean;
     maxHeight: string | number;
-    options: unknown[];
     textField: string;
 }, {}>;
 export default _default;

package/src/mobile-first.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,11 +11,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     checkedStatus?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
     maxHeight?: any;
 }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("created" | "menu-item-click")[], "created" | "menu-item-click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -26,7 +27,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     checkedStatus?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
     maxHeight?: any;
@@ -34,6 +34,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     onCreated?: ((...args: any[]) => any) | undefined;
     "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly placement?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -45,7 +46,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly checkedStatus?: any;
     readonly visibleArrow?: any;
     readonly arrowOffset?: any;
-    readonly placement?: any;
     readonly popperClass?: any;
     readonly popperAppendToBody?: any;
     readonly maxHeight?: any;

package/src/pc.vue.d.ts

@@ -1,5 +1,7 @@
 import type { IDropdownMenuApi } from '@opentinyvue/vue-renderless/types/dropdown-menu.type';
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    options?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,12 +12,12 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     checkedStatus?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     textField?: any;
-}>, IDropdownMenuApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "mouseenter" | "mouseleave" | "update:modelValue" | "created")[], "click" | "mouseenter" | "mouseleave" | "update:modelValue" | "created", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}>, IDropdownMenuApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "mouseenter" | "mouseleave" | "created" | "update:modelValue")[], "click" | "mouseenter" | "mouseleave" | "created" | "update:modelValue", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    options?: any;
+    placement?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -26,10 +28,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     checkedStatus?: any;
     visibleArrow?: any;
     arrowOffset?: any;
-    placement?: any;
     popperClass?: any;
     popperAppendToBody?: any;
-    options?: any;
     textField?: any;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
@@ -38,6 +38,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCreated?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly options?: any;
+    readonly placement?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -48,10 +50,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly checkedStatus?: any;
     readonly visibleArrow?: any;
     readonly arrowOffset?: any;
-    readonly placement?: any;
     readonly popperClass?: any;
     readonly popperAppendToBody?: any;
-    readonly options?: any;
     readonly textField?: any;
 }, {}>;
 export default _default;

package/lib/mobile.js

@@ -1,147 +0,0 @@
-import { renderless, api } from '@opentinyvue/vue-renderless/dropdown-menu/vue';
-import { defineComponent, props, directive, setup } from '@opentinyvue/vue-common';
-import { iconUp, iconDown, iconUnfilter, iconSort, iconDeltaDown, iconDeltaUp } from '@opentinyvue/vue-icon';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
-import '@opentinyvue/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(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function() {
-      return o >= r.length ? { done: true } : { done: false, value: r[o++] };
-    };
-  }
-  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 _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-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 _sfc_main = defineComponent({
-  props: [].concat(props, ["activeColor", "closeOnClickOutside", "closeOnClickOverlay", "direction", "duration", "overlay", "zIndex"]),
-  components: {
-    IconUp: iconUp(),
-    IconDown: iconDown(),
-    IconUnfilter: iconUnfilter(),
-    IconSort: iconSort(),
-    IconDeltaDown: iconDeltaDown(),
-    IconDeltaUp: iconDeltaUp()
-  },
-  directives: directive({
-    Clickoutside
-  }),
-  emits: ["open", "created"],
-  setup: function setup$1(props2, context) {
-    return setup({
-      props: props2,
-      context,
-      renderless,
-      api
-    });
-  }
-});
-var _hoisted_1 = {
-  ref: "menu",
-  class: "tiny-mobile-dropdown-menu"
-};
-var _hoisted_2 = {
-  class: "tiny-mobile-dropdown-menu__bar tiny-mobile-dropdown-menu__bar--opened"
-};
-var _hoisted_3 = ["tabindex", "onClick"];
-var _hoisted_4 = {
-  class: "tiny-mobile-dropdown-menu__title-wrap"
-};
-var _hoisted_5 = {
-  key: 0
-};
-var _hoisted_6 = {
-  class: "tiny-mobile-dropdown-menu__title-text"
-};
-var _hoisted_7 = {
-  key: 0,
-  class: "tiny-mobile-dropdown-menu__title-icon"
-};
-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 === (_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 */
-  );
-}
-var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-export { mobile as default };

package/src/mobile.vue.d.ts

@@ -1,59 +0,0 @@
-declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    activeColor?: any;
-    closeOnClickOutside?: any;
-    closeOnClickOverlay?: any;
-    direction?: any;
-    duration?: any;
-    overlay?: any;
-    zIndex?: 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;
-    gcls: (key: any) => any;
-    m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("created" | "open")[], "created" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    activeColor?: any;
-    closeOnClickOutside?: any;
-    closeOnClickOverlay?: any;
-    direction?: any;
-    duration?: any;
-    overlay?: any;
-    zIndex?: any;
-}>>> & {
-    onCreated?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly tiny_mode?: any;
-    readonly tiny_mode_root?: any;
-    readonly tiny_template?: any;
-    readonly tiny_renderless?: any;
-    readonly _constants?: any;
-    readonly tiny_theme?: any;
-    readonly tiny_chart_theme?: any;
-    readonly activeColor?: any;
-    readonly closeOnClickOutside?: any;
-    readonly closeOnClickOverlay?: any;
-    readonly direction?: any;
-    readonly duration?: any;
-    readonly overlay?: any;
-    readonly zIndex?: any;
-}, {}>;
-export default _default;