bkui-vue 2.0.1-beta.1 → 2.0.1-beta.10

package/lib/menu/utils.d.ts

@@ -8,7 +8,7 @@ export interface IMenuProvider {
     readonly activeKey: Ref<string>;
     readonly openedKeys: Ref<string[]>;
     readonly mode: MenuMode;
-    readonly collapse: Ref<Boolean>;
+    readonly collapse: Ref<boolean>;
     readonly menuStore: Ref<Record<string, IMenuInfo>>;
     readonly registerMenuInfo: (key: string, info: IMenuInfo) => void;
     readonly unregisterMenuInfo: (key: string) => void;
@@ -28,8 +28,8 @@ export declare const useMenuPathInject: () => IMenuPathProvider | {
     parentInfo: any;
     parentKeys: Ref<any[]>;
 };
-export declare function removeClass(el: HTMLElement | Element, cls: string): void;
-export declare function addClass(el: HTMLElement | Element, cls: string): void;
+export declare function removeClass(el: Element | HTMLElement, cls: string): void;
+export declare function addClass(el: Element | HTMLElement, cls: string): void;
 export declare const collapseMotion: () => {
     css: boolean;
     onBeforeEnter: (el: any) => void;

package/lib/message/index.js

@@ -1178,12 +1178,6 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-// EXTERNAL MODULE: ../../node_modules/clipboard/dist/clipboard.js
-var clipboard = __webpack_require__(7647);
-var clipboard_default = /*#__PURE__*/__webpack_require__.n(clipboard);
-// EXTERNAL MODULE: ../../node_modules/json-formatter-js/dist/json-formatter.umd.js
-var json_formatter_umd = __webpack_require__(4346);
-var json_formatter_umd_default = /*#__PURE__*/__webpack_require__.n(json_formatter_umd);
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_types_y = x => () => x
@@ -1196,6 +1190,12 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
 const icon_namespaceObject = icon_x({ ["AngleDoubleDownLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDoubleDownLine, ["AngleDoubleUpLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDoubleUpLine, ["Assistant"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Assistant, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["CopyShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.CopyShape, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["FixLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.FixLine, ["FixShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.FixShape, ["Info"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Info, ["Success"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Success, ["Warn"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Warn });
+// EXTERNAL MODULE: ../../node_modules/clipboard/dist/clipboard.js
+var clipboard = __webpack_require__(7647);
+var clipboard_default = /*#__PURE__*/__webpack_require__.n(clipboard);
+// EXTERNAL MODULE: ../../node_modules/json-formatter-js/dist/json-formatter.umd.js
+var json_formatter_umd = __webpack_require__(4346);
+var json_formatter_umd_default = /*#__PURE__*/__webpack_require__.n(json_formatter_umd);
 ;// CONCATENATED MODULE: ../../packages/message/src/messageConstructor.tsx
 
 
@@ -1237,15 +1237,15 @@ function messageConstructor_objectSpread(e) { for (var r = 1; r < arguments.leng
 
 var MessageThemeEnum;
 (function (MessageThemeEnum) {
+  MessageThemeEnum["ERROR"] = "error";
   MessageThemeEnum["PRIMARY"] = "primary";
-  MessageThemeEnum["WARNING"] = "warning";
   MessageThemeEnum["SUCCESS"] = "success";
-  MessageThemeEnum["ERROR"] = "error";
+  MessageThemeEnum["WARNING"] = "warning";
 })(MessageThemeEnum || (MessageThemeEnum = {}));
 var MessageContentType;
 (function (MessageContentType) {
-  MessageContentType["KEY_VALUE"] = "key-value";
   MessageContentType["JSON"] = "json";
+  MessageContentType["KEY_VALUE"] = "key-value";
 })(MessageContentType || (MessageContentType = {}));
 var IMessageActionType;
 (function (IMessageActionType) {
@@ -1253,6 +1253,10 @@ var IMessageActionType;
    * 联系助手：默认直接拉起企业微信与助手的聊天，需要在 message.assistant 配置对应的企微群ID
    */
   IMessageActionType["ASSISTANT"] = "assistant";
+  /**
+   * 关闭：点击关闭，Message 消失
+   */
+  IMessageActionType["CLOSE"] = "close";
   /**
    * 展开详情：展开面向开发的详情
    */
@@ -1261,10 +1265,6 @@ var IMessageActionType;
    * 图钉按钮：点击后，Message 不会自动消失
    */
   IMessageActionType["FIX"] = "fix";
-  /**
-   * 关闭：点击关闭，Message 消失
-   */
-  IMessageActionType["CLOSE"] = "close";
 })(IMessageActionType || (IMessageActionType = {}));
 var messageProps = {
   id: shared_namespaceObject.PropTypes.string.def(''),
@@ -1722,11 +1722,11 @@ var messageProps = {
         }, [_this2.renderMessageActions()])]), _this2.toolOperation.isDetailShow && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "message-detail"
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "message-copy",
-          "ref": "refCopyMsgDiv"
+          "ref": "refCopyMsgDiv",
+          "class": "message-copy"
         }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CopyShape, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "copy-status",
-          "ref": "refCopyStatus"
+          "ref": "refCopyStatus",
+          "class": "copy-status"
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": "inner"
         }, [renderIcon(_this2.copyStatus), _this2.copyStatus === 'success' ? _this2.t.copySuccess : _this2.t.copyFailed])]), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1748,8 +1748,8 @@ var messageProps = {
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this2.classNames,
           "style": _this2.styles,
+          "class": _this2.classNames,
           "onMouseenter": _this2.handleMouseenter,
           "onMouseleave": _this2.handleMouseleave
         }, [renderMessage()]), [[external_vue_namespaceObject.vShow, _this2.visible]])];

