bkui-vue 0.0.1-beta.354 → 0.0.1-beta.356

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/index.cjs.js +26 -26
  2. package/dist/index.esm.js +38 -6
  3. package/dist/index.umd.js +28 -28
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/notify/index.js +1 -1
  7. package/lib/notify/notifyConstructor.d.ts +6 -9
  8. package/lib/tab/index.d.ts +22 -22
  9. package/lib/tab/index.js +1 -1
  10. package/lib/tab/props.d.ts +21 -6
  11. package/lib/tab/tab-nav.d.ts +5 -5
  12. package/lib/tab/tab.css +63 -16
  13. package/lib/tab/tab.d.ts +10 -10
  14. package/lib/tab/tab.less +67 -19
  15. package/lib/tab/tab.variable.css +63 -16
  16. package/lib/table/table.css +1 -1
  17. package/lib/table/table.less +1 -1
  18. package/lib/table/table.variable.css +1 -1
  19. package/package.json +2 -1
package/lib/notify/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:e=>{e.exports=t},748:t=>{t.exports=e},210:e=>{e.exports=o}},s={};function i(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>p});var e=i(748),t=i(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var s,f=i(210),u=i(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(s||(s={}));var c={id:t.PropTypes.string.def(""),title:t.PropTypes.string.def(""),message:t.PropTypes.string.def(""),theme:(0,f.toType)("notifyTheme",{}).def(s.PRIMARY),position:t.PropTypes.position().def("top-right"),delay:t.PropTypes.number.def(5e3),dismissable:t.PropTypes.bool.def(!0),offsetX:t.PropTypes.number.def(100),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func};const l=(0,e.defineComponent)({name:"Notify",props:c,emits:["destroy"],setup:function(o,r){var s=r.emit,i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.position.indexOf("right")>1?"right":"left"})),f=(0,e.computed)((function(){return o.position.startsWith("top")?"top":"bottom"})),u=(0,e.computed)((function(){var e;return n(e={},a.value,"".concat(o.offsetX,"px")),n(e,f.value,"".concat(o.offsetY,"px")),n(e,"zIndex",i),e})),c=(0,e.computed)((function(){return["bk-notify","bk-notify-".concat(o.theme),a.value]})),l=(0,e.ref)(!1),p=null;return(0,e.onMounted)((function(){o.delay&&(p=setTimeout((function(){l.value=!1}),o.delay)),l.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(p)})),(0,e.watch)(l,(function(){l.value||s("destroy",o.id)})),{classNames:c,styles:u,visible:l,handleClose:function(){l.value=!1}}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"bk-notify-content"},[(0,e.createVNode)("div",{class:"bk-notify-icon"},[{primary:(0,e.createVNode)(u.Info,null,null),warning:(0,e.createVNode)(u.Warn,null,null),success:(0,e.createVNode)(u.Success,null,null),error:(0,e.createVNode)(u.Close,null,null)}[t.theme]]),t.title?(0,e.createVNode)("div",{class:"bk-notify-content-header"},[t.title]):"",(0,e.createVNode)("div",{class:"bk-notify-content-text"},[t.message])]),t.dismissable&&(0,e.createVNode)(u.Error,{class:"bk-notify-icon bk-notify-close",onClick:t.handleClose},null)]),[[e.vShow,t.visible]])]}})}}),p=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var f=s.onClose,u=i.offsetX||10,c=i.offsetY||30,l=i.spacing,p=void 0===l?10:l;o[a].forEach((function(e){c+=(e.el.offsetHeight||0)+p}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:u,offsetY:c,id:d});var y=document.createElement("div"),v=(0,e.createVNode)(n,i);v.props.onDestroy=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,f=o[t].length,u=i;u<f;u++){var c=parseInt(o[t][u].el.style[s],10)-a-r;o[t][u].component.props.offsetY=c}o[t].splice(i,1)}(t,a,p,f),(0,e.render)(null,y)},(0,e.render)(v,y),o[a].push(v),(v.props.getContainer&&(0,t.isElement)(v.props.getContainer)?v.props.getContainer:document.body).appendChild(y.firstElementChild)}(l,n)}})(),a})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../shared"),require("vue-types"),require("../icon"));else if("function"==typeof define&&define.amd)define(["vue","../shared","vue-types","../icon"],t);else{var o="object"==typeof exports?t(require("vue"),require("../shared"),require("vue-types"),require("../icon")):t(e.vue,e["../shared"],e["vue-types"],e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:e=>{e.exports=t},748:t=>{t.exports=e},210:e=>{e.exports=o}},s={};function i(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>l});var e=i(748),t=i(4212),o={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1;function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var s,f=i(210),u=i(6870);!function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.ERROR="error"}(s||(s={}));var p={id:t.PropTypes.string.def(""),title:t.PropTypes.string.def(""),message:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.func]).def(""),theme:(0,f.toType)("notifyTheme",{}).def(s.PRIMARY),position:t.PropTypes.position().def("top-right"),delay:t.PropTypes.number.def(5e3),dismissable:t.PropTypes.bool.def(!0),offsetX:t.PropTypes.number.def(100),offsetY:t.PropTypes.number.def(30),spacing:t.PropTypes.number.def(10),extCls:t.PropTypes.string.def(""),onClose:t.PropTypes.func};const c=(0,e.defineComponent)({name:"Notify",props:p,emits:["destroy"],setup:function(o,r){var s=r.emit,i=t.bkZIndexManager.getMessageNextIndex(),a=(0,e.computed)((function(){return o.position.indexOf("right")>1?"right":"left"})),f=(0,e.computed)((function(){return o.position.startsWith("top")?"top":"bottom"})),u=(0,e.computed)((function(){var e;return n(e={},a.value,"".concat(o.offsetX,"px")),n(e,f.value,"".concat(o.offsetY,"px")),n(e,"zIndex",i),e})),p=(0,e.computed)((function(){return["bk-notify","bk-notify-".concat(o.theme),a.value]})),c=(0,e.computed)((function(){return"function"==typeof o.message?o.message():o.message})),l=(0,e.ref)(!1),d=null;return(0,e.onMounted)((function(){o.delay&&(d=setTimeout((function(){l.value=!1}),o.delay)),l.value=!0})),(0,e.onUnmounted)((function(){clearTimeout(d)})),(0,e.watch)(l,(function(){l.value||s("destroy",o.id)})),{classNames:p,styles:u,visible:l,renderMessage:c,handleClose:function(){l.value=!1}}},render:function(){var t=this;return(0,e.createVNode)(e.Transition,{name:"bk-notify-fade"},{default:function(){return[(0,e.withDirectives)((0,e.createVNode)("div",{class:t.classNames,style:t.styles},[(0,e.createVNode)("div",{class:"bk-notify-content"},[(0,e.createVNode)("div",{class:"bk-notify-icon"},[{primary:(0,e.createVNode)(u.Info,null,null),warning:(0,e.createVNode)(u.Warn,null,null),success:(0,e.createVNode)(u.Success,null,null),error:(0,e.createVNode)(u.Close,null,null)}[t.theme]]),t.title?(0,e.createVNode)("div",{class:"bk-notify-content-header"},[t.title]):"",(0,e.createVNode)("div",{class:"bk-notify-content-text"},[t.renderMessage])]),t.dismissable&&(0,e.createVNode)(u.Error,{class:"bk-notify-icon bk-notify-close",onClick:t.handleClose},null)]),[[e.vShow,t.visible]])]}})}}),l=function(n){!function(n,s){var i=s,a=i.position||"top-right";"string"==typeof s&&(i={message:s});var f=s.onClose,u=i.offsetX||10,p=i.offsetY||30,c=i.spacing,l=void 0===c?10:c;o[a].forEach((function(e){p+=(e.el.offsetHeight||0)+l}));var d="message_".concat(r+=1);i=Object.assign(Object.assign({},i),{offsetX:u,offsetY:p,id:d});var y=document.createElement("div"),m=(0,e.createVNode)(n,i);m.props.onDestroy=function(t){!function(e,t,r,n){null==n||n();var s=t.startsWith("top")?"top":"bottom",i=-1;o[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var a=o[t][i].el.offsetHeight,f=o[t].length,u=i;u<f;u++){var p=parseInt(o[t][u].el.style[s],10)-a-r;o[t][u].component.props.offsetY=p}o[t].splice(i,1)}(t,a,l,f),(0,e.render)(null,y)},(0,e.render)(m,y),o[a].push(m),(m.props.getContainer&&(0,t.isElement)(m.props.getContainer)?m.props.getContainer:document.body).appendChild(y.firstElementChild)}(c,n)}})(),a})()));
package/lib/notify/notifyConstructor.d.ts CHANGED
@@ -9,10 +9,8 @@ declare const _default: import("vue").DefineComponent<{
9
9
  } & {
10
10
  default: string;
11
11
  };
