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

package/lib/slider/index.js

@@ -650,21 +650,21 @@ const popover_less_namespaceObject = popover_less_x({  });
       resolveClassName = _usePrefix.resolveClassName;
     var renderDom = function renderDom() {
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "ref": button,
-        "style": wrapperStyle.value,
         "class": ["".concat(resolveClassName('slider-button')), props.params.vertical ? 'vertical' : 'horizontal', {
           grabbing: dragging.value
         }],
+        "ref": button,
         "tabindex": "0",
+        "style": wrapperStyle.value,
         "onClick": function onClick(event) {
           return event.stopPropagation();
         },
         "onMousedown": onButtonDown
       }, [Boolean(tip.value.content) ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
-        "boundary": document.body,
         "content": tip.value.content,
+        "theme": 'dark',
         "placement": tip.value.placement,
-        "theme": 'dark'
+        "boundary": document.body
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -886,10 +886,12 @@ var off = function off(element, event, handler) {
         result.push(i * stepWidth);
       }
       if (props.range) {
+        // eslint-disable-next-line max-len
         return result.filter(function (step) {
           return step < 100 * (rangeMinValue.value - props.minValue) / (props.maxValue - props.minValue) || step > 100 * (rangeMaxValue.value - props.minValue) / (props.maxValue - props.minValue);
         });
       }
+      // eslint-disable-next-line max-len
       return result.filter(function (step) {
         return step > 100 * (firstValue.value - props.minValue) / (props.maxValue - props.minValue);
       });
@@ -1186,25 +1188,25 @@ var off = function off(element, event, handler) {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": ["".concat(resolveClassName('slider')), props.extCls]
       }, [(_slots$start = slots.start) === null || _slots$start === void 0 ? void 0 : _slots$start.call(slots), (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(resolveClassName('slider-runway')),
         "ref": slider,
         "style": runwayStyle.value,
-        "class": "".concat(resolveClassName('slider-runway')),
         "onClick": setButtonPos
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
-        "style": barStyle.value,
         "class": ["".concat(resolveClassName('slider-bar')), props.vertical ? 'vertical' : 'horizontal', {
           disable: props.disable
-        }]
+        }],
+        "style": barStyle.value
       }, null), props.showInterval ? intervals.value.map(function (interval, index) {
         if (index === 0 || index === intervals.value.length - 1) {
           return null;
         }
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "key": index,
-          "style": getIntervalStyle(interval),
           "class": ["".concat(resolveClassName('slider-interval')), {
             vertical: props.vertical
           }],
+          "style": getIntervalStyle(interval),
           "onClick": function onClick(e) {
             return handleStepLabelClick(e, interval);
           }
@@ -1215,10 +1217,10 @@ var off = function off(element, event, handler) {
         }
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "key": index,
-          "style": getIntervalStyle(custom.percent),
           "class": ["".concat(resolveClassName('slider-interval')), {
             vertical: props.vertical
           }],
+          "style": getIntervalStyle(custom.percent),
           "onClick": function onClick(e) {
             return handleStepLabelClick(e, custom);
           }
@@ -1228,23 +1230,23 @@ var off = function off(element, event, handler) {
       }, [function () {
         if (props.showBetweenLabel) {
           return [(0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "label-start",
             "style": [{
               opacity: betweenLabelStyle('start')
-            }],
-            "class": "label-start"
+            }]
           }, [props.formatterLabel(props.minValue)]), (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "label-end",
             "style": [{
               opacity: betweenLabelStyle('end')
-            }],
-            "class": "label-end"
+            }]
           }, [props.formatterLabel(props.maxValue)])];
         }
         if (props.showIntervalLabel) {
           return intervalLabels.value.map(function (intervalLabel, index) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
+              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "key": index,
               "style": getIntervalStyle(intervalLabel.stepWidth),
-              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "onClick": function onClick(e) {
                 return handleStepLabelClick(e, intervalLabel);
               }
@@ -1254,9 +1256,9 @@ var off = function off(element, event, handler) {
         if (props.customContent) {
           return customList.value.map(function (item, index) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
+              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "key": index,
               "style": getIntervalStyle(item.percent),
-              "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "onClick": function onClick(e) {
                 return handleStepLabelClick(e, item);
               }
@@ -1265,20 +1267,20 @@ var off = function off(element, event, handler) {
         }
         return undefined;
       }()]) : undefined, (0,external_vue_namespaceObject.createVNode)(slider_button, {
-        "ref": firstbutton,
         "modelValue": firstValue.value,
         "onUpdate:modelValue": function onUpdateModelValue($event) {
           return firstValue.value = $event;
         },
+        "ref": firstbutton,
         "params": buttonParms.value,
         "onEmitChange": emitChange,
         "onResetSize": resetSize
       }, null), props.range ? (0,external_vue_namespaceObject.createVNode)(slider_button, {
-        "ref": secondbutton,
         "modelValue": secondValue.value,
         "onUpdate:modelValue": function onUpdateModelValue($event) {
           return secondValue.value = $event;
         },
+        "ref": secondbutton,
         "params": buttonParms.value,
         "onEmitChange": emitChange,
         "onResetSize": resetSize
@@ -1287,20 +1289,20 @@ var off = function off(element, event, handler) {
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "input-item"
       }, [(0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
+        "type": "number",
+        "modelValue": firstInput.value,
         "max": props.maxValue,
         "min": props.minValue,
-        "modelValue": firstInput.value,
-        "type": "number",
         "onChange": firstInputChange
       }, null)]), showSecondInput.value && secondValue.value ? [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "input-center"
       }, [(0,external_vue_namespaceObject.createTextVNode)("\uFF5E")]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "input-item"
       }, [(0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
+        "type": "number",
+        "modelValue": secondInput.value,
         "max": props.maxValue,
         "min": props.minValue,
-        "modelValue": secondInput.value,
-        "type": "number",
         "onChange": secondInputChange
       }, null)])] : undefined]) : undefined, (_slots$end = slots.end) === null || _slots$end === void 0 ? void 0 : _slots$end.call(slots)]);
     };

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" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+            default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+            default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary";
+        theme: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+            default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary";
+        theme: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+        default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary";
+    theme: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+        default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+        default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+        default: "success" | "warning" | "danger" | "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" | "danger" | "warning" | "primary";
+    theme: "success" | "warning" | "danger" | "primary";
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";

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,
-        "class": "".concat(resolveClassName('swiper-home'))
+        "style": computedSwiperRenderStyle.value
       }, [(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", {
-          "style": computedSwiperRenderStyle.value,
-          "class": "".concat(resolveClassName('swiper-card'))
+          "class": "".concat(resolveClassName('swiper-card')),
+          "style": computedSwiperRenderStyle.value
         }, [(_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", {
-          "style": getRenderItemStyle(renderData),
           "class": getRenderItemClass(renderData),
+          "style": getRenderItemStyle(renderData),
           "onClick": function onClick() {
             return goToLink(renderData.link);
           }

package/lib/switcher/index.js

@@ -145,8 +145,8 @@ var switcherType = {
 };
 var EVENTS;
 (function (EVENTS) {
-  EVENTS["CHANGE"] = "change";
   EVENTS["UPDATE"] = "update:modelValue";
+  EVENTS["CHANGE"] = "change";
 })(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,
-        "tabindex": "0",
         "onClick": handleChange,
+        "tabindex": "0",
         "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 {
-    CHANGE = "change",
-    UPDATE = "update:modelValue"
+    UPDATE = "update:modelValue",
+    CHANGE = "change"
 }
 export type SwitcherType = ExtractPropTypes<typeof switcherType>;
 declare function EventFunction(value: SwitcherType['modelValue']): string | number | boolean;

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" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         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" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         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" | "card-grid" | "card-tab" | "unborder-card";
+        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         extCls: string;
         active: string | number;
         closable: boolean;
@@ -169,7 +169,7 @@ declare const BkTab: {
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "left" | "right" | "top";
+        tabPosition: "top" | "right" | "left";
         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" | "card-grid" | "card-tab" | "unborder-card"> & {
-            default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+        type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+            default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         };
-        tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-            default: "left" | "right" | "top";
+        tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+            default: "top" | "right" | "left";
         };
         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" | "card-grid" | "card-tab" | "unborder-card";
+        type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
         extCls: string;
         active: string | number;
         closable: boolean;
@@ -275,7 +275,7 @@ declare const BkTab: {
         sortable: boolean;
         activeBarColor: string;
         activeBarSize: number;
-        tabPosition: "left" | "right" | "top";
+        tabPosition: "top" | "right" | "left";
         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" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     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" | "card-grid" | "card-tab" | "unborder-card";
+    type: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     extCls: string;
     active: string | number;
     closable: boolean;
@@ -378,7 +378,7 @@ declare const BkTab: {
     sortable: boolean;
     activeBarColor: string;
     activeBarSize: number;
-    tabPosition: "left" | "right" | "top";
+    tabPosition: "top" | "right" | "left";
     addable: boolean;
     labelHeight: number;
     scrollStep: number;

package/lib/tab/index.js

@@ -100,11 +100,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 var TabTypeEnum;
 (function (TabTypeEnum) {
-  TabTypeEnum["BORDER_CARD"] = "border-card";
   TabTypeEnum["CARD"] = "card";
-  TabTypeEnum["CARD_GRID"] = "card-grid";
-  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["BORDER_CARD"] = "border-card";
   TabTypeEnum["UNBORDER_CARD"] = "unborder-card";
+  TabTypeEnum["CARD_TAB"] = "card-tab";
+  TabTypeEnum["CARD_GRID"] = "card-grid";
 })(TabTypeEnum || (TabTypeEnum = {}));
 var PositionEnum;
 (function (PositionEnum) {
@@ -115,8 +115,8 @@ var PositionEnum;
 var TabPositionType = (0,external_vue_types_namespaceObject.toType)('position', {}).def(PositionEnum.TOP);
 var SortTypeEnum;
 (function (SortTypeEnum) {
-  SortTypeEnum["INSERT"] = "insert";
   SortTypeEnum["REPLACE"] = "replace";
+  SortTypeEnum["INSERT"] = "insert";
 })(SortTypeEnum || (SortTypeEnum = {}));
 var SortTypeUnion = (0,external_vue_types_namespaceObject.toType)('sortType', {}).def(SortTypeEnum.REPLACE);
 var tabNavEventProps = {
@@ -528,16 +528,14 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         };
         return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
           "key": name,
-          "ref": active === name ? 'activeRef' : '',
-          "class": getNavItemClass(),
-          "draggable": getValue(item.sortable, sortable),
           "onClick": function onClick() {
             return !disabled && _this.handleTabChange(name);
           },
-          "onDragend": function onDragend(e) {
-            e.preventDefault();
-            dragend();
+          "draggable": getValue(item.sortable, sortable),
+          "onDragstart": function onDragstart(e) {
+            return dragstart(index, e);
           },
+          "ref": active === name ? 'activeRef' : '',
           "onDragenter": function onDragenter(e) {
             e.preventDefault();
             dragenter(index);
@@ -548,13 +546,15 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           "onDragover": function onDragover(e) {
             e.preventDefault();
           },
-          "onDragstart": function onDragstart(e) {
-            return dragstart(index, e);
+          "onDragend": function onDragend(e) {
+            e.preventDefault();
+            dragend();
           },
           "onDrop": function onDrop(e) {
             e.preventDefault();
             drop(index, sortType);
-          }
+          },
+          "class": getNavItemClass()
         }, [(0,external_vue_namespaceObject.createVNode)("div", null, [tabLabel]), getValue(item.closable, closable) ? (0,external_vue_namespaceObject.createVNode)("span", {
           "class": _this.resolveClassName('tab-header--close'),
           "onClick": function onClick() {
@@ -585,8 +585,8 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
           "class": _this.resolveClassName('tab-header-operation')
         }, [list.map(function (item, index) {
           return (0,external_vue_namespaceObject.createVNode)("div", {
-            "key": index,
-            "class": _this.resolveClassName('tab-header-item')
+            "class": _this.resolveClassName('tab-header-item'),
+            "key": index
           }, [item]);
         })]);
       }

package/lib/tab/props.d.ts

@@ -1,22 +1,22 @@
 import { ExtractPropTypes, PropType, VNode } from 'vue';
 export declare enum TabTypeEnum {
-    BORDER_CARD = "border-card",
     CARD = "card",
-    CARD_GRID = "card-grid",
+    BORDER_CARD = "border-card",
+    UNBORDER_CARD = "unborder-card",
     CARD_TAB = "card-tab",
-    UNBORDER_CARD = "unborder-card"
+    CARD_GRID = "card-grid"
 }
 export declare enum PositionEnum {
     LEFT = "left",
     RIGHT = "right",
     TOP = "top"
 }
-export declare const TabPositionType: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-    default: "left" | "right" | "top";
+export declare const TabPositionType: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+    default: "top" | "right" | "left";
 };
 export declare enum SortTypeEnum {
-    INSERT = "insert",
-    REPLACE = "replace"
+    REPLACE = "replace",
+    INSERT = "insert"
 }
 export declare const SortTypeUnion: import("vue-types").VueTypeDef<"replace" | "insert"> & {
     default: "replace" | "insert";
@@ -105,11 +105,11 @@ export declare const tabProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;
@@ -187,8 +187,8 @@ export declare const tabNavProps: {
     active: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    type: import("vue-types").VueTypeDef<"card" | "border-card" | "card-grid" | "card-tab" | "unborder-card"> & {
-        default: "card" | "border-card" | "card-grid" | "card-tab" | "unborder-card";
+    type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab" | "card-grid"> & {
+        default: "card" | "border-card" | "unborder-card" | "card-tab" | "card-grid";
     };
     activeBarColor: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -206,8 +206,8 @@ export declare const tabNavProps: {
         }>[]>;
         default: () => any[];
     };
-    tabPosition: import("vue-types").VueTypeDef<"left" | "right" | "top"> & {
-        default: "left" | "right" | "top";
+    tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
+        default: "top" | "right" | "left";
     };
     closable: BooleanConstructor;
     addable: BooleanConstructor;