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

package/lib/slider/slider.d.ts

@@ -99,6 +99,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: (value: number) => number;
     };
+    labelClick: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }, {
     renderDom: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -175,6 +179,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: (value: number) => number;
     };
+    labelClick: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -197,5 +205,6 @@ declare const _default: import("vue").DefineComponent<{
     formatterLabel: Function;
     formatterButtonLabel: Function;
     formatterTipLabel: Function;
+    labelClick: boolean | Function;
 }, {}>;
 export default _default;

package/lib/slider/slider.less

@@ -89,6 +89,21 @@
     border-radius: 100%;
     transform: translateX(-50%);
 
+    &:hover {
+      cursor: pointer;
+      &::after {
+        content: '';
+        position: absolute;
+        left: -5px;
+        top: -4px;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #fff;
+        border: solid 1px @primary-color;
+      }
+    }
+
     &.vertical {
       left: 2px;
     }

package/lib/slider/slider.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-slider {
   display: flex;
@@ -202,6 +205,20 @@
   border-radius: 100%;
   transform: translateX(-50%);
 }
+.bk-slider .bk-slider-interval:hover {
+  cursor: pointer;
+}
+.bk-slider .bk-slider-interval:hover::after {
+  content: '';
+  position: absolute;
+  left: -5px;
+  top: -4px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #fff;
+  border: solid 1px var(--primary-color);
+}
 .bk-slider .bk-slider-interval.vertical {
   left: 2px;
 }

