bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/modal/modal.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,105 +124,182 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
-  width: 440px;
+.bk-infobox {
+  font-size: 12px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
-  width: 440px;
+.bk-infobox .bk-modal-wrapper {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
-  width: 400px;
+.bk-infobox-header {
+  padding-top: 24px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
-  border-radius: 2px;
+.bk-infobox-type {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 24px 24px 0;
+.bk-infobox-icon {
+  width: 42px;
+  height: 42px;
+  font-size: 42px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+.bk-infobox-icon.success {
+  color: #2dcb56;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
-  word-break: break-all;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
-  text-align: center;
-  word-break: break-all;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
-  background-color: #fff;
-  border-top: none;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
-  min-width: 88px;
+.bk-infobox-icon.warning {
+  color: #ff9c01;
 }
-.bk-modal-ctx {
-  pointer-events: auto;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
+.bk-infobox-icon.danger {
+  color: #ea3636;
 }
-.bk-modal-ctx.--show {
-  position: fixed;
+.bk-infobox-icon.loading {
+  color: #3a84ff;
 }
-.bk-modal-ctx.--hide {
-  display: none;
+.bk-infobox-title {
+  padding-right: 24px;
+  padding-left: 24px;
+  margin-top: 24px;
+  font-size: 20px;
+  line-height: 32px;
+  color: #313238;
 }
-.bk-modal-ctx .bk-modal-ctx-mask {
-  display: none;
-  left: 0;
+.bk-infobox-content {
+  padding-right: 24px;
+  padding-left: 24px;
+  margin-top: 16px;
+}
+.bk-infobox-footer {
+  display: flex;
+  padding-right: 24px;
+  padding-bottom: 24px;
+  padding-left: 24px;
+  margin-top: 24px;
+  align-content: center;
+}
+.bk-infobox-footer.is-position-right {
+  justify-content: right;
+}
+.bk-infobox-footer.is-position-center {
+  justify-content: center;
+}
+.bk-infobox-footer.is-position-left {
+  justify-content: left;
+}
+.bk-infobox-footer .bk-button {
+  min-width: 88px;
+}
+.bk-infobox-footer .bk-button ~ .bk-button {
+  margin-left: 8px;
+}
+.bk-modal-mask {
+  position: fixed;
   top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
 }
-.bk-modal-ctx .bk-modal-ctx-mask.--show {
+.bk-modal-wrapper {
   position: fixed;
-  display: inherit;
 }
-.bk-modal-wrapper {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 480px;
+.bk-modal-body {
+  height: 100%;
+  overflow: hidden;
+  background: #fff;
   border-radius: 2px;
-  transform: translate(-50%, -50%);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-.bk-modal-wrapper .bk-modal-outside {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+.bk-modal-content {
+  position: relative;
+  max-height: 100vh;
 }
-.bk-modal-wrapper.normal {
-  width: 480px;
-  height: 240px;
+.bk-modal-footer {
+  position: relative;
 }
-.bk-modal-wrapper.small {
-  width: 400px;
-  height: 200px;
+.bk-modal-close {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: flex;
+  width: 32px;
+  height: 32px;
+  font-size: 18px;
+  color: #979ba5;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: 0.15s;
 }
-.bk-modal-wrapper.medium {
-  width: 640px;
-  height: 400px;
+.bk-modal-close:hover {
+  background: #f0f1f5;
 }
-.bk-modal-wrapper.large {
-  width: 960px;
-  height: 720px;
+.modal-fadein-enter-from {
+  opacity: 0;
 }
-.bk-modal-wrapper .bk-modal-body {
-  height: 100%;
-  width: 100%;
-  background: #fff;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+.modal-fadein-enter-from .bk-modal-body {
+  transform: translateY(-20px);
+}
+.modal-fadein-enter-to {
+  opacity: 1;
+}
+.modal-fadein-enter-to .bk-modal-body {
+  transform: translateY(0);
+}
+.modal-fadein-leave-from {
+  opacity: 1;
+}
+.modal-fadein-leave-from .bk-modal-body {
+  transform: translateY(0);
+}
+.modal-fadein-leave-to {
+  opacity: 0;
+}
+.modal-fadein-leave-to .bk-modal-body {
+  transform: translateY(-20px);
+}
+.modal-fadein-enter-active,
+.modal-fadein-leave-active {
+  transition: opacity 0.15s linear;
+}
+.modal-fadein-enter-active .bk-modal-body,
+.modal-fadein-leave-active .bk-modal-body {
+  transition: transform 0.08s linear;
+}
+.modal-right-enter-from {
+  transform: translateX(100%);
+}
+.modal-right-enter-to {
+  transform: translateX(0);
+}
+.modal-right-leave-from {
+  transform: translateX(0);
+}
+.modal-right-leave-to {
+  transform: translateX(100%);
+}
+.modal-right-enter-active,
+.modal-right-leave-active {
+  transition: transform 0.15s ease;
+}
+.modal-left-enter-from {
+  transform: translateX(-100%);
+}
+.modal-left-enter-to {
+  transform: translateX(0);
+}
+.modal-left-leave-from {
+  transform: translateX(0);
+}
+.modal-left-leave-to {
+  transform: translateX(-100%);
+}
+.modal-left-enter-active,
+.modal-left-leave-active {
+  transition: transform 0.15s ease;
 }

package/lib/modal/props.mixin.d.ts

@@ -4,18 +4,8 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    height: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    extCls: (import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    });
-    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+    width: import("vue-types").VueTypeDef<string | number>;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
@@ -35,17 +25,6 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
-    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
-    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -55,17 +34,6 @@ export declare const propsMixin: {
         default: string | boolean | (() => HTMLElement);
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
-    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    direction: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    title: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -75,17 +43,13 @@ export declare const propsMixin: {
         default: "show" | "if";
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
-    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
 };

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/navigation/navigation.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-navigation {
   display: flex;

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/notify/notify.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-notify {
   position: fixed;

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;