package/lib/message/messageConstructor.d.ts

@@ -1,13 +1,17 @@
 import { VNode } from 'vue';
 declare enum MessageContentType {
-    KEY_VALUE = "key-value",
-    JSON = "json"
+    JSON = "json",
+    KEY_VALUE = "key-value"
 }
 declare enum IMessageActionType {
     /**
      * 联系助手：默认直接拉起企业微信与助手的聊天，需要在 message.assistant 配置对应的企微群ID
      */
     ASSISTANT = "assistant",
+    /**
+     * 关闭：点击关闭，Message 消失
+     */
+    CLOSE = "close",
     /**
      * 展开详情：展开面向开发的详情
      */
@@ -15,11 +19,7 @@ declare enum IMessageActionType {
     /**
      * 图钉按钮：点击后，Message 不会自动消失
      */
-    FIX = "fix",
-    /**
-     * 关闭：点击关闭，Message 消失
-     */
-    CLOSE = "close"
+    FIX = "fix"
 }
 type IMessageAction = {
     /**
@@ -34,13 +34,13 @@ type IMessageAction = {
     /**
      * 需要展示的ICON，如果不设置显示默认
      */
-    icon?: () => VNode | string | VNode;
+    icon?: () => VNode | VNode | string;
     /**
      * 鼠标点击事件，如果返回false则阻止默认点击行为
      * 如果返回其他，默认行为不会阻止
      * @returns
      */
-    onClick?: (...args: any[]) => Boolean | void;
+    onClick?: (...args: any[]) => boolean | void;
     /**
      * 自定义渲染 & 事件处理
      * 如果设置了render则整个渲染都需要自己处理，默认渲染将会被阻止
@@ -67,7 +67,7 @@ export type IMessage = {
     /**
      * 错误码
      */
-    code: string | number;
+    code: number | string;
     /**
      * 错误概述
      */
@@ -79,7 +79,7 @@ export type IMessage = {
     /**
      * 详情
      */
-    details: string | Record<string, any> | Array<Record<string, any> | string | number | boolean>;
+    details: Array<Record<string, any> | boolean | number | string> | Record<string, any> | string;
     /**
      * 助手
      */

package/lib/modal/index.d.ts

@@ -120,8 +120,8 @@ declare const BkModal: {
         "onQuick-close"?: (...args: any[]) => any;
     }, {
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         transfer: string | boolean | HTMLElement;
         renderDirective: "show" | "if";
@@ -199,8 +199,8 @@ declare const BkModal: {
         "onQuick-close"?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         transfer: string | boolean | HTMLElement;
         renderDirective: "show" | "if";
@@ -275,8 +275,8 @@ declare const BkModal: {
     "onQuick-close"?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close")[], "close" | "hidden" | "shown" | "quick-close", {
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     transfer: string | boolean | HTMLElement;
     renderDirective: "show" | "if";

package/lib/modal/index.js

@@ -437,8 +437,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": resolveClassName('modal-header')
         }, [(_slots$header = slots.header) === null || _slots$header === void 0 ? void 0 : _slots$header.call(slots)]), (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": resolveClassName('modal-content'),
-          "style": contentStyles.value
+          "style": contentStyles.value,
+          "class": resolveClassName('modal-content')
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "style": "position: relative; display: inline-block; width: 100%;"
         }, [(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -452,8 +452,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         }, [(_slots$close = slots.close) === null || _slots$close === void 0 ? void 0 : _slots$close.call(slots)])]);
       };
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-        "to": "body",
-        "disabled": !props.transfer
+        "disabled": !props.transfer,
+        "to": "body"
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
@@ -466,10 +466,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
             "default": function _default() {
               return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
                 "ref": maskRef,
-                "class": _defineProperty({}, resolveClassName('modal-mask'), true),
                 "style": {
                   zIndex: zIndex.value
                 },
+                "class": _defineProperty({}, resolveClassName('modal-mask'), true),
                 "onClick": handleClickOutSide
               }, null), [[external_vue_namespaceObject.vShow, localShow.value]])];
             }
