@opentinyvue/vue-dropdown-item 3.21.0 → 3.22.0

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;
   }
@@ -118,7 +114,7 @@ var DropdownItem = defineComponent({
     });
   }
 });
-var version = "3.21.0";
+var version = "3.22.0";
 DropdownItem.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/package.json

@@ -1,21 +1,18 @@
 {
   "name": "@opentinyvue/vue-dropdown-item",
   "type": "module",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-button": "~3.21.0",
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-directive": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-popup": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-theme-mobile": "~3.21.0"
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-directive": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -244,17 +244,17 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     divided: boolean;
     type: string;
     selected: boolean;
+    options: unknown[];
+    appendToBody: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
     effect: string;
     multiStage: boolean;
-    options: unknown[];
     textField: string;
     itemData: string | Record<string, any>;
     selectedField: string;
     currentIndex: number;
     tooltipContent: string;
-    appendToBody: boolean;
     tip: string | Function;
     tipPosition: string;
 }, {}>;

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

@@ -3,6 +3,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     disabled?: any;
     icon?: any;
     selected?: any;
+    level?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -11,7 +12,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     itemData?: any;
-    level?: any;
     currentIndex?: any;
     tooltipContent?: any;
 }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "close" | "reset" | "update:modelValue" | "confirm" | "open" | "closed" | "opened")[], "change" | "close" | "reset" | "update:modelValue" | "confirm" | "open" | "closed" | "opened", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
@@ -19,6 +19,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     disabled?: any;
     icon?: any;
     selected?: any;
+    level?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -27,7 +28,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_theme?: any;
     tiny_chart_theme?: any;
     itemData?: any;
-    level?: any;
     currentIndex?: any;
     tooltipContent?: any;
 }>>> & {
@@ -44,6 +44,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly disabled?: any;
     readonly icon?: any;
     readonly selected?: any;
+    readonly level?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -52,7 +53,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
     readonly itemData?: any;
-    readonly level?: any;
     readonly currentIndex?: any;
     readonly tooltipContent?: any;
 }, {}>;

package/src/pc.vue.d.ts

@@ -7,6 +7,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     type?: any;
     title?: any;
     selected?: any;
+    options?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -16,13 +18,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     effect?: any;
     multiStage?: any;
-    options?: any;
     textField?: any;
     itemData?: any;
     titleClass?: any;
     selectedField?: any;
     currentIndex?: any;
-    appendToBody?: any;
     tip?: any;
     tipPosition?: any;
     isMono?: any;
@@ -34,6 +34,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     type?: any;
     title?: any;
     selected?: any;
+    options?: any;
+    appendToBody?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -43,13 +45,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     effect?: any;
     multiStage?: any;
-    options?: any;
     textField?: any;
     itemData?: any;
     titleClass?: any;
     selectedField?: any;
     currentIndex?: any;
-    appendToBody?: any;
     tip?: any;
     tipPosition?: any;
     isMono?: any;
@@ -71,6 +71,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly type?: any;
     readonly title?: any;
     readonly selected?: any;
+    readonly options?: any;
+    readonly appendToBody?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -80,13 +82,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_chart_theme?: any;
     readonly effect?: any;
     readonly multiStage?: any;
-    readonly options?: any;
     readonly textField?: any;
     readonly itemData?: any;
     readonly titleClass?: any;
     readonly selectedField?: any;
     readonly currentIndex?: any;
-    readonly appendToBody?: any;
     readonly tip?: any;
     readonly tipPosition?: any;
     readonly isMono?: any;

package/lib/mobile.js