package/lib/steps/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkSteps: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -45,8 +45,8 @@ declare const BkSteps: {
         jumpTo: (index: any) => Promise<void>;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -88,7 +88,7 @@ declare const BkSteps: {
     }, {
         text: boolean;
         extCls: string;
-        theme: "success" | "warning" | "danger" | "primary";
+        theme: "success" | "danger" | "warning" | "primary";
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
@@ -104,8 +104,8 @@ declare const BkSteps: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -151,7 +151,7 @@ declare const BkSteps: {
     }, {}, {}, {}, {
         text: boolean;
         extCls: string;
-        theme: "success" | "warning" | "danger" | "primary";
+        theme: "success" | "danger" | "warning" | "primary";
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
@@ -164,8 +164,8 @@ declare const BkSteps: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -211,7 +211,7 @@ declare const BkSteps: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", {
     text: boolean;
     extCls: string;
-    theme: "success" | "warning" | "danger" | "primary";
+    theme: "success" | "danger" | "warning" | "primary";
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";

package/lib/steps/index.js

@@ -557,9 +557,9 @@ const icon_namespaceObject = icon_x({ ["Circle"]: () => __WEBPACK_EXTERNAL_MODUL
 
 var StatusEnum;
 (function (StatusEnum) {
-  StatusEnum["UNKNOWN"] = "";
   StatusEnum["ERROR"] = "error";
   StatusEnum["LOADING"] = "loading";
+  StatusEnum["UNKNOWN"] = "";
 })(StatusEnum || (StatusEnum = {}));
 var stepsProps = {
   theme: shared_namespaceObject.PropTypes.theme().def(shared_namespaceObject.ThemeEnum.PRIMARY),
@@ -766,20 +766,20 @@ var stepsProps = {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": [_this.resolveClassName('step'), !step.title ? _this.resolveClassName('step-no-content') : '', isDone(index) ? 'done' : '', isCurrent(index) ? 'current' : '', isCurrent(index) && _this.status === 'error' ? 'is-error' : '', step.status && isCurrent(index) ? ["".concat(_this.resolveClassName("step-".concat(step.status)))] : '']
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "class": ["".concat(_this.resolveClassName('step-indicator')), "".concat(_this.resolveClassName("step-".concat(iconType(step) ? 'icon' : 'number'))), "".concat(_this.resolveClassName("step-icon".concat(step.status)))],
         "style": {
           cursor: _this.controllable ? 'pointer' : ''
         },
+        "class": ["".concat(_this.resolveClassName('step-indicator')), "".concat(_this.resolveClassName("step-".concat(iconType(step) ? 'icon' : 'number'))), "".concat(_this.resolveClassName("step-icon".concat(step.status)))],
         "onClick": function onClick() {
           _this.jumpTo(index + 1);
         }
       }, [(_this$$slots = (_this$$slots2 = (_this$$slots3 = _this.$slots)[index + 1]) === null || _this$$slots2 === void 0 ? void 0 : _this$$slots2.call(_this$$slots3)) !== null && _this$$slots !== void 0 ? _this$$slots : renderIcon(index, step)]), step.title ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('step-content'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(_this.resolveClassName('step-title')),
         "style": {
           cursor: _this.controllable ? 'pointer' : ''
         },
+        "class": "".concat(_this.resolveClassName('step-title')),
         "onClick": function onClick() {
           _this.jumpTo(index + 1);
         }

package/lib/steps/steps.d.ts

@@ -25,8 +25,8 @@
  */
 import { ExtractPropTypes } from 'vue';
 declare const stepsProps: {
-    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -65,8 +65,8 @@ declare const stepsProps: {
 };
 export type StepsPropTypes = ExtractPropTypes<typeof stepsProps>;
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -107,8 +107,8 @@ declare const _default: import("vue").DefineComponent<{
     jumpTo: (index: any) => Promise<void>;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
@@ -150,7 +150,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     text: boolean;
     extCls: string;
-    theme: "success" | "warning" | "danger" | "primary";
+    theme: "success" | "danger" | "warning" | "primary";
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";

package/lib/steps/steps.variable.css

@@ -13,6 +13,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;
@@ -124,6 +125,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;
 }
 * {
   box-sizing: border-box;

package/lib/styles/index.d.ts

@@ -20,7 +20,6 @@ import '../modal/modal.less';
 import '../progress/progress.less';
 import '../radio/radio.less';
 import '../rate/rate.less';
-import '../rate/star.less';
 import '../swiper/swiper.less';
 import '../select/select.less';
 import '../sideslider/sideslider.less';

package/lib/styles/mixins/animate.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/styles/mixins/popper.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-popper {
   display: none;

package/lib/styles/mixins/scroll.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-F-scroll-x {
   overflow-x: auto;

package/lib/styles/reset.css

@@ -12,9 +12,7 @@ body {
   padding: 0;
   margin: 0;
 }
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 /**

package/lib/styles/reset.less

@@ -9,7 +9,7 @@
   &::-webkit-scrollbar-thumb {
     background: #ddd;
     border-radius: 20px;
-    box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
+    box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
   }
 }
 
@@ -19,9 +19,7 @@ body {
   margin: 0;
 }
 
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 
@@ -199,7 +197,6 @@ select {
  * 3. Improve usability and consistency of cursor style between image-type `input` and others.
  */
 button,
-
 html input[type='button'],
 input[type='reset'],
 input[type='submit'] {
@@ -295,7 +292,7 @@ input[type='search']::-webkit-search-decoration {
  * Define consistent border, margin, and padding.
  */
 fieldset {
-  padding: .35em .625em .75em;
+  padding: 0.35em 0.625em 0.75em;
   margin: 0 2px;
   border: 1px solid #c0c0c0;
 }

package/lib/styles/reset.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;
 }
 .scroll-bar-style::-webkit-scrollbar {
   width: 4px;
@@ -138,9 +141,7 @@ body {
   padding: 0;
   margin: 0;
 }
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 /**

package/lib/styles/themes/themes.less

@@ -13,6 +13,7 @@
 @whitesmoke-color: #fafbfd;
 @disable-color: #dcdee5;
 @disable-bg-color: #f9fafd;
+@border-color: #dcdee5;
 
 @font-size-base: 12px;
 @font-size-medium: 14px;
@@ -167,3 +168,7 @@
 @search-select-placeholder-color: @light-gray;
 @search-select-message-color: @danger-color;
 @search-select-menu-border-color: @disable-color;
+
+// select theme
+@select-active-color: #e1ecff;
+@select-hover-color: #f5f7fa;

package/lib/swiper/index.js

@@ -259,20 +259,20 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
     // render
     return function () {
       return (0,external_vue_namespaceObject.createVNode)("section", {
-        "class": "".concat(resolveClassName('swiper-home')),
         "ref": swiperRef,
-        "style": computedSwiperRenderStyle.value
+        "style": computedSwiperRenderStyle.value,
+        "class": "".concat(resolveClassName('swiper-home'))
       }, [(0,external_vue_namespaceObject.createVNode)("hgroup", {
         "style": computedSwiperTranslateStyle.value,
         "class": "".concat(resolveClassName('transition'), " ").concat(resolveClassName('swiper-main'))
       }, [computedRenderDataList.value.map(function (renderData) {
         var _slots$default, _slots$default2;
         return (0,external_vue_namespaceObject.createVNode)("h3", {
-          "class": "".concat(resolveClassName('swiper-card')),
-          "style": computedSwiperRenderStyle.value
+          "style": computedSwiperRenderStyle.value,
+          "class": "".concat(resolveClassName('swiper-card'))
         }, [(_slots$default = (_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots, renderData)) !== null && _slots$default !== void 0 ? _slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
-          "class": getRenderItemClass(renderData),
           "style": getRenderItemStyle(renderData),
+          "class": getRenderItemClass(renderData),
           "onClick": function onClick() {
             return goToLink(renderData.link);
           }

package/lib/swiper/swiper.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-swiper-home {
   position: relative;

package/lib/switcher/index.js

@@ -145,8 +145,8 @@ var switcherType = {
 };
 var EVENTS;
 (function (EVENTS) {
-  EVENTS["UPDATE"] = "update:modelValue";
   EVENTS["CHANGE"] = "change";
+  EVENTS["UPDATE"] = "update:modelValue";
 })(EVENTS || (EVENTS = {}));
 function EventFunction(value) {
   return value;
@@ -232,8 +232,8 @@ var switcherEmitEventsType = _defineProperty(_defineProperty({}, EVENTS.UPDATE,
     return function () {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": classObject.value,
-        "onClick": handleChange,
         "tabindex": "0",
+        "onClick": handleChange,
         "onKeydown": handleKeydown
       }, [isLoading.value ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.SwitcherLoading, {
         "class": "".concat(resolveClassName('switcher-loading'))

package/lib/switcher/switcher.d.ts

@@ -53,8 +53,8 @@ export declare const switcherType: {
     };
 };
 export declare const enum EVENTS {
-    UPDATE = "update:modelValue",
-    CHANGE = "change"
+    CHANGE = "change",
+    UPDATE = "update:modelValue"
 }
 export type SwitcherType = ExtractPropTypes<typeof switcherType>;
 declare function EventFunction(value: SwitcherType['modelValue']): string | number | boolean;

package/lib/switcher/switcher.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/tab/index.d.ts

@@ -8,11 +8,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
         };
-        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-            default: "top" | "right" | "left";
+        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+            default: "left" | "right" | "top";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -90,11 +90,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
         };
-        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-            default: "top" | "right" | "left";
+        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+            default: "left" | "right" | "top";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -160,7 +160,7 @@ declare const BkTab: {
         "onOn-drag-tab"?: (...args: any[]) => any;
         "onUpdate:active"?: (...args: any[]) => any;
     }, {
-        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+        type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
         extCls: string;
         active: string | number;
         closable: boolean;
@@ -169,7 +169,7 @@ declare const BkTab: {
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "top" | "right" | "left";
+        tabPosition: "left" | "right" | "top";
         addable: boolean;
         labelHeight: number;
         scrollStep: number;
@@ -187,11 +187,11 @@ declare const BkTab: {
         active: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
         };
-        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-            default: "top" | "right" | "left";
+        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+            default: "left" | "right" | "top";
         };
         closable: BooleanConstructor;
         addable: BooleanConstructor;
@@ -266,7 +266,7 @@ declare const BkTab: {
         tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
         tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
     }, {}, {}, {}, {
-        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+        type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
         extCls: string;
         active: string | number;
         closable: boolean;
@@ -275,7 +275,7 @@ declare const BkTab: {
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "top" | "right" | "left";
+        tabPosition: "left" | "right" | "top";
         addable: boolean;
         labelHeight: number;
         scrollStep: number;
@@ -290,11 +290,11 @@ declare const BkTab: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
-        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
+        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     };
-    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
-        default: "top" | "right" | "left";
+    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
+        default: "left" | "right" | "top";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -369,7 +369,7 @@ declare const BkTab: {
     tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
     tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active")[], "sort" | "change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active", {
-    type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
+    type: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
     extCls: string;
     active: string | number;
     closable: boolean;
@@ -378,7 +378,7 @@ declare const BkTab: {
     sortable: boolean;
     activeBarColor: string;
     activeBarSize: number;
-    tabPosition: "top" | "right" | "left";
+    tabPosition: "left" | "right" | "top";
     addable: boolean;
     labelHeight: number;
     scrollStep: number;