@@ -478,8 +478,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           }, {
             "default": function _default() {
               return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-                "class": resolveClassName('modal-wrapper'),
-                "style": modalWrapperStyles.value
+                "style": modalWrapperStyles.value,
+                "class": resolveClassName('modal-wrapper')
               }, [renderContent()]), [[external_vue_namespaceObject.vShow, localShow.value]])];
             }
           })])];

package/lib/modal/modal.css

@@ -88,10 +88,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/modal/modal.d.ts

@@ -116,8 +116,8 @@ declare const _default: import("vue").DefineComponent<{
     "onQuick-close"?: (...args: any[]) => any;
 }, {
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     transfer: string | boolean | HTMLElement;
     renderDirective: "show" | "if";

package/lib/modal/modal.less

@@ -25,11 +25,6 @@
 .@{bk-prefix}-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-
-  div {
-    font-size: 12px;
-  }
 }
 .@{bk-prefix}-modal-footer {
   position: relative;

package/lib/modal/modal.variable.css

@@ -217,10 +217,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/navigation/index.js

@@ -99,10 +99,10 @@ var TitleProps = {
     return function () {
       var _slots$default, _slots$sideIcon;
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('navigation-title')),
         "style": {
           borderBottomWidth: props.navigationType === 'left-right' ? '0' : '1px'
-        }
+        },
+        "class": "".concat(resolveClassName('navigation-title'))
       }, [((_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": "title-icon"
       }, [((_slots$sideIcon = slots['side-icon']) === null || _slots$sideIcon === void 0 ? void 0 : _slots$sideIcon.call(slots)) || (0,external_vue_namespaceObject.createVNode)("i", {
@@ -259,10 +259,10 @@ var NavigationProps = {
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('navigation'))
     }, [this.navigationType === 'top-bottom' && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('navigation-header')),
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
-      }
+      },
+      "class": "".concat(this.resolveClassName('navigation-header'))
     }, [(0,external_vue_namespaceObject.createVNode)(navigation_title, {
       "sideTitle": this.sideTitle
     }, {
@@ -273,18 +273,18 @@ var NavigationProps = {
     }, [(_this$$slots$header = (_this$$slots = this.$slots).header) === null || _this$$slots$header === void 0 ? void 0 : _this$$slots$header.call(_this$$slots)])]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('navigation-wrapper'))
     }, [this.needMenu && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "navigation-nav",
       "style": {
         width: !this.nav.click ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px")
-      }
+      },
+      "class": "navigation-nav"
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "nav-slider",
-      "onMouseenter": this.handleMouseOver,
-      "onMouseleave": this.handleMouseLeave,
       "style": {
         width: !this.nav.hover ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px"),
         borderRight: this.navigationType !== 'top-bottom' ? 'none' : '1px solid #DCDEE5'
-      }
+      },
+      "class": "nav-slider",
+      "onMouseenter": this.handleMouseOver,
+      "onMouseleave": this.handleMouseLeave
     }, [this.navigationType !== 'top-bottom' && this.showSideNavTitle && (0,external_vue_namespaceObject.createVNode)(navigation_title, {
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
@@ -294,10 +294,10 @@ var NavigationProps = {
       "default": this.$slots['side-header'],
       'side-icon': !this.$slots['side-header'] ? this.$slots['side-icon'] : undefined
     }), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "nav-slider-list",
       "style": {
         height: "calc(100vh - ".concat(+this.headHeight + 56, "px)")
-      }
+      },
+      "class": "nav-slider-list"
     }, [(_this$$slots$menu = (_this$$slots2 = this.$slots).menu) === null || _this$$slots$menu === void 0 ? void 0 : _this$$slots$menu.call(_this$$slots2)]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "nav-slider-footer"
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -307,29 +307,29 @@ var NavigationProps = {
       },
       "onClick": this.handleClick
     }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CollapseLeft, {
-      "class": "footer-icon-svg",
       "style": {
         transform: this.nav.click ? 'rotate(180deg)' : 'rotate(0deg)'
-      }
+      },
+      "class": "footer-icon-svg"
     }, null)])]), (_this$$slots$sideFoo = (_this$$slots3 = this.$slots)['side-footer']) === null || _this$$slots$sideFoo === void 0 ? void 0 : _this$$slots$sideFoo.call(_this$$slots3)])]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "navigation-container",
       "style": {
         maxWidth: this.needMenu ? 'calc(100vw - 60px)' : '100vw'
-      }
+      },
+      "class": "navigation-container"
     }, [this.navigationType !== 'top-bottom' && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "container-header",
       "style": {
         flexBasis: "".concat(this.headHeight, "px")
-      }
+      },
+      "class": "container-header"
     }, [((_this$$slots$header2 = (_this$$slots4 = this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots4)) || [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-header-title"
     }, [this.headerTitle]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-header-sets"
     }, [(_this$$slots$headerS = (_this$$slots5 = this.$slots)['header-set']) === null || _this$$slots$headerS === void 0 ? void 0 : _this$$slots$headerS.call(_this$$slots5)])]]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "container-content",
       "style": {
         maxHeight: "calc(100vh - ".concat(this.headHeight, "px)")
-      }
+      },
+      "class": "container-content"
     }, [(_this$$slots$default = (_this$$slots6 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots6), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "container-footer"
     }, [(_this$$slots$footer = (_this$$slots7 = this.$slots).footer) === null || _this$$slots$footer === void 0 ? void 0 : _this$$slots$footer.call(_this$$slots7)])])])])]);