12
- message: import("vue-types").VueTypeValidableDef<string> & {
13
- default: string;
14
- } & {
15
- default: string;
12
+ message: import("vue-types").VueTypeDef<any> & {
13
+ default: any;
16
14
  };
17
15
  theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
18
16
  default: "error" | "success" | "warning" | "primary";
@@ -60,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
60
58
  zIndex: number;
61
59
  }>;
62
60
  visible: import("vue").Ref<boolean>;
61
+ renderMessage: import("vue").ComputedRef<any>;
63
62
  handleClose: () => void;
64
63
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
65
64
  id: import("vue-types").VueTypeValidableDef<string> & {
@@ -72,10 +71,8 @@ declare const _default: import("vue").DefineComponent<{
72
71
  } & {
73
72
  default: string;
74
73
  };
75
- message: import("vue-types").VueTypeValidableDef<string> & {
76
- default: string;
77
- } & {
78
- default: string;
74
+ message: import("vue-types").VueTypeDef<any> & {
75
+ default: any;
79
76
  };
80
77
  theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
81
78
  default: "error" | "success" | "warning" | "primary";
@@ -125,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
125
122
  extCls: string;
126
123
  position: string;
127
124
  onClose: (...args: any[]) => any;
128
- message: string;
125
+ message: any;
129
126
  offsetX: number;
130
127
  offsetY: number;
131
128
  spacing: number;
package/lib/tab/index.d.ts CHANGED
@@ -4,12 +4,12 @@ declare const BkTab: {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
6
6
  $props: Partial<{
7
- type: "card" | "border-card" | "unborder-card";
7
+ type: "card" | "border-card" | "unborder-card" | "card-tab";
8
8
  extCls: string;
9
9
  active: string | number;
10
10
  closable: boolean;
11
11
  showHeader: boolean;
12
- sortType: "top" | "replace" | "insert";
12
+ sortType: "replace" | "insert";
13
13
  tabPosition: "top" | "right" | "left";
14
14
  addable: boolean;
15
15
  sortable: boolean;
@@ -22,8 +22,8 @@ declare const BkTab: {
22
22
  active: import("vue-types").VueTypeDef<string | number> & {
23
23
  default: string | number;
24
24
  };
25
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
26
- default: "card" | "border-card" | "unborder-card";
25
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
26
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
27
27
  };
28
28
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
29
29
  default: "top" | "right" | "left";
@@ -31,8 +31,8 @@ declare const BkTab: {
31
31
  closable: BooleanConstructor;
32
32
  addable: BooleanConstructor;
33
33
  sortable: BooleanConstructor;
34
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
35
- default: "top" | "replace" | "insert";
34
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
35
+ default: "replace" | "insert";
36
36
  };
37
37
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
38
38
  default: number;
@@ -99,8 +99,8 @@ declare const BkTab: {
99
99
  active: import("vue-types").VueTypeDef<string | number> & {
100
100
  default: string | number;
101
101
  };
102
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
103
- default: "card" | "border-card" | "unborder-card";
102
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
103
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
104
104
  };
105
105
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
106
106
  default: "top" | "right" | "left";
@@ -108,8 +108,8 @@ declare const BkTab: {
108
108
  closable: BooleanConstructor;
109
109
  addable: BooleanConstructor;
110
110
  sortable: BooleanConstructor;
111
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
112
- default: "top" | "replace" | "insert";
111
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
112
+ default: "replace" | "insert";
113
113
  };
114
114
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
115
115
  default: number;
@@ -167,12 +167,12 @@ declare const BkTab: {
167
167
  tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
168
168
  tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
169
169
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort")[], string, {
170
- type: "card" | "border-card" | "unborder-card";
170
+ type: "card" | "border-card" | "unborder-card" | "card-tab";
171
171
  extCls: string;
172
172
  active: string | number;
173
173
  closable: boolean;
174
174
  showHeader: boolean;
175
- sortType: "top" | "replace" | "insert";
175
+ sortType: "replace" | "insert";
176
176
  tabPosition: "top" | "right" | "left";
177
177
  addable: boolean;
178
178
  sortable: boolean;
@@ -205,8 +205,8 @@ declare const BkTab: {
205
205
  active: import("vue-types").VueTypeDef<string | number> & {
206
206
  default: string | number;
207
207
  };
208
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
209
- default: "card" | "border-card" | "unborder-card";
208
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
209
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
210
210
  };
211
211
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
212
212
  default: "top" | "right" | "left";
@@ -214,8 +214,8 @@ declare const BkTab: {
214
214
  closable: BooleanConstructor;
215
215
  addable: BooleanConstructor;
216
216
  sortable: BooleanConstructor;
217
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
218
- default: "top" | "replace" | "insert";
217
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
218
+ default: "replace" | "insert";
219
219
  };
220
220
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
221
221
  default: number;
@@ -280,8 +280,8 @@ declare const BkTab: {
280
280
  active: import("vue-types").VueTypeDef<string | number> & {
281
281
  default: string | number;
282
282
  };
283
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
284
- default: "card" | "border-card" | "unborder-card";
283
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
284
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
285
285
  };
286
286
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
287
287
  default: "top" | "right" | "left";
@@ -289,8 +289,8 @@ declare const BkTab: {
289
289
  closable: BooleanConstructor;
290
290
  addable: BooleanConstructor;
291
291
  sortable: BooleanConstructor;
292
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
293
- default: "top" | "replace" | "insert";
292
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
293
+ default: "replace" | "insert";
294
294
  };
295
295
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
296
296
  default: number;
@@ -348,12 +348,12 @@ declare const BkTab: {
348
348
  tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
349
349
  tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
350
350
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "remove" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "update:active", {
351
- type: "card" | "border-card" | "unborder-card";
351
+ type: "card" | "border-card" | "unborder-card" | "card-tab";
352
352
  extCls: string;
353
353
  active: string | number;
354
354
  closable: boolean;
355
355
  showHeader: boolean;
356
- sortType: "top" | "replace" | "insert";
356
+ sortType: "replace" | "insert";
357
357
  tabPosition: "top" | "right" | "left";
358
358
  addable: boolean;
359
359
  sortable: boolean;
package/lib/tab/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../icon/"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../icon/")):t(e["../shared"],e.vue,e["vue-types"],e["../icon/"]);for(var n in a)("object"==typeof exports?exports:e)[n]=a[n]}}(self,((e,t,a,n)=>(()=>{"use strict";var r={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=a}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return r[e](a,a.exports,l),a.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{l.r(s),l.d(s,{BkTab:()=>m,BkTabPanel:()=>g,default:()=>T});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var a,n,r=l(748),o=l(210);!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card"}(a||(a={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(n||(n={}));var i,u=(0,o.toType)("position",{}).def(n.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert",e.TOP="top"}(i||(i={}));var d=(0,o.toType)("sortType",{}).def(i.REPLACE),c={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},p={active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),type:(0,o.toType)("type",{}).def(a.BORDER_CARD),tabPosition:u,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:d,labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),extCls:e.PropTypes.string.def(""),validateActive:e.PropTypes.bool.def(!0),showHeader:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},b=Object.assign({active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),panels:{type:Array,default:function(){return[]}},tabPosition:u,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:d,labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),validateActive:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},c),f={name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),label:e.PropTypes.string||e.PropTypes.func,closable:e.PropTypes.bool,visible:e.PropTypes.bool.def(!0),disabled:e.PropTypes.bool,sortable:e.PropTypes.bool,renderDirective:(0,e.renderDirectiveType)(),panel:e.PropTypes.string||e.PropTypes.func},v=l(7685);const y=(0,r.defineComponent)({name:"TabNav",props:b,setup:function(e){var t=(0,r.computed)((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var t=[],a=!1;return e.panels.filter((function(n,o){if(!n.props)return null;var l=n.props,s=l.name,i=l.label,u=l.closable,d=l.visible,c=l.disabled,p=l.sortable;return!!d&&(e.active===s&&(a=!0),t.push({name:s,closable:u,visible:d,disabled:c,sortable:p,tabLabel:function(e){return n.slots.label?(0,r.h)(n.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?(0,r.h)(e):e}(i)}),!0)})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),t})),a=(0,r.ref)(-1),n=(0,r.ref)(-1),o=(0,r.ref)(""),l=function(e,t){return e===t},s={handleTabAdd:function(t){e.tabAdd(t)},dragstart:function(t,a){n.value=t,o.value=e.guid,Object.assign(a.dataTransfer,{effectAllowed:"move"}),e.tabDrag(t,a)},dragenter:function(t){l(o.value,e.guid)&&(a.value=t)},dragend:function(){a.value=-1,n.value=-1,o.value=null},drop:function(t,a){if(!l(o.value,e.guid))return!1;e.tabSort(n.value,t,a)},handleTabChange:function(t){e.tabChange(t)},handleTabRemove:function(t,a){e.tabRemove(t,a)}};return Object.assign(Object.assign({},s),{navs:t,dragenterIndex:a,dragStartIndex:n,draggingEle:o,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var t,a,n,o=this,l=this.active,s=this.closable,i=this.addable,u=this.sortable,d=this.sortType,c=this.labelHeight,p=this.dragstart,b=this.dragenter,f=this.dragend,y=this.drop;return(0,r.createVNode)("div",{style:{lineHeight:"".concat(c,"px")},class:(0,e.resolveClassName)("tab-header")},[(0,r.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-nav")},[o.navs.map((function(t,a){if(!t)return null;var n,i=t.name,c=t.disabled,h=t.tabLabel,g=function(e,t){return e||t};return(0,r.createVNode)("div",{key:i,onClick:function(){return o.handleTabChange(i)},draggable:g(t.sortable,u),onDragstart:function(e){return p(a,e)},onDragenter:function(e){e.preventDefault(),b(a)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),f()},onDrop:function(e){e.preventDefault(),y(a,d)},class:(n=[(0,e.resolveClassName)("tab-header-item")],c&&n.push((0,e.resolveClassName)("tab-header--disabled")),l===i&&n.push((0,e.resolveClassName)("tab-header--active")),n.join(" "))},[(0,r.createVNode)("div",null,[h]),g(t.closable,s)&&(0,r.createVNode)(v.Close,{class:(0,e.resolveClassName)("tab-header-item-close"),onClick:function(){return o.handleTabRemove(a,t)}},null)])}))]),(n=[],"function"==typeof o.$slots.add?n.push(null===(a=(t=o.$slots).add)||void 0===a?void 0:a.call(t,r.h)):i&&n.push((0,r.createVNode)("div",{onClick:o.handleTabAdd},[(0,r.createVNode)(v.Plus,{width:26,height:26},null)])),n.length?(0,r.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-operation")},[n.map((function(t,a){return(0,r.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-item"),key:a},[t])}))]):null),"function"==typeof this.$slots.setting&&(0,r.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-setting")},[this.$slots.setting()])])}}),h=(0,r.defineComponent)({name:"Tab",components:{TabNav:y},props:p,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,a){var n=a.slots,o=a.emit,l=(0,r.ref)(!1),s=(0,r.ref)([]),i=(0,r.getCurrentInstance)(),u=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t.children;return(n||[]).forEach((function(t){var n=t.type;"TabPanel"===(n=n.name||n)&&t.component?a.push(t.component):n!==r.Fragment&&"template"!==n||e(t,a)})),a},d=function(){if(n.default){var e=i.subTree.children[1].children;if(!e)return;var t=e[0],a=u(t);a.length!==s.value.length&&(s.value=a)}};(0,r.onMounted)((function(){d(),l.value=!0})),(0,r.onUpdated)((function(){d()}));var c={tabAdd:function(e){o("add",{e}),o("add-panel",{e})},tabChange:function(e){o("change",e),o("tab-change",e),o("update:active",e)},tabRemove:function(e,t){o("remove",e,t),o("remove-panel",e,t)},tabSort:function(e,a,n){var r,l=s.value;if("insert"===n)if(e<a)l.splice(a+1,0,s[e]),l.splice(e,1);else{if(!(e>a))return!1;l.splice(a,0,s[e]),l.splice(e+1,1)}else{var i=l[a];l[a]=l[e],l[e]=i}s.value=function(e){if(Array.isArray(e))return t(e)}(r=l)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,a){if(e){if("string"==typeof e)return t(e,a);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,a):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o("sort",e,a,n),o("sort-change",e,a,n)},tabDrag:function(e,t){o("drag",e,t),o("on-drag-tab",e,t)}};return Object.assign(Object.assign({},c),{isMounted:l,panels:s})},render:function(){var t,a,n,o,l=this;return(0,r.createVNode)("div",{class:"top"===l.tabPosition?"bk-tab bk-tab--".concat(l.tabPosition," bk-tab--").concat(l.type," ").concat(l.extCls):"bk-tab bk-tab--".concat(l.tabPosition," ").concat(l.extCls)},[(n=l.panels,o={panels:n,active:l.active,type:l.type,closable:l.closable,addable:l.addable,sortable:l.sortable,sortType:l.sortType,labelHeight:l.labelHeight,scrollStep:l.scrollStep,validateActive:l.validateActive,changeOnHover:l.changeOnHover,changeOnHoverDelay:l.changeOnHoverDelay,tabPosition:l.tabPosition,tabAdd:l.tabAdd,tabChange:l.tabChange,tabRemove:l.tabRemove,tabSort:l.tabSort,tabDrag:l.tabDrag},n&&Array.isArray(n)?(0,r.createVNode)(y,o,l.$slots):null),(0,r.createVNode)("div",{class:(0,e.resolveClassName)("tab-content")},[null===(a=(t=this.$slots).default)||void 0===a?void 0:a.call(t)])])}}),g=(0,r.defineComponent)({name:"TabPanel",props:f,render:function(){var t=this,a=this.name===this.$parent.active;return(0,r.withDirectives)((0,r.createVNode)("div",{ref:"content",class:(0,e.resolveClassName)("tab-panel")},[!t.visible||"if"===t.renderDirective&&!a?null:"function"==typeof t.panel?t.panel(r.h):"function"==typeof t.$slots.default?t.$slots.default(null):"function"==typeof t.$slots.panel?t.$slots.panel(null):null]),[[r.vShow,a]])}});var m=(0,e.withInstallProps)(h,{TabPanel:g});const T=m})(),s})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../icon/"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../icon/")):t(e["../shared"],e.vue,e["vue-types"],e["../icon/"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{"use strict";var n={7685:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=a}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,s),a.exports}s.d=(e,t)=>{for(var a in t)s.o(t,a)&&!s.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{s.r(l),s.d(l,{BkTab:()=>m,BkTabPanel:()=>g,default:()=>T});var e=s(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var a,r,n=s(748),o=s(210);!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card",e.CARD_TAB="card-tab"}(a||(a={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(r||(r={}));var i,u=(0,o.toType)("position",{}).def(r.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert"}(i||(i={}));var d=(0,o.toType)("sortType",{}).def(i.REPLACE),p={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},c={active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),type:(0,o.toType)("type",{}).def(a.BORDER_CARD),tabPosition:u,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:d,labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),extCls:e.PropTypes.string.def(""),validateActive:e.PropTypes.bool.def(!0),showHeader:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},b=Object.assign({active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),panels:{type:Array,default:function(){return[]}},tabPosition:u,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:d,labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),validateActive:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},p),f={name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),label:e.PropTypes.string||e.PropTypes.func,closable:e.PropTypes.bool,visible:e.PropTypes.bool.def(!0),disabled:e.PropTypes.bool,sortable:e.PropTypes.bool,renderDirective:(0,e.renderDirectiveType)(),panel:e.PropTypes.string||e.PropTypes.func},v=s(7685);const y=(0,n.defineComponent)({name:"TabNav",props:b,setup:function(e){var t=(0,n.computed)((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var t=[],a=!1;return e.panels.filter((function(r,o){if(!r.props)return null;var s=r.props,l=s.name,i=s.label,u=s.closable,d=s.visible,p=s.disabled,c=s.sortable;return!!d&&(e.active===l&&(a=!0),t.push({name:l,closable:u,visible:d,disabled:p,sortable:c,tabLabel:function(e){return r.slots.label?(0,n.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?(0,n.h)(e):e}(i)}),!0)})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),t})),a=(0,n.ref)(-1),r=(0,n.ref)(-1),o=(0,n.ref)(""),s=function(e,t){return e===t},l={handleTabAdd:function(t){e.tabAdd(t)},dragstart:function(t,a){r.value=t,o.value=e.guid,Object.assign(a.dataTransfer,{effectAllowed:"move"}),e.tabDrag(t,a)},dragenter:function(t){s(o.value,e.guid)&&(a.value=t)},dragend:function(){a.value=-1,r.value=-1,o.value=null},drop:function(t,a){if(!s(o.value,e.guid))return!1;e.tabSort(r.value,t,a)},handleTabChange:function(t){e.tabChange(t)},handleTabRemove:function(t,a){e.tabRemove(t,a)}};return Object.assign(Object.assign({},l),{navs:t,dragenterIndex:a,dragStartIndex:r,draggingEle:o,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var t,a,r,o=this,s=this.active,l=this.closable,i=this.addable,u=this.sortable,d=this.sortType,p=this.labelHeight,c=this.dragstart,b=this.dragenter,f=this.dragend,y=this.drop;return(0,n.createVNode)("div",{style:{lineHeight:"".concat(p,"px")},class:(0,e.resolveClassName)("tab-header")},[(0,n.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-nav")},[o.navs.map((function(t,a){if(!t)return null;var r,i=t.name,p=t.disabled,h=t.tabLabel,g=function(e,t){return e||t};return(0,n.createVNode)("div",{key:i,onClick:function(){return o.handleTabChange(i)},draggable:g(t.sortable,u),onDragstart:function(e){return c(a,e)},onDragenter:function(e){e.preventDefault(),b(a)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),f()},onDrop:function(e){e.preventDefault(),y(a,d)},class:(r=[(0,e.resolveClassName)("tab-header-item")],p&&r.push((0,e.resolveClassName)("tab-header--disabled")),s===i&&r.push((0,e.resolveClassName)("tab-header--active")),r.join(" "))},[(0,n.createVNode)("div",null,[h]),g(t.closable,l)&&(0,n.createVNode)(v.Close,{class:(0,e.resolveClassName)("tab-header-item-close"),onClick:function(){return o.handleTabRemove(a,t)}},null)])}))]),(r=[],"function"==typeof o.$slots.add?r.push(null===(a=(t=o.$slots).add)||void 0===a?void 0:a.call(t,n.h)):i&&r.push((0,n.createVNode)("div",{onClick:o.handleTabAdd},[(0,n.createVNode)(v.Plus,{style:"display:flex;",width:26,height:26},null)])),r.length?(0,n.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-operation")},[r.map((function(t,a){return(0,n.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-item"),key:a},[t])}))]):null),"function"==typeof this.$slots.setting&&(0,n.createVNode)("div",{class:(0,e.resolveClassName)("tab-header-setting")},[this.$slots.setting()])])}}),h=(0,n.defineComponent)({name:"Tab",components:{TabNav:y},props:c,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,a){var r=a.slots,o=a.emit,s=(0,n.ref)(!1),l=(0,n.ref)([]),u=(0,n.getCurrentInstance)(),d=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.children;return(r||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==n.Fragment&&"template"!==r||e(t,a)})),a},p=function(){if(r.default){var e=u.subTree.children[1].children;if(!e)return;var t=e[0],a=d(t);a.length!==l.value.length&&(l.value=a)}};(0,n.onMounted)((function(){p(),s.value=!0})),(0,n.onUpdated)((function(){p()}));var c={tabAdd:function(e){o("add",{e}),o("add-panel",{e})},tabChange:function(e){o("change",e),o("tab-change",e),o("update:active",e)},tabRemove:function(e,t){o("remove",e,t),o("remove-panel",e,t)},tabSort:function(e,a,r){var n,s=l.value;if(r===i.INSERT)if(e<a)s.splice(a+1,0,l[e]),s.splice(e,1);else{if(!(e>a))return!1;s.splice(a,0,l[e]),s.splice(e+1,1)}else{var u=s[a];s[a]=s[e],s[e]=u}l.value=function(e){if(Array.isArray(e))return t(e)}(n=s)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,a){if(e){if("string"==typeof e)return t(e,a);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,a):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o("sort",e,a,r),o("sort-change",e,a,r)},tabDrag:function(e,t){o("drag",e,t),o("on-drag-tab",e,t)}};return Object.assign(Object.assign({},c),{isMounted:s,panels:l})},render:function(){var t,o,s,l,i,u=this;return(0,n.createVNode)("div",{class:(i=[(0,e.resolveClassName)("tab"),u.extCls],u.tabPosition===r.TOP?i.push((0,e.resolveClassName)("tab--".concat(u.tabPosition)),(0,e.resolveClassName)("tab--".concat(u.type))):(i.push((0,e.resolveClassName)("tab--".concat(u.tabPosition))),u.type===a.CARD_TAB&&i.push((0,e.resolveClassName)("tab--vertical-tab"))),i)},[(s=u.panels,l={panels:s,active:u.active,type:u.type,closable:u.closable,addable:u.addable,sortable:u.sortable,sortType:u.sortType,labelHeight:u.labelHeight,scrollStep:u.scrollStep,validateActive:u.validateActive,changeOnHover:u.changeOnHover,changeOnHoverDelay:u.changeOnHoverDelay,tabPosition:u.tabPosition,tabAdd:u.tabAdd,tabChange:u.tabChange,tabRemove:u.tabRemove,tabSort:u.tabSort,tabDrag:u.tabDrag},s&&Array.isArray(s)?(0,n.createVNode)(y,l,u.$slots):null),(0,n.createVNode)("div",{class:(0,e.resolveClassName)("tab-content")},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])])}}),g=(0,n.defineComponent)({name:"TabPanel",props:f,render:function(){var t=this,a=this.name===this.$parent.active;return(0,n.withDirectives)((0,n.createVNode)("div",{ref:"content",class:(0,e.resolveClassName)("tab-panel")},[!t.visible||"if"===t.renderDirective&&!a?null:"function"==typeof t.panel?t.panel(n.h):"function"==typeof t.$slots.default?t.$slots.default(null):"function"==typeof t.$slots.panel?t.$slots.panel(null):null]),[[n.vShow,a]])}});var m=(0,e.withInstallProps)(h,{TabPanel:g});const T=m})(),l})()));
package/lib/tab/props.d.ts CHANGED
@@ -1,4 +1,19 @@
1
1
  import { PropType, VNode } from 'vue';
2
+ export declare enum TabTypeEnum {
3
+ CARD = "card",
4
+ BORDER_CARD = "border-card",
5
+ UNBORDER_CARD = "unborder-card",
6
+ CARD_TAB = "card-tab"
7
+ }
8
+ export declare enum PositionEnum {
9
+ LEFT = "left",
10
+ RIGHT = "right",
11
+ TOP = "top"
12
+ }
13
+ export declare enum SortTypeEnum {
14
+ REPLACE = "replace",
15
+ INSERT = "insert"
16
+ }
2
17
  export declare const tabNavEventProps: {
3
18
  tabAdd: {
4
19
  type: FunctionConstructor;
@@ -47,8 +62,8 @@ export declare const tabProps: {
47
62
  active: import("vue-types").VueTypeDef<string | number> & {
48
63
  default: string | number;
49
64
  };
50
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
51
- default: "card" | "border-card" | "unborder-card";
65
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
66
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
52
67
  };
53
68
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
54
69
  default: "top" | "right" | "left";
@@ -56,8 +71,8 @@ export declare const tabProps: {
56
71
  closable: BooleanConstructor;
57
72
  addable: BooleanConstructor;
58
73
  sortable: BooleanConstructor;
59
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
60
- default: "top" | "replace" | "insert";
74
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
75
+ default: "replace" | "insert";
61
76
  };
62
77
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
63
78
  default: number;
@@ -131,8 +146,8 @@ export declare const tabNavProps: {
131
146
  closable: BooleanConstructor;
132
147
  addable: BooleanConstructor;
133
148
  sortable: BooleanConstructor;
134
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
135
- default: "top" | "replace" | "insert";
149
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
150
+ default: "replace" | "insert";
136
151
  };
137
152
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
138
153
  default: number;
package/lib/tab/tab-nav.d.ts CHANGED
@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<{
34
34
  closable: BooleanConstructor;
35
35
  addable: BooleanConstructor;
36
36
  sortable: BooleanConstructor;
37
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
38
- default: "top" | "replace" | "insert";
37
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
38
+ default: "replace" | "insert";
39
39
  };
40
40
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
41
41
  default: number;
@@ -117,8 +117,8 @@ declare const _default: import("vue").DefineComponent<{
117
117
  closable: BooleanConstructor;
118
118
  addable: BooleanConstructor;
119
119
  sortable: BooleanConstructor;
120
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
121
- default: "top" | "replace" | "insert";
120
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
121
+ default: "replace" | "insert";
122
122
  };
123
123
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
124
124
  default: number;
@@ -148,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
148
148
  }>>, {
149
149
  active: string | number;
150
150
  closable: boolean;
151
- sortType: "top" | "replace" | "insert";
151
+ sortType: "replace" | "insert";
152
152
  tabAdd: Function;
153
153
  tabChange: Function;
154
154
  tabRemove: Function;
package/lib/tab/tab.css CHANGED
@@ -370,13 +370,21 @@
370
370
  display: flex;
371
371
  color: var(--default-color);
372
372
  }
373
+ .bk-tab--card-tab .bk-tab-header,
374
+ .bk-tab--vertical-tab .bk-tab-header {
375
+ background: #F0F1F5;
376
+ }
377
+ .bk-tab--card-tab .bk-tab-header {
378
+ border-radius: 4px 4px 0;
379
+ }
373
380
  .bk-tab-header > div {
374
381
  display: flex;
375
382
  margin-bottom: -1px;
376
383
  flex-wrap: nowrap;
377
384
  }
378
385
  .bk-tab--card .bk-tab-header > div,
379
- .bk-tab--border-card .bk-tab-header > div {
386
+ .bk-tab--border-card .bk-tab-header > div,
387
+ .bk-tab--vertical-card .bk-tab-header > div {
380
388
  border-right: 1px solid var(--disable-color);
381
389
  }
382
390
  .bk-tab-header-navs {
@@ -392,7 +400,8 @@
392
400
  overflow-y: auto;
393
401
  }
394
402
  .bk-tab--card .bk-tab-header-nav,
395
- .bk-tab--border-card .bk-tab-header-nav {
403
+ .bk-tab--border-card .bk-tab-header-nav,
404
+ .bk-tab--vertical-card .bk-tab-header-nav {
396
405
  border-left: 1px solid var(--disable-color);
397
406
  }
398
407
  .bk-tab-header-nav::-webkit-scrollbar {
@@ -400,11 +409,6 @@
400
409
  width: 0;
401
410
  height: 0;
402
411
  }
403
- .bk-tab-header-nav::-webkit-scrollbar-thumb {
404
- background: #dcdee5;
405
- border-radius: 50%;
406
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
407
- }
408
412
  .bk-tab-header-next,
409
413
  .bk-tab-header-prev {
410
414
  position: absolute;
@@ -433,6 +437,9 @@
433
437
  .bk-tab--right .bk-tab-header {
434
438
  border-left: 1px solid var(--disable-color);
435
439
  }
440
+ .bk-tab--vertical-tab .bk-tab-header {
441
+ border: 0;
442
+ }
436
443
  .bk-tab--left .bk-tab-header,
437
444
  .bk-tab--right .bk-tab-header {
438
445
  flex-direction: column;
@@ -441,14 +448,17 @@
441
448
  .bk-tab--right .bk-tab-header > div {
442
449
  flex-direction: column;
443
450
  }
444
- .bk-tab--card .bk-tab-header {
451
+ .bk-tab--card .bk-tab-header,
452
+ .bk-tab--vertical-card .bk-tab-header {
445
453
  border-bottom: 1px solid var(--disable-color);
446
454
  }
447
455
  .bk-tab--border-card .bk-tab-header {
448
- background: #FAFBFD;
449
456
  border: solid var(--disable-color);
450
457
  border-width: 1px 1px 1px 0;
451
458
  }
459
+ .bk-tab--border-card .bk-tab-header {
460
+ background: #FAFBFD;
461
+ }
452
462
  .bk-tab--unborder-card .bk-tab-header {
453
463
  border-bottom: 1px solid var(--disable-color);
454
464
  }
@@ -477,18 +487,40 @@
477
487
  .bk-tab--left .bk-tab-header-item {
478
488
  text-align: right;
479
489
  }
480
- .bk-tab--card .bk-tab-header-item {
490
+ .bk-tab--card .bk-tab-header-item,
491
+ .bk-tab--vertical-card .bk-tab-header-item {
481
492
  border-top: 1px solid var(--disable-color);
482
493
  }
483
494
  .bk-tab--card .bk-tab-header-item,
484
- .bk-tab--border-card .bk-tab-header-item {
495
+ .bk-tab--border-card .bk-tab-header-item,
496
+ .bk-tab--vertical-card .bk-tab-header-item {
485
497
  border-right: 1px solid var(--disable-color);
486
498
  border-bottom: 1px solid var(--disable-color);
487
499
  }
488
500
  .bk-tab--card .bk-tab-header-item:last-of-type,
489
- .bk-tab--border-card .bk-tab-header-item:last-of-type {
501
+ .bk-tab--border-card .bk-tab-header-item:last-of-type,
502
+ .bk-tab--vertical-card .bk-tab-header-item:last-of-type {
490
503
  border-right: none;
491
504
  }
505
+ .bk-tab--card-tab .bk-tab-header-item {
506
+ position: relative;
507
+ }
508
+ .bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,
509
+ .bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
510
+ position: absolute;
511
+ top: 50%;
512
+ left: 0;
513
+ display: block;
514
+ width: 1px;
515
+ height: 16px;
516
+ margin-top: -8px;
517
+ background: #c4c6cc;
518
+ content: '';
519
+ }
520
+ .bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
521
+ right: 0;
522
+ left: initial;
523
+ }
492
524
  .bk-tab-header-operation .bk-tab-header-item {
493
525
  padding-right: 12px;
494
526
  padding-left: 12px;
@@ -502,17 +534,31 @@
502
534
  color: var(--primary-color);
503
535
  }
504
536
  .bk-tab--card .bk-tab-header--active,
505
- .bk-tab--border-card .bk-tab-header--active {
537
+ .bk-tab--border-card .bk-tab-header--active,
538
+ .bk-tab--vertical-card .bk-tab-header--active {
506
539
  background: var(--white-color);
507
540
  border-bottom-color: var(--white-color);
508
541
  }
509
542
  .bk-tab--unborder-card .bk-tab-header--active {
510
543
  border-bottom: 2px solid var(--primary-color);
511
544
  }
512
- .bk-tab--left .bk-tab-header--active {
545
+ .bk-tab--card-tab .bk-tab-header--active,
546
+ .bk-tab--vertical-tab .bk-tab-header--active {
547
+ background: #fff;
548
+ }
549
+ .bk-tab--card-tab .bk-tab-header--active {
550
+ border-radius: 4px 4px 0 0;
551
+ }
552
+ .bk-tab--card-tab .bk-tab-header--active:after,
553
+ .bk-tab--card-tab .bk-tab-header--active:before,
554
+ .bk-tab--card-tab .bk-tab-header--active + .bk-tab-header-item:before {
555
+ /* stylelint-disable-next-line declaration-no-important */
556
+ display: none !important;
557
+ }
558
+ .bk-tab--left:not(.bk-tab--vertical-tab) .bk-tab-header--active {
513
559
  border-right: 2px solid var(--primary-color);
514
560
  }
515
- .bk-tab--right .bk-tab-header--active {
561
+ .bk-tab--right:not(.bk-tab--vertical-tab) .bk-tab-header--active {
516
562
  border-left: 2px solid var(--primary-color);
517
563
  }
518
564
  .bk-tab-header--disabled {
@@ -524,7 +570,8 @@
524
570
  flex: 1;
525
571
  padding: 10px;
526
572
  }
527
- .bk-tab--border-card .bk-tab-content {
573
+ .bk-tab--border-card .bk-tab-content,
574
+ .bk-tab--vertical-card .bk-tab-content {
528
575
  border: solid var(--disable-color);
529
576
  border-width: 0 1px 1px;
530
577
  }
package/lib/tab/tab.d.ts CHANGED
@@ -2,8 +2,8 @@ declare const _default: import("vue").DefineComponent<{
2
2
  active: import("vue-types").VueTypeDef<string | number> & {
3
3
  default: string | number;
4
4
  };
5
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
6
- default: "card" | "border-card" | "unborder-card";
5
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
6
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
7
7
  };
8
8
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
9
9
  default: "top" | "right" | "left";
@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{
11
11
  closable: BooleanConstructor;
12
12
  addable: BooleanConstructor;
13
13
  sortable: BooleanConstructor;
14
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
15
- default: "top" | "replace" | "insert";
14
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
15
+ default: "replace" | "insert";
16
16
  };
17
17
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
18
18
  default: number;
@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
61
61
  active: import("vue-types").VueTypeDef<string | number> & {
62
62
  default: string | number;
63
63
  };
64
- type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card"> & {
65
- default: "card" | "border-card" | "unborder-card";
64
+ type: import("vue-types").VueTypeDef<"card" | "border-card" | "unborder-card" | "card-tab"> & {
65
+ default: "card" | "border-card" | "unborder-card" | "card-tab";
66
66
  };
67
67
  tabPosition: import("vue-types").VueTypeDef<"top" | "right" | "left"> & {
68
68
  default: "top" | "right" | "left";
@@ -70,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
70
70
  closable: BooleanConstructor;
71
71
  addable: BooleanConstructor;
72
72
  sortable: BooleanConstructor;
73
- sortType: import("vue-types").VueTypeDef<"top" | "replace" | "insert"> & {
74
- default: "top" | "replace" | "insert";
73
+ sortType: import("vue-types").VueTypeDef<"replace" | "insert"> & {
74
+ default: "replace" | "insert";
75
75
  };
76
76
  labelHeight: import("vue-types").VueTypeValidableDef<number> & {
77
77
  default: number;
@@ -121,12 +121,12 @@ declare const _default: import("vue").DefineComponent<{
121
121
  "onUpdate:active"?: (...args: any[]) => any;
122
122
  onSort?: (...args: any[]) => any;
123
123
  }, {
124
- type: "card" | "border-card" | "unborder-card";
124
+ type: "card" | "border-card" | "unborder-card" | "card-tab";
125
125
  extCls: string;
126
126
  active: string | number;
127
127
  closable: boolean;
128
128
  showHeader: boolean;
129
- sortType: "top" | "replace" | "insert";
129
+ sortType: "replace" | "insert";
130
130
  tabPosition: "top" | "right" | "left";
131
131
  addable: boolean;
132
132
  sortable: boolean;