@opentiny/vue-dropdown-item 3.8.0 → 3.8.3

package/lib/index.js

@@ -17,17 +17,32 @@ import PcTemplate from "./pc.js";
 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 if ("mobile-first" === (process.env.TINY_MODE || mode))
+  }
+  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
     return MobileFirstTemplate;
-  else
-    return PcTemplate;
+  }
+  return PcTemplate;
+};
+var $constants = {
+  ICON_MAP: {
+    leftWardArrow: "icon-delta-left"
+  }
 };
 var DropdownItem = defineComponent({
   name: $prefix + "DropdownItem",
   componentName: "TinyDropdownItem",
   props: _extends({}, $props, {
+    _constants: {
+      type: Object,
+      default: function _default() {
+        return $constants;
+      }
+    },
     icon: [String, Object],
     disabled: Boolean,
     divided: Boolean,
@@ -36,7 +51,7 @@ var DropdownItem = defineComponent({
     titleClass: String,
     options: {
       type: Array,
-      default: function _default() {
+      default: function _default2() {
         return [];
       }
     },
@@ -50,7 +65,7 @@ var DropdownItem = defineComponent({
     },
     itemData: {
       type: Object,
-      default: function _default2() {
+      default: function _default3() {
         return {};
       }
     },
@@ -76,7 +91,7 @@ var DropdownItem = defineComponent({
     },
     currentIndex: {
       type: Number,
-      default: function _default3() {
+      default: function _default4() {
         return -1;
       }
     }

package/lib/mobile.js

@@ -5,7 +5,7 @@ import Popup from "@opentiny/vue-popup";
 import Button from "@opentiny/vue-button";
 import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
 import "@opentiny/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, vShow, createTextVNode } from "vue";
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, withCtx, renderSlot, Fragment, renderList, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, createTextVNode, vShow } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
@@ -99,8 +99,6 @@ var _hoisted_9 = ["onClick"];
 var _hoisted_10 = {
   class: "tiny-mobile-dropdown-item__filter-operate"
 };
-var _hoisted_11 = /* @__PURE__ */ createTextVNode(" Reset ");
-var _hoisted_12 = /* @__PURE__ */ createTextVNode(" OK ");
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_yes = resolveComponent("icon-yes");
   var _component_tiny_button = resolveComponent("tiny-button");
@@ -204,7 +202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.reset
           }, {
             default: withCtx(function() {
-              return [_hoisted_11];
+              return [createTextVNode(" Reset ")];
             }),
             _: 1
             /* STABLE */
@@ -213,7 +211,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.confirm
           }, {
             default: withCtx(function() {
-              return [_hoisted_12];
+              return [createTextVNode(" OK ")];
             }),
             _: 1
             /* STABLE */

package/lib/pc.js

@@ -2,7 +2,7 @@ import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-
 import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
 import { iconDeltaLeft } from "@opentiny/vue-icon";
 import "@opentiny/vue-theme/dropdown-item/index.css";
-import { resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, withModifiers, createVNode, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, renderList, withCtx } from "vue";
+import { resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, withModifiers, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, renderList, withCtx } from "vue";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
@@ -77,7 +77,6 @@ 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(
     Fragment,
@@ -85,7 +84,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [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
+        "tiny-dropdown-item--divided tiny-dropdown-menu__item--divided": _ctx.divided,
+        "has-children": _ctx.itemData.children && _ctx.itemData.children.length
       }]),
       ref: "dropdownItem",
       onClick: _cache[0] || (_cache[0] = function() {
@@ -95,7 +95,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, ["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), {
+    }, [createElementVNode("div", _hoisted_2, [_ctx.itemData.children && _ctx.itemData.children.length ? (openBlock(), createElementBlock("span", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.getIcon)))])) : 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", {

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "3.8.0",
+  "version": "3.8.3",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
+  "sideEffects": false,
   "dependencies": {
-    "@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"
+    "@opentiny/vue-common": "~3.8.3",
+    "@opentiny/vue-icon": "~3.8.3",
+    "@opentiny/vue-renderless": "~3.8.3",
+    "@opentiny/vue-popup": "~3.8.3",
+    "@opentiny/vue-button": "~3.8.3"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -1,5 +1,13 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<{
-    icon: (StringConstructor | ObjectConstructor)[];
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                leftWardArrow: string;
+            };
+        };
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     command: {};
@@ -47,14 +55,22 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
-    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }, () => 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<{
-    icon: (StringConstructor | ObjectConstructor)[];
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                leftWardArrow: string;
+            };
+        };
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     divided: BooleanConstructor;
     command: {};
@@ -102,21 +118,22 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
-    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
-    type: string;
-    disabled: boolean;
-    tiny_mode_root: boolean;
     label: string;
     options: unknown[];
     textField: string;
+    type: string;
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
+    disabled: boolean;
+    appendToBody: boolean;
     selected: boolean;
     divided: boolean;
     itemData: Record<string, any>;
-    appendToBody: boolean;
     selectedField: string;
     multiStage: boolean;
     currentIndex: number;