package/lib/navigation/navigation.d.ts

@@ -1,5 +1,5 @@
 import { PropType, SlotsType } from 'vue';
-export type BkNavigationType = 'top-bottom' | 'left-right';
+export type BkNavigationType = 'left-right' | 'top-bottom';
 declare const _default: import("vue").DefineComponent<{
     navWidth: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/notify/index.js

@@ -250,10 +250,10 @@ const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE
 
 var NotifyThemeEnum;
 (function (NotifyThemeEnum) {
+  NotifyThemeEnum["ERROR"] = "error";
   NotifyThemeEnum["PRIMARY"] = "primary";
-  NotifyThemeEnum["WARNING"] = "warning";
   NotifyThemeEnum["SUCCESS"] = "success";
-  NotifyThemeEnum["ERROR"] = "error";
+  NotifyThemeEnum["WARNING"] = "warning";
 })(NotifyThemeEnum || (NotifyThemeEnum = {}));
 var notifyProps = {
   id: shared_namespaceObject.PropTypes.string.def(''),
@@ -343,8 +343,8 @@ var notifyProps = {
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.classNames,
-          "style": _this.styles
+          "style": _this.styles,
+          "class": _this.classNames
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('notify-content'))
         }, [(0,external_vue_namespaceObject.createVNode)("div", {

package/lib/overflow-title/components/overflow-title.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
         default: string | (() => HTMLElement);
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -167,8 +167,8 @@ declare const _default: import("vue").DefineComponent<{
     boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
         default: string | (() => HTMLElement);
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -210,8 +210,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -304,7 +304,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: string;
     content: string;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     boundary: string | HTMLElement;
     calType: string;
     resizeable: boolean;