@opentinyvue/vue-dropdown 2.25.0 → 2.27.0

package/lib/index.js

@@ -106,6 +106,10 @@ var dropdownProps = _extends({}, $props, {
 var Dropdown = defineComponent({
   name: $prefix + "Dropdown",
   componentName: "TinyDropdown",
+  model: {
+    prop: "visible",
+    event: "update:visible"
+  },
   props: dropdownProps,
   setup: function setup(props, context) {
     return $setup({

package/lib/mobile-first.js

@@ -155,9 +155,9 @@ var __vue2_script = defineComponent({
       }
       var defaultIcon = h2("span", {
         "class": "block text-[0]"
-      }, [h2("icon-chevron-down", {
+      }, [state.current !== "default" ? h2("icon-chevron-down", {
         "class": "sm:block hidden will-change-transform"
-      }), h2("icon-arrow-bottom", {
+      }) : h2("icon-arrow-bottom", {
         "class": "sm:hidden block will-change-transform"
       })]);
       var suffixInner = state.showIcon && h2("span", {
@@ -189,7 +189,7 @@ var __vue2_script = defineComponent({
     }
     var menuElm = disabled ? null : slots.dropdown && slots.dropdown();
     return h2("div", {
-      "class": ["relative inline-block [&>span:nth-of-type(1)]:text-color-brand-focus [&>span:nth-of-type(1)]:text-sm sm:[&>span:nth-of-type(1)]:text-xs", disabled && "[&>span:nth-of-type(1)]:text-color-brand-focus", state.showSelfIcon && "leading-4 h-4 [&_svg]:align-top [&_svg]:rotate-0"],
+      "class": ["relative inline-block [&>span:nth-of-type(1)]:text-color-brand-focus [&>span:nth-of-type(1)]:text-sm sm:[&>span:nth-of-type(1)]:text-sm", disabled && "[&>span:nth-of-type(1)]:text-color-brand-focus", state.showSelfIcon && "leading-4 h-4 [&_svg]:align-top [&_svg]:rotate-0"],
       "directives": [{
         name: "clickoutside",
         value: clickOutside
@@ -209,8 +209,8 @@ function __vue2_injectStyles(context) {
     this[o] = __cssModules[o];
   }
 }
-var mobileFirst = /* @__PURE__ */ function() {
+var mobileFirst = /* @__PURE__ */ (function() {
   return __component__.exports;
-}();
+})();
 
 export { mobileFirst as default };

package/lib/pc.js

@@ -48,6 +48,10 @@ function _extends() {
 var __vue2_script = defineComponent({
   name: $prefix + "Dropdown",
   componentName: "TinyDropdown",
+  model: {
+    prop: "visible",
+    event: "update:visible"
+  },
   components: {
     TinyButton: Button,
     TinyButtonGroup: ButtonGroup,
@@ -241,8 +245,8 @@ function __vue2_injectStyles(context) {
     this[o] = __cssModules[o];
   }
 }
-var pc = /* @__PURE__ */ function() {
+var pc = /* @__PURE__ */ (function() {
   return __component__.exports;
-}();
+})();
 
 export { pc as default };

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentinyvue/vue-dropdown",
   "type": "module",
-  "version": "2.25.0",
+  "version": "2.27.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-button": "~2.25.0",
-    "@opentinyvue/vue-button-group": "~2.25.0",
-    "@opentinyvue/vue-common": "~2.25.0",
-    "@opentinyvue/vue-directive": "~2.25.0",
-    "@opentinyvue/vue-dropdown-menu": "~2.25.0",
-    "@opentinyvue/vue-icon": "~2.25.0",
-    "@opentinyvue/vue-renderless": "~3.25.0",
-    "@opentinyvue/vue-theme": "~3.25.0"
+    "@opentinyvue/vue-button": "~2.27.0",
+    "@opentinyvue/vue-button-group": "~2.27.0",
+    "@opentinyvue/vue-common": "~2.27.0",
+    "@opentinyvue/vue-directive": "~2.27.0",
+    "@opentinyvue/vue-dropdown-menu": "~2.27.0",
+    "@opentinyvue/vue-icon": "~2.27.0",
+    "@opentinyvue/vue-renderless": "~3.27.0",
+    "@opentinyvue/vue-theme": "~3.27.0"
   },
   "types": "index.d.ts",
   "scripts": {