@opentinyvue/vue-dropdown 2.21.0 → 3.21.0

package/lib/index.js

@@ -110,7 +110,7 @@ var Dropdown = defineComponent({
     });
   }
 });
-var version = "2.21.0";
+var version = "3.21.0";
 Dropdown.install = function(Vue) {
   Vue.component(Dropdown.name, Dropdown);
 };

package/lib/mobile-first.js

@@ -1,40 +1,3 @@
-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 { IconChevronDown, IconChevronUp, IconArrowBottom } from '@opentinyvue/vue-icon';
-
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  var hook;
-  if (injectStyles) {
-    hook = injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -44,7 +7,14 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var __vue2_script = defineComponent({
+import { createVNode, resolveComponent, withDirectives, resolveDirective } from "vue";
+import { renderless, api } from "@opentinyvue/vue-renderless/dropdown/vue";
+import { defineComponent, $prefix, directive, $props, setup as _setup, h } 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 { IconChevronDown, IconChevronUp, IconArrowBottom } from "@opentinyvue/vue-icon";
+var _sfc_main = /* @__PURE__ */ defineComponent({
   name: $prefix + "Dropdown",
   componentName: "TinyDropdown",
   components: {
@@ -111,8 +81,8 @@ var __vue2_script = defineComponent({
     }
   }),
   emits: ["visible-change", "item-click", "button-click", "current-item-click", "menu-item-click", "is-disabled", "selected-index"],
-  setup: function setup$1(props, context) {
-    return setup({
+  setup: function setup(props, context) {
+    return _setup({
       props,
       context,
       renderless,
@@ -122,28 +92,27 @@ var __vue2_script = defineComponent({
     });
   },
   render: function render() {
-    var h2 = arguments[0];
     var type = this.type, disabled = this.disabled, handleMainButtonClick = this.handleMainButtonClick, slots = this.slots, size = this.size, state = this.state, border = this.border, round = this.round, m = this.m, clickOutside = this.clickOutside, singleButton = this.singleButton;
     var params = {
       visible: state.visible
     };
     var triggerElm = null;
     if (singleButton) {
-      triggerElm = h2("tiny-button", {
+      triggerElm = createVNode(resolveComponent("tiny-button"), {
         "ref": "trigger",
-        "attrs": {
-          "type": type === "primary" ? type : "",
-          "size": size,
-          "customClass": m(["rounded active:rounded flex items-center justify-center", state.visible && type !== "primary" && "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus"]),
-          "disabled": disabled,
-          "reset-time": 0
-        },
-        "on": {
-          "click": handleMainButtonClick
+        "type": type === "primary" ? type : "",
+        "size": size,
+        "customClass": m(["rounded active:rounded flex items-center justify-center", state.visible && type !== "primary" && "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus"]),
+        "disabled": disabled,
+        "reset-time": 0,
+        "onClick": handleMainButtonClick
+      }, {
+        default: function _default() {
+          return [createVNode("div", {
+            "class": "overflow-hidden overflow-ellipsis whitespace-nowrap w-full"
+          }, [slots.default && slots.default(params)])];
         }
-      }, [h2("div", {
-        "class": "overflow-hidden overflow-ellipsis whitespace-nowrap w-full"
-      }, [slots.default && slots.default(params)])]);
+      });
     } else {
       var defaultSlot = slots.default && slots.default(params);
       var suffixSlot = slots["suffix-icon"] && slots["suffix-icon"]();
@@ -153,64 +122,48 @@ var __vue2_script = defineComponent({
         attrs.disabled = true;
         vnodeData.attrs = attrs;
       }
-      var defaultIcon = h2("span", {
+      var defaultIcon = createVNode("span", {
         "class": "block text-[0]"
-      }, [h2("icon-chevron-down", {
+      }, [createVNode(resolveComponent("icon-chevron-down"), {
         "class": "sm:block hidden will-change-transform"
-      }), h2("icon-arrow-bottom", {
+      }, null), createVNode(resolveComponent("icon-arrow-bottom"), {
         "class": "sm:hidden block will-change-transform"
-      })]);
-      var suffixInner = state.showIcon && h2("span", {
-        "attrs": {
-          "data-tag": "tiny-dropdown-showicon"
-        },
+      }, null)]);
+      var suffixInner = state.showIcon && createVNode("span", {
+        "data-tag": "tiny-dropdown-showicon",
         "class": ["ml-1 sm:ml-2 [&_svg:nth-of-type(1)]:align-top w-4 h-4 inline-block [&_svg]:transition-transform [&_svg]:duration-300", {
           "fill-color-brand-focus [&_svg:nth-of-type(1)]:hover:fill-color-brand-hover [&_svg:nth-of-type(1)]:active:fill-color-brand-focus leading-4": !disabled && !border
         }, border && (state.visible ? "[&_svg]:rotate-180" : "[&_svg]:rotate-0"), border && type !== "primary" && state.visible && "[&_svg]:fill-color-border-focus visited:[&_svg]:fill-color-border-focus active:[&_svg]:fill-color-border-focus"]
       }, [suffixSlot || defaultIcon]);
-      triggerElm = border ? h2("tiny-button", {
+      triggerElm = border ? createVNode(resolveComponent("tiny-button"), {
         "ref": "trigger",
-        "attrs": {
-          "round": round,
-          "size": size,
-          "type": type === "primary" ? type : "",
-          "disabled": disabled,
-          "reset-time": 0
-        },
-        "class": ["rounded inline-flex items-center justify-center", type === "primary" ? "[&_svg]:fill-color-bg-1" : state.visible ? "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus" : "[&_svg]:fill-color-icon-placeholder"]
-      }, [defaultSlot, suffixInner]) : h2("span", {
+        "round": round,
+        "size": size,
+        "type": type === "primary" ? type : "",
+        "disabled": disabled,
+        "class": ["rounded inline-flex items-center justify-center", type === "primary" ? "[&_svg]:fill-color-bg-1" : state.visible ? "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus" : "[&_svg]:fill-color-icon-placeholder"],
+        "reset-time": 0
+      }, {
+        default: function _default() {
+          return [defaultSlot, suffixInner];
+        }
+      }) : createVNode("span", {
         "ref": "trigger",
         "class": [state.visible && !state.showSelfIcon ? "[&_svg]:rotate-180" : "[&_svg]:rotate-0", disabled && "cursor-not-allowed [&_svg]:fill-color-text-disabled", "inline-flex [&_svg]:transition-transform [&_svg]:duration-300"]
-      }, [h2("span", {
+      }, [createVNode("span", {
         "class": ["inline-flex h-4 leading-4", disabled ? "text-color-text-disabled" : "hover:text-color-brand-hover active:text-color-brand-focus"]
-      }, [defaultSlot]), h2("span", {
+      }, [defaultSlot]), createVNode("span", {
         "class": "align-bottom leading-4 h-4"
       }, [suffixInner])]);
     }
     var menuElm = disabled ? null : slots.dropdown && slots.dropdown();
-    return h2("div", {
+    return withDirectives(createVNode("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"],
-      "directives": [{
-        name: "clickoutside",
-        value: clickOutside
-      }],
-      "attrs": {
-        "aria-disabled": disabled,
-        "data-tag": "tiny-dropdown"
-      }
-    }, [triggerElm, menuElm]);
+      "aria-disabled": disabled,
+      "data-tag": "tiny-dropdown"
+    }, [triggerElm, menuElm]), [[resolveDirective("clickoutside"), clickOutside]]);
   }
 });
-var __vue2_render, __vue2_staticRenderFns;
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var mobileFirst = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-
-export { mobileFirst as default };
+export {
+  _sfc_main as default
+};

package/lib/pc.js

@@ -1,41 +1,3 @@
-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 DropdownMenu from '@opentinyvue/vue-dropdown-menu';
-import { iconDownWard } from '@opentinyvue/vue-icon';
-
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  var hook;
-  if (injectStyles) {
-    hook = injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -45,7 +7,15 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var __vue2_script = defineComponent({
+import { createVNode, resolveComponent, withDirectives, resolveDirective } from "vue";
+import { renderless, api } from "@opentinyvue/vue-renderless/dropdown/vue";
+import { defineComponent, $prefix, directive, $props, setup as _setup, h } 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 DropdownMenu from "@opentinyvue/vue-dropdown-menu";
+import { iconDownWard } from "@opentinyvue/vue-icon";
+var _sfc_main = /* @__PURE__ */ defineComponent({
   name: $prefix + "Dropdown",
   componentName: "TinyDropdown",
   components: {
@@ -125,8 +95,8 @@ var __vue2_script = defineComponent({
     }
   }),
   emits: ["visible-change", "item-click", "button-click", "menu-item-click", "handle-click", "is-disabled", "selected-index"],
-  setup: function setup$1(props, context) {
-    return setup({
+  setup: function setup(props, context) {
+    return _setup({
       props,
       context,
       renderless,
@@ -136,7 +106,6 @@ var __vue2_script = defineComponent({
   },
   render: function render() {
     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 params = {
@@ -150,28 +119,34 @@ var __vue2_script = defineComponent({
     var ButtonIconDown = ((_state$designConfig2 = state.designConfig) == null ? void 0 : (_state$designConfig2$ = _state$designConfig2.icons) == null ? void 0 : _state$designConfig2$.dropdownIcon) || iconDownWard();
     var defaultSlot = slots.default && slots.default(params);
     if (splitButton) {
-      triggerElm = h2("tiny-button-group", [h2("tiny-button", {
-        "attrs": {
-          "type": type,
-          "size": size,
-          "disabled": disabled
-        },
-        "on": {
-          "click": handleMainButtonClick
-        },
-        "class": "tiny-dropdown__title-button"
-      }, [defaultSlot || h2("span", [title])]), h2("tiny-button", {
-        "ref": "trigger",
-        "attrs": {
-          "type": type,
-          "size": size,
-          "disabled": disabled,
-          "reset-time": 0
-        },
-        "class": "tiny-dropdown__caret-button " + triggerClass
-      }, [h2(ButtonIconDown, {
-        "class": visibleClass
-      })])]);
+      triggerElm = createVNode(resolveComponent("tiny-button-group"), null, {
+        default: function _default2() {
+          return [createVNode(resolveComponent("tiny-button"), {
+            "type": type,
+            "size": size,
+            "onClick": handleMainButtonClick,
+            "disabled": disabled,
+            "class": "tiny-dropdown__title-button"
+          }, {
+            default: function _default3() {
+              return [defaultSlot || createVNode("span", null, [title])];
+            }
+          }), createVNode(resolveComponent("tiny-button"), {
+            "ref": "trigger",
+            "type": type,
+            "size": size,
+            "class": "tiny-dropdown__caret-button " + triggerClass,
+            "disabled": disabled,
+            "reset-time": 0
+          }, {
+            default: function _default3() {
+              return [createVNode(ButtonIconDown, {
+                "class": visibleClass
+              }, null)];
+            }
+          })];
+        }
+      });
     } else {
       var _defaultSlot$;
       var suffixSlot = slots["suffix-icon"] && slots["suffix-icon"]();
@@ -182,60 +157,44 @@ var __vue2_script = defineComponent({
         attrs.disabled = true;
         vnodeData.attrs = attrs;
       }
-      var suffixInner = showIcon ? h2("span", {
+      var suffixInner = showIcon ? createVNode("span", {
         "class": "tiny-dropdown__suffix-inner " + visibleClass
-      }, [suffixSlot || h2(IconDown)]) : "";
-      var prefixInner = prefixIcon || prefixSlot ? h2("span", {
+      }, [suffixSlot || createVNode(IconDown, null, null)]) : "";
+      var prefixInner = prefixIcon || prefixSlot ? createVNode("span", {
         "class": "tiny-dropdown__prefix-inner " + visibleClass
-      }, [prefixSlot || h2(IconPre)]) : "";
-      var defaultTriggerElm = defaultSlot || title ? h2("span", {
+      }, [prefixSlot || createVNode(IconPre, null, null)]) : "";
+      var defaultTriggerElm = defaultSlot || title ? createVNode("span", {
         "class": "tiny-dropdown__title"
       }, [defaultSlot || title]) : null;
-      triggerElm = border ? h2("tiny-button", {
+      triggerElm = border ? createVNode(resolveComponent("tiny-button"), {
         "ref": "trigger",
-        "attrs": {
-          "round": round,
-          "disabled": disabled,
-          "type": type,
-          "reset-time": 0
-        },
-        "class": "tiny-dropdown__border " + (state.visible ? "is-expand" : "") + (showIcon ? " is-show-icon " : "") + " " + triggerClass
-      }, [prefixInner, defaultTriggerElm, suffixInner]) : h2("span", {
+        "round": round,
+        "disabled": disabled,
+        "type": type,
+        "class": "tiny-dropdown__border " + (state.visible ? "is-expand" : "") + (showIcon ? " is-show-icon " : "") + " " + triggerClass,
+        "reset-time": 0
+      }, {
+        default: function _default2() {
+          return [prefixInner, defaultTriggerElm, suffixInner];
+        }
+      }) : createVNode("span", {
         "ref": "trigger",
         "class": "is-text" + (state.visible ? " is-expand" : " is-hide") + (disabled ? " is-disabled" : "") + " " + triggerClass
       }, [prefixInner, defaultTriggerElm, suffixInner]);
     }
-    var defaulMenuElm = h2("tiny-dropdown-menu", {
-      "attrs": {
-        "options": menuOptions.options,
-        "text-field": menuOptions.textField || menuOptions["text-field"],
-        "popper-class": menuOptions.popperClass || menuOptions["popper-class"],
-        "placement": menuOptions.placement
-      }
-    });
+    var defaulMenuElm = createVNode(resolveComponent("tiny-dropdown-menu"), {
+      "options": menuOptions.options,
+      "text-field": menuOptions.textField || menuOptions["text-field"],
+      "popper-class": menuOptions.popperClass || menuOptions["popper-class"],
+      "placement": menuOptions.placement
+    }, null);
     var menuElm = disabled ? null : slots.dropdown && slots.dropdown() || defaulMenuElm;
-    return h2("div", {
+    return withDirectives(createVNode("div", {
       "class": "tiny-dropdown",
-      "directives": [{
-        name: "clickoutside",
-        value: clickOutside
-      }],
-      "attrs": {
-        "aria-disabled": disabled
-      }
-    }, [triggerElm, menuElm]);
+      "aria-disabled": disabled
+    }, [triggerElm, menuElm]), [[resolveDirective("clickoutside"), clickOutside]]);
   }
 });
-var __vue2_render, __vue2_staticRenderFns;
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var pc = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-
-export { pc as default };
+export {
+  _sfc_main as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentinyvue/vue-dropdown",
-  "version": "2.21.0",
+  "version": "3.21.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
@@ -9,11 +9,11 @@
   "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": "~3.21.0",
+    "@opentinyvue/vue-button-group": "~3.21.0",
+    "@opentinyvue/vue-common": "~3.21.0",
+    "@opentinyvue/vue-icon": "~3.21.0",
+    "@opentinyvue/vue-dropdown-menu": "~3.21.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -76,5 +76,179 @@ export declare const dropdownProps: {
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 };
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    modelValue: (StringConstructor | NumberConstructor)[];
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: BooleanConstructor;
+    singleButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelfIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            options: never[];
+            textField: string;
+            popperClass: string;
+            placement: string;
+        };
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    inheritWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: ObjectConstructor;
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: (StringConstructor | NumberConstructor)[];
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: BooleanConstructor;
+    singleButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelfIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            options: never[];
+            textField: string;
+            popperClass: string;
+            placement: string;
+        };
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    inheritWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: ObjectConstructor;
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
+    disabled: boolean;
+    title: string;
+    size: string;
+    tiny_mode_root: boolean;
+    splitButton: boolean;
+    singleButton: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    hideOnClick: boolean;
+    tabindex: number;
+    border: boolean;
+    round: boolean;
+    showIcon: boolean;
+    showSelfIcon: boolean;
+    menuOptions: Record<string, any>;
+    inheritWidth: boolean;
+    lazyShowPopper: boolean;
+}, {}>;
 export default _default;

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

@@ -1,2 +1,149 @@
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    singleButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: (StringConstructor | NumberConstructor)[];
+    showSelfIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, {
+    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" | "visible-change" | "is-disabled" | "menu-item-click" | "current-item-click" | "selected-index" | "button-click")[], "item-click" | "visible-change" | "is-disabled" | "menu-item-click" | "current-item-click" | "selected-index" | "button-click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    singleButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: (StringConstructor | NumberConstructor)[];
+    showSelfIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>> & {
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+    "onIs-disabled"?: ((...args: any[]) => any) | undefined;
+    "onCurrent-item-click"?: ((...args: any[]) => any) | undefined;
+    "onSelected-index"?: ((...args: any[]) => any) | undefined;
+    "onButton-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: string;
+    tiny_mode_root: boolean;
+    singleButton: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    hideOnClick: boolean;
+    tabindex: number;
+    border: boolean;
+    round: boolean;
+    showIcon: boolean;
+    showSelfIcon: boolean;
+    lazyShowPopper: boolean;
+}, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -1,2 +1,173 @@
-declare const _default: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: BooleanConstructor;
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            options: never[];
+            textField: string;
+            popperClass: string;
+            placement: string;
+        };
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    inheritWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: ObjectConstructor;
+    prefixIcon: ObjectConstructor;
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, {
+    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" | "visible-change" | "handle-click" | "is-disabled" | "menu-item-click" | "selected-index" | "button-click")[], "item-click" | "visible-change" | "handle-click" | "is-disabled" | "menu-item-click" | "selected-index" | "button-click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    type: StringConstructor;
+    trigger: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: BooleanConstructor;
+    showTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOptions: {
+        type: ObjectConstructor;
+        default: () => {
+            options: never[];
+            textField: string;
+            popperClass: string;
+            placement: string;
+        };
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    inheritWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: ObjectConstructor;
+    prefixIcon: ObjectConstructor;
+    lazyShowPopper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>> & {
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+    "onIs-disabled"?: ((...args: any[]) => any) | undefined;
+    "onSelected-index"?: ((...args: any[]) => any) | undefined;
+    "onButton-click"?: ((...args: any[]) => any) | undefined;
+    "onHandle-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    title: string;
+    size: string;
+    tiny_mode_root: boolean;
+    splitButton: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    hideOnClick: boolean;
+    tabindex: number;
+    border: boolean;
+    round: boolean;
+    showIcon: boolean;
+    menuOptions: Record<string, any>;
+    inheritWidth: boolean;
+    lazyShowPopper: boolean;
+}, {}>;
 export default _default;