@opentinyvue/vue-dropdown 2.21.0 → 2.22.0

package/lib/index.js

@@ -7,7 +7,7 @@ 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 MobileFirstTemplate from "./mobile-first.js";
 import "@opentinyvue/vue-theme/dropdown/index.css";
@@ -24,6 +24,11 @@ var template = function template2(mode) {
 };
 var dropdownProps = _extends({}, $props, {
   modelValue: [String, Number],
+  // tiny新增
+  visible: {
+    type: [Boolean, void 0],
+    default: void 0
+  },
   type: String,
   trigger: String,
   // 默认主题为 'hover'
@@ -110,7 +115,7 @@ var Dropdown = defineComponent({
     });
   }
 });
-var version = "2.21.0";
+var version = "2.22.0";
 Dropdown.install = function(Vue) {
   Vue.component(Dropdown.name, Dropdown);
 };

package/lib/mobile-first.js

@@ -2,7 +2,7 @@ import { renderless, api } from '@opentinyvue/vue-renderless/dropdown/vue';
 import { defineComponent, $prefix, directive, setup, h, $props } from '@opentinyvue/vue-common';
 import Button from '@opentinyvue/vue-button';
 import ButtonGroup from '@opentinyvue/vue-button-group';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import { Clickoutside } from '@opentinyvue/vue-directive';
 import { IconChevronDown, IconChevronUp, IconArrowBottom } from '@opentinyvue/vue-icon';
 
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {

package/lib/pc.js

@@ -2,7 +2,7 @@ import { renderless, api } from '@opentinyvue/vue-renderless/dropdown/vue';
 import { defineComponent, $prefix, directive, setup, h, $props } from '@opentinyvue/vue-common';
 import Button from '@opentinyvue/vue-button';
 import ButtonGroup from '@opentinyvue/vue-button-group';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import { Clickoutside } from '@opentinyvue/vue-directive';
 import DropdownMenu from '@opentinyvue/vue-dropdown-menu';
 import { iconDownWard } from '@opentinyvue/vue-icon';
 
@@ -60,6 +60,11 @@ var __vue2_script = defineComponent({
   props: _extends({}, $props, {
     type: String,
     trigger: String,
+    // tiny新增
+    visible: {
+      type: [Boolean, void 0],
+      default: void 0
+    },
     size: {
       type: String,
       default: ""
@@ -124,7 +129,7 @@ var __vue2_script = defineComponent({
       default: false
     }
   }),
-  emits: ["visible-change", "item-click", "button-click", "menu-item-click", "handle-click", "is-disabled", "selected-index"],
+  emits: ["visible-change", "item-click", "button-click", "menu-item-click", "handle-click", "is-disabled", "selected-index", "update:visible"],
   setup: function setup$1(props, context) {
     return setup({
       props,
@@ -138,13 +143,14 @@ var __vue2_script = defineComponent({
     var _state$designConfig, _state$designConfig$i, _state$designConfig2, _state$designConfig2$;
     var h2 = arguments[0];
     var splitButton = this.splitButton, type = this.type, disabled = this.disabled, handleMainButtonClick = this.handleMainButtonClick, menuOptions = this.menuOptions, title = this.title, suffixIcon = this.suffixIcon, prefixIcon = this.prefixIcon;
-    var slots = this.slots, size = this.size, state = this.state, border = this.border, showIcon = this.showIcon, round = this.round, clickOutside = this.clickOutside;
+    var slots = this.slots, size = this.size, state = this.state, border = this.border, showIcon = this.showIcon, round = this.round, clickOutside = this.clickOutside, visible = this.visible;
     var params = {
       visible: state.visible
     };
     var triggerElm = null;
     var triggerClass = "tiny-dropdown__trigger tiny-dropdown-trigger";
-    var visibleClass = state.visible ? "tiny-dropdown--visible tiny-dropdown-visible" : "";
+    var addVisibleClass = state.visibleIsBoolean ? visible : state.visible;
+    var visibleClass = addVisibleClass ? "tiny-dropdown--visible tiny-dropdown-visible" : "";
     var IconDown = suffixIcon || ((_state$designConfig = state.designConfig) == null ? void 0 : (_state$designConfig$i = _state$designConfig.icons) == null ? void 0 : _state$designConfig$i.dropdownIcon) || iconDownWard();
     var IconPre = prefixIcon;
     var ButtonIconDown = ((_state$designConfig2 = state.designConfig) == null ? void 0 : (_state$designConfig2$ = _state$designConfig2.icons) == null ? void 0 : _state$designConfig2$.dropdownIcon) || iconDownWard();
@@ -218,7 +224,7 @@ var __vue2_script = defineComponent({
       "class": "tiny-dropdown",
       "directives": [{
         name: "clickoutside",
-        value: clickOutside
+        value: !state.visibleIsBoolean && clickOutside
       }],
       "attrs": {
         "aria-disabled": disabled

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@opentinyvue/vue-dropdown",
-  "version": "2.21.0",
+  "type": "module",
+  "version": "2.22.0",
   "description": "",
+  "license": "MIT",
+  "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
-  "sideEffects": false,
-  "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-button": "~2.21.0",
-    "@opentinyvue/vue-button-group": "~2.21.0",
-    "@opentinyvue/vue-common": "~2.21.0",
-    "@opentinyvue/vue-icon": "~2.21.0",
-    "@opentinyvue/vue-dropdown-menu": "~2.21.0"
+    "@opentinyvue/vue-button": "~2.22.0",
+    "@opentinyvue/vue-button-group": "~2.22.0",
+    "@opentinyvue/vue-common": "~2.22.0",
+    "@opentinyvue/vue-directive": "~2.22.0",
+    "@opentinyvue/vue-dropdown-menu": "~2.22.0",
+    "@opentinyvue/vue-icon": "~2.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0"
   },
-  "license": "MIT",
   "types": "index.d.ts",
   "scripts": {
     "build": "pnpm -w build:ui $npm_package_name",

package/src/index.d.ts

@@ -1,5 +1,9 @@
 export declare const dropdownProps: {
     modelValue: (StringConstructor | NumberConstructor)[];
+    visible: {
+        type: (BooleanConstructor | undefined)[];
+        default: undefined;
+    };
     type: StringConstructor;
     trigger: StringConstructor;
     size: {