@@ -1,219 +0,0 @@
-import { renderless, api } from '@opentinyvue/vue-renderless/dropdown-item/vue';
-import { defineComponent, directive, props, setup } from '@opentinyvue/vue-common';
-import { iconYes } from '@opentinyvue/vue-icon';
-import Popup from '@opentinyvue/vue-popup';
-import Button from '@opentinyvue/vue-button';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
-import '@opentinyvue/vue-theme-mobile/dropdown-item/index.css';
-import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, withCtx, renderSlot, Fragment, renderList, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, createTextVNode, vShow } 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({
-  directives: directive({
-    Clickoutside
-  }),
-  props: [].concat(props, ["modelValue", "title", "disabled", "titleClass", "options", "icon", "type"]),
-  components: {
-    IconYes: iconYes(),
-    TinyPopup: Popup,
-    TinyButton: Button
-  },
-  emits: ["update:modelValue", "open", "opened", "click", "change", "closed", "close", "reset", "confirm", "item-click"],
-  setup: function setup$1(props2, context) {
-    return setup({
-      props: props2,
-      context,
-      renderless,
-      api
-    });
-  }
-});
-var _hoisted_1 = {
-  key: 0,
-  class: "tiny-mobile-dropdown-item__options"
-};
-var _hoisted_2 = ["onClick"];
-var _hoisted_3 = {
-  class: "tiny-mobile-dropdown-item__option-icon"
-};
-var _hoisted_4 = {
-  class: "tiny-mobile-dropdown-item__option-title"
-};
-var _hoisted_5 = {
-  class: "tiny-mobile-dropdown-item__option-value"
-};
-var _hoisted_6 = {
-  key: 1,
-  class: "tiny-mobile-dropdown-item__filter"
-};
-var _hoisted_7 = {
-  class: "tiny-mobile-dropdown-item__filter-wrap"
-};
-var _hoisted_8 = {
-  class: "tiny-mobile-dropdown-item__filter-title"
-};
-var _hoisted_9 = ["onClick"];
-var _hoisted_10 = {
-  class: "tiny-mobile-dropdown-item__filter-operate"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_yes = resolveComponent("icon-yes");
-  var _component_tiny_button = resolveComponent("tiny-button");
-  var _component_tiny_popup = resolveComponent("tiny-popup");
-  var _directive_clickoutside = resolveDirective("clickoutside");
-  return withDirectives((openBlock(), createElementBlock(
-    "div",
-    {
-      ref: "wrapper",
-      class: normalizeClass(["tiny-mobile-dropdown-item--" + _ctx.state.direction, "tiny-mobile-dropdown-item"]),
-      onClick: _cache[1] || (_cache[1] = function() {
-        return _ctx.clickWrapper && _ctx.clickWrapper.apply(_ctx, arguments);
-      }),
-      style: normalizeStyle(_ctx.state.itemStyle)
-    },
-    [createVNode(_component_tiny_popup, {
-      modelValue: _ctx.state.showPopup,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-        return _ctx.state.showPopup = $event;
-      }),
-      "popup-class": "tiny-mobile-dropdown-item__content",
-      overlay: _ctx.state.overlay,
-      "close-on-click-overlay": _ctx.state.closeOnClickOverlay,
-      closeable: false,
-      position: _ctx.state.direction === "down" ? "top" : "bottom",
-      duration: _ctx.state.transition ? _ctx.state.duration : 0,
-      onOpen: _ctx.open,
-      onClose: _ctx.close,
-      onOpened: _ctx.opened,
-      onClosed: _ctx.closed
-    }, {
-      default: withCtx(function() {
-        return [renderSlot(_ctx.$slots, "default", {}, function() {
-          return [_ctx.type === "selection" ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(_ctx.options, function(item, index) {
-              return openBlock(), createElementBlock("div", {
-                class: normalizeClass(["tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__option", item.value === _ctx.modelValue ? "is-active" : ""]),
-                key: index,
-                tabindex: "0",
-                onClick: function onClick($event) {
-                  return _ctx.clickItem(item.value);
-                }
-              }, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, function() {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))];
-              })]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "title", {
-                titleData: item
-              }, function() {
-                return [createElementVNode(
-                  "span",
-                  {
-                    style: normalizeStyle({
-                      color: item.value === _ctx.modelValue && _ctx.state.activeColor ? _ctx.state.activeColor : ""
-                    })
-                  },
-                  toDisplayString(item.text),
-                  5
-                  /* TEXT, STYLE */
-                )];
-              })]), createElementVNode("div", _hoisted_5, [item.value === _ctx.modelValue ? (openBlock(), createBlock(_component_icon_yes, {
-                key: 0,
-                fill: _ctx.state.activeColor ? _ctx.state.activeColor : "#f36f64"
-              }, null, 8, ["fill"])) : createCommentVNode("v-if", true)])], 10, _hoisted_2);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))])) : createCommentVNode("v-if", true), _ctx.type === "filter" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(_ctx.options, function(item, key) {
-              return openBlock(), createElementBlock("div", {
-                key,
-                class: "tiny-mobile-dropdown-item__cell tiny-mobile-dropdown-item__filter-item"
-              }, [createElementVNode(
-                "span",
-                _hoisted_8,
-                toDisplayString(item.title),
-                1
-                /* TEXT */
-              ), createElementVNode("ul", null, [(openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.options.length === 0 ? item.data = [] : item.data, function(tag, tagkey) {
-                  return openBlock(), createElementBlock("li", {
-                    class: normalizeClass(["tiny-mobile-dropdown-item__filter-li", [_ctx.modelValue[key].indexOf(tag.value) > -1 ? "checked" : ""]]),
-                    style: normalizeStyle(_ctx.getOptionStyle(tag, _ctx.modelValue[key])),
-                    onClick: function onClick($event) {
-                      return _ctx.tagClick(key, tag, $event);
-                    },
-                    key: tagkey
-                  }, toDisplayString(tag.text), 15, _hoisted_9);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))])]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))]), createElementVNode("div", _hoisted_10, [createVNode(_component_tiny_button, {
-            onClick: _ctx.reset
-          }, {
-            default: withCtx(function() {
-              return [createTextVNode(" Reset ")];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"]), createVNode(_component_tiny_button, {
-            type: "primary",
-            onClick: _ctx.confirm
-          }, {
-            default: withCtx(function() {
-              return [createTextVNode(" OK ")];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"])])])), [[_directive_clickoutside, _ctx.clickOutside]]) : createCommentVNode("v-if", true)];
-        })];
-      }),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["modelValue", "overlay", "close-on-click-overlay", "position", "duration", "onOpen", "onClose", "onOpened", "onClosed"])],
-    6
-    /* CLASS, STYLE */
-  )), [[vShow, _ctx.state.showWrapper]]);
-}
-var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-export { mobile as default };

package/src/mobile.vue.d.ts

@@ -1,67 +0,0 @@
-declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    disabled?: any;
-    icon?: any;
-    type?: any;
-    title?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    modelValue?: any;
-    options?: any;
-    titleClass?: 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, ("item-click" | "change" | "click" | "close" | "reset" | "update:modelValue" | "confirm" | "open" | "closed" | "opened")[], "item-click" | "change" | "click" | "close" | "reset" | "update:modelValue" | "confirm" | "open" | "closed" | "opened", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    disabled?: any;
-    icon?: any;
-    type?: any;
-    title?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    modelValue?: any;
-    options?: any;
-    titleClass?: any;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onReset?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly disabled?: any;
-    readonly icon?: any;
-    readonly type?: any;
-    readonly title?: any;
-    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 modelValue?: any;
-    readonly options?: any;
-    readonly titleClass?: any;
-}, {}>;
-export default _default;