@opentiny/vue-dropdown-item 2.11.0-alpha.2 → 2.11.1

package/lib/index.js

@@ -82,6 +82,7 @@ var dropdownItemProps = _extends({}, $props, {
       return -1;
     }
   },
+  // tiny新增
   appendToBody: {
     type: Boolean,
     default: true
@@ -111,7 +112,7 @@ var DropdownItem = defineComponent({
     });
   }
 });
-var version = "2.11.0-alpha.2";
+var version = "2.11.1";
 DropdownItem.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -55,6 +55,7 @@ function normalizeComponent(scriptExports, render, staticRenderFns, functionalTe
 }
 
 var __vue2_script = defineComponent({
+  emits: ["update:modelValue", "change", "closed", "open", "opened", "close", "confirm", "reset"],
   props: [].concat(props, ["disabled", "icon", "itemData", "selected", "label", "level", "currentIndex"]),
   setup: function setup(props2, context) {
     return _setup({
@@ -70,12 +71,11 @@ var render = function render2() {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("li", {
-    class: _vm.m("list-none leading-10 sm:leading-8 m-0 outline-0 min-w-[theme(spacing.18)] max-w-[theme(spacing.52)] w-full [&_svg]:sm:w-3.5 [&_svg]:sm:h-3.5 [&_svg]:sm:mr-1.5 [&_svg]:mr-2 [&_svg]:align-text-bottom", _vm.disabled ? "cursor-not-allowed text-color-text-disabled [&_svg]:fill-color-text-disabled" : "text-color-text-primary active:bg-color-bg-4 visited:text-color-brand hover:bg-color-bg-4 focus:bg-color-bg-4 cursor-pointer", {
-      "text-color-brand-focus": _vm.dataStore.checkedStatus && _vm.selected
-    }, {
-      "!px-0": _vm.dataStore.multiStage
-    }),
+    class: _vm.m("rounded-sm list-none leading-10 sm:leading-8 outline-0 min-w-[theme(spacing.18)] max-w-[theme(spacing.52)] w-full [&_svg]:sm:w-3.5 [&_svg]:sm:h-3.5 [&_svg]:sm:mr-1.5 [&_svg]:mr-2 [&_svg]:align-text-bottom", _vm.disabled ? "cursor-not-allowed text-color-text-disabled [&_svg]:fill-color-text-disabled" : "text-color-text-primary active:bg-color-bg-4 visited:text-color-brand hover:bg-color-bg-2 focus:bg-color-bg-4 cursor-pointer", {
+      "text-color-brand-focus bg-color-fill-6": _vm.dataStore.checkedStatus && _vm.selected
+    }, _vm.dataStore.multiStage ? "!px-0 mb-1" : "[&:not(:last-of-type)]:mb-1"),
     attrs: {
+      "data-tag": "tiny-dropdown-item",
       "aria-disabled": _vm.disabled,
       "tabindex": _vm.disabled ? null : -1
     },
@@ -89,7 +89,10 @@ var render = function render2() {
     }
   }, [_c("div", {
     ref: "level",
-    class: ["sm:text-xs text-sm", _vm.level === "2" ? "mx-6 overflow-hidden text-ellipsis whitespace-nowrap" : "mx-4 sm:mx-3 overflow-hidden text-ellipsis whitespace-nowrap"]
+    class: ["sm:text-xs text-sm", _vm.level === "2" ? "mx-6 overflow-hidden text-ellipsis whitespace-nowrap" : "mx-4 sm:mx-3 overflow-hidden text-ellipsis whitespace-nowrap"],
+    attrs: {
+      "data-tag": "tiny-dropdown-level"
+    }
   }, [_vm.icon ? _c(_vm.icon, {
     tag: "component",
     staticClass: "sm:w-3.5 sm:h-3.5 sm:mr-1.5 mr-2 align-text-bottom"

package/lib/pc.js

@@ -1,7 +1,7 @@
 import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 import { renderless, api } from "@opentiny/vue-renderless/dropdown-item/vue";
 import { iconDeltaLeft } from "@opentiny/vue-icon";
-import Tooltip from "@opentiny/vue-tooltip";
+import TinyTooltip from "@opentiny/vue-tooltip";
 import "@opentiny/vue-theme/dropdown-item/index.css";
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
@@ -64,7 +64,7 @@ var __vue2_script = defineComponent({
   props: [].concat(props, ["disabled", "divided", "icon", "itemData", "title", "titleClass", "options", "type", "label", "appendToBody", "textField", "selected", "selectedField", "multiStage", "currentIndex", "tip", "tipPosition"]),
   components: {
     IconDeltaLeft: iconDeltaLeft(),
-    TinyTooltip: Tooltip
+    TinyTooltip
   },
   setup: function setup(props2, context) {
     return _setup({
@@ -116,11 +116,13 @@ var render = function render2() {
   }, [_vm.icon ? _c(_vm.icon, {
     tag: "component",
     staticClass: "tiny-svg-size"
-  }) : _vm._e(), _vm._t("default", function() {
+  }) : _vm._e(), _c("span", {
+    staticClass: "tiny-dropdown-item__label"
+  }, [_vm._t("default", function() {
     return [_c("span", [_vm._v(_vm._s(_vm.label))])];
   }, {
     "itemData": _vm.itemData
-  })], 2), _vm.itemData.children && _vm.itemData.children.length ? _c("ul", {
+  })], 2)], 1), _vm.itemData.children && _vm.itemData.children.length ? _c("ul", {
     class: ["tiny-dropdown-menu", "tiny-dropdown-item--child tiny-dropdown-menu__item--child", _vm.state.popperClass]
   }, _vm._l(_vm.itemData.children, function(item, index) {
     return _c("tiny-dropdown-item", {

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@opentiny/vue-dropdown-item",
-  "version": "2.11.0-alpha.2",
+  "version": "2.11.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentiny/vue-common": "~2.11.0-alpha.0",
-    "@opentiny/vue-icon": "~2.11.0-alpha.0",
-    "@opentiny/vue-renderless": "~3.11.0-alpha.0",
-    "@opentiny/vue-popup": "~2.11.0-alpha.0",
-    "@opentiny/vue-button": "~2.11.0-alpha.0",
-    "@opentiny/vue-tooltip": "~2.11.0-alpha.0"
+    "@opentiny/vue-common": "~2.11.0",
+    "@opentiny/vue-icon": "~2.11.0",
+    "@opentiny/vue-renderless": "~3.11.0",
+    "@opentiny/vue-popup": "~2.11.0",
+    "@opentiny/vue-button": "~2.11.0",
+    "@opentiny/vue-tooltip": "~2.11.0"
   },
   "license": "MIT",
   "types": "index.d.ts",